﻿@charset "UTF-8";
/* CSS Document */

html {background: #843800 url(images/background.png) top;}
body {margin: 0px auto; padding: 0px; font-family: Verdana, Arial, Helvetica, sans-serif;}

a:link {color: #043873; text-decoration: none;}
a:active {color: #043873; text-decoration: none;}
a:visited {color: #043873; text-decoration: none;}
a:hover {color: #7a2e30; text-decoration: none;}

a.nav {color: #ffffff; text-decoration: none;}
a.nav:active {color: #ffffff; text-decoration: none;}
a.nav:visited {color: #ffffff; text-decoration: none;}
a.nav:hover {background-color: #000000; text-decoration: none;}

h2 {color: #043873; padding-bottom: 5px; width:320px; height: 80px; float: left;}	
}

img {border:none;}

.clearer {clear: both;}

.clear-right {clear:right;}

#header {height: 210px; background: url(images/headerRepeater.png) repeat-x;}
	#subHeader {margin: 0px auto; padding-top: 158px; width: 1180px; height: 193px; background: url(images/header.png) no-repeat;}
		#navigation {margin: 0px auto; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; font-weight: bold; }
			#nave {margin: 0px auto; height: 50px; margin-top: -17px; margin-left: 275px; width: 983px;}
				a.nav {display: block; height: 50px; float: left;}
				a#home {background-image: url(images/nav/home01.jpg); background-repeat: no-repeat; width: 75px;}
				a#home:hover {background-image: url(images/nav/home02.jpg); background-repeat: no-repeat; width: 75px;}
				a#about {background-image: url(images/nav/about01.jpg); background-repeat: no-repeat; width: 102px;}
				a#about:hover {background-image: url(images/nav/about02.jpg); background-repeat: no-repeat; width: 102px;}
				a#design {background-image: url(images/nav/design01.jpg); background-repeat: no-repeat; width: 185px;}
				a#design:hover {background-image: url(images/nav/design02.jpg); background-repeat: no-repeat; width: 185px;}
				a#customdoor {background-image: url(images/nav/customdoor.jpg); background-repeat: no-repeat; width: 146px;}
				a#customdoor:hover {background-image: url(images/nav/customdoor01.jpg); background-repeat: no-repeat; width: 146px;}				
				a#designerdoor {background-image: url(images/nav/designerdoor.jpg); background-repeat: no-repeat; width: 143px;}
				a#designerdoor:hover {background-image: url(images/nav/designerdoor01.jpg); background-repeat: no-repeat; width: 143px;}								
				a#gallery {background-image: url(images/nav/gallery01.jpg); background-repeat: no-repeat; width: 86px;}
				a#gallery:hover {background-image: url(images/nav/gallery02.jpg); background-repeat: no-repeat; width: 86px;}
				a#request {background-image: url(images/nav/request01.jpg); background-repeat: no-repeat; width: 204px;}
				a#request:hover {background-image: url(images/nav/request02.jpg); background-repeat: no-repeat; width: 204px;}
				a#contact {background-image: url(images/nav/contact01.jpg); background-repeat: no-repeat; width: 124px;}
				a#contact:hover {background-image: url(images/nav/contact02.jpg); background-repeat: no-repeat; width: 124px;}
				a#furniture {background-image: url(images/nav/furniture02.jpg); background-repeat: no-repeat; width: 204px;}
				a#furniture:hover {background-image: url(images/nav/furniture01.jpg); background-repeat: no-repeat; width: 204px;}				
#container {width: 980px; margin: 0px auto; padding-bottom: 100px;}
	#showcase {width: 1000px;}
		#showcaseOne {float: left; width: 230px; height: 383px; background: url(images/showcaseOneBG.png) no-repeat; background-position: top left; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; font-weight: bold; line-height: 20px; padding: 0 0 0 20px;}
		#showcaseTwo {float: left; width: 238px; height: 397px; margin: 6px 200px 0 25px;}
		#showcaseThree {float: left; width: 250px; padding: 0; font-size: 10px; font-weight: bold; margin: 13px 0 100px 30px; height:400px;}
		/*background: url(images/showcaseThreeBG.png) no-repeat; background-position: top right;*/
		form.home {margin: 15px 0 0 5px; background-color:#2e58cf;}
	#content {width: 980px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff; line-height: 20px; text-align: center; margin-top:50px;}
	#content h3 {font-family: Georgia, "Times New Roman", Times, serif;}
		#contentOne {float: left; width: 205px; padding: 0 20px 0 20px;}
		#contentTwo {float: left; width: 205px; padding: 0 20px 0 20px;}
		#contentThree {float: left; width: 205px; padding: 0 20px 0 20px;}
		#contentFour {float: left; width: 205px; padding: 0 20px 0 20px;}
	#footer {width: 980px; margin: 0px; height: 30px;}
	
/* slideshow */
#slideshow img {border: 0px;}
	#slidesContainer {margin: 0px auto; width: 238px;}
	
.pageButtons img {border: none;}
	
/* subContent */
#subContent {width: 980px; margin: 0px auto;}	
	#subContentLeft {float: left; width: 230px; height: 383px; background: url(images/showcaseOneBG.png) no-repeat; background-position: top left; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; font-weight: bold; line-height: 20px; padding: 0 0 0 20px;}
	#subContentRight {float: left; width: 640px; margin: 0 20px 0 20px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; background-color:#ffbb40; border: 1px solid #fff; padding: 10px 15px 10px 15px; line-height: 20px;}
		

/* Contact Form */
#contact-form-layout {margin: 40px 0px 0px 40px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; color: #043873;}
  #field-label {float: left; width: 115px;}
	input.text-field-300 {width: 300px; margin-bottom: 15px;}
	#contact-group-float-left {float: left;}
	#state-zip {margin-bottom: 15px;}
	  input.text-field-150 {width: 150px; margin-bottom: 15px;}
		#text-field-75 {float: left; width: 75px; margin: 0 0 0 25px}	
  #contact-group-margin {margin-bottom: 15px;}
	#check-box-group {width:150px; float:left;}
	#check-box-group-200 {width:200px; float:left;}	
  #check-box-group-250 {width:250px; float:left;}		

#contact{
 float: right;
 width:320px;
 font-size: 12px;
 color: #043873;
  }
 #title{
border-bottom: 1px solid #043873;
height:110px;
}
