@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 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;}
#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: 80px; 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; }