/* main tags */

html, body {height: 100%;}

body {font: normal 100% Georgia, Times; background: #fff7ea url(../img/bg_top.gif) repeat-x;}

a:hover {text-decoration: none;}

h1 {font-size: 24px; font-weight: normal; color: #50310b;}
#h1 {width: 100%; background: url(../img/footer_border.gif) 0 bottom repeat-x;}
    #h1 h1 {position: relative; top: 5px; display: inline; padding: 0 10px 0 0; background: #fff7ea;}
/* structure */

#top {position: relative; width: 800px; height: auto !important; height: 100%; min-height: 100%; margin: 0 auto;}

#header {position: relative; height: 132px;}
    #header-logo {position: absolute; left: -50px; top: 50px; display: block; width: 377px; height: 43px; padding: 0 0 0 72px; font-size: 13px; color: #c2945b; background: url(../img/logo.jpg); text-decoration: none;}
    #header-phone {position: absolute; left: 470px; top: 48px; width: 200px; font-size: 30px; color: #704107;}
        #header-phone span {display: block; margin: 0 0 -7px; font-size: 18px; color: #c2945b;}
        #header-phone p {position: relative; top: -7px; display: inline; padding: 0 2px 0 0; font-size: 12px; color: #c2945b;}
    #header-time {position: absolute; left: 720px; top: 60px; width: 75px; height: 53px; background: url(../img/time.gif);}
        #header-time span {display: block;}
        #header-time span.time {position: absolute; top: -20px; left: -8px; width: 90px; font-size: 12px; color: #a45f0a; text-align: center;}
        #header-time span.year {position: absolute; top: 1px; left: 0; width: 75px; font-size: 11px; color: #fff; text-align: center;}
        #header-time span.wday {position: absolute; top: 17px; left: 0; width: 75px; font-size: 11px; color: #4f2403; text-align: center;}

#megaPic {position: relative; width: 800px; height: 211px;}
    #megaPic p {position: absolute; top: 94px; left: 20px; width: 470px; font-size: 24px; color: #fff; text-align: center;}
    
#topMenu {position: relative; z-index: 100; width: 800px; height: 44px; margin: 0 0 40px; background: url(../img/menu_bg.gif);}
    #topMenu td {text-align: center;}
    #topMenu div {position: relative; height: 100%; width: 100%;}
    #topMenu a {display: block; padding: 13px 14px; font-size: 16px; color: #eedcc5;}
        #topMenu a:hover, #topMenu a.current {color: #ffcb8c; text-decoration: none;}
        .topMenu-box {position: relative; height: 1%; z-index: 1000;}
        .topMenu-box ul {display: none; position: absolute; z-index: 1000;}
        #topMenu ul {position: absolute; left: 0; padding: 0 18px 15px; background: #a7610a;}
            * html #topMenu ul {padding: 0 18px 0;}
            #topMenu ul a {padding: 3px 0 3px 15px !important; font-size: 14px; color: #fff; background: url(../img/menu_li.gif) 0 10px no-repeat; text-align: left; white-space: nowrap;}
            
                #section {z-index: 200; visibility: hidden; white-space: nowrap; position: absolute; margin-top: 7px; background: #cf171f url('../img/submenu_bg.jpg') 0 0 repeat-x; text-align: left; border-left: 2px solid #dd1a22; border-right: 2px solid #dd1a22; border-bottom: 2px solid #dd1a22;}
                #section a {display: block; margin: 10px 15px;}
                #tMenu {width: 800px; position: relative; margin: 0 auto;}
                #topmenu {position: absolute; width: 840px; margin-left: 24px; z-index: 10; font-size: 12px;}
                #topmenu .section a {display: block; margin: 10px 15px; padding: 0; padding-right: 30px;}
                #topmenu .section a:hover {background: none;}
                * html #topmenu .section a {padding-right: 0;}
                .section {position: absolute; visibility: hidden; white-space: nowrap; text-align: left; background: #cf171f url('../img/submenu_bg.jpg') 0 0 repeat-x; border-left: 2px solid #dd1a22; border-right: 2px solid #dd1a22; border-bottom: 2px solid #dd1a22;}
                html:root .section {margin-left: 20px;}            

#body {padding-bottom: 202px; font-size: 0.75em;}
    *:first-child+html #body {margin-bottom: 202px;}
    #leftCol {float: left; width: 230px; margin: 0 0 0 20px;}
        #leftCol h2 {margin: 0 0 10px 15px; font-size: 18px; color: #724c1d; font-weight: normal;}
        #leftMenu li {margin: 3px 0; padding: 5px 0 5px 16px; background: url(../img/lmenu_li.gif) 0 12px no-repeat;}
            #leftMenu a {font-size: 12px; font-weight: bold; color: #a45f0a;}
                #leftMenu a:hover, #leftMenu a.current {color: #502c00; text-decoration: none;}
    
    #rightCol {float: right; width: 490px; margin: -12px 20px 0 0;}
        * html #rightCol {margin-right: 10px;}
        #content {font-size: 15px; color: #50310b;}
            #content p {margin: 20px 0;}
            #content img {margin: 0 10px 5px 0;}
            #content a {color: #a45f0a;}
                #content a:hover {color: #cf8712;}
            #content h2 {margin: 0 0 -15px; font-size: 18px; font-weight: normal; color: #8b5b20;}
            
        #leftHalf {float: left; width: 230px;}
            #leftHalf h2 {font-size: 18px; font-weight: normal; color: #7b4e18; margin: 0 !important; padding: 0 0 15px; background: url(../img/footer_border.gif) 0 bottom repeat-x;}
            #leftHalf ul {margin: 15px 10px;}
                #leftHalf ul li {padding: 3px 0 3px 20px; background: url(../img/li.gif) 0 13px no-repeat;}
                
        #rightHalf {float: right; width: 230px;}
            #rightHalf h2 {font-size: 18px; font-weight: normal; color: #7b4e18; margin: 0 !important; padding: 0 0 15px; background: url(../img/footer_border.gif) 0 bottom repeat-x;}
            #rightHalf ul {margin: 15px 10px;}
                #rightHalf ul li {padding: 3px 0 3px 20px; background: url(../img/li.gif) 0 13px no-repeat;}
        
        .clients-entry {margin: 20px 0;}
            .clients-entry p {margin-top: 15px !important;}
    
#bottom {position: relative; height: 202px; margin: -202px 0 0; background: url(../img/bg_bot.gif) repeat-x;}
    #footer {position: relative; top: 72px; width: 800px; height: 130px; margin: 0 auto; font-size: 12px; color: #a45f0a; background: url(../img/footer_border.gif) repeat-x;}
        #footer-info {position: absolute; top: 17px; left: 20px;}
        #footer-counters {position: absolute; top: 57px; left: 20px;}
            #footer-counters img {margin: 0 15px 0 0;}
        #footer-copyright {position: absolute; top: 17px; left: 290px;}

/* styles */

a.arrow {padding: 0 0 0 22px; background: url(../img/content_a.gif) 3px 8px no-repeat;}