/*

CompassDoors.com, A Division of Doors In Motion

Author: Joel Gaeddert
Company: Flint Hills Design, LLC http://www.flinthillsdesign.com
Copyright 2010 Flint Hills Design, LLC

*/

/*==============  Browser reset as recommended by Eric Meyer  ========== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}
/* remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 1; color: black; background: none; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/* ===========================  End of Reset  ==============================*/


body { background: #D3CFBC; font-family: Arial,Verdana,sans-serif; color:#211F1C; font-size: 14px; line-height: 140%; }

#header { padding-top:10px; background: url(/images/HeaderBackground.png); width:960px; height:100px; margin:20px auto 0 auto; position: relative; color:#D3CFBC; font-size: 12px; font-weight: normal; border:1px solid #333; border-bottom: none;}
	#header #logo { position: relative; left:30px; top:28px; }
	#header-address { position: absolute; top:50px; left:600px; }
	#header-phone { position: absolute; top: 50px; left:825px; }
	
#nav { list-style-type:none; font-size:14px; color:white; position:absolute; top:55px; left: 300px; }
	#nav li { float:left; padding:4px 16px; font-weight:bold; background: #435DA9; }
	#nav li a:link, #nav li a:visited { color:white; }
	#nav li a:hover { color:white; }
		
#content { background-color: #70736B; background: url(/images/ContentBackground.png); width:960px; overflow:auto; margin:0 auto; position: relative; border:1px solid #333; }
	#content-left { width:600px; float:left; }
	#content-right { width:360px; float:right; }


#footer { width:960px; background: url('_images/FooterBackground.jpg') top center; height:150px; margin:0 auto; font-size:12px; padding-top:30px; }
#copyright { width:960px; margin: 6px auto 20px; color:#999; font-size:10px; text-align: center; }	
	#copyright p { color: #999; }
	
h1 { font-size:14px; color:#211F1C; font-weight: bold; }
h2 { font-size:28px; color:#211F1C; font-weight:bold; }
h3 { font-size:14px; color:#211F1C; font-weight:bold; padding:6px 0 6px 0;}
h4 { font-size:14px; color:#211F1C; font-weight:bold; padding-bottom:0; margin-bottom:0; padding-top:12px; }
#content p { font-size:13px; color:#211F1C; line-height:20px; margin:2px 0 10px; }

a:link, a:visited { color: white; text-decoration: none;  }
a:hover { text-decoration: underline; }

#BasicButton {background: #6A6DBA; color: #FFFFFF; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; font-size: 11px; font-weight: bold; text-decoration: none; margin: 0px; padding: 3px 6px; border: 1px solid #666; vertical-align: middle; }
#BasicButton:hover { background: #333; }


/*----------------------- Lists ----------------------*/		
ul.BasicList { padding-left:.25em;}
ul.BasicList li { list-style-type: disc; margin-left:2em;}
ul.BasicList ul { margin-left:1.5em; margin-bottom:1em;}
ul.BasicList ul li { list-style-type:square; }
ul.BasicList ul ul { margin-left:1.5em; margin-bottom:.5em;}
ul.BasicList ul ul li { list-style-type:square; }

ol.BasicList { padding-left:.25em;}
ol.BasicList li { list-style-type:decimal; margin-left:2em;}
ol.BasicList ol { margin-left:1.5em; margin-bottom:1em;}
ol.BasicList ol li { list-style-type:square; }
ol.BasicList ol ol { margin-left:1.5em; margin-bottom:.5em;}
ol.BasicList ol ol li { list-style-type:square; }


/*--------------------- General Styles ----------------*/
.floatRight { float:right; }
.floatLeft { float:left; }
.clearer { clear:both; }
strong { font-weight:bold; }
em { font-style: italic; }