
/* CSS Document */


/**
 * 100% height layout with header and footer
 * ----------------------------------------------
 * Feel free to copy/use/change/improve
 */
html {
     overflow: -moz-scrollbars-vertical;
}

img {
	border:0;
}


html, body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	font-family:Arial, Helvetica, sans-serif;
	color:#6b6b6b;
	font-size:11px;
	font-weight:normal;
	background-color:#eaecee;
	
	 /*text-align:justify;*/
}


body {
	background-image:url(../images/interface/bg_main.gif); background-repeat:repeat-x;
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	font-family:Arial, Helvetica, sans-serif;
	color:#6b6b6b;
	font-size:11px;
	font-weight:normal;
	background-color:#eaecee;
}

.hpbg {
	background-image:url(../images/interface/bg_main_hp.gif); background-repeat:repeat-x;
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	font-family:Arial, Helvetica, sans-serif;
	color:#6b6b6b;
	font-size:11px;
	font-weight:normal;
	background-color:#eaecee;
}

* html #container {
	height: 100%;
}

ul {
	margin-top:2px;
	margin-bottom:20px;
}

form {
	margin:0px;
	padding:0px;
}

.input {
	width:215px;
	font-size:11px;
	margin: 1px 0 5px 0;
	padding:3px 3px 3px 3px;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#202020;
	border:solid 1px #202020;
	color:#979797;
}
div#contentright .input {
	color:#b7bdc1;
	background-color:#182b39;
	border:solid 1px #182b39;
}

.textarea {
	width:223px;
	font-size:11px;
	margin-bottom:0px;
	padding:3px 3px 3px 3px;
	font-family:Arial, Helvetica, sans-serif;
}
div#contentright .textarea {
	color:#b7bdc1;
	background-color:#182b39;
	border:solid 1px #182b39;
}


select {
	width:223px;
	font-size:11px;
	padding:3px 3px 3px 3px;
	margin: 1px 0 5px 0;
	color:#b7bdc1;
	background-color:#182b39;
	border:solid 1px #182b39;
}

textarea {
	height:80px;
}

.button {
	width:90px;
	font-size:11px;
	padding:4px 5px 3px 5px;
	margin:5px 0 0 0px;
	color:#ffffff;
	font-weight:bold;
	border: solid 0px;
	background-color:#c16b0e;
}
.ddSelect {
padding:2px 0 0 0;	
}

h1 {
	margin:0px;
	padding:10px 0 5px 0;
	font-size:22px;
	font-weight:normal;
	color:#ff8400;
}


h2 {
	margin:0px;
	padding:12px 0 0px 0;

	font-size:19px;
	font-weight:normal;
	color:#d8d8d8;
	display:block;
}
h3 {
	margin:0px;
	padding:10px 0 0px 0;
	font-size:12px;
	font-weight:bold;
	color:#7da7ce;
}
.newsdate
{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	size:11px;
	color:#b7bdc1;
	margin:2px 0 0px 0px;
	padding:0px;
}
p {
	margin:8px 0 20px 0px;
}
div#contentleft p {
	margin:8px 0 5px 0px;
}

A:link {color:#b7bdc1;text-decoration:underline;}
A:visited {color:#b7bdc1;text-decoration:underline;}
A:active {color:#b7bdc1;text-decoration:underline;}
A:down {color:#b7bdc1;text-decoration:underline;}
A:hover {color:#ff8400;text-decoration:none;}

A.footerlink:link {color:#6b6b6b;text-decoration:none;}
A.footerlink:visited {color:#6b6b6b;text-decoration:none;}
A.footerlink:active {color:#6b6b6b;text-decoration:none;}
A.footerlink:down {color:#6b6b6b;text-decoration:none;}
A.footerlink:hover {color:#ff8400;text-decoration:none;}

A.newslink:link {color:#7da7ce;text-decoration:none;}
A.newslink:visited {color:#7da7ce;text-decoration:none;}
A.newslink:active {color:#7da7ce;text-decoration:none;}
A.newslink:down {color:#7da7ce;text-decoration:none;}
A.newslink:hover {color:#ff8400;text-decoration:none;}

A.readmore:link {color:#979797;text-decoration:none;}
A.readmore:visited {color:#979797;text-decoration:none;}
A.readmore:active {color:#979797;text-decoration:none;}
A.readmore:down {color:#979797;text-decoration:none;}
A.readmore:hover {color:#ff8400;text-decoration:none; }

A.sec:link {color:#b5c1c8;text-decoration:none;}
A.sec:visited {color:#b5c1c8;text-decoration:none; }
A.sec:active {color:#b5c1c8;text-decoration:none;}
A.sec:down {color:#b5c1c8;text-decoration:none; }
A.sec:hover {color:#f07a2d;text-decoration:none; }


div#container {
	position:relative; /* needed for footer positioning*/
	width:100%;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	
}

div#masthead {
	width: 908px;
	height:147px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	background-image:url(../images/interface/bg_masthead.jpg);
	background-repeat:no-repeat;
	padding:0px;
	background-color:#4d697c;
}

div#masthead .logo {
	float:left;
	width:305px;
	height:147px;
	padding:0px 0px 0px 0px;
	background-image:url(../images/interface/logo.jpg); background-position:87px 0px; background-repeat:no-repeat;
}

div#masthead .secnav {
	padding:7px 0px 10px 0px;
	margin-left:690px;
	width:200px;
	text-align:right;
	font:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#b5c1c8;
}


div#masthead .secnav .hilight {
	padding: 10px 5px 10px 5px;
	background-image:url(../images/interface/bg_secnav.gif);
	background-position:0px 28px;
	background-repeat:repeat-x;
	color:#f07a2d;
	font-weight:bold;
	text-decoration:none;
}

.secnav span, .secnav a {
	padding:10px 5px 10px 5px;
}

div#nav-one {
	width: 563px;
	padding:0px;
	
}














div#mainpic {
	width: 908px;
	padding:0px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
}

div#content {
	width: 908px;
	padding:20px 0 0 0;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	background-image:url(../images/interface/bg_content.gif);
	background-repeat:repeat-y;
	background-color:#2f2f2f;
	
}




div#contentleft {
	float:left;
	width:224px;
	padding:0 32px 40px 49px;
	margin:0px;
	color:#979797;
}
div#contentleftnewsdisplay {
	float:left;
	width:224px;
	padding:0 32px 40px 49px;
	margin:0px;
	color:#979797;
}

div#contentright {
	float:left;
	width:521px;
	padding:0 42px 0 0;
	margin-left:40px;
	color:#b7bdc1;
	margin-bottom:40px;
}


.hpInfo {
	width:190px;
	font-size:11px;
	float:left;
	margin-right:12px;
}

.arrows {
font:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
padding:0px 0px 0px 5px;
color:#ff8400;
}

.testimonailname {
	font-style:italic;
	font-weight:normal;
	text-align:right;
}
.widgetTitle
{
	color:#7da7ce;
	font-weight:bold;
	padding-bottom:5px;
}


div#footer {
	width: 908px;
	height:134px;
	margin: 0px auto; /* the auto margins (in conjunction with a width) center the page */
	padding:20px 0 0 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#6b6b6b;
	background-image:url(../images/interface/bg_footer.gif);
	background-repeat:repeat-x;
}

div#footer .logos {
	width: 274px;
	margin: 0px 60px 0 0 ;
	text-align:right;
	float:left;
}
.prodServImage {
	float:left;
	border:6px solid #253743;
	margin:10px 20px 10px 0px;
}

.projectImage {
	float:left;
	border:6px solid #253743;
	margin:10px 20px 10px 0px;
}

.projectthumbLHS {
	border:6px solid #444444;
	margin:10px 0 0 0;
}
.newsthumbnails {
	border:6px solid #253743;
	margin:10px 15px 5px 0;
	float:left;
}
.newsThumbnailHolder {
	margin:15px 0px 15px 15px;
	width:130px;
	float:right;
}

.copythumbnails {
	border:6px solid #253743;
	margin:0px 0px 5px 10px;
}
.copyThumbnailHolder {
	margin:10px 0px 15px 15px;
	width:130px;
	float:right;
}



.seperator {
	background-image:url(../images/interface/seperatorLine.gif);
	background-repeat:repeat-x;
	height:20px;
	width:529px;
}
.seperatorLHS {
	background-image:url(../images/interface/seperatorLineGrey.gif);
	background-repeat:repeat-x;
	height:10px;
	width:225px;
	margin:0px 0 40px 0;
}

.HPquoteHolder {
	width:341px; padding-right:40px; float:left;
}

.galleryHPHolder {
width:140px;
float:left;
}
.galleryHP {
	width:110px;
	text-align: center;
	background-color:#253743;
	padding:20px;
}
.galleryHP_th {
	border:6px solid #253743;
	margin:5px;
}


.galleryHPText {
	text-align:center;
	margin:5px 0px 20px 0px;
}


.nextNewsPage {
	width:521px;
	text-align:center;
	margin:10px 0px 0px 0px;
	padding:10px 0px 6px 0px;
}
.backtoNewsPage {
	width:521px;
	text-align:left;
	margin:10px 0px 0px 0px;
	padding:10px 0px 6px 0px;
}



.contactlhs {
	float:left;
	padding:6px 6px 6px 6px;
	text-align:right;
	width:120px;
	/*background-color:#182b39;*/
	margin:2px 2px 0px 0px;
}

.contactrhs {
	float:left;
	padding:6px 0px 6px 6px;
	width:355px;
	background-color:#182b39;
	margin:2px 0px 0px 0px;
}


.feedbacklhs {
	float:left;
	padding:6px 6px 6px 0px;
	text-align:right;
	width:126px;
	margin:0px 2px 0px 0px;
}

.feedbackrhs {
	float:left;
	padding:0px 0px 6px 0px;
	width:234px;
	margin:0px 0px 0px 0px;
}
.quotelhs {
	float:left;
	padding:6px 6px 6px 0px;
	text-align:right;
	width:126px;
	margin:0px 2px 0px 0px;
}

.quoterhs {
	float:left;
	padding:0px 0px 6px 0px;
	width:234px;
	margin:0px 0px 0px 0px;
}
.quoteqty {
	float:left;
	padding:6px 6px 6px 0px;
	margin:0px 2px 0px 0px;
}
.submitLHS {
	margin-left:130px;
	height:24px;
	width:210px;
	font-weight:bold;
	text-align:right;
	padding:6px;
}
.submitRHS {
	margin-left:129px;
	height:24px;
	width:210px;
	font-weight:bold;
	padding:6px;
}

/* newsletter form */

span.label,span.spacer,span.multiple span {width:120px;float:left;} 
span.multiple {float:left;} 
span.submit {padding-left:132px;} 
div.clear {clear:both;padding-top:5px;} 






