/********************************************************************************
reset
********************************************************************************/
html, body, div, span, 
h1, h2, h3, h4, h5, h6, p, 
blockquote, pre, a, abbr, img, b, i, strong, em, 
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}

/* remember to define focus styles! */
:focus {
outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
background: #eeeeff;
}
del {
text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}

/********************************************************************************
build
********************************************************************************/
#stylesselector{
clear:both;
font-size: 11px;
padding:20px 0 0;
}

del{
display:none;
}

.pretty-hover{
margin-left:-2px;
}

/********************************************************************************
HTML styles
********************************************************************************/
body{
font-family:Verdana, sans-serif;
background:#36362D;
}
a:link{
color: #5794c0;
}
a:visited{
color:#5794c0;
}
a:hover,a:focus{
color:#5794c0;
}


h1,h2,h3{
font-family:Arial,sans-serif;
font-weight:normal;
line-height: 120%;
margin-bottom: 10px;
color: #52523D;
}

h1{
font-size:35px;
letter-spacing:-1px;
}
h1 i{
font-style: normal;
}

h2{
font-size:22px;
letter-spacing:-1px;
}

h3{
font-size:18px;
letter-spacing:-1px;
}

p, li, li p, li li, li li li{
font-size: 11px;
line-height: 1.5em;
}
p{
margin-bottom: 10px;
}
label{
font-size: 11px;
}
ul{
margin: 0 0 0 20px;
}
ul.column2{
width:320px;
float:left;
}

blockquote{
margin: 10px 0px 10px 0px;
border-left:5px solid #94941F;
padding:15px 30px 10px 30px;
background:#F3F3D8;
}
blockquote p{
font-family:georgia,'times new roman', serif;
font-size:14px;
color:#4D4D40;
font-style:italic;
margin:0 0 5px 0;
line-height:1.5;
}
blockquote .attrib{
font-size:10px;
text-align:right;
color:#4D4D40;
}

/********************************************************************************
page structure
********************************************************************************/
#container{
width:100%;
margin:0 auto;
overflow: hidden;
background:#fff;
}

.box{
width:940px;
margin:0 auto;
padding: 0 20px;
overflow: hidden;
}

#header{
background: #36362D url(/_img/bg.header.brown.gif) repeat-x top left;
border-bottom:1px solid #1B1C17;
padding-bottom:5px;
}

#main{
clear: both;
float: left;
width: 100%;
background: #fff url(/_img/bg.main.brown.gif) repeat-x top right;
border-top:1px solid #fff;
}

#grass{
clear:both;
height:80px;
width:100%;
background:url(/_img/bg.grass.png) repeat-x left bottom;
}

#footer{
background: #36362D url(/_img/bg.footer.brown.gif) repeat-x top left;
padding-bottom:5px;
clear: both;
padding: 10px 0 30px 0;
margin: 0 0 0 0;
}

#footer i{
font-style:normal;
}
#footer li b{
color:#fff;
}
#footer strong{
font-weight: normal;
font-style:normal;
color:#94941F;
}
#footer em{
font-style:normal;
color:#ddd;
}


.content_1col{
float: left;
width: 940px;
}

.content_2col{
float: left;
width: 940px;
}
.content_2col .maincol{
float:left;
width: 700px;
}
.content_2col .sidecol{
float:right;
width: 220px;
padding: 20px 0;
display:none;
}
#about .content_2col .sidecol{
display:block;
}
#contact .content_2col .sidecol{
display:block;
}
.content_2col .col1{
width: 460px;
float: left;
}
.content_2col .col2{
width: 460px;
float: right;
}

.content_3col{
float: left;
width: 940px;
}
.content_3col .col1{
width: 300px;
float: left;
margin-right: 20px;
}
.content_3col .col2{
width: 300px;
float: left;
margin-right: 20px;
}
.content_3col .col3{
width: 300px;
float: left;
}

