/* main layout */
* {
margin: 0px;
padding: 0px;
list-style-type: none;
border: none;
}
body {
font-size: 0.625em;
}
.container {
width: 960px;
margin: 0px auto;
position: relative;
}
.left-col {
float: left;
clear: none;
width: 340px;
text-align: center;
}
.left-col p {
margin-top: 20px;
color: #004812;
font-size: 1.9em;
line-height: 1.1em;
font-weight: bold;
font-family: "Times New Roman", serif;
margin: 18px 25px 0px 25px;
padding: 0px;
}
.left-col p span{
font-size: 0.75em;
line-height: 1.1em;
color: #2a6037;
}
.main-col {
float: left;
clear: none;
width: 620px;
background-color: #eff1ea;
}

h1 a {
background: url(/images/logo.gif) top center no-repeat transparent;
width: 100%;
height: 134px;
margin: 13px 0px 55px 0px;
text-indent: -5000px;
display: block;
}
/* General text formatting */

h2 {
font-size: 2.2em;
font-family: "Times New Roman", serif;
text-decoration: none;
color: #83a484;
padding: 0px 0px 15px 0px;
}

p {
font-size: 1.3em;
font-family: verdana, sans-serif;
text-decoration: none;
color: #111;
padding: 0px 0px 15px 0px;
}

p a {
text-decoration: underline;
color: #004812;
font-weight: bold;
}
p span {
color: #004812;
font-weight: bold;
}

blockquote {
font-size: 1.5em;
font-family: "Times New Roman", serif;
text-decoration: none;
color: #666;
padding: 10px 0px 0px 0px;
font-style: italic;
}
.clients blockquote+p, .clients-2 blockquote+p  {
font-size: 1em;
font-weight: bold;
color: #004812;
text-align: right;
}
/* Top nav */
.main-col>ul:first-child, .main-col ul.top-nav {
float: left;
clear: both;
width: 640px;
overflow: hidden;
white-space: nowrap;
margin: 90px 0px 5px 0px;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
z-index: 100;
position: relative;
}

.main-col>ul:first-child li, .main-col ul.top-nav li {
float: left;
clear: none;
margin: 5px 0px 5px 0px;
background-color: #fff;
}

.main-col>ul:first-child a, .main-col ul.top-nav a {
display: block;
margin: 10px 15px 10px 51px;
font-size: 1.7em;
font-family: "Times New Roman", serif;
text-decoration: none;
color: #111;
}
div .main-col>ul:first-child a:hover, .main-col ul.top-nav a:hover {
color: #004812;
}

div .main-col>ul li:first-child a, .main-col ul.top-nav a.first {
margin-left: 52px;
}

li.about_us {background: url(/images/nav_leaves.gif) 0px 11px no-repeat transparent}
li.services {background: url(/images/nav_leaves.gif)  0px -60px no-repeat transparent}
li.clients {background: url(/images/nav_leaves.gif)  0px -133px no-repeat transparent}
li.contact_us {background: url(/images/nav_leaves.gif)  0px -205px no-repeat transparent}


