/*
main body style and background divs
*/

* {
margin:0; padding:0;
}

body {
background: #140f09 url(../images/bg-body-tile-y.gif) top center repeat-y;
margin:0px;
font-family: Verdana,Helvetica,Arial,sans-serif;
font-size:11px;
color:#4F4F4F;
}
div#body {
background: url(../images/bg-body-tile-x.gif) top center repeat-x;
line-height:1.4em;
text-align:justify;
}


/*
global styles etc
*/


a:link 		{color:#257b11; text-decoration:none;}
a:visited {color:#257b11; text-decoration:none;}
a:hover		{color:#ffffff; text-decoration:none;}

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

a:hover.nobg		{background:none;}

h1 {font-size: 1.8em; font-weight: normal; padding:0px; margin: 20px 0 15px 0;color:#257b11;}
h2 {font-size: 1.6em; font-weight: normal; padding:0px; margin: 20px 0 15px 0;color:#257b11;}
h3 {font-size: 1.2em; font-weight: normal; padding:0px; margin: 20px 0 15px 0;color:#257b11;}


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

.left {float:left;}
.right {float:right;}
.clearer {clear: both;height: 0px;overflow: hidden;line-height: 0px;font-size: 0px;}
.clear {clear: both;}
.clear-r {clear:right;}
.clear-l {clear:left;}
.margin-r {margin-right:10px;}


.color {color:#257b11;}
.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: 4px;
border: 1px solid #bfc6ca;
background: #dedede;
}


/*
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.png) 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.png) bottom center no-repeat;
}





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


/*
nav and top links
*/

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


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


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



/*
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:#fff;
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;
}
div#banner-fade {
width: 974px;
height: 287px;
position: relative;
z-index: 249;
overflow: hidden;
background-position: 4px 0 !important;
}
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 30px 50px 30px;
}

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



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


.service-list {
float: left;
width: 427px;
margin-left: 20px;
padding-bottom: 10px;
}
.service-list li {
list-style: none;
line-height: 17px;
font-size: 17px;
padding-left: 25px;
margin-bottom: 8px;
background: url(../images/li.gif) top left no-repeat;)
}





/*
Footer sections
*/

div#footer {
height:190px;
}
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;
}

#regions-we-cover {display:none;}

/*
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: url(../images/formgradient.jpg) repeat-x #ffffff;
border: 1px solid #bfc6ca;
padding: 10px;
height: 400px;
}

.input {
width: 200px;
height: 15px;
font-size: 12px;
border: 1px solid #cccccc;
background: url(../images/formgradient.jpg) repeat-x #ffffff;
margin-bottom: 15px;
padding: 5px;
float: right;
}

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

.input:focus {
border: 1px solid #aaaaaa;
background: #fffbdf;
}

.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 #cccccc;
background: url(../images/formgradient.jpg) repeat-x #ffffff;
margin-bottom: 10px;
padding: 5px;
float: right;
}

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

.textarea:focus {
border: 1px solid #aaaaaa;
background: #fffbdf;
}

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

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

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