@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;}
#container2{width:822px;margin:0px auto;}

#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}