.content_4col{
float: left;
width: 940px;
}
.content_4col .col1{
width: 220px;
float: left;
margin-right: 20px;
}
.content_4col .col2{
width: 220px;
float: left;
margin-right: 20px;
}
.content_4col .col3{
width: 220px;
float: left;
margin-right: 20px;
}
.content_4col .col4{
width: 220px;
float: left;
}


/********************************************************************************
page furniture
********************************************************************************/
#logo{
float: left;
width: 250px;
height:55px;
padding: 20px 0 12px 0;
/*border: 1px solid #ccc;*/
}
#logo a, #logo b{
float:left;
display:block;
width:100%;
background:url(/_img/logo.gif) no-repeat 0 0;
height:100%;
}
#logo i{
display:block;
position:absolute;
top:-10px;
left:-9999px;
}

#search{
display:none;
padding: 60px 0 10px 0;
width:350px;
float: right;
text-align: right;
}
#s{
width: 200px;
}

.enquiryform{
float: left;
background: #efefef;
padding: 10px;
}
.enquiryform td{
padding: 5px;
}

#findoutmore{
margin:15px 0 5px 0;
}
#findoutmore a{
text-align:center;
display:block;
background: #5794c0 url(/_img/button.brown.intro.gif) no-repeat 0 0;
color:#fff;
padding:7px 15px 5px 15px;
width:130px;
height:18px;
font-weight:bold;
text-decoration:none;
}
#findoutmore a:hover,#findoutmore a:focus{
background: #94941F url(/_img/button.brown.intro.gif) no-repeat 0 -40px;
color:#fff;
text-decoration:none;
}

.findoutmore{
clear:both;
padding:10px 0;
}
.findoutmore p{
margin:0;
padding:9px 0 0 0;
height:51px;
color:#94941F;
font-family:Arial,sans-serif;
font-size:20px;
letter-spacing:-1px;
text-align:center;
background: transparent url(/_img/bg.findoutmore.bar.png) 0 0 no-repeat;
}
.findoutmore p a{
text-decoration:none;
}
.findoutmore p a:hover,.findoutmore p a:focus{
text-decoration:underline;
}
.linkedin a{
display:block;
background: transparent url(/_img/logo_linkedin_hover.png) no-repeat 0 5px;
padding:10px 10px 10px 90px;
font-size:11px;
}


.vcard{
margin:15px 0;
}
.vcard a{
display:block;
background: transparent url(/_img/vcard.gif) no-repeat 0 0px;
padding:10px 10px 10px 50px;
font-size:11px;
font-weight:bold;
}

.col1 ul, 
.col2 ul, 
.col3 ul, 
.col4 ul,
.maincol ul{
margin: 0 0 10px 20px;
}
.col1 li, 
.col2 li, 
.col3 li, 
.col4 li,
.maincol li{
padding: 3px 0 3px 16px;
background: transparent url(/_img/bullet-green.gif) no-repeat 5px 10px;
}

.imgwide{
display:block;
margin:10px 0;
border:1px solid #1B1C17;
}
.imgright{
float:right;
margin: 4px 0 10px 20px;
border:1px solid #1B1C17;
}
.imgleft{
float:left;
margin: 4px 10px 10px 0;
border:1px solid #1B1C17;
}

.logos{
margin: 30px 0 10px 0;
overflow:hidden;
_zoom:1;
}
.logos img{
display:block;
float:left;
margin: 0 10px 0 0;
}
/********************************************************************************
navigation
********************************************************************************/ 
#globalnav{
float: left;
width: 100%;
border-top: 1px solid #4D4D40;
background: #36362D;
}
#footer {
float: left;
width: 100%;
}


#globalnav ul{
margin: 0 auto;
clear:both;
list-style: none;
width: 940px;
padding: 0 0 6px 0;
overflow:hidden;
}
#footer ul {
margin: 0;
clear:both;
list-style: none;
float: left;
width: 100%;
padding: 0 0 2px 0;
}

