/* CSS Document */

/*------------------------------------------------------------------ 
[Table of contents] 
 
1. Body 
2. Header / #header 
3. Links
4. Text Format
5. Content / #content 
6. Home Layout
7. Interior Layout
8. Footer / #footer 
9. Special Code

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

/*------------------------------------------------------------------ 
[1. Body] 
*/  

	* {
		margin: 0;
		padding: 0;
	}
	body{
		background:#11366e url(images/tile.jpg) repeat-x;
		background-position: 50% 0%;
	}
	#wrapper{
		width: 990px;
		margin: auto;
	}
	#topstrip{
		background:#faf9f3;
		height: 30px;
		padding: 0px;
	}
	
/*------------------------------------------------------------------ 
[2. Header / #header] 
*/  
	
	#header{
		height: 180px;
		padding: 0px;
	}
	#logo{
		position:relative;
		right: 0px;
		height: 0px;
		float: right;
		z-index: 1;
		padding-bottom:-40px;
		clear:left;
	}
	#secondarynav{
		font-family:Helvetica, Arial, sans-serif;
		font-size: 11px;
		height: 21px;
		padding: 9px 0px 0 0;
		text-align: right;
	}
	#branding{
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size: 30px;
		color: #FFFFFF;
		float: left;
		width: 700px;
		height: 94px;
		padding: 27px 0 0 22px;
		clear: left;
	}
	#nav{
		position:relative;
		right: 20px;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size: 20px;
		background: 0;
		letter-spacing:.2px;
		margin: 1px 150px 0px 0px;
		float: right;
		z-index: 2;
		width: 315px;
	}
	#subnav{
		font-family:Helvetica, Arial, sans-serif;
		color: #FFFFFF;
		}
	
/*------------------------------------------------------------------ 
[3. Links] 
*/  
	a img {border: none; }
	a:focus { 
    outline: none; 
	}
	a {
		color: #FFFFFF;
		text-align:left;
		text-decoration:none;
		border: none;
		
	}
	
	a:link { color: #3376c6;}
	a:visited { color: #3376c6;}	
	a:hover { color: #999999;}	
	a:active { color: #999999;}	
	
	#nav a:link { color: #FFFFFF;}
	#nav a:visited { color: #FFFFFF;}	
	#nav a:hover { color: #999999;}	
	#nav a:active { color: #999999;}	
	#nav li{
		list-style-type: none;
		display: inline;
	}
	div#nav a{
	float: left;
	text-decoration:none;
	padding-top: 2px;
	padding-right: 15px;
	}
	#secondarynav a:link { color: #FFFFFF;}
	#secondarynav a:visited { color: #FFFFFF;}	
	#secondarynav a:hover { color: #999999;}	
	#secondarynav a:active { color: #999999;}	
	#secondarynav li{
		list-style-type: none;
		display: inline;	
		font-size: 12px;
		padding-right: 12px;
	}
	div#secondarynav a{
	text-decoration:none;
	}
	#branding a:link { color: #FFFFFF;}
	#branding a:visited { color: #FFFFFF;}	
	#branding a:hover { color: #FFFFFF;}	
	#branding a:active { color: #FFFFFF;}
	#branding li{
		list-style-type: none;
		font-size: 14px;
		letter-spacing:.3px;
		margin-bottom: 14px;
	}
	div#branding a{
	text-decoration:none;
	}
	.indentedheading a:link { color: #999999;}
	.indentedheading a:visited { color: #999999;}	
	.indentedheading a:hover { color: #3376c6;}	
	.indentedheading a:active { color: #999999;
	}
	#subnav a:link { color: #FFFFFF;}
	#subnav a:visited { color: #FFFFFF;}	
	#subnav a:hover { color: #999999;}	
	#subnav a:active { color: #999999;}
	#subnav li{
		list-style-type: none;
		font-size: 14px;
		letter-spacing:.3px;
		margin-bottom: 14px;
	}
	div#subnav a{
	text-decoration:none;
	}
	#branding a:link { color: #FFFFFF;}
	#branding a:visited { color: #FFFFFF;}	
	#branding a:hover { color: #FFFFFF;}	
	#branding a:active { color: #FFFFFF;}
	#branding li{
		list-style-type: none;
		font-size: 14px;
		letter-spacing:.3px;
		margin-bottom: 14px;
	}
	div#branding a{
	text-decoration:none;
	}
	.indentedtext li{
		font-family:Helvetica, Arial, sans-serif;
		font-size: 14px;
		line-height: 18px;
		letter-spacing:.2px;
		margin-bottom: 18px;  
		color:#333333;
		margin-left:12px;
	}
	#mainleftbottom li{
		font-family:Helvetica, Arial, sans-serif;
		font-size: 16px;
		font-weight:bold;
		line-height: 26px;
		letter-spacing:.1px;
		color:#3376c6;
	}
	
