/* Layout  */
/* You may adapt certain elements of this CSS in your own projects, but the unique combination of images, colors, sizes, typography, and positioning ("the DESIGN") is copyright 2009 Broc Randall and Pixel Pros Media and may not be reproduced. */ 
	
	body {
	margin: 0 0 0 0; 
	padding:0; 
	font:16px Georgia, Serif;
	color:#111;
	background:#EEE url(images/bg_main.jpg); 
	}	

* {
	margin:0px; 
	padding:0px;
	}

img { 
	border:none;
	}

h1 { 
	font-size:20px; 
	font-family:Georgia, Serif; 
	color: #3399FF;
	font-weight:bold; 
	margin:0 0 7px 0;	}

/* LINKS */

#topnav { color:#342501; }
#topnav a:link, #topnav a:visited { color:#fa066d; text-decoration:none;}	
#topnav a:hover, #topnav a:active { color:#342501; text-decoration:underline; }


#quote a:link, #quote a:visited { color:#faf5a0; border-bottom:1px dotted #faf5a0; text-decoration:none; }	
#quote a:hover, #quote a:active { color:#184820; background-color:#faf5a0; border-bottom:1px solid #3399cc; text-decoration:none; }

#footer a:link, #footer a:visited { color: #990000; text-decoration:none; }	
#footer a:hover, #footer a:active { color: #333; text-decoration:underline; }

#left { color:#342501; text-decoration:none; }
#left a:link, #left a:visited { color:#fa066d; font-weight: bold; }	
#left a:hover, #left a:active { color:#342501; text-decoration:none; }

/* HEADER

----------------------------------------------- */

#headerContainer { padding: 30px 0 0 0; float:left; width:100%; background: url(images/footer_bg.gif) top center repeat-x; }

#header { width:800px; margin:0px auto; height:144px; }

#header img { float:left; }



#topnav { float:right; margin:25px 0 0 0; font:bold 14px Georgia, Serif; }

#topnav li { list-style:none; display:inline; }



#quote { clear:both; width:650px; padding:50px 0 15px 0; font:20px/22px Georgia, Serif; color:#fff; }



/* CONTENT

----------------------------------------------- */

#mainContainer { float:left; width:100%; background: #FFF /*url(images/footer_bg.gif) top center repeat-x*/; padding:0 0 50px 0; border-top: 2px dotted #DDD; border-bottom: 2px dotted #DDD; }

#main { width:800px; margin:0px auto; line-height:20px; }

#main img { margin: 10px; padding: 6px; border: 2px solid #DDD; }

#main p { margin:0 0 15px 0; }

#left { width: auto; float:left; margin:30px 0 0 50px; }

#left ul { margin:0 0 20px 20px; }

#left ul li { list-style:circle; padding:0 0 0 10px; }

em {
font-size: 77%;
}

.highlight {
background: #c3ebfa;
padding: 1px 2px 1px 2px;
}

/* TABLE */

#main table {
		margin: 0 0 18px;
		width: 100%;
		background: #EEE;
		font-size: 90%;
	}
		#main tr {
		}
			#main th {
				background: #607590;
				border-right: 1px solid #DDD;
				color: #fff;
				font-family: georgia;
				font-weight: normal;
				line-height: 1.5em;
				padding: 6px 0 2px 13px;
				text-align: left;
			}
			#main td {
				border: 1px solid #fff;
				color: #222;
				line-height: 1.5em;
				padding: 6px 0 5px 13px;
			}
			#main tr.odd td {
				background-color: #fad8e6;
			}


/*FORM */

#content #contact_form {
	padding: 40px 20px 20px 20px;
	margin-bottom: 30px;
}
#contact_form fieldset {
	border: 0;
	margin-bottom: 20px;
}

#contact_form .sep {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333333;
	padding-bottom: 5px;
	margin-bottom: 20px;
}
#contact_form label {
	width: 180px;
	display: block;
	float: left;
	padding-right: 50px;
	text-align: right;
}
#contact_form .form_field{
	width: 390px;
}

#contact_form .button {
	text-align: center;
}
#contact_form .error {
	margin-bottom: 20px;
	background-color: #2B2B2B;
	padding: 20px 20px 20px 180px;
	background-image: url(images/error.gif);
	background-position: 45px 25px;
	background-repeat: no-repeat;
	border: 6px solid #4E4E4E;
}
#contact_form .error p {
	color: #CC0000;
	font-size: 1.6em;
}
#contact_form .error ul {
	list-style-position: inside;
	list-style-type: decimal;
	margin-left: 20px;
}
#contact_form .success {
	font-size: 2em;
	color: #DFCA99;
	font-weight: normal;
}


.form_field {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	border: 3px solid #CCC;
	background-color: #FFFFFF;
	padding: 3px;
	color: #2B2B2B;
}

.short_field {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	border: 3px solid #353535;
	background-color: #FFFFFF;
	padding: 3px;
	color: #2B2B2B;
}

#content #other_contact {
}

#other_contact ul {
	list-style-type: none;
}

#other_contact li {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333333;

}

#other_contact li strong {
	color: #CCC;
	display: block;
	float: left;
	width: 100px;
	text-align: left;
}

/* FOOTER

----------------------------------------------- */

#footerContainer { clear:both; width:100%; /*background: url(images/footer_bg.gif) bottom center repeat-x;*/ height:200px; }

#footer { width:800px; padding:45px 0 0 0; margin:0px auto; font:10px Verdana, Sans-Serif; text-transform:uppercase; color:#3d4c58; }

#footer p { margin:0 0 2px 0; }