@charset "utf-8";
/* CSS Document */

body
{
background-color:#707070;
background-image:url(../images/bg/bg2.jpg);
background-position:top;
background-repeat:no-repeat;
}

#system_wrap{
width:810px;
margin-left:auto;
margin-right:auto;
height:110%;
}

#system_main{
width:810px;
height:110%;
margin-left:auto;
margin-right:auto;
}

#header_holder{
width:810px;
height:105px;
}

#header{
width:810px;
height:105px;
}

#nav_holder{
width:810px;
background-image:url(../images/nav/nav_bg.png);
background-repeat:no-repeat;
height:41px;
}

#navigation{
width:750px;
height:20px;
margin-top:10px;
margin-left:auto;
margin-right:auto;
}

#system_shadow{
width:810px;
height:110%;
background:url(../images/whitebox/grad.jpg) repeat-y left;
background-color:#FFF;
float:left;
}

#system_shadowr{
width:810px;
height:110%;
background:url(../images/whitebox/grad_invert.jpg) repeat-y right;
float:right;
}

#content_holder{
width:790px;
height:110%;
margin-left:10px;
float:left;
/* border-width:thin;
border-bottom-color:#707070;
border-bottom-style:dotted; */
}

#flash_container{
/*position:relative;
height:214px;
width:753px;
left:20px;
top:10px; */

height:200px;
width:780px;
padding-left:10px;
/*margin:auto; */

}

#content{
width:750px;
height:110%;
margin: 20px 0px 0px 20px;
float:left;
}

#quote{
width:498px;
height:40px;
margin: 0px 0px 0px 0px;
background-image:url(../images/quotes/quotes.jpg);
}

#content_left{
width:488px;
float:left;
margin-top:10px;
/* background-color:#CC9933;*/
}
 
#content_right{
width:210px;
float:right;
margin:10px 0px 0px 20px;
}

#client_header{
width:210px;
margin:10px 0px 0px 0px;
}

#client_body{
width:210px;
}

#footer_top{
width:810px;
height:110%;
float:left;
margin-top:10px;
}

#footer_topl{
width:550px;
height:110%;
float:left;
margin-left:30px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFF;
}

#footer_topr{
width:220px;
height:110%;
float:right;
margin-right:10px;
}

#footertopr_header{
width:230px;
margin:10px 0 0 0;
}

#footertopr_body{
width:180px;
height:110%;
margin-left:25px;
}

#footer{
background-image:url(../images/whitebox/footer.gif);
background-repeat:no-repeat;
float:left;
width:810px;
height:37px;
}

#footer_under{
width:810px;
height:15px;
float:left;
margin-top:10px;
}

#footer_textl{
width:550px;
height:15px;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFF;
}

#footer_textr{
width:260px;
height:15px;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFF;
}

/* Products Overview Styling - Basic Thumbnails Wrapper */
.thumbnails{
width:128px;
height:auto;
padding-bottom:3px;
padding-left: 5px;
float:left;
}

.thumbnailscaption{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color:#989898;
text-align:center;
}

.thumbnails:hover{
/* Cross Broswer Hack although IE6 still buggy ? */
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}

/* Case Studies Image / CAD -  Layout */
.infopic{
width:auto;
height:auto;
float:left;
padding: 0px 2px 2px 0px;
}

/* MultiBox Gallery Thumbnails*/
.galthumb{
width:auto;
height:auto;
float:left;
margin-right: 3px;
margin-bottom: 3px;
border:none;
}

/* Side Accompanying Text for infopic Picture */
.sidetext{
width: 240px;
height:auto;
float:left;
padding-left: 10px;
text-align:justify;
}


/* Green Colour Headings */

h1{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
color:#006952;
}

h2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#006952;
}

h3{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#006952;
}

h4{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color:#006952;
}

/* Grey Colour Headings */

h1.grey{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
color:#989898;
}

h2.grey{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#989898;
}

h3.grey{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#989898;
}

.bold{
font-weight:bold;
}


p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#707070;
text-align:justify;
}

hr{
background-color:#cccccc;
border:1px;
clear:both;
}

.add{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#006952;
font-weight:bold;
}

/* Anchor Links */
.footer a:link{color: #ffffff; text-decoration:underline; }
.footer a:hover{color: #ffffff; text-decoration:underline; }
.footer a:active{color: #ffffff; text-decoration:none; }
.footer a:visited{color: #ffffff; text-decoration:none; }

a:link {color: #006952; text-decoration: none; }
a:visited { text-decoration: none; color: #006952;}
a:hover {text-decoration: underline; color: #707070;}
a:active {text-decoration: none; color: #006952; }

/* Lists */

ul{ 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#006952;
}

li{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#006952;
text-align:justify;
}

li.grey{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#707070;
text-align:justify;
}

/* SPAN Classes */
 
span{
font-weight:bold;
font-style:italic;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#707070;
text-align:justify;
}

span.italic{
font-style:italic;
font-weight:normal;

}

span.green{
font-weight:bold;
color:#006952;
}

span.grey{
font-weight:bold;
color:#989898;
}

span.pdf{
font-weight:bold;
font-size:9px;
color:#989898;
}

/* Clear All Floats */
.clearfloat{
clear:both;
}

/* Clear any hyperlink image borders */
img{
border:none;
}


/* Form Elements Styling */

.button {
 color: #FFFFFF;
 background-color: #989898;
 padding: 2px;
 margin-left: 10px;
 border:none;
 cursor:pointer;
}

input, select, textarea {
border: 1px solid #006952;
background-color:#F9F9F9;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

/* Table and Specification Styling */

table.spec {
border:0;
margin:0 0 30px 0;
padding:0;
width:100%;
font-size:0.7em;
line-height:150%;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

table.spec tr th {
padding:10px;
font-size:1em;
background-color:#f9fbe9;
border-collapse:collapse;
color:#58585a;
font-weight:bold;
text-align:center;
}
 
table.spec tr td {
padding:10px;
background-color:#dfe8bf;
border-collapse:collapse;
font-size:.9em;
color:#58585a;
font-weight:normal;
}

table.spec tr.altr td {
padding:10px;
background-color:#f9fbe9;
border-collapse:collapse;
font-size:.9em;
color:#58585a;
font-weight:normal;
}