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

	Title: CSS
	Author: Hiram Hibbard, Web Editors
	Date: 3/25/2009 

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

	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
**************************************************************************************************************
**************************************************************************************************************/	

html,
body {margin:0; padding:0; height:100%;}
body {background:url(images/background.jpg) top center no-repeat #fff; font:14px Georgia, "Times New Roman", Times, serif; text-align:center; color:#663300; height:100%}
a, a:visited {color:#916619; text-decoration:underline;}
a:hover {color:#935A1C; text-decoration:none;}
p {line-height:18px; margin:0 20px 10px; padding:0;}
h2, h3, h4 {font-weight:bold; margin:0 20px; padding:0;}
h2 {font-size:20px; margin-bottom:15px;}
h3 {font-size:18px;}
h4 {font-size:16px; padding:10px 0;}
ul {margin:10px 20px; padding:10px 20px;}
abbr {border-bottom:1px dashed #673530; cursor:help;}




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

#wrap {background:url(images/top_bgd.png) top repeat-x; width:100%; min-height:100%; position:relative;}
#container {width:850px; height:auto; clear:both;}
.tail {background:url(images/tail.png); width:96px; height:236px; position:absolute; top:391px; left:50%; margin-left:330px;}


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

h1#logo a {margin:20px auto 0; padding:0; float:left; display:inline; width:334px; height:40px; overflow:hidden; text-indent:-9999px;}

.topSpace {height:60px; clear:both;}

ul#navigation {float:right; margin:30px 30px 0; padding:0; font-size:18px; clear:right;}
	ul#navigation li {display:inline; list-style:none; margin:0 auto; padding:0 10px; color:#000;}
	ul#navigation li a {color:#000; text-decoration:none;}
		ul#navigation li a:hover {text-decoration:underline;}
	

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

#content {width:836px; padding-bottom:220px; clear:both; overflow:hidden; margin-top:50px;}


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

#footer {background:url(images/waves.png) bottom center repeat-x; width:100%; height:200px; clear:both; overflow:hidden; font-size:12px; position:absolute; bottom:0;}
#footerInner {width:850px; color:#fff; font-size:20px;}
	#footerInner p {margin:0 auto; padding:0; line-height:24px;}
	#footerInner .phone {float:left; display:inline; margin:80px 40px 0; line-height:24px;}
	#footerInner .logo {float:left; display:inline; margin:10px 0 0 100px; text-align:center;}
	#footerInner .quote {float:right; display:inline; margin:80px 40px 0; clear:right;}
.copy {text-align:center; clear:both; margin:0 auto;}

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

.clear {clear:both;}
.clearLeft {clear:left;}
.clearRight {clear:right;}
.alignLeft {text-align:left;}
.alignCenter {text-align:center;}
.alignRight {text-align:right;}
.floatLeft {float:left; display:inline;}
.floatRight {float:right; display:inline;}

img.border {border:2px solid #AD8724;}
.floatRight img {margin-left:20px;}
.floatLeft img {margin-right:20px;}
.padding10 img {margin:10px 12px;}
.orangeDivider {position:absolute; top:304px; left:50%; margin-left:-419px; width:327px; height:8px; background:#F79333; z-index:20;}


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

/*HOME PAGE*/
.recentWork {margin-top:80px; text-align:right;}
	.recentWork h3 {margin:0 20px; padding:0;}
	.recentWork h4 {margin:0 20px; padding:20px 0 5px; font-weight:normal;}

/*SERVICES PAGE*/
.servicesAnswers {width:650px; clear:both;}
	.servicesAnswers h3 {margin:20px; font-size:16px;}
	

/*CONTACT PAGE*/
.contactBox {width:400px; clear:both;}
#contactForm {font-size:14px; margin:0 auto; padding:0;}	
	#contactForm label {float:left; text-align:right; width:120px; 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 textarea {background:#E4EDF5; float:right; text-align:left; width:230px; clear:right; margin:3px 20px 2px 0; border:1px solid #C4C4C4;}
#contact #leftCol {width:430px; float:left; display:inline; background:none; border:none; margin:0 auto;}
#contact #rightCol {width:430px; float:left; display:inline; margin:0 auto; color:#673530;}
	#contact #rightCol .contactBox {margin:0 30px 20px 10px;}
	#contact #rightCol p {font-size:13px;}
	
.requiredFields {color:#CC0000;}
p.requiredFields {margin:0 auto; padding:0; font-size:12px; text-align:center;}
button.submit {background:url(images/submit_button.png) top left no-repeat; width:112px; height:33px; text-indent:-9999px; cursor:pointer; border:0; display:block; float:left;}
button.reset {background:url(images/reset_button.png) top left no-repeat; width:104px; height:33px; text-indent:-9999px; cursor:pointer; border:0; display:block; float:left;}
#contact label.securityNumber {padding-top:96px;}
.submitWrap {margin:10px 0 0 140px; padding:10px; clear:both;}

.securityNumber { padding-top:94px;}

/*PORTFOLIO PAGE*/
.portfoliWrap {width:650px;}
.portfoliWrap h2, .portfoliWrap h4 {margin:20px;}
 p.thumb {background:url(images/thumb_bgd.png); width:178px; height:162px; margin:10px 16px 0; padding:0; text-align:center; display:block;}
	.thumb img {padding:8px;}
.portfolioThumbs {width:210px; float:left; text-align:center;}
.portfoliWrap a {text-decoration:none;}
.seolist {line-height:18px;}
.thumbRow {margin-top:40px;}
.portfolioThumbs h3 {font-size:14px; margin:0 auto; padding:0;}