#globalnav li{
overflow:hidden;
line-height: 1;
float: left;
background: transparent url(/_img/bg.divider.brown.gif) no-repeat right 6px;
padding: 0 12px 0 0;
margin:  0 10px 0 0;
}
#footer li {
line-height: 1;
float: left;
background: transparent url(/_img/bg.footer.divider.brown.gif) no-repeat right 6px;
padding: 0 12px 0 0;
margin:  0 10px 4px 0;
}
#globalnav a, 
#footer a, 
#globalnav b,
#footer b {
font-size:11px;
display: block;
color: #A4967D;
text-decoration: none;
padding: 11px 0 3px 0;
font-weight: normal;
border-bottom: 2px solid #36362d;
margin:0 0 1px 0;
}
#globalnav a, 
#globalnav b{
border-bottom: 2px solid #36362D;
}



#globalnav li.active a, 
#footer li.active a, 
#globalnav b{
color: #fff;
}

#globalnav a:hover, 
#footer a:hover,
#globalnav a:focus, 
#footer a:focus {
color: #fff;
border-bottom: 2px solid #94941F;
}
#globalnav li.active a:hover, 
#footer li.active a:hover,
#globalnav li.active a:focus, 
#footer li.active a:focus{
color: #fff;
border-bottom: 2px solid #94941F;
}

#crumbnav{
font-weight:bold;
padding: 20px 0 10px 0;
font-size: 14px;
font-family: verdana;
color: #A4967D;
}
#crumbnav b{
color: #94941F;
font-size: 11px;
}
#crumbnav a{
font-size: 11px;
color: #5794c0;
text-decoration:none;
}
#crumbnav a:hover,#crumbnav a:focus{
text-decoration:underline;
}


.sidecol h2{
margin:20px 0 0 0;
font-size: 18px;
padding:7px 0 5px 0;
border-top:1px dotted #D1E1EE;
border-bottom:1px dotted #D1E1EE;
letter-spacing: 0;
}
.sidecol h2 a, .sidecol h2 b{
text-decoration:none;
color: #94941F;
font-weight: normal;
}

.sidecol li a, .sidecol li b{
text-decoration:none;
display:block;
padding: 5px 0 5px 10px;
background: transparent url(/_img/bullet-triangle-green.gif) no-repeat 0px 9px;
color:#5794c0;
border-bottom:1px dotted #D1E1EE;
_zoom:1;
}

.sidecol li a:hover,.sidecol li a:focus{
background: #94941F url(/_img/bullet-triangle-green.gif) no-repeat 0px -11px;
color: #fff;
text-decoration:none;
}
.sidecol h2 a:hover,.sidecol h2 a:focus{
text-decoration:none;
border-bottom:2px solid #94941F;
}
.sidecol ul{
margin: 0 0 0 0;
}
.sidecol ul ul{
margin: 0 0 0 10px;
}


/********************************************************************************
sitemap
********************************************************************************/
#sitemap .content li{
font-size: 16px;
}
#sitemap .content li li{
font-size: 12px;
}
/********************************************************************************
utility
********************************************************************************/
.nomargin{
margin: 0;
}
.clr{
clear:both;
}
#skip a{
color: #5794c0;
position:absolute;
left:auto;
top:-9999px;
width:1px;
height:1px;
overflow:hidden;
font-size:18px;
}
#skip a:focus{
line-height:1.2;
text-align:center;
padding:7px 10px;
position:absolute;
width:50px;
top:25px;
left:20px;
height:auto;
background: #21221B;
color: #fff;
border:1px dotted #94941F;
font-size:12px;
} 
/********************************************************************************
downloads
********************************************************************************/
.download{
float:left;
clear: both;
margin: 10px 0 10px 20px;
}
.download p{
padding-left: 40px;
min-height: 35px;
_height:35px;
}

.download b, .download i{
display:block;
}
.download a{
display:block;
text-decoration: none;
}
.download a b{
color: #4D4D40;
text-decoration: none;
}
.download a i{
line-height: 1.1;
color: #777;
}
.download a:hover b, .download a:hover i,.download a:focus b, .download a:focus i{
color:#5794c0;
text-decoration: underline;
}
.download .excel{
background: transparent url(/_img/filetype-xls.gif) no-repeat 0 0;
}
.download .word{
background: transparent url(/_img/filetype-doc.gif) no-repeat 0 0;
}
.download .powerpoint{
background: transparent url(/_img/filetype-ppt.gif) no-repeat 0 0;
}
.download .acrobat{
background: transparent url(/_img/filetype-pdf.gif) no-repeat 0 0;
}

