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

html {
	margin:0px;
	padding:0px;
	height:100%
}
body {
	margin:0px;
	padding:0px;
	height:100%;
	background: url(images/background.jpg) repeat-y scroll;
	font-family:Geneva, Arial, Helvetica, sans-serif
}
#container {
	width:810px;
	background: url(images/background.jpg) repeat scroll repeat-y;
	height:100%;
	margin:0px;
	padding:0px;
	position: relative;
}
#container2 {
	width:822px;
	margin:0px auto;
	position: relative;
}
#branding {
	float:left;
	background:url(images/branding.jpg);
	margin:0px;
	padding:0px;
	z-index:55;
	position:relative;
	overflow:hidden
}
#branding a {
	display:block;
	text-indent:-9999px;
	height:93px;
	width:383px;
	z-index:55
}
a {
	outline:none
}
/* ----- home page navigation ----- */


#drop_down {
	z-index:50;
	position:relative;
}
#drop_down {
	z-index:50;
	height:34px;
	width:822px;
	margin:0px;
	padding:0px;
	list-style:none;
	clear:both;
}
#drop_down li {
	z-index:50;
	padding:0px;
	margin:0px;
	display:block;
	float:left;
	height:34px;
	float: left;
	position: relative;
}
#drop_down li a {
	z-index:50;
	display:block;
	height:34px;
	text-indent:-9999px
}
#drop_down li a:hover {
	z-index:50;
	background-repeat:no-repeat;
}
#drop_down ul {
	display: none;
	position: absolute;
	top: 1em;
	left: 0;
}
#drop_down li:hover ul, #drop_down li.over ul {
	display:block;
	padding:0px;
	margin:0px;
	padding:4px 3px;
	margin-top:0px;
	z-index:76
}
#drop_down li>ul {
	top: auto;
	left: auto;
}
ul.sub_nav {
	border:1px solid #fba31f;
	background-color:#7e735b;
	width: auto;
	padding: 5px;
}
.sub_nav li {
	display:block;
	width:150px;
	height: 20px !important;
	padding:4px 5px !important;
	margin:4px;
	font-size:.8em
}
.sub_nav a {
	color:#ffffff;
	text-decoration:none;
	height: 23px !important;
	width: 149px !important;
	text-indent: 0px !important;
	display: block;
	padding: 3px 0 0 3px !important;
	margin:0px
}
.sub_nav a:hover {
	background: url(images/nav_bkg.jpg) #fba31f !important
}
 // #home_navigation {
margin-top:113px
}
#home_nav_left {
	z-index:50;
	width:60px;
	background: url(images/home_nav_left.png) 0px top;
}
#home_products {
	z-index:50;
	width:115px;
	background: url(images/home_products.png) 0px top;
}
#home_services {
	z-index:50;
	width:113px;
	background: url(images/home_services.png) 0px top;
}
#home_history {
	z-index:50;
	width:116px;
	background: url(images/home_history.png) 0px top;
}
#home_employment {
	z-index:50;
	width:115px;
	background: url(images/home_employment.png) 0px top;
}
#home_nav_right {
	z-index:50;
	width:303px;
	background: url(images/home_nav_right.png) 0px top;
}
#home_products a:hover {
	z-index:50;
