*{
padding: 0;
margin: 0;
}

body{
position:relative;
font: 84%/1.4 normal Verdana, "Lucida Grande", sans-serif;
color: #212121;
padding-top: 50px;
background: fixed #f1f3ef url("/images/wood.jpg") 300px 0 repeat;
}

#index,#about,#contact{color: #005954;}
#services{color: #7e6b19;}
#partners{color: #516159;}

#container{
background: transparent url("/images/bg_repeat.png") 0 0 repeat-y;
max-width: 1056px;
min-width: 760px;
margin: 921px auto 0;
padding: 120px 0 0;
}

#wrapper{
min-height: 800px;
margin-top: -1041px;
background: transparent url("/images/bg.png") 0 0 no-repeat;
}

/*********************************** typography */

a,
a:visited{
outline: 0;
color: #005954;
}

a:focus,
a:hover{
background: #BBE1CE;
color: #003531;
}

p{
margin: 0 0 1.5em;
}

h2{
font-size: 2em;
margin: 0 0 .5em;
clear: both;
}

h3{
font-size: 1.4em;
text-transform: uppercase;
}

/*************************************** header */

#header{
font-size: 1.2em;
font-weight: bold;
}

#header ul{
list-style: none;
position: absolute;
top: 24px;
left: 32px;
}

#header ul li,
#header ul li a{
display: block;
padding: 5px 7px;
float: left;
text-transform: uppercase;
text-decoration: none;
color: #005954;
}

#header ul li a:hover,
#header ul li a:active,
#header ul li#active a{
background: #96c6b6;
}

#header ul li a:focus,
#header ul li#active a:focus{
background: #FFE87F;
}

#header h1 a{
padding: 10px;
position: absolute;
top: 130px;
right: 104px;
}

h1 a:hover,
h1 a:active{
background: #EFE6D1;
}

h1 a:focus{
background: #FFE87F;
}

#header p{
position: absolute;
right: 78px;
top: 34px;
color: #005954;
padding-left: 20px;
background: transparent url("/images/phone.png") 0 50% no-repeat;
}

/************************************** content */

#content{
position: relative;
margin: 0;
padding: 271px 114px 0 114px;
overflow: hidden;
min-height: 650px;
}

p#intro{
margin-right: 300px;
max-width: 48%;
}

/*************************************** footer */

#footer{
background: transparent url("/images/footer_bg.png") 0 0 no-repeat;
max-width: 992px;
min-width: 696px;
margin: 0 auto 50px;
padding: 70px 0 0 64px;
font-size: .8em;
height: 115px;
position: relative;
color: #6F624C;
}

#footer p{
margin: 0;
}

#footer p a,
#footer p a:visited{
position: absolute;
right: 54px;
bottom: 50px;
text-decoration: none;
color: #6F624C;
padding: 5px 10px;
}

#footer p a:hover{
color: #2C0A08;
background: #CFC49B;
}

#footer p a:focus{
color: #2C0A08;
background: #FFE87F;
}

/**************************************** boxes */

.boxes{
list-style: none;
margin-bottom: 50px;
}

.boxes li{
float: left;
display: block;
width: 48.75%;
margin: 0 2% 2% 0;
border-right: solid 1px #709e8e;
border-bottom: solid 1px #709e8e;
position: relative;
}

.boxes.wide li{
width: auto;
padding: 30px 30px 30px 130px;
border-right: solid 1px #b8ad89;
border-bottom: solid 1px #b8ad89;
background: #eee5c0;
}

#partners .boxes.wide li{
background: #516159 url("/images/partners_bg.png") 250px 0 no-repeat;
color: #fff6e1;
min-height: 150px;
border-right: solid 1px #0d4628;
border-bottom: solid 1px #0d4628;
}

.boxes li.nm{
margin: 0 0 2% 0;
float: right;
}

.boxes li span.c{
position: absolute;
width: 22px;
height: 21px;
top: 0;
right: -1px;
z-index: 100;
}

.boxes li span.i{
position: absolute;
width: 64px;
height: 74px;
top: 20px;
left: 20px;
z-index: 10;
}

#services .boxes li span.i{
left: 40px;
top: 20px;
}

#partners .boxes li span.i{
position: absolute;
width: 125px;
height: 125px;
top: 30px;
left: -40px;
z-index: 2000;
background: #fff url("/images/partner_icon.png") 0 0 no-repeat;
border: solid 10px #bbe1ce;
}

#index .boxes li span.c{background: #bbe1ce url("/images/corners.gif") 100% 0 no-repeat;}
#services .boxes li span.c{background: #EEE5C0 url("/images/corners.gif") 100% -42px no-repeat;}
#partners .boxes li span.c{background: #516159 url("/images/corners.gif") 100% -21px no-repeat;}