/*------------------------------------------------------------------ 
[4. Text Format] 
*/  
	p{
		font-family:Helvetica, Arial, sans-serif;
		font-size: 14px;
		line-height: 19px;
		letter-spacing:.2px;
		margin-bottom: 16px;
		display: inline;  
		color:#333333;
		min-width: 300px;
	}
	h1{
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size: 30px;
		line-height: 35px;	
		letter-spacing:.4px;
		margin-bottom: 15px;
		font-weight:normal;
		color:#11366e;
	}
	h2{
		font-family:Helvetica, Arial, sans-serif;
		font-size: 16px;
		line-height: 26px;
		letter-spacing:.2px;
		margin-bottom: 18px;		
		display: inline; 
		color:#11366e;
	}
	h3{
		font-family:Helvetica, Arial, sans-serif;
		font-size: 21px;
		font-weight:normal;
		line-height: 22px;
		letter-spacing:.2px;
		margin-bottom: 22px;		
		display: inline; 
		color:#999;
	}

	h4{
		font-family:Helvetica, Arial, sans-serif;
		font-size: 16px;
		line-height: 26px;
		letter-spacing:.1px;
		margin-bottom: 18px;
		display: inline;
		color:#3376c6;
	}
	h5{
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size: 14px;
		font-weight:normal;
		color:#FFFFFF;
		padding: 10px;
	}
	.greylink{
		font-family:Helvetica, Arial, sans-serif;
		font-size: 21px;
		font-weight:normal;
		line-height: 22px;
		letter-spacing:.2px;
		margin-bottom: 22px;		
		display: inline; 
		color:#999;
	}
	
/*------------------------------------------------------------------ 
[5. Content / #content] 
*/  
	
	#contentarea{
		background:#faf9f3;
		min-height: 585px;
		overflow: hidden;
		width: 100%;	
	}
	#mainleftcol{
		float: left;
		padding: 40px 0px 0px 20px;
		background:#faf9f3;
		display:inline;
		width: 480px;
	}
	#mainrightcol{
		float: right;
		padding: 40px 20px 0px 0px;
		background:#faf9f3;
		display:inline;
		clear:right;
	}
	#leftcol{
		float: left;
		padding: 40px 0px 0px 20px;
		background:#faf9f3;
		width: 740px;
		display:inline;
	}
	#rightcol{
	
		float: right;
		background:#faf9f3;
	}
	#contactimage{
		width: 45px;
		float: left;
		padding: 0px 20px 0 0px;
		display:inline;
	}
	#telephone{
	margin: 2px 0px 83px 0px;
	}
	#computer{
	margin: 0px 0px 0px 0px;
	}
	#formtext{
		padding: 20px 0px 0px 60px;
		text-align: right;
		float: left;
		clear:right;
		
	}
	#form{
		padding: 0px 0px 0px 20px;
		float: left;
		clear:right;
	}
	.largefield{
	width: 179px;
	}
	.phonesmall{
	width: 25px;
	}
	.phonelarge{
	width: 30px;
	}
	
	