z-index:50width:115px;
	background: url(images/home_products_on.png) 0px top;
}
#home_services a:hover {
	z-index:50;
	width:113px;
	background: url(images/home_services_on.png) 0px top;
}
#home_history a:hover {
	z-index:50;
	width:116px;
	background: url(images/home_history_on.png) 0px top;
}
#home_employment a:hover {
	z-index:50;
	width:115px;
	background: url(images/home_employment_on.png) 0px top;
}
/* ----- inside navigation ----- */
/*
old old old 

#nav_box {width:211px; margin:0px;padding:0px;float:left;}

#inside_navigation {margin:0px auto;width:176px;padding:0px;list-style:none;display:block;position:relative;top:26px;}
#inside_navigation li {margin:0px; padding:0px;}
#inside_navigation a {display:block;height:29px;width:176px;text-indent:-9999px;}

#products {background:url(images/inside_products.jpg) 0px top;}
#services {background:url(images/inside_services.jpg) 0px top;}
#history {background:url(images/inside_history.jpg) 0px top;}
#employment {background:url(images/inside_employment.jpg) 0px top;}
#contact {background:url(images/inside_contact.jpg) 0px top;}
#home {background:url(images/inside_home.jpg) 0px top;}

#products a:hover {background:url(images/inside_products_on.jpg) 0px top;}
#services a:hover {background:url(images/inside_services_on.jpg) 0px top;}
#history a:hover {background:url(images/inside_history_on.jpg) 0px top;}
#employment a:hover {background:url(images/inside_employment_on.jpg) 0px top;}
#contact a:hover {background:url(images/inside_contact_on.jpg) 0px top;}
#home a:hover {background:url(images/inside_home_on.jpg) 0px top;}
*/

/* ----- gallery ----- */

#gallery {
	margin-left:auto;
	margin-right:auto;
	width:795px;
	height:318px;
	z-index:2;
	margin-top:-5px;
	position:relative;
	bottom:10px;
}
/* ----- home page bottom squares ----- */

#home_spotlight {
	height:187px;
	width:822px;
	margin:0px;
	padding:0px;
	position:relative;
	bottom:20px;
	z-index:40
}
#home_spotlight h3 {
	margin:0px;
	padding:0px;
}
#home_spotlight p {
	margin:0px;
	padding:0px;
}
#home_moulding {
	background: url(images/home_molding.jpg) 0px top no-repeat;
	height:88px;
	width:345px;
	text-indent:-9999px;
	margin:0px;
padding;
0px;
	float:left;
	overflow:hidden
}
#home_doors {
	background: url(images/home_doors.jpg) 0px top no-repeat;
	height:88px;
	width:336px;
	text-indent:-9999px;
	margin:0px;
padding;
0px;
	float:left;
	overflow:hidden
}
#home_delivery {
	background: url(images/home_delivery.jpg) 0px top no-repeat;
	height:88px;
	width:141px;
	text-indent:-9999px;
	margin:0px;
padding;
0px;
	float:left;
	overflow:hidden
}
#home_windows {
	background: url(images/home_windows.jpg) 0px top no-repeat;
	height:96px;
	width:345px;
	text-indent:-9999px;
	margin:0px;
padding;
0px;
	float:left;
	overflow:hidden
}
#home_cabinets {
	background: url(images/home_cabinets.jpg) 0px top no-repeat;
	height:96px;
	width:336px;
	text-indent:-9999px;
	margin:0px;
padding;
0px;
	float:left;
	overflow:hidden
}
#home_selection {
	background: url(images/home_selection.jpg) 0px top no-repeat;
	height:96px;
	width:141px;
	text-indent:-9999px;
	margin:0px;
padding;
0px;
	float:left;
	overflow:hidden
}
#home_moulding a {
	display:block;
	height:91px;
	width:345px
}
#home_doors a {
	display:block;
	height:91px;
	width:336px
}
#home_delivery a {
	display:block;
	height:91px;
	width:141px
}
#home_windows a {
	display:block;
	height:96px;
	width:345px
}
#home_cabinets a {
	display:block;
	height:96px;
	width:336px
}
#home_selection a {
	display:block;
	height:96px;
	width:141px
}
#home_moulding a:hover {
	background:url(images/home_molding_on.jpg) top right no-repeat;
}
#home_doors a:hover {
	background:url(images/home_doors_on.jpg) 0px top no-repeat;
}
#home_delivery a:hover {
	background:url(images/home_delivery_on.jpg) top left no-repeat;
}
#home_windows a:hover {
	background:url(images/home_windows_on.jpg) top right no-repeat;
}
#home_cabinets a:hover {
	background:url(images/home_cabinets_on.jpg) 0px top no-repeat;
}
#home_selection a:hover {
	background:url(images/home_selection_on.jpg) top left no-repeat;
}
/* ----- copyright info ----- */