/********************************************************************************
top panel
********************************************************************************/
#tab {
background:  url(/_img/panel-tab-extend.brown.png) repeat-x bottom right;
height: 40px;
position: relative;
top: 0;
z-index: 999;
}
#tabcontent {
width: 990px;
margin: 0 auto;
text-align: left;
}

#tab ul {
display: block;
position: relative;
float: right;
clear: right;
height: 30px;
width: auto;
font-weight: bold;
margin: 6px 20px 0 0;
right: 0;
color: #A4967D;
font-size: 11px;
text-align: center;
list-style:none;
}
#tab ul li#tableft {
background:  url(/_img/panel-tab-left.brown.png) no-repeat left bottom;
height: 36px;
width: 12px;
padding: 0;
margin: 0;
display: block;
float: left;
}
#tab ul li#tabtoggle {
text-align: left;
padding: 0 0;
display: block;
float: left;
height: 36px;
padding-right:15px;
background:  url(/_img/panel-tab-right.brown.png) repeat-x right bottom;
}
#tab ul li a {
color: #A4967D;
text-decoration:none;
}
#tab a.open, #tab a.close {
padding:2px 0px 6px 20px;
cursor: pointer;
display: block;
width: 170px;
position: relative;
background: #3A3A30;
}
#tab a.open {
background: url(/_img/panel-tab-icon-open.brown.gif) no-repeat 0 4px;
}
#tab a:hover.open {
background: url(/_img/panel-tab-icon-open.brown.gif) no-repeat 0 -38px;
color: #fff;
}
#tab a.close {
background: url(/_img/panel-tab-icon-close.brown.gif) no-repeat 0 4px;
}
#tab a:hover.close {
background: url(/_img/panel-tab-icon-close.brown.gif) no-repeat 0 -38px;
color: #fff;
}


#toppanel{
position: fixed;
/*position: relative;*/
top: 0;
left: 0;
width: 100%;
z-index: 999;
text-align: center;
margin-left: auto;
margin-right: auto;
}
#panel{
width: 100%;
height: 290px;
color: #999999;
background: #3A3A30;
overflow: hidden;
position: relative;
z-index: 3;
display: none;
}


#panelcontent {
width: 940px;
padding:10px;
margin: 0 auto;
text-align: left;
}

#panelcontent h2{
color:#A4967D;
margin:0;
}
#panelcontent p{
color:#fff;
margin:0 0 10px 0;
}

#panelcontent a:link,#panelcontent a:visited{
color:#fff;
text-decoration:none;
}
#panelcontent a:hover,#panelcontent a:focus{
color:#fff;
text-decoration:underline;
}

#panelcontent .contactdetails{
width:220px;
margin: 0 20px 0 0;
float:left;
background: transparent url(/_img/panel-divider.gif) repeat-y right top;
}

#panelcontent p#fullcontactdetails, #panelcontent p#sendyourenquiry{
margin:0;
}
#fullcontactdetails a, #sendyourenquiry a{
display:block;
background: #5794c0 url(/_img/button.brown.panel.png) no-repeat 0 0;
color:#fff;
padding:7px 10px 5px 10px;
width:140px;
height:18px;
font-weight:bold;
text-decoration:none;
}
#fullcontactdetails a:hover, #sendyourenquiry a:hover,#fullcontactdetails a:focus, #sendyourenquiry a:focus{
background: #94941F url(/_img/button.brown.panel.png) no-repeat 0 -40px;
color:#fff;
text-decoration:none;
}
#sendyourenquiry a{
margin:10px 0 0 0;
text-align:center;
}

#panelcontent .contactform{
width:700px;
float:left;
}
#panelformdetails{
width:440px;
float:left;
}
#panelforminfo{
width:260px;
float:left;
}
#panelforminfo textarea{
width:253px;
height:165px;
font-family:arial,sans-serif;
}


