@charset "utf-8";
/*Reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td 
	{
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
	}

body {
	font: 0.8em "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	margin: 0;
	padding: 0;
	background-color: #000;
	background-image: url(images/bg8.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
#wrapper {
	width: 960px;
	/*border: 12px solid #2e2e2e;background-color: #0d0d0d;*/
	position:relative;
	height: auto;
	margin:0 auto;
	padding:0 20px;
}
h1 {
	text-transform: uppercase;
	text-align: center;
	margin: 0;
	padding: 0.3em 0;
	text-indent:-99999px;
}

h3{/*background-image: url(images/nav_bar.jpg);
	background-repeat: repeat-x;*/
	margin:20px 0;
	padding: 0;
	font-size:16px;
	text-transform:uppercase;
	color:#23A360;
}
h4
{color:#D2B46B;
text-transform:uppercase;}

a {color:#60D296;
text-decoration: none;
}

a:hover
{color:#FFFFFF;}

#header
{width:100%;
height:auto;
}
.searchBox
{width:290px;
height:53px;
background: url(images/bg_search.png) no-repeat;
position:relative;
top:-20px;
left:30px;}


#topRight
{position:relative;
clear:none;
margin:10px 10px 0 0px;
font-size:10px;
color:#fff;
}
#topRight ul
{float:left;
margin: 0 0 0 140px;}

#topRight ul li
{ list-style-type:none;
padding-bottom:5px;}
#topRight ul li a
{ color:#fff;;}
#topRight ul li a:hover
{ color:#60D296;}

#jumpMenuWrap
{float:right;
}



#nav {
	padding: 10px 0 0 0;
	margin: 0;
	height: 40px;
	background-image: url(images/navbar_bg2.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-decoration: none;
	list-style-image: none;
	list-style-type: none;
}

img {border:0;}
#s3slider
{
	width:912px;
	height:302px;
	position: relative;
	overflow: hidden;
	background-image: url(images/sliderBG8.png);
	background-repeat: no-repeat;
	margin:10px auto;
}

#s3sliderContent {
   width: 912px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}
.s3sliderImage span {
   position: absolute; /* important */
   left: 560px;
   top:120px;
   padding: 10px ;
   width: 310px;
text-align:center;
   background-color: transparent;
   color: #fff;
   font-size:26px;
font-weight:bold;
   text-transform:uppercase;
   display: none; /* important */
   bottom: 0;
}
.s3sliderImage span a 
{color:#fff;
text-decoration:none;
font-weight:bold;
}

.s3sliderImage span a:hover
{color:#23A360;
text-decoration:underline;
font-weight:bold;
}


ul#nav li{
	margin: 0 0 0 2px; 
	padding: 0 8px; 
	overflow: hidden; 
	float: left; 
	height:30px;
	background-image: url(images/nav_bar.jpg);
	background-repeat: repeat-x;
}
ul#nav a, ul#nav span {
	padding: 10px 41.5px 10px 38px; 
	float: left; 
	text-decoration: none; 
	color: #fff;
	text-transform: uppercase;
	clear: both;
	height: 10px;
	line-height: 10px;
	 
}
ul#nav a {
	color: #FFFFFF;
}

ul#nav a:hover {
	color: #2EA662;
}
ul#nav span {
	display: none;
}

ul.pageList
{
	list-style-type:none;
	list-style-position: outside;
	list-style-image: url(images/list_icon.jpg);
	line-height: 20px;
}

ul.pageList li
{margin:10px 0;	
}

ul#categories
{
list-style-type:none;
background-color: #090909;
	padding:0px;
	width:500px;
}

ul#categories li
{
	margin:10px 0;
	padding:0 10px 0 0;
	
}

ul#categories a
{padding: 0px; 
	
	text-decoration: none; 
	color: #fff;
	text-transform: uppercase;
	clear: both;
	font-size:12px;}
ul#categories a:hover
{
	color:#5ED295;
}
ul#categories  a:hover img
{
	border:1px solid #FFFFFF;
}
ul#categories img
{
	border:3px solid #696969;
}

#load {
	display: none;
	position: absolute;
	right: 10px;
	top: 0px;
	background: url(images/ajax-loader.gif);
	width: 43px;
	height: 11px;
	text-indent: -9999em;
}

#logo
{
	width:304px;
	height:88px;
	float:left;
	clear:none;
}

#tag
{
width:259px;
height:50px;
float:left;
clear:none;
margin:30px 0 0 30px;
}
#phone
{
	clear: none;
	float: right;
	color: #999999;
	margin-top: 0px;
	font-size: 13px;
	margin-right: 20px;
	position: relative;
	top: 50px;
}

