body {
	margin:31px 0 0 0;
	text-align:center;
	background-color:#000000;
	font-family:tahoma, arial, verdana, sans-serif;
}
html {
overflow: -moz-scrollbars-vertical;
}
.border{ width: 100%; border-bottom: 1px #fff solid;
margin-left:30px;
}
#container {
	width: 973px;
	height: 100%;
	margin-left:auto;
	margin-right: auto;
}
#footer{width:200px;
float:right;
}
#footer1{width:400px;
float:left;
}
.navcontainer { }

.navcontainer ul
{
margin-left: 0;
margin-top: 0;
padding-left: 0;
list-style-type: none;
}

.navcontainer li
{
margin: 0 0 0 0;

}

.navcontainer a
{
display: block ;
padding: 5px 5px 5px 25px;
background-color: #004070;
background-position: left center;
background-image:url(../images/gifs/bullet1.gif);
background-repeat: no-repeat;
}

.navcontainer a:link, .navcontainer a:visited
{
font:tahoma, arial, verdana, sans-serif;
color:#FFFFFF;
font-size: 12px;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
text-decoration: none;
}

.navcontainer a:hover
{
background-color: #FE6E00;
background-position: left center;
background-image:url(../images/gifs/bullet2.gif);
background-repeat: no-repeat;
font:tahoma, arial, verdana, sans-serif;
font-size: 12px;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
text-decoration: none;
color: #333333;
}

.header {
height:154px;
width:973px;
}

#background {
background-image:url(../images/jpegs/bullet.jpg);}

#main {
margin:30px 0 0 0;
}


#border{
border-bottom: 1px solid #FF6c00;
width:973px;
clear:both;
margin-bottom:8px;
}

#border2{
border-left:1px solid #ff6c00; // border-left:1px solid inherit #ff6c00;
clear:both;
height:460px; //height:400px;
padding-left:300px; //padding-left:10px;
}
#border3{
clear:both;
width:100%;
min-height:460px; //height:400px;

}

.clearboth{ clear:both; width: 100%;}

.float_left{
	float:left;
	list-style-type:none;
}

.float_right{
float:right;
padding-top:3px;
list-style-type:none;
}

#cell_left{
	width: 653px;
	float:left;
	margin-top:0px; //margin-top:-15px;
	
}
#cell_right1{
	width: 310px;
	height:auto;
	float:left;
	margin:0;
	padding:0;
}
#cell_right{
	width: 200px;
	height:auto;
	float:left;
	margin:0;
	padding:0;
}

#cell_left1{
	width: 653px;
	float:left;
	margin-top:0px; //margin-top:-15px;
	border-left:1px solid #ff6c00; //border-left:1px solid #ff6c00;
}

.background_envir{
    margin-top:12px;  //margin-top:10px; 
	float:left;
	padding-top:5px;
	padding-right:10px;
	padding-left:10px;
	list-style-type:none;
	width:180px; //width:199px;
	height:180px; //height:181px; 
	background: url(../images/jpegs/background_environmental1.jpg) no-repeat;
}

.background_envir2{
    margin-top:12px;  //margin-top:10px; 
	float:right;
	padding-top:5px;
	padding-right:90px; //padding-right:100px;
	padding-left:10px; //padding-left:10px;
	list-style-type:none;
	width:180px; //width:289px;
	height:180px; //height:181px; 
	background: url(../images/jpegs/background_environmental1.jpg) no-repeat;
	
}

#textbox{
	width:543px; //width:560px;
	float:left;
	padding-right:10px;
	font:tahoma, arial, verdana, sans-serif;
	font-size:12px;
	display:table;
}

#textbox2{
	width:643px; //width:660px;
	float:left;
	padding-right:10px;
	font:tahoma, arial, verdana, sans-serif;
	font-size:12px;
	display:table;
	border-right:1px solid #ff6c00; //border-right:1px solid #ff6c00;
	border-padding:10px;
}
#textbox3{
	width:643px; //width:660px;
	float:left;
	padding-left:10px;
	font:tahoma, arial, verdana, sans-serif;
	font-size:12px;
	display:block;
	border-padding:10px;
	border-left:0.5px solid #ff6c00; //border-left:1px solid #ff6c00;
	
}