.about_us .about_us,
.services .services,
.clients .clients,
.contact_us .contact_us {color: #004812;}


/* main content */
.main-col>p {
position: absolute; 
top: 36px;
right: 15px;
font-size: 1.8em;
color: #8caa93;
}
.main-col>p strong {
color: #689874;
}

div.centre-col {
float: left;
clear: both;
width: 265px;
min-height: 300px;
margin: 0px 0px 15px 15px;
padding: 10px 15px 0px 15px;
border: 1px solid #fff;
border-bottom: none;
border-radius: 5px 5px 0px 0px;
-moz-border-radius: 5px 5px 0px 0px;
-webkit-border-radius: 5px 0px 0px 5px;
background-color: #fff;
}

.cta {
display: block;
float:left;
clear: left;
width: 362px;
height: 34px;
background: url(/images/cta.png) top left no-repeat transparent;
margin: -25px 0px 0px -16px;
padding: 55px 10px 10px 20px;
font-size: 1.8em;
font-weight: bold;
text-decoration: none;
color: #fff;
}
/* Right col */
div.right-col {
float: left;
clear: none;
width: 308px;
margin: 0px 0px 15px 0px;
}

.special_offer_1, .special_offer_2, .special_offer_3, .special_offer_4, .special_offer_5, .special_offer_6  {
background-color: #fff;
}
div.right-col ul {margin-top: 45px;}
div .right-col li {
padding: 10px 15px 10px 20px;
background-image: none;
}
div.right-col li a {
padding: 20px 15px 20px 60px;
border: 1px solid #83a484;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
background-color: #e7eae0;
display: block;
color: #004812;
text-decoration: none;
font-family: "Times New Roman", serif;
font-size: 2.2em;
font-weight: bold;
}

div .right-col li a:hover {
border: 1px solid #000;
color: #000;
}
.offices .offices,
.meeting_rooms .meeting_rooms,
.connectivity .connectivity,
.virtual_offices .virtual_offices,
.contact_us .contact_us, 
.referral_form .referral_form
{background-color: #fff;}


li.offices a {background: url(/images/sub_nav_leaves.gif) 5px 11px no-repeat transparent;}
li.meeting_rooms a {background: url(/images/sub_nav_leaves.gif) 5px -68px no-repeat transparent;}
li.connectivity a {background: url(/images/sub_nav_leaves.gif) 5px -152px no-repeat transparent;}
li.virtual_offices a {background: url(/images/sub_nav_leaves.gif) 5px -230px no-repeat transparent;}

/* special offers */


div.right-col ul.special_offers li {
padding: 10px 15px 10px 20px;
margin: 20px 15px 20px 20px;
border: 1px solid #83a484;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
background-color: #e7eae0;
display: block;
color: #111;
text-decoration: none;
text-align: center;
}

div.right-col ul.special_offers li span {display: block;}

.special_offers .lar  {
font-family: "Times New Roman", serif;
font-size: 3.7em;
font-weight: bold;
color: #7a1300;
line-height: 0.9em;
}
.special_offers .med {
font-family: Verdana, sans-serif;
font-size: 1.6em;
font-weight: bold;
line-height: 1em;
}
.special_offers .sma  {
font-family: Verdana, sans-serif;
font-size: 1.1em;
font-weight: bold;
line-height: 1em;
}

.footer * {
padding: 0px;/* prevents margin collapse on P */
margin: 0px;
}

.footer {
clear: both;
background-color: #fff;
margin: 0px;
padding: 0px 0px 20px 0px;
}
.footer p.contact {
color: #83a484;
border-bottom: 1px solid #ccc;
font-weight: bold;
font-size: 1.2em;
padding: 10px 0px 10px 0px;
}

.footer p.contact strong, 
.footer p a {
color: #7a1300;
text-decoration: none;
}

.footer p.address {
color: #999;
font-weight: bold;
font-size: 1em;
padding: 8px 0px 8px 0px;
}
.footer p.credits {
color: #999;
font-weight: bold;
font-size: 1em;
padding: 8px 0px 8px 0px;
float: right;
margin-top: -28px;
}
.footer p.credits a {
color: #999;
}

/* home */
.home-feature {
height: 670px;
background: url(/images/home_office-exterior.jpg) top left no-repeat #fff;
}

.home-feature h2 {
color: #111;
padding: 0px 0px 0px 10px;
font-size: 2.2em;
font-family: "Times New Roman", serif;
font-weight: normal;
line-height: 1.3em;
z-index: 1000;
position: relative;
top: 250px;
}

.home-feature h2 span {
font-size: 1.4em;
font-family: verdana, sans-serif;
font-weight: bold;
display: block;
}

.home 
.main-col>p {
display: none;
}
.home .left-col ul {
text-align: left;
margin: 0px 30px 0px 45px;
}
.home .left-col li {
font-size: 1.5em;
font-weight: bold;
margin-bottom: 13px;
color: #468856;
font-family: Verdana, sans-serif;
}


.home .left-col li:nth-child(odd) {color: #004812;}
.home .left-col li.odd {color: #004812;}

.home .left-col .cta {
display: block;
float:left;
clear: left;
width: 352px;
height: 34px;
background: url(/images/cta_home.png) top left no-repeat transparent;
margin: -26px 0px 0px -30px;
padding: 55px 10px 10px 35px;
font-size: 1.8em;
font-weight: bold;
text-decoration: none;
color: #fff;
}

form {padding-bottom: 15px;}
form label, form input, form textarea {
display: block;
width: 260px;
}
fieldset {
border: none
margin-bottom: 20px;
}
form label {
margin-top: 10px;
color: #004812;
font-weight: bold;
font-size: 1.2em;
}
form p,
.referral_form .centre-col p {margin: 0px; padding: 0px!important;}
input,textarea {
background-color: #fff;
border: 1px solid #004812;
padding: 2px;
}
input:active, textarea:active, 
input:focus, textarea:focus {
background-color: #EFF1EA;
border: 1px solid #004812;
padding: 2px;
color: #111;
}
#submit {
margin-top: 10px;
width: 120px;
border: none;
background-color: #004812;
color: #fff;
font-weight: bold;
padding: 4hjfkjpx;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
float: right;
}
#submit:hover {
background-color: #468856;
}
#submit:active, #submit:focus {
background-color: #468856;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-bottom: none;
border-right: none;
}
legend  {
font-size: 1.8em;
font-family: "Times New Roman", serif;
text-decoration: none;
color: #83a484;
padding: 20px 0px 0px 0px;
}

/* slideshow stuff */
#slideshow {
    position:relative;
    height:350px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}

.error {
    color: #ff0000;
}