#features
{width:100%;
height:270px;
clear:both;}

span.feature
{position:relative;
top:-150px;
left:230px;
text-align:center;
text-transform:uppercase;
clear:none;
}

.btPanel
{
	float:left;
	clear:none;
	margin:0px 0 0 30px;
	padding: 0px 0 0 0;
	height:189px;
	width:280px;
	text-transform:uppercase;
	text-align:center;
	background-image: url(images/featureBG6.png);
	background-repeat: no-repeat;
}

.featurePanel
{
	float:left;
	clear:none;
	margin:0px 0 0 30px;
	padding: 0px 0 0 0;
	height:190px;
	width:280px;
	text-transform:uppercase;
	text-align:center;
	background-image: url(images/featureBG6.png);
	background-repeat: no-repeat;
}

.middleSpan
{position:relative;
top:-150px;
left:0px;
text-align:center;
text-transform:uppercase;
clear:none;
font-size:14px;
font-weight:bold;
}
a.middleSpan 
{color:#ffffff;}
a:hover.middleSpan 
{color:#5ED295;}

#partners
{
	float: left;
	margin:0px auto 0 -8px;
	padding: 0px;
	text-align:center;
width:960px;
height:250px;
	background-image: url(images/templatemo_banner.png);
	background-repeat: no-repeat;
}

#partners img
{margin-right:5px;}

#partners  a:hover img
{
	border:1px solid #D2B46B;
	padding:0;
}

#news {
	clear: both;
	width: 860px;
	background: url(images/templatemo_content_middle.png) repeat-y;
	height: auto;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 50px;
	padding-bottom: 0;
	padding-left: 50px;
	font-size:12px;
}
.date
{float:right;
font-size:9px;}

.green
{color:#2EA662;
font-weight:bold;}

ul.productList
{float:left;
margin:0 auto;
width:80%;
height:auto;
}
ul.productList li
{
	float:left;
	padding: 10px;
	list-style-type: none;
}

.browse
{
margin:0px 20px 0 0 ;
border:1px solid black;}

img.expando{ 
border: none;
vertical-align: top; 
}
.pdfLink
{
	position:relative;
	top:-120px;
	left:770px;
	display:inline;
	border:none;
	margin:0;
	padding:0;
}
td.pD 
{ 
	width:660px;
	padding:10px 0 10px 10px;
}

table.productList td
{ vertical-align:top;}

.requestQuote
{
	position:relative;
	top:-110px;
	left:750px;
	margin:0;
	padding:0;

}
td.textCenter
{ 
text-align:center;
padding-left:20px;
}
.tech
{
font-size:9px;
}

.inputpopUp
{display:block;
font-size:7px;
}


#themer
{
	clear: none;
	float: right;
	color: #999999;
	margin-top: 0px;
	font-size: 9px;
	margin-right: 20px;
	position: relative;
	top: 0px;
	padding: 0px;
}
#themer ul li
{width:500px;
display:inline;
text-decoration:none;
list-style-type:none;}

#themer ul li a
{
	display:inline;
	text-decoration:none;
	list-style-type:none;
	color: #60D296;
}
#themer ul li a:hover
{color:#FFFFFF;}

.clear{ clear:both;}

#content {
	height:100%;
	clear: both;
	width:100%;
}
h2 {
	margin: 0;
	padding: 0.5em 0;
	color:#568945;
	font-family:Helvetica, Arial, Sans-serif;
}
p {
	margin: 0;
	padding: 0.4em 0;
	color:#fff;
	line-height:1.4em;
}
.red
{color:red;}
.floatRight {
	float: right;
	padding: 10px;
	margin: 0;
	border: thick none #D4BABA;	
}
.floatLeft {
	float: left;
	margin: 0;
	border: none;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.centered
{
	text-align:center;
	float:left;
	margin:20px 0 0 0;
}

#pageLeft
{
	float: left;
	height: auto;
	width: 420px;
	font-size: 12px;
	color: #FFFFFF;
	margin-top: 0px;
	padding-top: 0px;
	padding-left: 5px;
	padding-right: 5px;	
	/*background:#201e1f;*/	


}

#pageLeft.products
{
	float: left;
	height: auto;
	width: 260px;
	color: #FFFFFF;
	margin:20px 0px;
	padding:0;
	
    clear:none;
}

.topNav
{
	background-image: url(images/topIndNav.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin:0;
	padding: 5px 0;
	position:relative;
	top:-20px;
	height:20px;
	width:290px;
}
.topNav2
{
	background-image: url(images/topCatNav.png);
	background-repeat: no-repeat;
	background-position: right top;
	margin:0;
	padding:5px 0 0px 0;
	position:relative;
	top:0px;
	height:40px;
	width:500px;
}

#galleryWrap
{
	position: relative;
	top: 0px;
	width:265px;
	height:240px;
	left: 260px;
	margin-top: 30px;
	margin-left: 20px;
	padding: 0px  20px;
	text-align:center;
	border:5px solid #5A5A5A;
}

#pageRightProjects
{
	height: auto;
	width:498px;
	margin:0 190px;
	font-size: 12px;
	color: #FFFFFF;
	float: left;
	clear: right;
}

#pageRightAbout
{
	height: auto;
	width:398px;
	padding: 0px 0px 0 30px;
	font-size: 12px;
	color: #FFFFFF;
	float: left;
	
}
#pageRight
{
	height: auto;
	width:328px;
	padding: 0px 0px 0 30px;
	font-size: 12px;
	color: #FFFFFF;
	float: left;
	clear: right;
}

#pageRight.productsr
{
	width:500px;
	padding: 0px ;
	color: #FFFFFF;
	clear: none;
text-align:left;
margin:0px;
float:right;
}
.gold
{color:#D2B46B;
font-size:14px;
margin:5px 20px;}

#coverflow
{width:70%;
margin:0 15%;
text-align:center;
float:left;
clear:both;
padding: 20px 0;
}
.coverflow
{display:none;}

#rightNav
{
	float:right;
	height: 545px;
	width: 180px;
	font-size: 9px;
	color: #FFFFFF;
	margin: -545px 10px 0 0px;
	padding:0 5px 0 3px;
	background:#201e1f;	
	clear:right;
}
#indNav
{
float:left;
clear:none;
height:auto;
padding:0;
margin:0;
background:#090909;
}

#indList
{width:80%;
position:relative;
left:8%;}

#indList table
{width:100%;
background:#090909;
border-bottom: 5px double #171717;
border-top: 5px double #171717;
border-left:5px double #333;
border-right:5px double #333;
margin:10px;}

#indList table  td
{width:auto;
padding: 5px 0 10px 10px;
}

.border
{
border: 10px solid #090909;
}
ul#industry
{
	
	width:290px;
list-style-type:none;
background:#090909;
}


ul#industry li
{margin:10px 0;
padding:0 0px 0 0;
}

ul#industry a
{
	padding: 0px; 
	text-decoration: none; 
	color:#23A360;
	text-transform: uppercase;
	clear: both;
	font-size:12px;
}
ul#industry a:hover
{
	color: #FFFFFF;
}
ul#industry  a:hover img
{
	border:1px solid #FFFFFF;
}
ul#industry img
{
	border:3px solid #696969;
}


.left
{
	width:200px;
	float:left;
	text-align: left;
	text-indent: 5px;
}

.scroll
{
	clear: right;
	overflow-y:scroll;
	overflow-x:hidden;
}
.floatRight
{
	float: right;
	padding-top: 10px;
}

.product{
	

}
.pageTitle
{text-align:center;}

#location
{ 
	height:72px;
	width:300px;
	float:left;
	
}

#contactPanel
{
	position: relative;
	top: 0px;
	width:405px;
	height:300px;
	left: 0;
	margin-top: 30px;
	margin-left: 0px;
	text-align:center;
	background-repeat: no-repeat;
	padding: 45px 0 0 0;
	background-image: url(images/contactPanel2.png);
		background-color: #4B4A4A;
	color:#4B4A4A;
}
.resButton
{ 
	
	background:#000;
	color:#fff;
}
.subButton
{ 
	margin: 25px 0px 0 0;
	background:#000;
	color:#fff;
}



.back a
{
	color: #60D296;
	text-decoration:none;
	position:relative;
	top:51px;
	width:20px;
	left: 0;
}

.back a:hover
{color:#CCCCCC;}

.forward a
{color: #60D296;
text-decoration:none;
position:relative;
top:35px;
left:98%;
width:20px;
}

.forward a:hover
{color:#CCCCCC;}

#newsletter_section
{
	background-image: url(images/templatemo_newsletter_bg.jpg);
	background-repeat: no-repeat;
	clear: right;
	width:270px;
	margin:20px  0 0 0;
	height: 180px;
	padding:0  10px 0 10px;
	background-position: left center;
}

#lowerPhoto	
{
	float:left;
	margin:70px 0;
	border:1px solid #ccc;
}

#foot {
	padding: 15px;
	color: #ccc;
	text-align: center;
	border-top:1px solid #222222;
	font-size:10px;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

ul#footList
{
list-style-type:none;
font-size:9px;
padding-bottom:10px;}
ul#footList li
{
display:inline;
padding-right:25px;
}



/* Contact Form */











#nav-contact .nav_contact_submit { padding: 8px; }

.nav_contact_submit { background-color: #5CCF92; padding: 8px; margin-left: 0px; }

.nav_contact_submit BUTTON { float: right; margin-left: 20px; height: 31px; width: 99px; background: url("images/btn_submit.gif") no-repeat left top; border: 0; cursor: pointer; }


.contact INPUT, .contact SELECT { width: 210px; }

.contact label { display: block; font-weight: bold;  }

.contact .system_top { font-size: 12px; }

.contact FORM P { padding: 5px 0 5px 10px; }

.contact TEXTAREA { height: 130px; width: 416px; }

.contact .nav_contact_submit {
	background: #22a360;
	padding: 8px;
	font-size: 12px;
	margin-left: 0px;
}


#nav-contact .nav_contact_submit 

{

padding-top: 8px;

padding-right: 8px;

padding-bottom: 8px;

padding-left: 8px;

}

.nav_contact_submit button 

{
	float: right;
	margin-left: 20px;
	height: 31px;
	width: 99px;
	background-color: transparent;
	background-image: url(images/btn_submit.gif);
	background-repeat: no-repeat;
	background-position: left top;

	
}


#infoContact
{
	float: right;
	width: 300px;
	border:2px solid red;
}
#contactInfo
{
padding:40px 0 0 150px;
height:385px;
}

#staff
{width:70%;
text-align:center;
margin:0 auto;}

.contactHead
{
color:#ccc;
text-transform:uppercase;}


div.box{
margin:0 0 20px 0;
width:450px;
background:#222;
position:relative;
top:10px;
border:1px solid #262626;
}

div.box2{
margin:0 0 20px 0;
width:320px;
background:#222;
position:relative;
top:10px;
border:1px solid #262626;
}

div.box h1{ 
color:#FFF5CC;
font-size:18px;
text-transform:uppercase;
padding:5px 0 5px 5px;
border-bottom:1px solid #161712;
border-top:1px solid #161712; 
}

div.box2 h1{ 
color:#FFF5CC;
font-size:18px;
text-transform:uppercase;
padding:5px 0 5px 5px;
border-bottom:1px solid #161712;
border-top:1px solid #161712; 
}

div.box label{
width:100%;
display: block;
background:#1C1C1C;
border-top:1px solid #262626;
border-bottom:1px solid #161712;
padding:10px 0 10px 0;
}
div.box label span{
display: block;
color:#bbb;
font-size:12px;
float:left;
width:100px;
text-align:right;
padding:5px 20px 0 0;
}
div.box2 label{
width:100%;
display: block;
background:#1C1C1C;
border-top:1px solid #262626;
border-bottom:1px solid #161712;
padding:10px 0 10px 0;
}
div.box2 label span{
display: block;
color:#bbb;
font-size:12px;
float:left;
width:100px;
text-align:right;
padding:5px 20px 0 0;
}

div.box .input_text{
padding:5px 5px;
width:300px;
background:#262626;
border-bottom: 1px double #171717;
border-top: 1px double #171717;
border-left:1px double #333;
border-right:1px double #333;
color:#fff;
}


select
{padding:5px 5px;
width:320px;
background:#262626;
border-bottom: 0px solid #171717;
border-top: 0px solid #171717;
border-left:0px solid #333;
border-right:0px solid #333;
color:#fff;
}

.reset
{
	/*background-image: url(images/reset.png);
	background-repeat: no-repeat;*/
	height: 31px;
	width: 99px;
}
.send
{
	/*background-image: url(images/btn_submit.gif);
	background-repeat: no-repeat;*/
	height: 31px;
	width: 99px;
	margin-left:248px;
}
.innersubmit
{
	font-size:10px;
	color:#5CCF92;
text-align:center;
}

div.box .message{
padding:7px 7px;
margin: 10px 0 20px 20px;
width:390px;
background:#262626;
border-bottom: 1px double #171717;
border-top: 1px double #171717;
border-left:1px double #333;
border-right:1px double #333;
overflow:hidden;
height:150px;
color:#FFF;
}

div.box .button
{
margin:0 0 10px 0;
padding:4px 7px;
background:#CC0000;
border:0px;
position: relative;
top:10px;
left:382px;
width:100px;
border-bottom: 1px double #660000;
border-top: 1px double #660000;
border-left:1px double #FF0033;
border-right:1px double #FF0033;
}

.smallFont
{font-size:8px;
color:#666666;}

.mediumFont
{font-size:11px;
color:#666666;}

.capitalize
{
	text-transform:uppercase;
	font-weight: bold;
	font-size: 10px;
}
/*********************************/

#templatemo_content {
	clear: both;
	width: 860px;
	background: url(images/templatemo_content_middle.png) repeat-y;
	height: 980px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 50px;
	padding-bottom: 0;
	padding-left: 50px;
}
#templatemo_contentVid {
	clear: both;
	width: 860px;
	background: url(images/templatemo_content_middle.png) repeat-y;
	height: auto;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 50px;
	padding-bottom: 0;
	padding-left: 50px;
}

#ct {
	clear: both;
	width: 960px;
	height: 20px;
	background: url(images/templatemo_content_top.png) no-repeat;
}

#cb {
	clear: both;
	width: 960px;
	height: 50px;
	background: url(images/templatemo_content_bottom.png) no-repeat;
}

#templatemo_content #content_right{
	float: right;
	width: 220px;
}

#templatemo_content #content_left{
	float: left;
	width: 900px;
	height: 320px;
}


.content_header_01 {
	font-size: 22px;
	color: #26A461;
	padding-bottom: 10px;
	margin-bottom: 20px;
	text-transform:uppercase;
}

.content_header_02 {
	font-size: 22px;
	color: #26A461;
	padding-bottom: 0px;
	text-transform:uppercase;
}

#content_left .content_left_section {
	clear: both;
}

.content_left_section p{
	text-align: justify;
	padding-bottom: 10px;
}

#content_left .content_left_280_section {
	float: left;
	width: 380px;
	padding: 0 60px 0 0px;
}