#copyright {
	background:url(images/home_copy.jpg);
	height:20px;
	width:185px;
	text-indent:-9999px;
	overflow:hidden;
	float:left;
	position:relative;
	bottom: 20px
}
#design_by {
	background:url(images/home_design_by.jpg);
	height:20px;
	width:224px;
	text-indent:-9999px;
	overflow:hidden;
	float:right;
	position:relative;
	bottom: 20px
}
#design_by a {
	display:block;
	height:20px;
	width:224px;
}
/* ----- home top nav ----- */

*body html #container2 #home_top_nav {
	float:right;
	position:relative;
	z-index:56;
	top:90px
}
*+body html #container2 #home_top_nav {
	float:right;
	position:relative;
	z-index:56;
	top:90px
}
#home_top_nav {
	float:right;
	position:relative;
	z-index:56;
	top:65px
}
#home_home_owners {
	background:url(images/home_home_owners.jpg) 0px top no-repeat;
	height:27px;
	width:120px;
	float:right;
	position:relative;
	z-index:56;
	overflow:hidden
}
#home_home_owners a {
	display:block;
	height:27px;
	width:120px;
	text-indent:-9999px
}
#home_home_owners a:hover {
	background:url(images/home_home_owners_on.jpg)
}
#home_contractors {
	background:url(images/home_contractors.jpg) 0px top no-repeat;
	height: 27px;
	width: 113px;
	float:right;
	position:relative;
	z-index:56;
	overflow:hidden
}
#home_contractors a {
	display:block;
	height:27px;
	width: 120px;
	text-indent:-9999px
}
#home_contractors a:hover {
	background:url(images/home_contractors_on.jpg)
}
#home {
	background:url(images/home.jpg) 0px top no-repeat;
	height:27px;
	width:120px;
	float:right;
	position:relative;
	z-index:56;
	overflow:hidden
}
#home a {
	display:block;
	height:27px;
	width:120px;
	text-indent:-9999px
}
#home a:hover {
	background:url(images/home_on.jpg)
}
#contact_us {
	background:url(images/contact_us.jpg) 0px top no-repeat;
	height: 27px;
	width: 113px;
	float:right;
	position:relative;
	z-index:56;
	overflow:hidden
}
#contact_us a {
	display:block;
	height:27px;
	width: 120px;
	text-indent:-9999px
}
#contact_us a:hover {
	background:url(images/contact_us_on.jpg)
}
/* ----- inside pages ----- */
/* old old old
#header {height:169px;width:800px;background:url(images/header.jpg) top; text-indent:-9999px}
#header a {height:169px; width:800px; display:block;}
#header h1 {margin:0px;padding:0px;}
#contact_info {height: 25px;width:598px;margin:0px;padding:0px;background:url(images/contact_info.jpg) no-repeat;text-indent:-9999px;float:left;}

#home_owners {height:25;width:106px;background:url(images/inside_home_owner.jpg);float:left;}
#home_owners a {display:block; height:25px;width:106px;text-indent:-9999px;overflow:hidden;}

#contractors {height:25;width:96px;background:url(images/inside_contractors.jpg);float:left;}
#contractors a {display:block;height:25px;width:96px;text-indent:-9999px;overflow:hidden;}
*/

/* ----- content ----- */

#content {
	background:url(images/background.jpg) left top repeat-y;
	margin-left:auto;
	margin-right:auto;
	width:796px;
	z-index:2;
	margin-top:-5px;
	position:relative;
	bottom:10px;
}
#content h1 {
	margin:0px;
	padding:0px;
	font-size:40px
}
#content hr {
	width:411px;
	border: 2px #fba31f;
	border-style: none none solid;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	margin-bottom:10px;
}
#bottom_bar {
	background:url(images/bar_bottom.jpg) 0px top no-repeat;
	height:36px;
	width:822px;
	margin:0px;
	padding:0px;
	position:relative;
	bottom:27px;
	z-index:50
}
/* ----- product pages ----- */