.moreinfo{
float:right;
padding-left:200px; //padding-left:400px;
display:inline;
}

#navlist{
	width: 677px;
	float:left;
	margin-top:65px;
	font:tahoma, arial, verdana, sans-serif;
	font-size:12px;
	font-weight: bold;
	color: #ff6c00;
	}

#navlist ul{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

#navlist li{
display: inline;
list-style-type: none;
height: 20px;
text-decoration:none;
}
#navlist a, #navlist a:link, #navlist a:visited { 
padding: 3px 10px; 
color: #fff;
text-decoration: none;
}

#navlist a:hover{
color: #ff6c00;
background-color:#000000;
text-decoration: none;
}

#navlist2{
	width: 100%;
}
#navlist2 ul {
	margin: 0;
	padding: 0;
	display:inline;
	list-style-type: none;

}
#navlist2 li{
	float:left;
}


#featurelist { 
	float: right;
	}

#featurelist ul{
	margin-left: 0;
	padding-left: 10px;
	list-style-type: none;
}


#featurelist li{
	width: 262px; //width:280px;
	height: 44px; //height:64px;
	display:table;
	background:url(../images/jpegs/background_projects.jpg) no-repeat bottom; 
	padding: 10px;
	margin-bottom: 3px;
}


#featurelist li img{ float: left;}
#featurelist li span{ font-size: 9px; }

#featurelist2{
	float:left;
	}
	
#featurelist2 ul{
	margin-left:0;
	padding-left:10px;
	list-style-type:none;
	//padding: 10px;
	list-style-type: none;
	
	}
	
#feature2 li{
	//width:300px; width:192px;
	//height:163px; height:163px;
	margin-bottom:3px;
	display:table;
	}

.piclist li{
	display: block;
	list-style-type: none;
	height: 20px;
	text-decoration:none;
	background: url(../images/jpegs/bullet.jpg) no-repeat;
	margin-left: 0px;
	padding-left: 40px;

	
}

#pic {
float:right;
padding-right:20px;//padding-right:40px;
//padding-top:20px}

.imageslist{
	margin:0px;
	padding:0;
	padding-top: 35px;
}
.imageslist ul{
	margin:0;
	padding:0;
	list-style-type: none;
}
.imageslist li {
	float:left;
	margin: 12px;
	list-style-type:none;
	width: 100px;
}
.imageslist li img{
	border: 1px solid #FF6600;
}

hr {
	color: #Ff6c00;
	background-color:#Ff6c00;
	height: 1px;
	border: 0px;
}
a, a:link, a:visited, a:active {
	color:#Ff6c00;
	font-weight: normal;
	text-decoration:none;
}
a:hover {
	color:#FFFFFF;
    font-weight: normal;
}

.emailtext { 
	font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-decoration: underline;
	text-transform: none;
	color: #006699;
 }
a.emailtext:link, a.emailtext:visited, a.emailtext:active  {
	text-decoration: underline;
	font-weight: normal;	
	color: #006699;
}
a.emailtext:hover {
	text-decoration: underline;
	font-weight: normal;	
	color: #000000;	
} 

#footertext{
	width: 100%;
	height:59px;
	float:left;
	margin-top:0px;
	margin-left:20px;
	font:tahoma, arial, verdana, sans-serif;
	font-size:12px;
	font-weight: normal;
	
}

#footertext ul{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
color:#FF6c00;
}

#footertext li{
display: inline;
list-style-type: none;
height: 20px;
}
#footertext a, #footertext a:link, #footertext a:visited { 
padding: 0 10px 0 0; 
color: #FF6c00;
text-decoration: none;
}

#footertext a:hover {
background-color:#000000;
color:#FFFFFF;
}


.formtext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
}
.featureslibrarytext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
}
.mainborder {
	border: 1px #000000 solid;
}
.dashedborder {
	border: 1px #000000 dashed;
}
.dottedborder {
	border: 1px #000000 dotted;
}
.sitetext {
	font:tahoma, arial, verdana, sans-serif;
	font-size:12px;
	text-align:left;
	text-decoration:none;
	color:#FFFFFF;
	line-height: 18px;
}