.content_left_280_section .image_wrapper {
	background: #333;
	padding: 9px;
	margin: 60px 0 0 20px;
	width: 380px;
	float: right;
}

.content_left_280_section .image_wrapper img {
	border: 1px solid #ffffff;
}

.content_left_280_section ul {
	margin: 20px 0 20px 30px;
	padding: 0px;
}

.content_left_280_section ul li{
	margin-bottom: 10px;
	color: #D2B46B;
	list-style-position: inside;
}

.content_left_280_section ul li a{ 
	color: #dbdb13;
}

.content_left_w600_wrapper {
	border: none;
	
}

.content_left_w600_inner {
	padding: 30px 10px 0 10px;
	color: #ffffff;
	background: #333;
	border: 1px solid #666;
	height:470px;
	width:93%;
}

.content_left_w600_inner .image_wrapper{
	border: 1px solid #ffffff;
	background: #cccccc;
	padding: 4px;
	margin-bottom: 5px;
	width:400px;
}

.image_wrapper img{
	border: none;
	width:350px;
	height: auto;
}
.image_wrapper6 img{
	border: none;
	width:350px;
	height: auto;
}

.box_w255 {
	float: left;
	width: 350px;
	height:auto;
	padding: 0 0 0 10px;
}

.box_w256 {
	float: right;
	width: 380px;
	height:auto;
	padding-right:10px;
}



#content_right .content_right_section {
	clear: both;
}

.news_section .news_date {
	font-size: 12px;
	font-weight: bold;
	color: #42c7f8;
}

.news_section .news_title {
	font-size: 12px;
	font-weight: bold;
	color: #bf9f3f;
	
}

.content_right_section form {
	padding: 0px;
	margin: 10px 0 0px 0;
}

.content_right_section #subscribe_field {
	padding: 5px 0 0 0;
	height: 20px;
	width: 215px;
	margin-bottom: 10px;
}

.content_right_section #subscribe_button {
	float: right;
	width: 104px;
 	height: 29px;
	padding: 0;
	margin: 0;
	cursor: pointer;
	font-size: 12px;
	text-align: center;
	white-space: pre;
	background: url(images/templatemo_button_01.png) no-repeat; 
	color: #cfa937;
	border: none;
}

/* end of content right */
.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  }
/*********************************/

#requestQuote
{width:300px;
height:auto;}

#topContent
{width:90%;
float:left;
height:auto;
text-align:center;
}
#newFeature
{float:right;
padding:0px 40px 0 0;
height:32px;
font-size:22px;
}
.newFeature a:hover
{font-size:22px;
text-decoration:underline;
color:#fff;
}

#serviceList
{height:130px;}