#content_left {
	width:188px;
	float:left;
	background: url(images/side_background.jpg) bottom no-repeat;
}
#content_left h3 {
	padding:0px;
}
#content_left p {
	margin:5px 8px;
	font-size:.8em;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 1.3em;
}
#content_left a {
	color: #310006;
	text-decoration: none;
	font-weight: bold;
}
#content_left a:hover {
	text-decoration:underline
}
.page_image {
	margin:0px;
	padding:0px;
	position:relative;
	bottom:15px;
}
#content_right {
	width: 605px;
	float:right;
	padding-top:20px;
}
#content_right p {
	margin:5px 10px;
	font-size:.8em;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 1.4em;
}
#content_right .prod_bkg .int_fix {
	margin:7px 10px;
	padding:0px 20px;
	font-size:.8em;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 1.4em;
}
#content #prod_ext_door {
	background:url(images/ext_door.jpg) no-repeat;
	height:30px;
	width:172px;
	margin-top:25px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:5px;
	text-indent:-9999px;
	position:relative;
}
#content #prod_int_door {
	background:url(images/int_door.jpg) no-repeat;
	height:30px;
	width:172px;
	margin-top:25px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:5px;
	text-indent:-9999px;
	position:relative;
}
#prod_menu {
	width:164px;
	margin:0px auto;
	padding:0px;
	list-style:none;
}
#prod_menu li {
	height: 23px;
	padding:0px;
	margin:10px 0px;
	overflow:hidden
}
#prod_menu li a {
	display:block;
	height:23px;
	width:164px;
	text-indent:-9999px;
	overflow:hidden
}
#prod_ext_door_wood {
	background:url(images/ext_door_wood.jpg) 0px top no-repeat;
}
#prod_ext_door_metal {
	background:url(images/ext_door_metal.jpg) 0px top no-repeat;
}
#prod_ext_door_iron {
	background:url(images/ext_door_iron.jpg) 0px top no-repeat;
}
#prod_ext_door_glass {
	background:url(images/ext_door_glass.jpg) 0px top no-repeat;
}
#prod_ext_door_wood a:hover {
	background:url(images/ext_door_wood_on.jpg) 0px top no-repeat;
}
#prod_ext_door_metal a:hover {
	background:url(images/ext_door_metal_on.jpg) 0px top no-repeat;
}
#prod_ext_door_iron a:hover {
	background:url(images/ext_door_iron_on.jpg) 0px top no-repeat;
}
#prod_ext_door_glass a:hover {
	background:url(images/ext_door_glass_on.jpg) 0px top no-repeat;
}
#prod_vendor {
	background:url(images/vendors.jpg) 0px top no-repeat;
}
#prod_vendor a:hover {
	background:url(images/vendors_on.jpg) 0px top no-repeat;
}
#prod_int_door_wood {
	background:url(images/int_door_wood.jpg) 0px top no-repeat;
}
#prod_int_door_mdf {
	background:url(images/int_door_mdf.jpg) 0px top no-repeat;
}
#prod_int_door_moulded {
	background:url(images/int_door_moulded.jpg) 0px top no-repeat;
}
#prod_int_door_wood a:hover {
	background:url(images/int_door_wood_on.jpg) 0px top no-repeat;
}
#prod_int_door_mdf a:hover {
	background:url(images/int_door_mdf_on.jpg) 0px top no-repeat;
}
#prod_int_door_moulded a:hover {
	background:url(images/int_door_moulded_on.jpg) 0px top no-repeat;
}
.prod_bkg {
	background:url(images/product_bkg.jpg) no-repeat;
	width:520px;
	margin-left: auto;
	margin-right:auto;
	margin-top:15px;
	padding-top:05px;
}
.prod_bkg h3 {
	margin:0px 0 5px 23px;
	padding:0px;
	position:relative;
	top: -8px
}
.prod_bkg p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.8em;
	line-height: 1.5em;
	padding:12px 20px;
	margin-top: 10px;
}
#cabinets {
	background:url(images/cabinets.jpg) no-repeat;
	height:29px;
	width:109px;
	margin-top:50px;
	margin-left: auto;
	margin-right: auto;
	text-indent:-9999px;
}
#columns {
	background:url(images/columns.jpg) no-repeat;
	height:29px;
	width:89px;
	margin-top:50px;
	margin-left: auto;
	margin-right: auto;
	text-indent:-9999px;
}
#co_history {
	background:url(images/co_history.jpg) no-repeat;
	height:29px;
	width:172px;
	margin-top:50px;
	margin-left: auto;
	margin-right: auto;
	text-indent:-9999px;
}
#history {
	background:url(images/family_history.jpg) no-repeat;
	height:29px;
	width:172px;
	margin-top:50px;
	margin-left: auto;
	margin-right: auto;
	text-indent:-9999px;
}
#contractors {
	background:url(images/contractors.jpg) no-repeat;
	height:29px;
	width:144px;
	margin-top:50px;
	margin-left: auto;
	margin-right: auto;
	text-indent:-9999px;
}
#delivery {
	background:url(images/delivery.jpg) no-repeat;
	height:29px;
	width:103px;
	margin-top:50px;
	margin-left: auto;
	margin-right: auto;
	text-indent:-9999px;
}
#employment {
	background:url(images/employment.jpg) no-repeat;
	height:29px;
	width:155px;
	margin-top:50px;
	margin-left: auto;
	margin-right: auto;
	text-indent:-9999px;
}
#hardware {
	background:url(images/hardware.jpg) no-repeat;
	height:29px;
	width:119px;
	margin-top:50px;
	margin-left: auto;
	margin-right: auto;
	text-indent:-9999px;
}
#home_owners {
	background:url(images/home_owners.jpg) no-repeat;
	height:29px;
	width:172px;
	margin-top:50px;
	margin-left: auto;
	margin-right: auto;
	text-indent:-9999px;
}
#millwork {
	background:url(images/millwork.jpg) no-repeat;
	height:29px;
	width:172px;
	margin-top:50px;
	margin-left: auto;
	margin-right: auto;
	text-indent:-9999px;
}
#moulding {
	background:url(images/moulding.jpg) no-repeat;
	height:29px;
	width:119px;
	margin-top:50px;
	margin-left: auto;
	margin-right: auto;
	text-indent:-9999px;
}
#shutters {
	background:url(images/shutters.jpg) no-repeat;
	height:29px;
	width:100px;
	margin-top:50px;
	margin-left: auto;
	margin-right: auto;
	text-indent:-9999px;
}
#stairs {
	background:url(images/stairs.jpg) no-repeat;
	height:29px;
	width:125px;
	margin-top:50px;
	margin-left: auto;
	margin-right: auto;
	text-indent:-9999px;
}
#windows {
	background:url(images/windows.jpg) no-repeat;
	height:29px;
	width:115px;
	margin-top:50px;
	margin-left: auto;
	margin-right: auto;
	text-indent:-9999px;
}
#contact {
	background:url(images/contact_header.jpg) no-repeat;
	height:35px;
	width:172px;
	margin-top:50px;
	margin-left: auto;
	margin-right: auto;
	text-indent:-9999px;
}
#vendors_header {
	background:url(images/vendors_header.jpg) no-repeat;
	height:33px;
	width:127px;
	margin-top:50px;
	margin-left: auto;
	margin-right: auto;
	text-indent:-9999px;
}
/* ---- contact info on home page ---- */

#contact_info {
	background:url(images/contact_info.png) no-repeat;
	height: 19px;
	width: 606px;
	position: relative;
	bottom: 24px;
	z-index:100;
	text-indent: -9999px;
	right: 2px
}
*+html body #container2 #gallery #contact_info {
	bottom: 27px
}

/* Facebook like button */

#facebook {
	border: none;
	overflow: hidden;
	width: 450px;
	height: 35px;
	position: absolute;
	top: 10px;
	right: 0px;
	width: 200px;	
	position: absolute;

}