/* neutralise the elements */
* { margin: 0; padding: 0; }
img { border: none; }

/* html elements */
body 
{
    font-size: 62.5%;
    background: url(../images/body_bg.jpg) repeat-x left top #fff;
    color: #17181a;
    font-family: arial;
}
h1 
{
    display: block;
    margin-bottom: 35px;
    font-size: 2.2em;
    font-weight: bold;
}
h2
{
    display: block;
    font-size: 1.8em;
}
h3
{
    display: block;
    font-size: 1.7em;
    font-weight: normal;
}
p
{
    display: block;
    font-size: 1.7em;
    line-height: 24px;
}
a 
{
    color: #661616;
    text-decoration: underline;
}
a:hover 
{
    text-decoration: none;
}
sup 
{
    font-size: 11px;
}

/* structural elements */
#page 
{
    width: 100%;
    overflow: hidden;
}
#wrapper 
{
    width: 990px;
    margin: 0 auto;
    background: url(../images/page_bg1.jpg) no-repeat center top;
    overflow: hidden;
}
#left-section 
{
    width: 417px;
    height: 724px;
    float: left;
    background: url(../images/left_section_bg1.jpg) no-repeat left top;
    overflow: hidden;
}
#logo 
{
    width: 327px;
    height: 132px;
    margin-left: 47px;
    margin-bottom: 15px;
}
#left-section img.lady
{
    display: block;
    width: 278px;
    height: 238px;
    margin: 0 auto 15px;
}
#left-section p 
{
    font-size: 1.4em;
    color: #4f4f51;
    line-height: 24px;
    display: block;
    width: 275px;
    margin: 0 auto;
}
#right-section 
{
    width: 573px;
    float: right;
    overflow: hidden;
}
#nav 
{
    height: 55px;
    margin-top: 51px;
    margin-left: 55px;
    overflow: hidden;
}
#nav ul, #nav li 
{
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 1em;
    float: left;
}
#nav ul li a
{
    display: block;
    float: left;
    width: auto;
    text-decoration: none;
}
#nav ul li a span 
{
    display: block;
    margin-left: 24px;
    padding-right: 24px;
    color: #bcbcbc;
    font-size: 1.6em;
    line-height: 55px;
}
#nav ul li a:hover, #nav ul li a.current
{
    background: url(../images/nav_hover_bg_left.jpg) no-repeat left top;
}
#nav ul li a:hover span, #nav ul li a.current span
{
    color: #fff;
    background: url(../images/nav_hover_bg_right.jpg) no-repeat right top;
}
#content 
{
    padding-top: 30px;
    overflow: hidden;
}
.c1 
{
    width: 543px;
    padding: 15px 30px 15px 0;
    background: url(../images/c1hbg.jpg) no-repeat left top;
}
.c2 
{
    width: 573px;
    padding-top: 97px;
    height: 226px;
    background: url(../images/model.jpg) no-repeat right top;
}
.c3 
{
    width: 473px;
    padding-top: 10px;
    padding-right: 100px;
    background: url(../images/c3cbg.jpg) no-repeat right bottom;
    overflow: hidden;
}
.c4 
{
    width: 536px;
    padding: 10px 30px 20px 0;
    background: url(../images/c4cbg.jpg) no-repeat left bottom;
    overflow: hidden;
}
#thumbs 
{
    width: 500px;
    padding: 10px 0;
    overflow: hidden;
}
#thumbs img 
{
    width: 101px;
    height: 74px;
    float: left;
    padding: 7px;
    background: #ebebeb;
    margin-right: 10px;
    margin-bottom: 10px;
}
.map 
{
    width: 160px;
    float: left;
    margin-right: 40px;
    padding: 7px;
    background: #ebebeb;
}
.address 
{
    width: 256px;
    float: left;
}
#footer 
{
    width: 924px;
    height: 126px;
    margin: 40px auto 0;
    color: #9e9494;
    background: url(../images/footer_bg.jpg) no-repeat left top;
    overflow: hidden;
}
#footer span 
{
    font-size: 1.3em;
    line-height: 20px;
}
#footer ul, #footer li 
{
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 1em;
}
#footer ul 
{
    margin: 5px 0 8px;
}
#footer li 
{
    margin-right: 10px;
    padding-right: 10px;
    border-right: solid 1px #d9d8d8;
    display: inline;
}
#footer li.last 
{
    padding-right: 0;
    margin-right: 0;
    border-right: none;
}
#footer ul li a 
{
    font-size: 1.3em;
    color: #9e9494;
}
#footer ul li a:hover 
{
    color: #661616;
}
#footer .left 
{
    float: left;
    padding-top: 10px;
    padding-left: 25px;
}
#footer .right 
{
    float: right;
    padding-top: 10px;
    padding-right: 20px;
    text-align: right;
}
/* usable styles */
.strong { font-weight: bold; }
.red-color { color: #661616; }
.smaller-p { font-size: 0.9em; }
.smaller-address { font-size: 0.9em; line-height: 16px; }
.no-bottom-margin { margin-bottom: 0; }
.less-bottom-margin { margin-bottom: 5px; }
.normal-bottom-margin { margin-bottom: 10px; }
.more-bottom-margin { margin-bottom: 15px; }
.clear { clear: both; }