#panelcontent label{
line-height:1.5em;
display:block;
padding: 0 0 0px 0;
color: #fff;
}
#panelcontent .nolabelblock label {
display:inline;
line-height:1.5em;
}



#panelcontent .panelformcontainer .formline{
width:200px;
padding-right:20px;
float:left;
}
.formline .txt, textarea{
width:100%;
font-family:arial, sans-serif;
font-size:12px;
}
.formlinepad{
padding: 0 0 10px 0;
}

#panelformdetails p{
clear:left;
color:#A4967D;
margin:5px 0;
}



/********************************************************************************
homepage
********************************************************************************/
#intro{
clear:both;
overflow:hidden;
background: #1C1D17 url(/_img/bg.intro.brown.gif) repeat-x left bottom;
}
#intro .col1{
padding:20px 0;
}
#intro h1{
line-height:1.15;
color: #f7f7f7;
font-size:40px;
margin-bottom:10px;
text-transform: lowercase;
}
#intro h1 i{
color: #94941F;
}

#intro p{
color:#A4967D;
}
#intro p b{
color:#BBB09D;
}

#flashcontent{
margin:20px 0;
background:#000;
float:right;
height:300px;
overflow:hidden;
}

.rowblockimage {
overflow:hidden;
_zoom:1;
}
.rowblockimage a{
cursor:pointer;
font-size:11px;
display:block;
width: 220px;
height: 70px;
margin: 0 10px 0 0;
float: left;
text-decoration:none;
}
.rowblockimage a b, .rowblockimage a i, .rowblockimage a img{
display:block;
}

.rowblockimage a b{
font-family:Arial,sans-serif;
color: #52523D;
font-size:18px;
letter-spacing:-1px;
font-weight:normal;
text-decoration:none;
padding:7px 0 0 0;
_width:175px;
}
.rowblockimage a:hover b,.rowblockimage a:focus b{
color:#5794c0;
text-decoration:underline;
}
.rowblockimage a i{
color:#777;
font-style:normal;
line-height:1.5em;
_width:175px;
}
.rowblockimage a img{
float: left;
padding: 5px 5px 10px 0;
}
.rowblockimage a:hover img{
padding-top:2px;
}


#clients{
float:right;
width: 220px;
padding: 8px 0 40px 10px;
border-left:1px dotted #D1E1EE;
text-align: center;
}
#clients h2{
font-family:Verdana, sans-serif;
font-weight: normal;
font-size: 11px;
margin: 0 0 15px 0;
letter-spacing: 0;
color:#777777;
}
#clients img{
display: block;
margin:10px auto 0 auto;
}
/********************************************************************************
print
********************************************************************************/
#printlogo, #printfooter{
display:none;
}
/********************************************************************************
contact form
********************************************************************************/
#pagecontactform{

}
#pagecontactform p{
clear:both;
padding:5px 0 5px 0;
color: #000;
margin:0;
}
#pagecontactform .formcontainer{
width:450px;
float:left;
clear:both;
}

#pagecontactform .formcontainer .formline{
width:200px;
padding-right:10px;
margin-right:10px;
float:left;
}

#pageforminfo{
clear:both;
}
#pageforminfo label{
display:block;
padding:10px 0 5px 0;
}
#pageforminfo textarea{
width:440px;
}
#pagesendyourenquiry{
margin:0;
}
#pagesendyourenquiry a{
display:block;
background: #5794c0 url(/_img/button.brown.white.bg.png) no-repeat 0 0;
color:#fff;
padding:7px 10px 5px 10px;
width:140px;
height:18px;
font-weight:bold;
text-decoration:none;
text-align:center;
margin-top:10px;
}
#pagesendyourenquiry a:hover{
background: #94941F url(/_img/button.brown.white.bg.png) no-repeat 0 -40px;
color:#fff;
text-decoration:none;
}

.err{
}

.err label{
color:#c03;
font-weight:bold;
}
.err .txt{
border:1px solid #c03;
}