@import url("global.css");

/* CHEROKEE WOOD PRODUCTS - PAGES */

/* MASTER PARENT */
#parent { width: 790px; position: relative; display: table; margin: 0 auto; background-repeat: repeat-y;}

/* MAIN BODY CENTER */
#main-body { width: 769px; height: 100%; position: relative; top: 0; margin: 0 10px 0px; background: #E5E6C9; }
#container { width: 790px; margin: 0 auto; background: url(../images/parent-bg.jpg); background-repeat: repeat-y; }

/* CONTENT PARENT */
#content-parent { width: 769px; height: 100%; position: relative; display: table;}
#content-parent p { margin: 30px 30px 0 30px; }

/* LEFT CONTENT CONTAINER */
#content-col-left { width: 255px; height: 100%; position: relative; float: left; background: #E5E6C9; display: table-cell; }
#content-col-left h2 { color: #333333; font-size:12px; margin: 20px 20px 16px 20px; text-transform:uppercase;}
#content-col-left p { margin: 22px 15px 0 18px; color: #333333; }
#content-col-left span { font-weight: bold; color: #362C1A; }

/* RIGHT CONTENT CONTAINER */
#content-col-right { width: 510px; min-height: 800px; position: relative; float: right; background: #FFF; display: table-cell;}
#HeaderGraphic {background:url(../images/BG_Header.jpg) no-repeat; padding:0 25px 0 25px; width:460px; height:177px;}
#HeaderGraphic.Windows {background:url(../images/BG_HeaderWindows.jpg) no-repeat; padding:0 25px 0 25px; width:460px; height:177px;}
#HeaderGraphic h1{ 
font-size:14px; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-weight:bold; color:#FFF; 
padding:115px 0 0 0;
}
#HeaderStairs {background:url(../images/h_img_stairs.jpg) no-repeat; padding:0 25px 0 25px; width:460px; height:177px;}
#HeaderStairs h1{ 
font-size:14px; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-weight:bold; color:#FFF; 
padding:115px 0 0 0;
}
#HeaderSpecialtyMold {background:url(../images/BG_HeaderSpecialtyM.jpg) no-repeat; padding:0 25px 0 25px; width:460px; height:177px;}
#HeaderSpecialtyMold h1{ 
font-size:14px; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-weight:bold; color:#FFF; 
padding:115px 0 0 0;
}
#HeaderDoors {background:url(../images/BG_HeaderDoors.jpg) no-repeat; padding:0 25px 0 25px; width:460px; height:177px;}
#HeaderDoors h1{ 
font-size:14px; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-weight:bold; color:#FFF; 
padding:115px 0 0 0;
}
#content-col-right h2 { color: #333333; font-size:12px; margin: 20px 20px 16px 20px; text-transform:uppercase;}
#content-col-right p { color: #333333; margin: 0 20px 0 20px;}
#content-col-right ul {margin:15px 0px 10px 50px}
* html #content-col-right { height: 800px; }

/* GALLERY SUB NAV */
#gallery-subnav { width: 510px; height: 70px; background: #5C854C; }
#gallery-subnav span { color: #FFF; }
#gallery-subnav a { color: #FFF; }
#gallery-subnav a:hover { color: #FFCC33; }

/* PORTFOLIO HERO IMAGE CONTAINER */
#port-hero-index { width: 510px; height: 97px; }
#port-hero { width: 510px; height: 97px; overflow: hidden; }

/* PORTFOLIO INDEX CONTAINERS */
#port-proj-parent { width: 510px; height: 140px; }
#port-prog-img { width: 205px; height: 140px; float: left; }
#port-prog-blurb { width: 305px; height: 140px; float: right; }
#port-prog-blurb p { margin: 0 10px 0 5px; }

/* PORTFOLIO SUB NAV */
#port-subnav { width: 255px; }

/* BOOKMARK-SITEMAP */
#bookmark { width: 768px; height: 91px; position: relative; background: #E5E6C9; text-align: right; }

/* FOOTER */
#page-footer { width: 769px; height: 145px; position: relative; background: url(../images/footer_bg.jpg); color: #FFF; text-align: center; }
#page-footer span { font-weight: bold; }
#page-footer a { color: #FFF; text-decoration: underline; }
#page-footer a:hover { color: #660000; text-decoration: none; background: #FFF; }