/* CSS Document */

/* html selectors -------------------------------------- */
BODY {width: 960px; margin: 10px auto; }

/* layout */
#container {background: #fff URL(../Images/bg_container.gif); width: 960px;}
#header {height: 70px; margin: 0; padding: 15px 30px 0 30px; background: #fff URL(../Images/bg_header.gif);}
#logo h2 A {float: left; margin: 0; background: URL(../Images/toplogo.gif) no-repeat; width: 178px; height: 60px; text-indent: -2000em; text-decoration: none; z-index: 1000;}
#headerRight {float: right; width: 250px; text-align: right;}
#headerRight LI {display: inline; margin: 0 0 0 6px; padding: 0 0 0 10px; border-left: 1px solid #333;}
#headerRight .first {border-left: none;}

#main {margin: 10px 0 0 20px;}
#mainHome {margin: 0 0 0 20px;}
#mainHomeInner {padding-left: 20px; background: URL(../Images/home/bg_home_content.jpg) no-repeat bottom left;}
#mainHomeInner .homebox {float: left; width: 250px; padding: 0 15px 35px 15px; margin-right: 20px;}
#mainHomeInner .homebox P {padding: 5px 0;}
    
#mainInner {background: URL(../Images/bg_darksquares2.gif) repeat-y;}
#mainInner .content {float: left; background: URL(../Images/bg_darksquaresfooter.gif) no-repeat bottom left; padding: 0 0 40px 40px;}
#mainInner .content H3 a {color: #222;}
#mainInner .content H3 {color: #222; font-size: 130%; margin: 10px 0 0 0;}
#mainInner .content H4 {color: #222; font-size: 110%; margin: 10px 0 5px 0;}
#mainInner .content P {padding: 5px 0;}
#mainInner .content UL, #mainHomeInner UL {padding: 5px 0 0 18px; list-style-image: URL(../Images/bullet_red_triangle.gif);}
#mainInner .content LI, #mainHomeInner LI {padding: 0 0 5px 3px;}
#mainInner .content .contentInner {float: left; height: 460px; width: 635px; margin: 40px 9px 0 0;}
#mainInner .content .contentServices {float: left; height: 840px; width: 679px; margin: 40px 0 0 0;}
#mainInner .content .rightPhoto {float: right;}

#mainInner .content .contentServices .leftPhoto {float: left; margin-right: 15px;}
#mainInner .content .contentServices .rightPhoto {float: right;}
.serviceItem P {margin-right: 15px;}
.serviceItem h3 {padding-top: 8px;}

#footer {background: URL(../Images/bg_footer.gif) no-repeat bottom; width: 920px; padding: 10px 20px; clear: both; font-size: 80%;}
#footer LI {display: inline;}
#footer A {font-weight: normal; padding: 0 10px; border-left: #333 1px solid;}
#footer .firstlink A {font-weight: normal; padding: 0 10px 0 0; border-left: none;}

/* Main menu (tabs) */
#tabs {background: #fff; margin: 0 20px; padding: 0; height: 37px; background: URL(../Images/bg_topnav.jpg) no-repeat;}
    #tabs ul {margin: 0; padding: 0 0 0 16px; list-style: none;}
    #tabs ul li {margin: 0; padding: 0; float: left;}
    #tabs ul li a {display: block; position: relative; padding: 13px 22px 8px 22px; border:0; background:url(../Images/buttons/bg_btn.jpg) top right no-repeat; color: #FFF; font-weight: bold; text-decoration: none; cursor: pointer;}
    /* Main menu (tabs - link) */
    #tabs ul li a span.tab-l, #tabs ul li a:hover span.tab-l {position:absolute; top:0; left:0; _left:-15px; width:8px; height:8px; background:url("../design/tab_link_l.gif") 0 0 no-repeat;}
    #tabs ul li a span.tab-r, #tabs ul li a:hover span.tab-r {position:absolute; top:0; right:0; _right:-1px; width:8px; height:8px; background:url("../design/tab_link_r.gif") 100% 0 no-repeat;}
    /* Main menu (tabs - hover) */ 
    #tabs ul li a:hover {color:#fff;}
    /* Main menu (tabs - active) */
    #tabs ul li#active a {background: #e2e2e2 url(../Images/buttons/bg_btn_active.jpg); color: #312C2D;}
    #tabs ul li#active a span.tab-l {position:absolute; top:0; left:0; _left:-18px; width:8px; height:8px; background: url(../Images/buttons/btn_active_corners.jpg) 0 0 no-repeat;}
    #tabs ul li#active a span.tab-r {position:absolute; top:0; right:0; width:8px; height:8px; background: url(../Images/buttons/btn_active_corners.jpg) 100% 0 no-repeat;}

/* content titles */
h1.swap {margin: 0 0 5px 0; height: 32px; background-repeat: no-repeat;}
h1.swap span {display:none;} 
h1#t-about {background-image:url(../Images/titles/about.gif);}
h1#t-services {background-image:url(../Images/titles/ourservices.gif);}
h1#t-clients {background-image:url(../Images/titles/ourclients.gif);} 
h1#t-careers {background-image:url(../Images/titles/careers.gif);} 
h1#t-contact {background-image:url(../Images/titles/contactus.gif);} 

h2.swap {height: 23px; background-repeat: no-repeat;}
h2.swap span {display:none;} 
h2#t-whoweare {background-image:url(../Images/titles/whoweare.gif);}
h2#t-whatwedo {background-image:url(../Images/titles/whatwedo.gif);} 
h2#t-getexperiencefirsthand {background-image:url(../Images/titles/getexperiencefirsthand.gif);} 

/* misc */
.more {padding: 0 0 0 15px; background: URL(../Images/bullet_red_triangle2.gif) no-repeat;}
#homeServices LI {font-size: 110%; margin: 5px 0 10px 0;}
#homeServices A {text-decoration: none;}
.addressLabel {float: left; font-weight: bold; width: 100px; display: inline;}
.homeQuote {
    font-style: italic;
    margin: 3px 0 2px 0;
}
.homeQuoteAuthor {font-weight: bold; margin-bottom: 5px;}
.quote {
    background: URL(../Images/quote.gif) top left no-repeat;
    font-style: italic;
    display: block;
    margin: 15px 0 12px 0;
    padding: 0 0 0 35px;
}
.quoteAuthor {font-weight: bold; margin: 2px 0 0 0; font-style: normal;}
.anchor A:hover {text-decoration: none !important;} /* hide rollovers on services page headings */
.breadcrumbs {font-size: 80%; padding: 0 0 5px 0;}