/*************************************************************************************************************
**************************************************************************************************************

	Title: CSS
	Author: Hiram Hibbard, Diamond Valley Web Design
	Date: 2008 

**************************************************************************************************************

	1. Global Reset
	
	2. HTML
	
	3. Layout
		3.1 Header
		3.2 Content
		3.3 Footer
		
	4. Classes
	
	5. Page-Specific
		
**************************************************************************************************************
**************************************************************************************************************/


/* 1. Global Reset
**************************************************************************************************************
**************************************************************************************************************/	

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,
dd,dl,dt,fieldset,form,label,legend,
table,caption,strong,tbody,tfoot,thead,tr,th,td 
{margin:0 auto;	padding:0;	border:0;	font-size:100%; line-height:1; font-family:inherit; text-align:left;}

table {border-collapse:collapse; border-spacing:0;}
caption, th, td {text-align:left; font-weight:normal;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}


/* 2. HTML
**************************************************************************************************************
**************************************************************************************************************/	

body {background:#DEE9F6; font:14px Trebuchet MS, Arial, Helvetica, sans-serif; text-align:center;}
a, a:visited {color:#304D78; text-decoration:underline;}
a:hover {color:#304D78;}
h1 {margin:0 20px 20px; font-size:18px; font-weight:bold;}
h2 {font-size:22px; font-weight:bold; margin:0 20px; padding-top:20px;}
p {line-height:18px; margin:20px 10px; padding:0;}
abbr {border-bottom:1px dashed #673530; cursor:help;}
li {line-height:24px; padding-right:20px;}
p strong {line-height:18px;}

/* 3. Layout
**************************************************************************************************************
**************************************************************************************************************/	

#wrap {background:url(images/top_bgd.png) top repeat-x; width:100%; height:465px; clear:both;}
#wrap2 {background:url(images/background.png) bottom repeat-x; clear:both;}
#innerWrap {background:url(images/body_bgd.png) repeat-y; width:980px;}
#top {background:url(images/banner_bgd.png); width:980px; height:233px;}
.flash {margin:0 auto; height:auto; width:550px;}


/* 3.1 Header
**************************************************************************************************************/

h1#logo {width:360px; height:180px; display:block; text-align:center; margin:0 102px; overflow:hidden; float:left;}
h1#logo a {background:url(images/logo.png); width:360px; height:180px; display:block; margin:0 auto; padding:0; text-indent:-9999px; outline:none; overflow:hidden;}

ul#navigation {width:888px; height:33px; margin:0 auto; padding:20px  0 0 0; display:block; overflow:hidden; clear:both;}
	ul#navigation li {display:inline; float:left; margin:0 auto; padding:0;}
		ul#navigation li a, ul#navigation li a:visited {background:url(images/button.png); width:148px; height:33px; display:block; float:left; margin:0 auto; padding:0; color:#000; font-size:18px; text-align:center; line-height:33px; text-decoration:none;}
		ul#navigation li a:hover {text-decoration:underline;}

h1#banner {background:url(images/banner.jpg); width:576px; height:99px; text-align:center; margin:0 auto; padding:0; clear:both;}
	h1#banner a {background:url(images/banner.jpg); width:576px; height:0; padding-top:99px; overflow:hidden; display:block;}

p.topEmail {margin:145px 0 0 50px; padding:0; float:left; display:inline;}
	p.topEmail a {color:#000; text-decoration:underline;}
p.topPhone {margin:145px 50px 0 0; padding:0; float:right; display:inline;}

/* 3.2 Content
**************************************************************************************************************/

#content h2 {text-transform:uppercase;}
#contentBox {background:url(images/content_bgd.jpg) repeat-y; width:820px; height:auto; overflow:hidden;}
#contentBoxInner {background:url(images/content_main_bgd.png) top no-repeat; width:820px; height:auto; overflow:hidden;}

#leftCol {width:380px; float:left; display:inline; margin-left:15px;}
#rightCol {width:415px; float:left; display:inline;}

.youtubeBlock {width:459px; height:378px; background:url(images/flash_bgd.png) no-repeat; margin:0 auto; padding:0; text-align:center; padding:17px 0 0 1px;}

.pageContent p {margin:20px 20px;}

/* 3.3 Footer
**************************************************************************************************************/

#footer {background:url(images/footer.png); width:980px; height:179px; clear:both; overflow:hidden;}
	#footer p {}
.cities { letter-spacing:5px;}
.footerEmail a {float:left; display:inline; text-align:left; margin:40px 0 0 110px; color:#000; text-decoration:underline;}
.footerPhone {float:right; display:inline; text-align:right; margin:40px 110px 0 0; color:#000;}
.siteDesign {margin:85px auto 0 auto; padding:0; text-align:center; color:#000;}
	.siteDesign a {color:#000;}


/* 4. Classes
**************************************************************************************************************
**************************************************************************************************************/	

.clear {clear:both;}
.alignLeft {text-align:left;}
.alignCenter {text-align:center;}
.alignRight {text-align:right;}
.floatLeft {float:left; display:inline;}
.floatRight {float:right; display:inline;}
.list {font-size:16px; font-weight:bold;  margin:0 auto; padding:0 20px;}
.list li {position:relative;}
.thumb {border:2px solid #304D78;}


/* 5. Page Specific
**************************************************************************************************************
**************************************************************************************************************/	

#contactForm {font-size:14px; margin:0 auto; padding:0; width:420px; float:right; padding-right:50px;}	
	#contactForm label {float:left; text-align:right; width:150px; clear:left; margin:0 10px 5px 0; line-height:26px; color:#673530;}
	#contactForm input {background:#E4EDF5; float:right; text-align:left; width:230px; clear:right; margin:3px 20px 2px 0; height:20px; border:1px solid #C4C4C4;}
	#contactForm select {background:#E4EDF5; float:right; text-align:left; width:234px; clear:right; margin:3px 20px 2px 0; height:20px; border:1px solid #C4C4C4;}
	#contactForm textarea {background:#E4EDF5; float:right; text-align:left; width:230px; clear:right; margin:3px 20px 2px 0; border:1px solid #C4C4C4;}
	
.requiredFields {color:#CC0000;}
p.requiredFields {margin:0 auto; padding:0; text-align:right; margin-right:210px;}
p.submitWrap {margin:10px 0 10px 170px; padding:0; clear:both;}
.address {padding-left:50px; float:left; display:inline; font-size:16px;}