/* CSS Document */

/*--------------------------------------- General Structure -----------------------------------------*/

html {height: 100%;}

body {height: 100%;}

#wrapper { position: relative; min-height: 100%;}

*html #wrapper { height: 100%;}

#container{ position:relative; padding:0px 0px 451px 0px; margin-top:24px; margin-left:auto; margin-right:auto; width:877px; }

#header { width:100%; height:115px; margin:0px; padding:0px;}

#logo {  width:145px; height:84px; margin:0px; padding:0px; display:block; float:left; }
#tel {display:block; float:right; font-size:18px; color:#6C853F; margin:20px 0px 0px 0px;}
*+html #tel {display:block; float:right; font-size:18px; color:#6C853F; margin:20px 0px 0px 0px;}
#main {  width:100%; margin:13px 0px 0px 0px; }

#content { width:466px;  height:100%; float:left;  margin:0px 0px 0px 0px; padding:0px;  }

#sidebar { width:390px;  height:100%; float:right;  margin:0px 0px 0px 0px; padding:0px;}

#footer { position:relative; width:100%; background:#919a9e; height:451px; margin:-431px 0px 0px 0px; padding:0px; background:url(../images/footer.jpg) repeat-x left top; }
#footer_inner { position:relative; padding:0px 0px 0px 0px; margin-top:0px; margin-left:auto; margin-right:auto; width:877px; }
#footer_top { height:113px; width:100%; display:block;}

.footer_thumb { display:block; float:left; margin:8px 6px 0px 6px;}
#first.footer_thumb {margin:8px 6px 0px 0px !important;}
#last.footer_thumb {margin:8px 0px 0px 7px !important;}
.footer_thumb a img { border:9px solid #CCC;}
.footer_thumb a:hover img { border:9px solid #7F7F7F;}

#footer_bottom { height:167px; width:100%; display:block; padding:5px 0px 0px 0px;}
#our_offices { width:466px; display:block; float:left;}
#our_offices ul li { color:#333; background:url(../images/arrow_green.gif) no-repeat left center; list-style-position:outside; margin:0px 0px 5px 0px; }
#our_offices h6 { color:#FFF; font-size:18px; font-weight:normal;}
#contact_us { width:200px; display:block; float:right; }
#contact_us h6 { color:#FFF; font-size:18px; font-weight:normal;}


#contact input {width:250px;}
#contact textarea {width:250px; height:90px;}
#contact button {border:1px solid #000; background:#AFC384; color:#fff; font-size:14px; margin:0px 0px 0px 150px; }
*html #contact button {margin:0px 0px 0px 155px; }
*+html #contact button {margin:0px 0px 0px 155px; }
#contact label {font-size:14px;}

.clear { clear:both; }

#slideshow {position:relative; width:390px; height:320px;}
#slideshow ul {margin:0px; padding:0px;}
#slideshow ul li { background:none !important; margin:0px; padding:0px; position:absolute; top:0px; left:0px;}
/*------------------------------------ nav-----------------------------------------------------------*/

#nav { width:100%;  margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
#nav a { margin:0px 0px 1px 0px;  color:#ffffff; display:block; float:left; padding:5px 30px 6px 30px; font-weight:normal; font-size:14px; color:#FFF;}
#nav a:hover { text-decoration:none;  color:#000; background:#F8FAF5; } 
#nav a.active { text-decoration:none;  color:#000; background:#F8FAF5; } 

/*------------------------------------- General Text & Colours & backgrounds ---------------------------------------*/

button {cursor:pointer;}
body { text-align: left;  margin: 0px;  padding: 0px;  letter-spacing:normal; background:url(../images/bac.jpg) repeat-x left top; font-family: Arial, Helvetica, sans-serif; font-size:14px;}
body,p,h1,h2,h3,h4 { margin:0px;  padding: 0px; }

img { border:0px; margin:0px; padding:0px; }

h1 { font-size:31px; color:#6C853F; font-weight:normal; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h2 { color:#333; font-size:28px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h3 { color:#000; font-size:26px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h4 { color:#6C853F; font-size:24px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h5 { color:#333; font-size:23px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h6 { color:#000; font-size:22px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }

hr {color:#6C853F; background:#6C853F; border-color:#6C853F; }

ul { margin:10px 0px 10px 0px; padding:0px 0px 0px 0px;  }
ul li { margin:0px; padding:0px 0px 2px 22px; color:#6C853F; font-size:14px; list-style:none; background:url(../images/arrow_link.jpg) no-repeat left center; list-style-position:outside; }
ol {}
ol li {color:#6C853F; font-size:14px; }

address {font-size:14px; color:#333; font-style:italic;}

a { font-size:14px; color:#6C853F; text-decoration:none; }
a:hover { color:#6C853F; text-decoration:underline; }

p { font-size:14px; color:#333; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; line-height:20px; }

/*hacks list remove before live

HANDY HINTS

*html IE6
*+html IE7
:root  FIREFOX
body:last-child:not(:root:root)    SAFARI
html:first-child OPERA
*/