/*
	Author: Jason Lentz @ Tdippa Web Design - jason@tdippa.com
	Client: Westpole.net
	Date:	April 2011
*/

/*

	Colors:

	Body Background: Pure B & W
	
	Fonts:
		General Text: Garamond,Arial;
		Headings: 'Kreon', arial, serif;
		Services: 'Covered By Your Grace', arial, serif;

*/

/*
	Stickey Footer in use.  Always use padding instead of margins.

Be carefull with declaring padding on the main <div> in another part of your style sheet. If you were to add something like this; padding:0 10px 0 10px; you would end up overwriting the important bottom padding that is supposed to be the same as your footer height. This would cause your footer to start overlaping your content on your longer pages (in Google Chrome).

Watch out if you are using a border on your footer. If you add a 1px border to a 200px high footer, then you need to use 201px as your negative margin in in #footer and 201px as your padding bottom in #main to compensate for that extra 1pixel.

*/


/*
	Utility
*/

.floatLeft		{ float: left; }
.floatRight		{ float: right; }
.clear			{ clear: both; }


html, body 	{height: 100%;}
body		{
		background-color: #ffffff;
		font-family: Garamond,Arial;
		font-size: 18px;
		}

h1, h2, h3, h4, h5, h6 {font-weight: bold;}
h1 {font-size:42px;
	}
h2 {font-size:36px;
	}
h3 {font-size:22px;}

p {
font-family:Garamond,Arial;
font-size: 18px;
line-height: 120%;
color: #444444;
text-align: justify;
padding: 10px;
}

a:link {color:#000000;text-decoration: none;}
a:visited {color:#000000;text-decoration: none;}
a:hover {color:#c0c0c0;}

/*
	Body Structure
*/

		
#wrap {
		width: 960px; margin: 0 auto; min-height: 100%;
		background-color: #ffffff;
}

#main 		{overflow:auto;
		padding-bottom: 37px;
		}  /* must be same height as the footer */


/*
	Header
*/

#header {
	height: 180px; width: 960px;
	background-color: #ffffff;
	position: relative;
	margin-top: 20px;
	padding-top: 30px;
	text-align: center;
}

#header h3 {
	font-family: 'Just Me Again Down Here', serif;
	font-size: 42px;
}

/*
	Content
*/

#left-col	{
	width: 480px;
	float: left;
	text-align: center;
}

#left-col h1 {
	font-family: 'Cabin Sketch', Helvetica, serif;
}



#right-col	{
	width: 480px;
	float: right;
	text-align: center;
}

#right-col h2 {
	font-family: Helvetica, serif;
}






/*
	Footer
*/

#footer {position: relative; width: 960px;
	margin-left: auto;
	margin-right: auto;
	margin-top: -37px; /* negative value of footer height */
	height: 30px;
	clear:both;
	background-color: white;
	padding: 10px;
} 

#footer-col1 {
	width: 320px;
	float: left;
	text-align: center;
}

#footer-col2 {
	width: 320px;
	float: left;
	text-align: center;
}

#footer-col3 {
	width: 320px;
	float: right;
	text-align: center;
}

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;
}