.title {
font:tahoma, arial, verdana, sans-serif;
font-size:9px;
color:#FF6c00;
text-decoration:none;
}

.imageDesc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
}
.transBack{
	FILTER: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=50);
	background-color: #FFFFFF;
}.titletext {
	font:tahoma, arial, verdana, sans-serif;
	font-size:14px;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
}

h1{
	font:tahoma, arial, verdana, sans-serif;
	font-size:14px;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
}
h1.producttitle, h2.producttitle {
	font:tahoma, arial, verdana, sans-serif;
	font-size:14px;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	display:block;
	background-color:#006699;
	padding: 5px;
	color: #FFFFFF;
}
	
h2{
	font:tahoma, arial, verdana, sans-serif;
	font-size:14px;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	background: #FF9900;
	display: block;
	padding: 10px;
	color: #000000;
}

	
.newslibrarytext {
	font:tahoma, arial, verdana, sans-serif;
	font-size:12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
}
.newsheadlinetext {
	font:tahoma, arial, verdana, sans-serif;
	font-size:12px;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
}
.subheadertext {
	font:tahoma, arial, verdana, sans-serif;
	font-size:12px;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
}
input {
	font:tahoma, arial, verdana, sans-serif;
	font-size:12px;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
}
select {
	font:tahoma, arial, verdana, sans-serif;
	font-size:12px;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
}
textarea {
	font:tahoma, arial, verdana, sans-serif;
	font-size:12px;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
}
.contactformbg {
	background-image:url(../images/gifs/forms/bg.gif);
	background-repeat:repeat-y;
}

#contactus ul{
	margin:0;
	padding:0;
	list-style-type:none;
	width: 100%;
	display:block;
}
#contactus li{
	height: auto;
	width: 100%;
	display:table;
	vertical-align:middle;
	clear:both;	
	list-style-type:none;
	border: 1px dotted #0099CC;
	border-left: 20px  solid #0099CC;
	margin-bottom: 10px;
	padding: 10px;
}
#contactus li img{
	float:left;
	display:block;
	margin-right: 5px;
}
#contactus li span{
	float:left;
	display:block;

}
.contactusform{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	float:left;
	width: 45%;
	float:left;
}
.contactusform label{
	float: left;
	font-weight: bold;
	text-align:left;
	width: 120px;
	display:block;
	margin-bottom: 5px;
	color:#fff;
}
.contactusform input, select{
	width: 160px;
	margin-bottom: 5px;
	float: left;
	text-align:left;
}
.contactusform textarea{
	width: 160px;
	height: 60px;
	margin-bottom: 5px;
	float: left;
	text-align:left;
}
.contactusform br{
	clear: left;
}
.contactusform div{
	padding:0;
	margin-left: 95px;
	display:table;
	text-align:cter;
}
.contactusform p{
	display:table;
	text-align:left;
	padding:0;
}
.contactusform span{
	display:table;
	text-align:left;
	padding:0;
	}


.button, a.button:link, a.button:visited, a.button:active  .button.input {
	background: #ff6c00;
	border:1px solid #fff;
	color: #FFFFFF;
	padding: 4px;
	cursor:pointer;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}
a.button:hover{
	background: url(../images/buttons/buttonbg_f2.gif) repeat-x;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
.projectlist{	margin:0; padding: 0; display:table; height:225px;}
.projectlist ul {margin: 0; padding:0;}
.projectlist li{ float: left; width: 200px; height: 190px; list-style-type: none; display:table;}
.projectlist li img{ width: 150px; border: 1px solid #ff6c00;}
.projectlist li p{margin:0; padding:0; height: 40px;}

.projectlist2{	margin:0; padding: 0; padding-top:100px; display:table; height:100px; width:100%}
.projectlist2 ul {margin: 0; padding:0;}
.projectlist2 li{ float: left; width:150px; height: 0px; list-style-type: none; display:table;}
.projectlist2 li img{ width: 100px; border: 1px solid #ff6c00;}
.projectlist2 li p{margin:0; padding:0; height: 10px;}