.boxes li a{
display: block;
width: auto;
padding: 65px 20px 40px 100px;
text-decoration: none;
background: #bbe1ce;
color: #005954;
}

#index .boxes li h3{
position: absolute;
width: 100%;
left: 0;
top: 35px;
margin-left: 100px;
z-index: 0;
}

#index .boxes li.services span.i{background: transparent url("/images/icons.png") 0 -10px no-repeat;}
#index .boxes li.partners span.i{background: transparent url("/images/icons.png") 0 -110px no-repeat;}
#index .boxes li.about span.i{background: transparent url("/images/icons.png") 0 -210px no-repeat;}
#index .boxes li.contact span.i{background: transparent url("/images/icons.png") 0 -310px no-repeat;}

#index .boxes li p a:hover,
#index .boxes li p a:active{background-color: #A8CFBB; text-decoration: underline;}
#index .boxes li p a:focus{background-color: #FFE87F;}

#services .boxes li.audit_accountancy span.i{background: transparent url("/images/icons.png") 0 -410px no-repeat;}
#services .boxes li.taxation span.i{background: transparent url("/images/icons.png") 0 -510px no-repeat;}
#services .boxes li.corporate_finance span.i{background: transparent url("/images/icons.png") 0 -610px no-repeat;}
#services .boxes li.payroll span.i{background: transparent url("/images/icons.png") 0 -710px no-repeat;}

#index .boxes li p{
margin-bottom: 0;
}

/**************************************** about */

#office{
float: right;
margin: 70px 0 0 70px;
text-align: center;
}

#office img{
border-right: solid 1px #706d65;
border-bottom: solid 1px #706d65;
background: #96C6B6;
width: 306px;
height: 327px;
display: block;
line-height: 327px;
}

/***************************************** misc */

a img{
border: 0;
}

hr{
display: none;
}

code{
font-size: 1.2em;
background: #EFE5C2;
}

/*************************************** contact */

#map{
margin: 1em 0 3em;
height: 300px;
}

#map iframe{
width: 100%;
height: 300px;
}

#innerwrapper{float:left;width:100%}
#innercontent{margin-right:300px}
#contact_details{float:left;width:300px;margin-left:-300px}

#contact_details h4{
clear: left;
border-bottom: dotted 1px;
padding: 10px 0;
}

#contact_details span{
display: block;
float: left;
width: 80px;
font-weight: normal;
}

#contact_details address{
margin: 1em 0;
}

#contact_details p{
border-top: dotted 1px;
border-bottom: dotted 1px;
padding: 10px 0;
font-weight: bold;
}

#contact_form p{
margin-bottom: .75em;
}

fieldset{
background: #BBE1CE;
padding: 30px 50px;
margin-right: 50px;
}

fieldset div{
margin-bottom: 10px;
}

label{
display: block;
float: left;
width: 25%;
text-transform: lowercase;
padding: 2px;
}

input#name,
input#email,
select#subject,
textarea,
input#antispam{
border: 0;
padding: 2px;
font-size: 1em;
background: #EFFFF7;
width: 99%;
border-top: solid 1px #A8CFBB;
border-left: solid 1px #A8CFBB;
color: #005954;
font-family: Verdana, Arial, sans-serif;
}

input#name:focus,
input#email:focus,
select#subject:focus,
textarea:focus,
input#antispam:focus{
background: #fff;
}

input#name,
input#email{
width: 60%;
}

select#subject{
width: 70%;
}

label#antispam-error{
width: auto;
margin-right: 10px;
}

input#antispam{
width: 30%
}

label.explain{
width: auto;
font-size: .8em;
color: #6B8F7D;
}

.check{
border-top: dotted 1px;
border-bottom: dotted 1px;
margin: 10px 50px 10px 0;
padding: 10px;
display: block;
float: none;
height: 1.75em;
}

label#cc-opt-error{
width: auto;
display: block;
overflow: auto;
height: 3em;
}

input.button{
clear: both;
padding: 5px 10px;
font-size: 1.1em;
font-weight: bold;
display: block;
}

#results{
margin: 0 50px 1em 0;
color: #fff;
}

#results .error{
padding: 20px;
background: #BB0000;
}

#results .success{
padding: 20px;
background: #2DBB00;
}

#results strong{
font-weight: normal;
}

#results a,
#results a:visited{
color: #fff;
}

#results .error a:focus,
#results .error a:hover{
color: #BB0000;
background: #eee;
text-decoration: none;
}

#results .success a:focus,
#results .success a:hover{
color: #175F00;
background: #fff;
text-decoration: none;
}

#results p{
margin: 0;
}