/*
	Author: Jason Lentz @ Tdippa Web Design - jason@tdippa.com
	Client: FM Good Dog
	Date:	February 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:24px;
	font-family: 'Kreon', arial, serif;
	font-weight: lighter;
	}
h2 {font-size:22px; padding: 15px;
	font-family: 'Kreon', arial, serif;
	font-weight: lighter;
	}
h3 {font-size:20px; padding: 15px;}

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

a:link {color:#000000;}
a:visited {color:#000000;}
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;
	background-image: url(/images/FMGoodDog-Header-GreenPaws.jpg);
	background-repeat: no-repeat;
	border-bottom: 20px solid #000000;
	position: relative;
	margin-top: 20px;
}


/*
	Content
*/

#left-col	{
	width: 510px;
	float: left;
	padding: 15px 15px 15px 15px;
}

#left-col h1 {
	text-indent: 30px;
	padding-top: 30px;
}

#left-image {
	width: 510px; height: 343px;
	background-image: url(/images/FrontFacingDog.jpg);
	background-repeat: no-repeat;
	margin: 0 auto;
}

#right-col	{
	width: 420px;
	float: right;
}


#content-right-image {
	width: 300px; height: 200px;
	margin:0 auto;
	margin-top: 30px;
	border-bottom: 10px solid #000000;
}

#services h1 {
	text-indent: 50px;
	padding-top: 45px;
	padding-bottom: 15px;
}

#services ul li {
	margin-left: 30px;
	line-height: 1.4;
	list-style: none;
}

#services-left-col {
	width: 210px;
	float: left;
	text-indent: 20px;
	font-family: 'Covered By Your Grace', arial, serif;
	font-size: 22px;
}

#services-right-col {
	width: 210px;
	float: right;
	font-family: 'Covered By Your Grace', arial, serif;
	font-size: 22px;
}

#content-right-contact {
	width: 350px;
	margin:0 auto;
	margin-top: 30px;
	padding-left: 25px;
	padding-bottom: 20px;
}


/*
	Thank You Page
	
*/

#thankyou-left-col	{
	width: 510px;
	float: left;
	padding: 15px 15px 15px 15px;
	margin-top: 50px;
	text-align: right;
}

#thankyou-left-col h1 {
	padding-top: 30px;
	padding-bottom: 30px;
	text-align: left;
	text-indent: 30px;
}

#thankyou-left-col p {
	text-align: right;
}

#thankyou-right-col	{
	width: 420px;
	float: right;
	margin-top: 50px;
}


#thankyou-content-right-image {
	width: 300px; height: 200px;
	margin:0 auto;
	margin-top: 30px;
	border-bottom: 10px solid #000000;
}

#thankyou-services h1 {
	text-indent: 50px;
	padding-top: 45px;
	padding-bottom: 15px;
}

#thankyou-services ul li {
	list-style-type: disc;
	margin-left: 30px;
	line-height: 1.4;
	list-style: none;
}

#thankyou-services-left-col {
	width: 210px;
	float: left;
	text-indent: 20px;
	font-family: 'Covered By Your Grace', arial, serif;
	font-size: 22px;
}

#thankyou-services-right-col {
	width: 210px;
	float: right;
	font-family: 'Covered By Your Grace', arial, serif;
	font-size: 22px;
}




/*
	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;
	border-top: 7px solid #000000;
	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;
}