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

	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 repeat-y #000; font:14px "Century Gothic", "Trebuchet MS", Arial; text-align:center; color:#4C311F; height:100%}
a, a:visited {color:#916619; text-decoration:underline; font-weight:bold;}
a:hover {color:#935A1C; text-decoration:none;}
p {line-height:1.5; margin:0 auto; padding:10px 0;}
h2, h3, h4 {font-weight:bold; margin:0 auto; padding:0;}
h2 {font-size:24px;}
h3 {font-size:19px; color:#936A1C;}
h4 {font-size:16px; padding:10px 0;}
ul {margin:10px 20px; padding:10px 20px;}



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

#wrap {background:url(images/top_bgd.png) top repeat-x; width:100%; min-height:100%; position:relative;}


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

#banner {background:url(images/texture.jpg); height:110px; width:770px; overflow:hidden; clear:both;}

h1#logo {width:230px; height:125px; padding:0; margin:0 auto; text-align:center; text-indent:-9999px; overflow:hidden;}
	h1#logo a {width:230px; height:125px; overflow:hidden; display:block; clear:both; text-indent:-9999px;}
	

ul#navigation {background:url(images/navigation_bgd.jpg); width:766px; height:62px; display:block; text-align:center; margin:0 auto; padding:0; clear:both;}
	ul#navigation li {display:inline; float:left; overflow:hidden; list-style:none; margin:10px auto 0; padding:0;}
	ul#navigation li a {display:inline; float:left; height:40px; text-indent:-9999px; overflow:hidden;}
		#homeButton, #homeButton a {width:90px; margin-left:20px;}
			#homeButton a:hover {background:url(images/home_button_active.jpg);}
		#servicesButton, #servicesButton a {width:96px;}
			#servicesButton a:hover {background:url(images/services_button_active.jpg);}
		#furnishingsButton, #furnishingsButton a {width:126px;}
			#furnishingsButton a:hover {background:url(images/furnishings_button_active.jpg);}
		#navDivider {width:147px;}
		#galleryButton, #galleryButton a {width:79px;}
			#galleryButton a:hover {background:url(images/portfolio_button_active.jpg);}
		#aboutButton, #aboutButton a {width:79px;}
			#aboutButton a:hover {background:url(images/about_button_active.jpg);}
		#contactButton, #contactButton a {width:113px;}
			#contactButton a:hover {background:url(images/contact_button_active.jpg);}
	

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

#pageTitle {background:url(images/content_top.jpg) bottom no-repeat; width:766px; height:52px; overflow:hidden; margin-left:3px;}

#content {width:726px; padding-bottom:200px; clear:both; overflow:hidden; margin-top:20px;}

.leftColumn {width:200px; float:left; display:inline;}
.line20 {line-height:20px; margin:0 auto; padding:20px 0;}


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

#footer {background:url(images/bottom_bgd.png) bottom center repeat-x; width:100%; height:200px; clear:both; overflow:hidden; font-size:12px; position:absolute; bottom:0;}
#footerInner {width:710px; padding-top:70px;}
#footer a {color:#CC9900;}

	
/* 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;}
img.border-green {border:2px solid #92bd54;}
.floatRight img {margin-left:20px;}
.floatLeft img {margin-right:20px;}
.padding10 img {margin:10px 12px;}
.bottompadding {margin-bottom:39px}
.rightpadding {margin-right:20px}
.gold {color:#CC9900;}
.magazineAd {display:table-cell; vertical-align:middle;}
	.magazineAd p {margin-right:20px; vertical-align:middle;}
	.magazineAd img {vertical-align:middle;}


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

/*HOMEPAGE*/
body#homePage div#pageTitle h2 {background:url(images/title_home.gif) top center no-repeat; width:auto; height:45px; text-align:center; display:block; text-indent:-9999px; overflow:hidden; margin:0 auto;}

/*SERVICES PAGE*/
body#servicesPage div#pageTitle h2 {background:url(images/title_services.gif) top center no-repeat; width:auto; height:45px; text-align:center; display:block; text-indent:-9999px; overflow:hidden; margin:0 auto;}

/*FURNISHINGS PAGE*/
body#furnishingsPage div#pageTitle h2 {background:url(images/title_furnishings.gif) top center no-repeat; width:auto; height:45px; text-align:center; display:block; text-indent:-9999px; overflow:hidden; margin:0 auto;}

/*ABOUT PAGE*/
body#aboutPage div#pageTitle h2 {background:url(images/title_about.gif) top center no-repeat; width:auto; height:45px; text-align:center; display:block; text-indent:-9999px; overflow:hidden; margin:0 auto;}

/*CONTACT PAGE*/
body#contactPage div#pageTitle h2 {background:url(images/title_contact.gif) top center no-repeat; width:auto; height:45px; text-align:center; display:block; text-indent:-9999px; overflow:hidden; margin:0 auto;}

/*CONTACT PAGE*/
body#galleryPage div#pageTitle h2 {background:url(images/title_gallery.gif) top center no-repeat; width:auto; height:45px; text-align:center; display:block; text-indent:-9999px; overflow:hidden; margin:0 auto;}

.contactBox {width:386px; height:auto; overflow:hidden; margin:0 30px 20px 32px;}
	.contactBox p {margin:20px;}

#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;}
.requiredFields {color:#CC0000;}
p.requiredFields {margin:0 auto; padding:0; font-size:10px; text-align:right; margin-right:20px;}
p.submitWrap {margin:10px 0 0 150px; padding:0; clear:both;}

/*PROJECTS PAGE*/
p.projectThumb {margin:10px 5px 10px 35px; padding:0; float:left; display:inline;}
	p.projectThumb img {margin:0 auto; padding:0;}
h4.projectThumbDescription, p.projectThumbDescription {width:425px;}

/*STAGING PAGE* & *GALLERY PAGES*/
p.stagingPic {text-align:center; float:left; display:inline; margin:20px 50px; padding:0;}
p.beforePic {text-align:center; float:left; display:inline; margin:20px 0 20px 145px; padding:0;}
p.afterPic {text-align:center; float:left; display:inline; margin:20px 0 20px 26px; padding:0;}

p.beforePic300 {text-align:center; float:left; display:inline; margin:20px 0 20px 42px; padding:0;}
p.afterPic300 {text-align:center; float:left; display:inline; margin:20px 0 20px 42px; padding:0;}