/*
main body style and background divs
*/

* {
margin:0; padding:0;
}

body {
background: #292929 url(../images/bg.jpg);
margin:0px;
font-family: Verdana,Helvetica,Arial,sans-serif;
font-size:11px;
color:#eee;
}
div#body {
line-height:1.4em;
text-align:justify;
}


/*
global styles etc
*/


a:link 		{color:#7db30f; text-decoration:none;}
a:visited {color:#7db30f; text-decoration:none;}
a:hover		{color:#ffffff; text-decoration:none;}

.inside a:link 		{color:#7db30f; text-decoration:none;}
.inside a:visited {color:#7db30f; text-decoration:none;}
.inside a:hover		{color:#ffffff; text-decoration:none; background:#7db30f;}

a:hover.nobg		{background:none;}

h1 {font-size: 1.8em; font-weight: normal; padding:0px; margin: 10px 0 15px 0; font-family: georgia; color: #7db30f; }
h2 {font-size: 1.6em; font-weight: normal; padding:0px; margin: 10px 0 15px 0; font-family: georgia; color: #7db30f; }
h3 {font-size: 1.2em; font-weight: normal; padding:0px; margin: 10px 0 15px 0; font-family: georgia; color: #7db30f; line-height: 24px; }


img {border:0px;}
address {font-style: normal;}
acronym {border:none;}

.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.clear-r {clear:right;}
.clear-l {clear:left;}
.margin-r {margin-right:10px;}

.color {color:#7db30f;}
.big   {font-size:1.5em;}
b.big  {font-weight:normal;}

.inside {padding:10px;}

ul {list-style-image: url(../images/li.png);}

p {padding-bottom:10px;}

.details {display: none;}

.photo {
padding: 5px;
border: 1px solid #333;
background: #111;
margin: 10px 20px;
}


/*
page backgrounds and structure
*/


div#page-wrap {
margin:auto;
}
div.content-wrap {
width:974px;
margin:auto;
position:relative;
}

div#bg-page-top {
background: url(../images/bg-page-top.jpg) top center no-repeat;
overflow:hidden;
}
div#bg-page-tile {
background: url(../images/bg-page-tile-y.png) top center repeat-y;
}
div#bg-footer {
background: url(../images/bg-footer.jpg) bottom center no-repeat;
}





/*
content styles and positioning
working from top down
*/


/*
nav and top links
*/

a#bookmark-us {
padding-top:25px;
padding-bottom:5px;
}


ul#nav {
list-style-image:none;
list-style-type:none;
display:inline;
position:relative;
z-index:10;
float: right;
}
ul#nav li {
display:block;
float:left;
}

#logo {
margin-top: -8px;
}

div#top-links {
margin-top:20px;
width:640px;
margin-bottom:7px;
}
div#top-links b,
div#top-links a {
display:block; width:200px;
position:relative;
bottom:5px;
}


#domain {
margin-left: 50px;
}



/*
Banner
*/

div#banner {
height:292px;
width:974px;
position: relative;
top: 4px;
z-index: 230;
}
div#banner h1 {
background: url(../images/banner-h1.gif) repeat-x;
color:#7db30f;
font-size:1.7em;
font-weight:normal;
text-align:center;
margin:246px 4px 0 4px;
height: 44px;
width:966px;
line-height: 44px;
position: absolute;
bottom: 5px;
left: 0;
z-index: 300;
text-shadow: 1px 1px 1px #111;
}
div#banner-fade {
width: 974px;
height: 287px;
position: relative;
z-index: 249;
overflow: hidden;
}
div#mask {
background: url(../images/mask.png) no-repeat;
width: 978px;
height: 304px;
position: absolute;
top: -9px;
left: -4px;
z-index: 250;
}






/*
Content Area - left box and buttons
*/

div#content {
margin: 20px 20px 50px 20px;
background: #282828;
box-shadow: 0 0 10px #000;
-moz-box-shadow: 0 0 10px #000;
-webkit-box-shadow: 0 0 10px #000;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
padding: 20px;
border: 2px solid #1c1c1c;
text-shadow: 1px 1px 1px #111;
}

div#bg-left-box-tile {
background: url(../images/bg-left-box-tile.png) top left repeat-y;
margin-left:5px;
margin-top:4px;
}
div#bg-left-box-top {
background: url(../images/bg-left-box-top.png) top left no-repeat;
}
div#left-box-wrap {
width:294px;
text-shadow: 1px 1px 1px #111;
}
div#bg-left-box-end {
background: url(../images/bg-left-box-end.png) bottom left no-repeat;
height:45px;
margin-left:5px;
}



div#buttons {
width:642px;
height:150px; /* stops the auto height of this stretching the left box */
overflow: visible;
}

div#content ul, div#content ol { margin-bottom: 10px;}
div#content li { margin-left: 20px;}






/*
Footer sections
*/

div#footer {
height:190px;
text-shadow: 1px 1px 1px #111;
}
div#footer div.left {
width:270px;
text-align:left;
margin-left:25px;
margin-top:40px;
color:#fff;
}
div#footer div.left p:first-line {
line-height:3em;
}
div#footer div#quick-links.left,
div#footer div#info.left {
margin-left:57px;
}
div#footer div#quick-links.left p {
padding-bottom:0px;
}
div#quick-links a {
display:block;
}



/*
page specific styles
*/

/*
Contact page - will change this to a better default style
*/

#form_div {
width: 360px;
color: #555;
font-weight: bold;
margin: 15px 0 50px 0;
}

#contact-left {
float: left;
width: 500px;
}

.form {
background: #333;
border: 1px solid #444;
padding: 10px;
height: 400px;
}

.input {
width: 200px;
height: 15px;
font-size: 12px;
border: 1px solid #555;
background: #111;
margin-bottom: 15px;
padding: 5px;
float: right;
color: #ddd;
}

.input:hover {
border: 1px solid #888;
}

.input:focus {
border: 1px solid #444;
background: #222;
}

.textarea {
font-family:Verdana, Arial, Helvetica, sans-serif;
padding: 0px; line-height: 14px; margin: 0px;
width: 200px;
height: 150px;
line-height: 18px;
font-size: 12px;
border: 1px solid #555;
background: #111;
margin-bottom: 10px;
padding: 5px;
float: right;
color: #ddd;
}

.textarea:hover {
border: 1px solid #888;
}

.textarea:focus {
border: 1px solid #444;
background: #222;
}

.submit {
float: right;
padding: 2px 10px;
clear: both;
}

label {
width: 150px;
float: left;
font-size: 12px;
margin: 10px 0 -18px 0;
color: #eee;
}

.enquiry {
margin: 10px 0 -10px !important;
}

#servicesText {
float: left;
width: 500px;
}

#aboutText {
float: left;
width: 460px;
}

h3 a {
background: #7db30f;
color: #fff !important;
padding: 2px 4px;
}

h3 a:hover {
color: #eee !important;
background: none !important;
}

#telephonepic {
margin: 40px 0 0 30px;
}

#logPrices {
font-size: 12px;
margin: 5px 0 10px 30px;
}

#logPrices td {
padding: 8px 45px 8px 10px;
background: #222;
}

#testimonialsTab a {
display: block;
text-indent: -9999px;
background: url(../images/testimonials.png) no-repeat;
width: 45px;
height: 164px;
position: fixed;
top: 150px;
left: 0;
z-index: 999;
}

#testimonialsContent {
display: none;
}

.testimonial {
margin: 15px 0 30px;
}

.testimonial blockquote {
border: 1px solid #ccc;
background: #eee;
padding: 10px;
}

.testimonial small {
float: right;
}

#moreinfo {display:none;}