/*------------------------------------------------------------------ 
[6. Home Layout] 
*/  
		
	#mainlefttop{
		text-align:justify;
		height: 285px;
		width: 460px;
		padding: 0px 7px 20px 0px;
		overflow:hidden;
	}
	#mainleftbottom{
		background:url(images/leftgradient.gif) no-repeat;
		text-align:justify;
		height: 265px;
		width: 440px;
		padding: 12px 20px 20px 20px;
		
	}
	#columnone{
		width: 220px;
		float: left;
		clear:right;
		padding: 0px 0px 0 13px;
	}
	#columntwo{
		width: 165px;
		float: right;
		padding: 0px 10px 0 0px;
	}
	#mainrighttop{
		background:url(images/rightgradient.gif) no-repeat;
		text-align:justify;
		height: 283px;
		width: 430px;
		padding: 12px 20px 10px 20px;
	}
	#mainrightbottom{
		background:url(images/rightgradient.gif) no-repeat;
		text-align:justify;
		height: 265px;
		width: 430px;
		padding: 12px 20px 20px 20px;
	}
	#maincontacttext{
		width: 300px;
		float: left;
		padding: 0px 0 0 0px;
	}
	
/*------------------------------------------------------------------ 
[7. Interior Layout] 
*/  

	#lefttop{
		background:url(images/gradientline.gif) no-repeat;
		text-align:justify;
		height: 228px;
		width: 630px;
		padding: 12px 90px 10px 20px;
	}
	#lefttopnoline{
		background:url(images/gradient.gif) no-repeat;
		text-align:justify;
		width: 630px;
		padding: 12px 40px 10px 20px;
	}
	.indentedheading{
		margin-left:30px;
		text-align:left;
	}
	#indentedheader{
		margin-left:30px;
		text-align:left;
	}
	.indentedtext{
		margin-left:55px;
	}
	#leftbottom{
	
		text-align:left;
		min-height: 260px;
		width: 610px;
		margin: 10px 20px 20px 20px;
	}
	#abtrighttop{
		background:url(images/aboutsubnav.gif) no-repeat;
		text-align:justify;
		height: 210px;
		width: 154px;
		padding: 70px 38px 10px 28px;
		margin: 0px 10px 0px 0px;
	}
	#righttop{
		background:url(images/subnav.gif) no-repeat;
		text-align:justify;
		height: 210px;
		width: 154px;
		padding: 70px 38px 10px 28px;
		margin: 0px 10px 0px 0px;
	}
	#contactrighttop{
		text-align:justify;
		height: 260px;
		width: 220px;
		padding: 70px 0px 20px 0px;
		margin: 0px 10px 0px 0px;
	}
	#rightbottom{
		text-align:justify;
		height: 260px;
		width: 220px;
		padding: 10px 0px 20px 0px;
	}
	#interiorcontacttext{
		width: 145px;
		float: left;
		padding: 0px 0px 0 0px;
		clear: right;
		display:inline;
	}

/*------------------------------------------------------------------ 
[8. Footer / #footer] 
*/  
	
	#footer{
	
	}
	#footertext{
		font-family:Helvetica, Arial, sans-serif;
		font-size: 11px;
		color: #FFFFFF;
		height: 21px;
		padding: 9px 10px 0 10px;
		clear:left;
	}
	#footertextleft{
		float: left;
		display:inline;
		clear:right;
	}
	#footertextright{
		float: right;
		display: inline;
		clear:right;
	}
	#footerbottom{
	background:url(images/footerbottom.jpg) no-repeat;
	background-position: 50% 0%;
	height: 21px;
	text-align:right;
	font-family:Helvetica, Arial, sans-serif;
	padding: 9px 10px 0 10px;
	font-size: 11px;
	color: #999;
	}


/*------------------------------------------------------------------ 
[9. Special Code] 
*/  

#main
/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */