@charset "UTF-8";
/* CSS Document */

body {
	margin: 0;
	padding: 0;
	background-color: #D7CAAD;
	text-align: center;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3D2E2A;
	}
	body.home {
		background: #D7CAAD url(img/bg_home_beams.png) center no-repeat;
		}
	
/*////////////////////////////////////////////////////////////////////////*/
	
#wrap {
	width: 940px;
	margin: 0 auto;
	text-align: left;
	}
	
/*////////////////////////////////////////////////////////////////////////*/

	a {
		color: #5F3B24;
		text-decoration: none;
		font-weight: bold;
		}
	a:hover {	
		text-decoration: underline;
		}
	
	a img { border: 0; }
	
	.clear { clear: both; }
		.center { text-align: center; }
	
/*////////////////////////////////////////////////////////////////////////*/

.hidden {
	display: none;
}

/*////////////////////////////////////////////////////////////////////////*/
	
#head {
	height: 78px;
	padding: 10px;
	background: url(img/bg_head.png) top no-repeat;
	}
	#head h1 {
		float: left;
		margin: 0;
		}
		#head h1 a {
			display: block;
			width: 244px;
			}
	#head ul {
		margin: 0;
		padding: 0;
		list-style: none;
		float: right;
		}
		#head ul li {
			margin: 0;
			padding: 0;
			float: left;
			}
			#head ul li a {
				display: block;
				color: #FFFFFF;
				text-decoration: none;
				padding: 1px 4px;
				border-right: 1px solid #61432E;
				}
			#head ul li a.noline {
				border-right: 0;
				}
				#head ul li a:hover {
					text-decoration: underline;
					color: #F9DDB3;
					}
	
	
/*////////////////////////////////////////////////////////////////////////*/
	
	#search {
		height: 28px;
		padding: 5px 0;
		}
		#search form {
			margin: 0;
			padding: 5px 0 0 0;
			float: left;
			width: 280px;
			}
		#search form#search2 {
			margin: 0;
			padding: 5px 0 0 0;
			float: left;
			width: 380px;
			}
			#search form fieldset {
				margin: 0;
				padding: 0;
				border: 0;
				}
				#search form fieldset label {
					float: left;
					padding: 4px 0 0 0;
					margin: 0 10px 0 0;
					}
				#search form fieldset input {
					float: left;
					border: 1px solid #3D2E2A;
					margin: 0 10px 0 0;
					}
				#search form fieldset button {
					width: 60px;
					height: 20px;
					border: 0;
					text-indent: -9999px;
					background-image: url(img/btn_search.png);
					cursor: pointer;
					}
		#search p.Phone {
			float: right;
			margin: 0;
			padding: 8px 0 0 0;
			font-size: 14px;
			width: 100px;
			text-align: right;
			}
		#search div.Catalogue {
			float: right;
			margin: 0 18px 0 0;
			padding: 3px 0 0 0;
			width: 100px;
			text-align: right;
			}
		#search div.Catalogue  img{
			border: 0;
		}		
	
/*////////////////////////////////////////////////////////////////////////*/
	
	#menu {
		height: 38px;
		padding: 2px;
		background: transparent url(img/bg_menu.png) no-repeat;
		}
		#menu ul {
			margin: 0;
			padding: 0;
			list-style: none;
			}
			#menu ul li {
				margin: 0;
				padding: 0;
				float: left;
				}
				#menu ul li a {
					display: block;
					color: #FFFFFF;
					text-decoration: none;
					padding: 12px 32px 6px 34px;
					text-decoration: none;
					border-right: 1px solid #887364;
					}
				#menu ul li a.noline {
					border-right: 0;
					}
				#menu ul li a:hover {
					text-decoration: underline;
					color: #F9DDB3;
					}
	
/*////////////////////////////////////////////////////////////////////////*/

	#trak {
		padding: 10px 0;
		}
		#trak p {
			margin: 0;
			}
	
/*////////////////////////////////////////////////////////////////////////*/

	#main div#hcont {
		padding-bottom: 50px;
		}
	#main div div#feat {
		background: url(img/bg_featured.png) no-repeat;
		padding: 1px 10px 1px 120px;
		height: 100px;
		}
		#main div div#feat div {
			float: left;
			width: 270px;
			padding: 4px 0;
			}
			#main div div#feat div p {
				margin: 0;
				color: #FFFFFF;
				}
				#main div div#feat div p strong {
					display: block;
					font-size: 13px;
					padding-bottom: 4px;
					}
				#main div div#feat div p a {
					color: #FFFFFF;
					}
				#main div div#feat div p img {
					float: left;
					margin-right: 6px;
					border: 1px solid #D8AE83;
					}

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

	#buildersbox, #distributorsbox, #homeownersbox {
		float: left;
		width: 300px;
		padding: 0 4px 20px 4px;
		}
		#buildersbox div, #distributorsbox div, #homeownersbox div {
			padding: 4px 10px;
			}
		#buildersbox div h1, #distributorsbox div h1, #homeownersbox div h1 {
			font-size: 24px;
			}

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

	#main div#sidemenu {
		float: left;
		width: 162px;
		background: #C49D76 url(img/bg_sidemenu.png) repeat-y;
		}
		#main div#sidemenu h2 {
			margin: 0;
			height: 42px;
			padding: 24px 0 0 0;
			font-size: 16px;
			background-image: url(img/bg_h2_topside.png);
			text-align: center;
			color: #FFFFFF;
			font-weight: normal;
			}
			
				#main div#sidemenu h2.door {
					padding: 12px 24px;
				}
			
		#main div#sidemenu div.topside {
			height: 36px;
			background: transparent url(img/bg_topside.png) no-repeat;
			}
			
		#main div#sidemenu div.med h3 {
			margin: 10px 0;
			padding: 8px 10px;
			color: #FFFFFF;
			font-size: 14px;
			background: #522B18 url(img/bg_h3_side.png) repeat-x;
			}
		#main div#sidemenu div.med h3 a {
			color: #FFFFFF;
			}

		#main div#sidemenu div.med ul {
			margin: 0;
			padding: 0 10px;
			list-style: none;
			}
			#main div#sidemenu div.med ul li {
				margin: 0;
				padding: 0;
				}
				#main div#sidemenu div.med ul li a {
					color: #FFFFFF;
					display: block;
					background: transparent url(img/bg_li_side.png) left center no-repeat;
					text-decoration: none;
					padding: 5px 0 4px 10px;
					}
				#main div#sidemenu div.med ul li a:hover {
					text-decoration: underline;
					}
		
			
	#main div#sidemenu div.bottom {
		height: 8px;
		background-image: url(img/bg_bottomsidemenu.png);
		font-size: 0;
		}

	
/*////////////////////////////////////////////////////////////////////////*/
	
	#cont {
		float: right;
		width: 760px;
		}
		
	.contpop {
		text-align: left;
		padding: 10px;
		width: 760px;
		}
		
		#cont h2, #main div h2 {
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 24px;
			color: #5F3C25;
			font-weight: normal;
			margin: 0 0 10px 0;
		}
			
		#cont p.pages {
			margin: 0;
			text-align: right;
			line-height: 125%;
			}
			#cont p.pages a {
				font-weight: normal;
				padding: 0 6px;
				border-right: 1px solid #CD894E;
				}
				#cont p.pages a:hover {
					text-decoration: none;
					}
			#cont p.pages a.actual {
				color: #CD894E;
				font-weight: bold;
				}
			#cont p.pages a.nobor {
				border-right: 0;
				}
			
			#cont div.pics {
				padding: 10px 0;
				}
				#cont div.pics a img {
					padding: 4px;
					border: 1px solid #DFB78D;
					margin: 4px;
					background-color: #FFFFFF;
					}
				#cont div.pics a:hover img {
					background-color: #FBF0DF;
					}
					
			#cont div.desc {
				height: 98px;
				background: url(img/bg_desc.png) no-repeat;
				padding: 2px;
				}
				#cont div.desc p {
					float: left;
					width: 180px;
					text-align: center;
					padding: 3px;
					margin: 4px 0;
					}
					#cont div.desc p strong {
						display: block;
						font-size: 14px;
						color: #E78332;
						text-transform: uppercase;
						padding-bottom: 10px;
						}
						
			#cont div#text {
				clear: both; 
				padding: 20px 0;
				}
	
/*////////////////////////////////////////////////////////////////////////*/
	
	#family {
		width: 750px;
		height: 376px;
		text-align: center;
		margin-bottom: 20px;
		background-color: #FFFFFF;
		}
	
/*////////////////////////////////////////////////////////////////////////*/
	
	#cont div#forms form input {
		border: 1px solid #3D2E2A;
		width: 300px;
		padding: 2px;
		height: 16px;
		}
	#cont div#forms form input.boton {
		border: 0;
		width: 80px;
		text-indent: -9999px;
		padding: 2px;
		height: 24px;
		background-image: url(img/boton_forms.jpg);
		cursor: pointer;
		color: transparent;
		text-transform: capitalize;		
		display: block;
		background-position: right;
		}
		
	#cont div#forms form textarea {
		border: 1px solid #3D2E2A;
		width: 300px;
		padding: 2px;
		}
	#cont div#forms form input.check {
		width: 20px;
		border: 0;
		}
	#cont div#forms form input.iradio {
		width: 20px;
		border: 0;
		}
	
/*////////////////////////////////////////////////////////////////////////*/
	
	#cont div#item_left {
		float: left;
		width: 500px;
		}
	#cont div#item_left2 {
		float: left;
		width: 290px;
		}
		#cont div#item_left.wider {
			width: 760px;
			}
		#cont div#item_left img, #cont div#item_left2 img {
			padding: 4px;
			background-color: #FFFFFF;
			}
		#cont div#item_left h2 span {
			font-size: 14px;
			}
			
	#cont div#item_right {
		float: right;
		width: 242px;
		}
		
	#cont div#item_right2 {
		float: right;
		width: 450px;
		}
		
	#cont div#item_right p {
		margin: 4px 0 8px 0;
		}
	
		
/*---------------------------------------------------*/

		#cont div#item_right div#panel {
			background: url(img/bg_ul_options_bg.png) repeat-y;
			padding: 0;
			margin: 0 0 10px 0;
			}
		
		#cont div#item_right div#panel ul.icons {
			background: transparent url(img/bg_ul_options_top.png) no-repeat;
			margin: 0;
			padding: 10px 4px 0 4px;
			list-style: none;
			min-height: 40px;
			_height: 40px;
			clear: both;
			}
		#cont div#item_right div#panel p {
			height: 9px;
			font-size: 0;
			margin: 0;
			clear: both;
			background: transparent url(img/bg_ul_options_btm.png) bottom no-repeat;
			}
		
		#cont div#item_right ul.icons li {
				float: left;
				margin: 0;
				padding: 0;
				}
				#cont div#item_right ul.icons li a {
					display: block;
					width: 96px;
					height: 32px;
					padding: 0px 0 3px 21px;
					background: url(img/item_li_option.png) no-repeat;
					color: #D48635;
					font-weight: normal;
					}

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

	#prevnext {
		width: 480px;
		height: 24px;
		clear: both;
		background: #FCF1E1 url(img/bg_prevnext.png) no-repeat;
		margin: 20px 0;
		padding: 6px 4px 2px 4px;
		}
		#prevnext div#prev {
			float: left;
			width: 205px;
			padding: 4px 0 0 23px;
			background: transparent url(img/arrow_left_pn.png) left center no-repeat;
			}
		#prevnext div#next {
			float: right;
			width: 205px;
			padding: 4px 23px 0 0;
			text-align: right;
			background: transparent url(img/arrow_right_pn.png) right center no-repeat;
			}
			#prevnext div a {
				color: #C47826;
				font-weight: normal;
				}

	#prevnext2 {
		width: 752px;
		height: 24px;
		clear: both;
		background: #FCF1E1 url(img/bg_prevnext2.png) no-repeat;
		margin: 20px 0;
		padding: 6px 4px 2px 4px;
		}
		#prevnext2 div#prev2 {
			float: left;
			width: 315px;
			padding: 2px 0 0 23px;
			background: transparent url(img/arrow_left_pn.png) left center no-repeat;
			cursor: pointer;
			}
		#prevnext2 div#next2 {
			float: right;
			width: 315px;
			padding: 2px 23px 0 0;
			text-align: right;
			background: transparent url(img/arrow_right_pn.png) right center no-repeat;
			cursor: pointer;
			}
			#prevnext2 div a {
				color: #C47826;
				font-weight: normal;
				}

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

	#cont div#item_bottom {
		background: url(img/bg_item_bottom.png) no-repeat;
		height: 144px;
		padding: 16px 10px 0 16px;
		clear: both;
		margin-top: 10px;
		}
		
		#cont div#item_bottom div#carrusel {
		width: 726px;
		overflow: hidden;
		float: left;
		}
		
		#cont div#item_bottom div.overflow {
			width: 1740px;
			height: 130px;
			}
			
		#cont div#item_bottom div.minipic {
			float: left;
			width: 135px;
			padding: 0 5px;
			text-align: center;
			display: inline;
			height: 130px;
			}
			#cont div#item_bottom div.minipic p {
				margin: 0 0 1px 0;
				}
			#cont div#item_bottom div.minipic a img {	
				background-color: #FFFFFF;
				padding: 3px;
				}
			#cont div#item_bottom div.minipic a:hover img {
				background-color: #F9DDB3;
				}
		#cont div#item_bottom div.minipic a {
				color: #FFFFFF;
				}
		#cont div#item_bottom div.minipic a:hover {
				color: #F9DDB3;
				text-decoration: underline;
				}
		
		#cont div#item_bottom p {
				margin: 0;
				}
		
	#cont div#item_bottom2 {
		background: url(img/bg_item_bottom2.png) no-repeat;
		height: 144px;
		padding: 14px 1px 10px 1px;
		clear: both;
		}
		#cont div#item_bottom2 div#arrowleft {
			float: left;
			width: 16px;
			padding: 30px 0 0 0;
			}
		#cont div#item_bottom2 div#arrowright {
			float: right;
			width: 16px;
			padding: 30px 0 0 0;
			}
	
		#cont div#item_bottom2 div#carrusel {
		width: 726px;
		overflow: hidden;
		float: left;
		}
		
		#cont div#item_bottom2 div.overflow {
			width: 1740px;
			height: 130px;
			}
			
		#cont div#item_bottom2 div.minipic {
			float: left;
			width: 135px;
			padding: 0 5px;
			text-align: center;
			display: inline;
			height: 130px;
			}
			#cont div#item_bottom2 div.minipic p {
				margin: 0 0 1px 0;
				}
			#cont div#item_bottom2 div.minipic a img {	
				background-color: #FFFFFF;
				padding: 3px;
				}
			#cont div#item_bottom2 div.minipic a:hover img {
				background-color: #F9DDB3;
				}
		#cont div#item_bottom2 div.minipic a {
				color: #FFFFFF;
				}
		#cont div#item_bottom2 div.minipic a:hover {
				color: #F9DDB3;
				text-decoration: underline;
				}
		
		#cont div#item_bottom2 p {
				margin: 0;
				}
				
				
		#cont div#item_bottom ul {
			margin: 0;
			padding: 0;
			list-style: none;
			}
			#cont div#item_bottom ul li {
				margin: 0 0 2px 0;
				padding: 0;
				float: left;
				width: 240px;
				}
				#cont div#item_bottom ul li a {
					display: block;
					padding: 5px 10px 12px 24px;
					color: #F7E3C4;
					text-decoration: none;
					background: url(img/bg_docs.png) top left no-repeat;
					}
				#cont div#item_bottom ul li a:hover {
					color: #FFFFFF;
					text-decoration: underline;
					}
	
/*////////////////////////////////////////////////////////////////////////*/
	
	#cont div.dist {
		height: 160px;
		background: url(img/bg_dist.png) no-repeat;
		padding: 10px;
		margin: 0 0 10px 0;
		}
		#cont div.dist div {
			float: left;
			width: 160px;
			text-align: center;
			height: 160px;
			margin: 0 10px 0 0;
			}
		#cont div.dist h4 {
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 16px;
			margin: 0 0 14px 0;
			}
		#cont div.dist p {
			margin: 0 0 10px 0;
			}
			#cont div.dist img {
				float: left;
				border: 1px solid #DEB78C;
				padding: 4px;
				background-color: #F7E3C5;
				margin-right: 10px;
				}
				
/*////////////////////////////////////////////////////////////////////////*/
	
	#formfriend {
		width: 208px;
		height: 148px;
		padding: 16px;
		background: transparent url(img/bg_form_friend.png) no-repeat;
		color: #FFFFFF;
		}
		#formfriend form fieldset {
			padding: 0;
			border: 0;
			}
			#formfriend form fieldset label {
				display: block;
				padding: 2px 0;
				_margin: 0;
				_height: 12px;
				}
			#formfriend form fieldset input {
				display: block;
				padding: 2px;
				width: 192px;
				height: 18px;
				border: 1px solid #DEB78C;
				margin: 0;
				_height: 12px;
				}
			#formfriend form fieldset button {
				text-indent: -9999px;
				display: block;
				border: 0;
				width: 60px;
				height: 20px;
				background-image: url(img/btn_sendfriend.png);
				background-position: right;
				margin: 4px 0 0 0;
				cursor: pointer;
				}
			

/*////////////////////////////////////////////////////////////////////////*/
	
	#FormLogin {
		background: url(img/bg_formlogin.png) no-repeat;
		width: 460px;
		height: 180px;
		}
		#FormLogin fieldset {
			margin: 0;
			padding: 30px;
			border: 0;
			}
			#FormLogin fieldset label {
				display: block;
				float: left;
				width: 120px;
				color: #FFFFFF;
				padding: 3px 0;
				clear: left;
				margin: 10px 0 0 0;
				}
			#FormLogin fieldset input {
				float: left;
				width: 260px;
				border: 1px solid #CCCCCC;
				padding: 1px;
				clear: right;
				height: 20px;
				margin: 10px 0 0 0;
				}
			#FormLogin fieldset button {
				width: 80px;
				height: 24px;
				background-image: url(img/btn_signin.png);
				border: 0;
				text-indent: -9999px;
				cursor: pointer;
				margin: 20px 16px 0 0;
				float: right;
				}
				
	.allright {
		color: #669900;
		}
	.error {
		color: #CC0000;
		}

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

	h3.tutorial {
		background: url(img/bg_docs_list.png) left no-repeat;
		padding: 2px 0 18px 24px;
		font-size: 16px;
		}

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

		#cont div#text h3 {
			color: #CC0001;
			font-family: Georgia, "Times New Roman", Times, serif;
			}
	
		#cont div.faqus {
			background: url(img/bg_faqs_h3.png) top left no-repeat;
			padding: 4px 0 15px 28px;
			}
			#cont div.faqus h4 {
				font-family: Georgia, "Times New Roman", Times, serif;
				font-size: 14px;
				margin: 0 0 10px 0;
				}

/*////////////////////////////////////////////////////////////////////////*/
	
	#user {
		width: 395px;
		float: right;
		padding: 10px 20px 4px 30px;
		height: 20px;
		margin: 0 0 10px 0;
		background: url(img/bg_user.png) no-repeat;
		}

/*////////////////////////////////////////////////////////////////////////*/
	
	#cont div#toolbox {
		width: 445px;
		float: right;
		min-height: 300px;
		background: url(img/bg_toolbox.png) bottom no-repeat;
		padding: 0 0 20px 0;
		}
		#cont div#toolbox p {
			margin: 0;
			padding: 0 20px;
			width: 405px;
			clear: both;
			}
		#cont div#toolbox p.itemtools {
			background: url(img/bg_toolbox_top.png) top no-repeat;
			padding-top: 10px;
			}
			#cont div#toolbox p.itemtools a {
				display: block;
				float: left;
				width: 105px;
				height: 26px;
				background: transparent url(img/bg_icon_alone.png) top left no-repeat;
				padding: 14px 5px 10px 22px;
				color: #A31C1C;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 13px;
				}
			
		#cont div#toolbox div.line2 {
			padding-top: 34px;
			clear: both;
			width: 405px;
			margin: 0 auto;
			border-top: 1px solid #E7CBAC;
			}
			div#main div#cont div#toolbox div.line2 form {
				float: left;
				padding: 0 10px 0 116px;
				height: 50px;
				background: url(img/txt_locateStore.png) left no-repeat;
				width: 154px;
				}
				div#main div#cont div#toolbox div.line2 form fieldset {
					margin: 0;
					padding: 10px 0;
					border: 0;
					}
					div#main div#cont div#toolbox div.line2 form input {
						width: 80px;
						border: 1px solid #D8AE83;
					}
					div#main div#cont div#toolbox div.line2 form button {
						width: 60px;
						height: 20px;
						border: 0;
						text-indent: -9999px;
						background-image: url(img/btn_search2.png);
						margin: 0 0 0 4px;
						cursor: pointer;
					}
		#toolbox p.line3 {
			padding-top: 44px;
			width: 405px;
			margin: 0 auto;
			}
		div#main div#cont div#toolbox div.signup form fieldset {
			border: 0;
			width: 400px;
			padding: 0;
			margin: 0 auto;
			}
			div#main div#cont div#toolbox div.signup form input {
				width: 270px;
				height: 16px;
				border: 1px solid #D8AE83;
				margin: 0;
				}
			div#main div#cont div#toolbox div.signup form button {
				width: 103px;
				height: 24px;
				background: url(img/btn_submit.png);
				text-indent: -9999px;
				margin: 0;
				border: 0;
				}
			


/*////////////////////////////////////////////////////////////////////////*/
	
		div#main div#cont div#gallery div.galpics {
			float: left;
			width: 134px;
			height: 140px;
			margin: 5px;
			text-align: center;
			padding: 0;
			}
		div#main div#cont div#gallery div.galpics a img {
			float: left;
			width: 120px;
			height: 90px;
			background-color: #FCF4E9;
			border: 1px solid #DEB68B;
			padding: 5px;
			}

		div#main div#cont div#gallery h4 {
			clear: both;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 16px;
			margin: 10px 0;
			padding-top: 20px;
			}

/*////////////////////////////////////////////////////////////////////////*/
	
	.types {
		float: left;
		width: 160px;
		height: 180px;
		background: url(img/bg_types.png) no-repeat;
		text-align: center;
		padding: 10px;
		margin: 5px;
		display: inline;
		}	
		.types img {
			padding: 4px;
			background-color: #FFFFFF;
			border: 1px solid #E6CAAA
			}
		.types p {
			margin: 0;
			padding: 0 0 3px 0;
			}
		.types p.typename {
			height: 40px;
			}


/*////////////////////////////////////////////////////////////////////////*/
	
	#foot {
		clear: both;
		padding-top: 10px;
		}
		#foot p.pl {
			float: left;
			}
		#foot p.pr {
			float: right;
			}


	#photo_title { text-align: center; margin-top: 4px; padding-top: 0; font-style: italic; font-size: 14px; }