/* -------------------------------------------------------------------

Stylesheet: sgsgas.co.uk screen styles
Author:     Freeflow Web Design & Development (www.freeflowwebdesign.com)
Version:    16th February 2008

------------------------------------------------------------------- */

/*-----Main Layout-----*/

* {
padding:0;
margin:0;
}

html, body {
border:0;
margin:0;
padding:0;
}

body {
font:100%/1.25 Arial, Helvetica, sans-serif;
font: 9pt 'Verdana', Arial, Helvetica, sans-serif;
color: #333;
background:#000000 url(../images/carbon.gif) repeat;
}

#wrapper {
width: 900px;
height:900px;
margin: 0 auto;
background-image:url(../images/bg.gif);
}

#header{ 
height:400px;
width:830px;
margin:0 auto;
}

#header_left{
padding-top:50px;
width:202px;
float:left;
}

#header_mid{
padding-top:50px;
width:420px;
float:left;
}

#header_right{
padding-top:50px;
width:202px;
float:right;
}

#main {
height:390px;
}

#clippings {
width: 820px;
margin: -10px auto;
text-align:justify;
}

#default {
width: 780px;
margin:0 auto;
}

.container {
width:250px;
padding:0 10px;
}

.container#welcome, #provide, #finance {
border-right:1px #333 solid;
float:left;
}

.container#installations {
float:right;
}

.container#tree {
float:left;
text-align:left;
background-image:url(../images/tree.png);
}

#footer {
width:826px;
height:50px;
margin:0 auto;
text-align:center;
font-size:smaller;
border-top:1px solid #666666;
}

#accred {
width:170px;
margin:0 auto;
}

#show {
width:530px;
height:390px;
padding:0 10px;
overflow:auto;
}

#about_box {
width:790px;
margin:0 auto;
}

#about_left {
width:470px;
height:390px;
padding:0 10px;
float:left;
text-align:justify;
overflow:auto;
}

#about_right {
width:300px;
float:right;
}

#contact_box {
width:730px;
margin:0 auto;
padding:0 20px;
}

#contact_left {
width:289px;
float:left;
}

#contact_right {
width:370px;
float:right;
}

#pdf {
width:180px;
height:200px;
float:right;
text-align:center;
}

/*-----Flash Player-----*/

#player {
width:420px;
height:280px;
margin:0 auto;
text-align:center;
}

#brands {
width:300px;
height:300px;
float:right;
padding:0 0 10px 10px;
text-align:center;
}

#flame {
height:250px;
width:100px;
margin:0 auto;
}
/*-----Navigation------*/

#navigation	{
position:absolute;
width:826px;
height:20px;
left:50%;
margin-left:-414px;
top:350px;
}

#navheader {
position:relative;
margin:0 auto;
width:100%;
height:18px;
border-bottom:1px solid #666666;
padding:8px 0 0 0;
z-index:0;
}

#navheader li {
position:relative;
display:inline-block;
list-style-type:none;
font-size:10pt;
padding:0 40px 0 17px;
z-index:20;
float:left;
}

#navheader li a {
text-decoration:none;
color:#333333;
display : block;
text-align : center;
width : 80px;
}

#navheader li .on {
color:#0038FF;
}

#navheader li a:hover {
text-decoration:none;
color:#0038FF;
cursor: pointer;
}

#slider {
position:absolute;
border-bottom:5px solid #666666;
width:80px;
height:16px;
margin:0 2px 0 2px;
z-index:2;
margin-left:5px;
}

/*-----Google Maps-----*/

#gmlb_overlay {
background-color: transparent;
background-image: url(../images/bg.png);
z-index:1000;
}

#gmlb_map {
}

#gmlb_label {
background-color:white;
font-family:Trebuchet MS;
font-size:12px;
color:black;
float:left;
padding-top:10px;
margin-top:5px;
width:608px;
text-align:left;
}

#gmlb_container {
background-color:white;
padding:10px;
border-color:#DDDDDD;
border-width:1px;
border-style:dotted;
display:block;
}

#gmlb_close {
background-color:#EEEEEE;
width:32px;
height:32px;
float:right;
cursor:pointer;
clear:right;
background-image:url(../images/close.jpg);
margin-top:5px;
}

/*-----Headings-----*/

h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:normal;
}

h1 {
padding:0 0 20px 0;
letter-spacing:-1px;
font-size:1.5em;
color:#0038FF;
text-decoration:underline;
text-align:center;
}

h2 {
padding:0 0 20px 0;
letter-spacing:-1px;
font-size:1.5em;
color:#0038FF;
text-decoration:underline;
}

h3 {
padding:5px 0;
letter-spacing:-1px;
font-size:1.2em;
color:#0038FF;
}

h4 {
padding:5px 0;
letter-spacing:-1px;
font-size:1.2em;
color:#0038FF;
text-decoration:underline;
}

span {
float:right;
font-style:italic;
color:#666;
}

p, ul, ol {
margin:0;
padding:0 0 1.25em 0;
}

ul, ol {
padding:0 0 1.25em 2.5em;
}

img {
border:0;
}

/*-----Links-----*/

a,
a:link,
a:visited,
a:hover {
outline:none;
text-decoration:none;
}

a, a:link, a:visited{
color:#0038FF;
}

a:hover {
color:#333;
}

/*-----Tables-----*/

table {
border:0;
margin:0 0 1.25em 0;
padding:0;
}

table tr td {
padding:2px;
}