@import url('Global.css');
@import url('CMS.css');

html 
{
overflow: -moz-scrollbars-vertical;
}

body 
{
min-width: 943px;
background: #38332d url(img/body-background.png) repeat-x left top;
font-family: Arial;
font-size: 10px;
}

#wrapper
{
width: 903px; /* MAX CHANGE 824px */
margin: 0 auto;
position: relative;
margin-top: 25px;
}

#branding
{
float: right;
width: 616px;
}

#branding h1
{
float: right;
width: 395px;
height: 48px;
margin-bottom: 0;
background: url(img/chapman-enterprises-logo.gif) no-repeat right top; /* logo.png */
text-indent: -9999px;
}

#branding h2
{
 position: absolute;
 top: 40px;
 right: 0;
 color: White;
 text-transform: none;
 color: #7F7567;
}

#content
{
float: right;
width: 763px;
margin: 18px 0 0 0;
padding: 0 0 20px 20px;
}

#flash
{
float: right;
width: 616px;
height: 461px;
background: url(img/flash-placeholder.jpg) no-repeat left top;
}

#nav
{
float: left;
width: 120px; /* MAX CHANGE 208px; */
overflow: hidden; /* MAX ADD */
height: 350px;
margin-top: 65px;
background: #5f564a url(img/nav-background.png) repeat-y right top;
}

#nav ul
{
margin-top: 30px;
margin-left: 0;
padding-left: 0;
}

#nav li
{
list-style: none;
margin-left: 0;
}

#nav a
{
display: block;
width: 172px;
padding: 8px 15px;
border-left: solid 6px #5f564a;
font-size: 1.7em;
font-family: Lucida Grande;
text-transform: lowercase;
color: #fff;
text-indent: -9999px;
}

#nav a:hover
{
outline: none;
background-color: #39332d;
border-left: solid 6px #dfdfdf;
}

#nav a:active {outline: none;}

#nav li a.current
{
background-color: #39332d;
border-left: solid 6px #a4b25d;
}

#nav a.current:hover
{
cursor: default;
}

a#navHome {background: url(img/nav-home.png) no-repeat 15px center;}
a#navHome:hover, a#navHome.current {background-image: url(img/nav-home-hover.png);}

a#navAbout {background: url(img/nav-about.png) no-repeat 15px center;}
a#navAbout:hover, a#navAbout.current {background-image: url(img/nav-about-hover.png);}

a#navFurniture {background: url(img/nav-furniture.png) no-repeat 15px center;}
a#navFurniture:hover, a#navFurniture.current {background-image: url(img/nav-furniture-hover.png);}

a#navClients {background: url(img/nav-clients.png) no-repeat 15px center;}
a#navClients:hover, a#navClients.current {background-image: url(img/nav-clients-hover.png)}

a#navContact {background: url(img/nav-contact.png) no-repeat 15px center;}
a#navContact:hover, a#navContact.current {background-image: url(img/nav-contact-hover.png);}

#footer
{
clear: both;
width: 100%;
padding: 10px 0 20px 0;
}

#navFooter
{
position: absolute;
bottom: 0;
width: 100%;
z-index: 999;
background-color: #FFF;
color: #000;
text-align: center;
border-top: 2px solid #CCC;
line-height: 20px;
}

#navFooter li
{
float: left;
padding: 5px;
border-left: solid 1px;
color: #999;
}

#navFooter li a
{
font-size: 1.1em;
color: #666;
}

#navFooter li:hover 
{
 background-color: #CCC;
}

#navFooter li a:hover
{
color: #000;
}

#footer p
{
float: right;
margin-bottom: 5px;
font-size: 1.1em;
color: #fff;
text-transform: lowercase;
}


/* PACKAGES PAGE
-----------------------------------------------------------------------------------*/

#navProjects 
{
float: left;
width: 195px !important;
width: 190px; /*IE6 fix*/
padding-left: 10px;
margin-left: -20px !important; /*counter content padding*/
margin-left: -10px; /*IE6 fix*/
overflow: hidden; /* this is for the animation */
}

#navProjects ul
{
margin-left: 0px;
}

#navProjects li
{
list-style: none;
margin-left: 0;
}

#navProjects ul li ul li /*IE6 fix*/
{
width: 100%;
}

#navProjects h2
{
font-size: 1.5em;
color: #7e9500;
background-color: #38332D;
}

#navProjects h3
{
margin-bottom: 5px;
font-family: Lucida Grande;
font-weight: normal;
text-transform: uppercase;
color: #b8ce41;
overflow: hidden;
}

#navProjects a
{
display: block;
padding-left: 4px;
border-left: solid 1px #38332D;
border-bottom: solid 1px #38332D;
color: #fff;
font-weight: normal;
text-decoration: none;
}

#navProjects a:hover
{
border-left: solid 1px #d0b89f;
border-bottom: solid 1px #d0b89f;
text-decoration: none;
}

#navProjects #admin-options a
{
color: #b8ce41;
font-weight: bold;
}

#navProjects #admin-options a:hover
{
border: transparent;
text-decoration: underline;
}

#contentProjects
{
float: right;
width: 576px;
}

#content ul.img-thumbs
{
float: left;
width: 100%;
margin: 0 0 10px 0;
height: 43px;
}

#content ul.img-thumbs li
{
float: left;
width: 52px;
margin: 0 10px 0 0;
list-style: none;
}

#content ul.img-thumbs li img
{
border: solid 1px #fff;
cursor: pointer;
}

#content ul.img-thumbs li img:hover
{
border: solid 1px #b8ce41;
}

#contentProjects #img-main
{
width: 576px;
margin-bottom: 10px;
border: solid 1px #fff;
}

#wrapper-img 
{
position: relative;
height: 450px;
width: 576px;
overflow: hidden;
border: solid 1px #38332d;
}

strong
{font-weight: bold;}