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

* {
    padding: 0;
    margin: 0;
}
html { background:url(images/background2.jpg) top repeat-x #FFF}
body {width:920px; padding:0px 10px; margin:0px auto;
	font: 13px/18px  Tahoma,Verdana, sans-serif, Helvetica; 
	background:url(images/bg2.jpg) top center no-repeat;	
} 

/* ----  general styles  ----*/
td{ vertical-align:top}
a { color:#06c; text-decoration: underline;background:none; }
a:hover { color:#C30; background:none; text-decoration:underline; }
p { padding:10px 0px}
ul { margin: 0; margin-left:30px; padding : 0; }
li {padding-left:0px; margin-left:0px; list-style-position:outside}
blockquote{margin-left:30px; margin-right:20px;}

h1,h2,h3,h4 { margin:10px 0 5px 0px; padding:0; color:#FF5A00}
.botton1{font-size:.8em; font-weight:bold; color:#000; padding:0 5px;}
.hi{display:none}

img { border: 0;}
.h{display:none}
.clear{clear:both; height:1px;}
.clear5{clear:both; height:5px;}
.spacer{font-size:0; line-height:0; clear:both;}
.clear10{clear:both; height:10px;}
.clear20{clear:both; height:20px;}

.cSky{color: #00AFF2}
.cG{color:#666}
.cR{color:#F00}
.cB{color:#000}
.cBl{color:#06C}
.cW{color:#FFF}
.cO{color:#F60}

.tN{font-weight:normal}
.tB{font-weight:bold}
.t9{font-size:9px;}
.t10{font-size:10px;}
.t11{font-size:11px;}
.t12{font-size:12px;}
.tdCap{ text-align:right; padding-right:10px;}

.fR{ float:right}
.fL{ float:left}
.m0{margin:0;}
.p0{padding:0}

.line-solid, line-pink, line-red { clear:both; border: 0; height: 1px; background-color: #CCC; color: #CCC; margin: 5px 0 10px 0; }
.line-pink {background-color: #FAA; color: #FAA; height:1px}
.line-red {background-color: #F00; color: #F00; height:1px}
.line-gray {background-color: #ddd; color: #ddd; height:1px}
.line-dotted{ clear:both; border: 0; height: 1px; background:url(images/line-dotted.html) repeat-x top;margin: 5px 0 10px 0; }

/********* HEADER ********/
#header{ width:920px; margin:0px auto;}
#header .logo{ float:left; width:180px; margin:0px 0px 0 15px; }
#header .logo p{ display:none;}
#header .right{ float:right; width:650px; text-align:right; margin-right:30px; }
#header .bmenu{margin-top:45px; height:50px;}
#header .bmenu img{ display:none;}

#banner{width:870px; margin:5px  auto;}



/* MENU */
#tmenu{ float:right}
/*  FRONT  */
#front{ width:900px; margin-top:10px;}
#front .banner{text-align:center}

#product{width:880px; margin-left:45px; ;}
#product .box{ width:270px; float:left; padding:10px;}
#product h3{font:16px 'Myriad Pro',Tahoma,Verdana, sans-serif, Helvetica; color:#0C0; font-weight:bold}
#product p{ color:#333; font-size:1em; padding:0}
#product p.more{ font-size:.9em; margin-top:15px;}

#abt{ background:url(images/abt-bg.jpg) right bottom no-repeat; color:#FFF; font-size:.9em; padding:10px 200px 10px 30px;}

/* Round Block */
/* set millions of background images */
.rbroundbox { background: url(images/rd-nt.gif) repeat; }
.rbtop div { background: url(images/rd-tl.gif) no-repeat top left; }
.rbtop { background: url(images/rd-tr.gif) no-repeat top right; }
.rbbot div { background: url(images/rd-bl.gif) no-repeat bottom left; }
.rbbot { background: url(images/rd-br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;height: 7px;font-size: 1px;
}
.rbcontent { margin: 0 7px; }
.rbroundbox { width: 50%; margin: 1em auto; }







/*** CONTENT****/
#content{ width:620px; padding-right:20px; margin-top:0px; float:right}
#content h1{font: 32px 'Myriad Pro',Tahoma,Verdana, sans-serif, Helvetica; color:#0088ff;}
#content .sub{ font-size:1em; color:#333; padding:0; margin-bottom:20px;}

#content p.prod{font: 18px 'Myriad Pro',Tahoma,Verdana, sans-serif, Helvetica; color:#666; margin-top:18px}
#content .subprod{ font-size:.9em; color:#666; padding:0; margin-bottom:20px;}

#content, #main{color:#444}
#main { margin:10px 0; background:url(images/mainbg.jpg) left top no-repeat; padding:10px;}

#main h2{font: 22px 'Myriad Pro',Tahoma,Verdana, sans-serif, Helvetica; color:#F60; margin-top:0px;}

#main ul.li_space li{ padding-bottom:10px;}


#pcontent{color:#444}
#pcontent { margin:10px 0; background:url(images/mainbg.jpg) left top no-repeat; padding:10px;}
#pcontent h2{font: 22px 'Myriad Pro',Tahoma,Verdana, sans-serif, Helvetica; color:#F60; margin-top:0px;}
#pcontent ul.li_space li{ padding-bottom:10px;}
#pcontent p{ margin:0 0 15px 0; padding:0}


#ask{ }
#ask h5{}



#leftside{width:220px; margin:0px 20px 0px 15px; padding-bottom:100px; padding:10px; }
/*  :LEFT MENU */

h3.ph3{background:url(images/products-services.gif) top left no-repeat; height:20px; margin-top:20px;}
h3.ph3 b{ display:none;}
div#psearch{ background:url(images/search-bg.gif) no-repeat; height:60px; width:220px;}




div#menu, div#psearch b { color:#666}
div#menu, div#psearch {	
	width:210px;
	border-right:2px solid #ff5a00;
	margin:0px; ;
	padding:5px 0 0px 10px;
	}
div#menu{ padding-left:0px; width:220px;}	
div#menu ul	, div#menu ul li {
	margin:0px;
	padding:2px 5px;
	list-style-type:none
	}
div#menu ul li:hover { background:#E8F3FF}	
div#menu .hd, 
div#menu a {
	color:#0a99d6;
	text-decoration: none;
	display:block;	
	margin:0px;
	padding:10px 0 5px 0;
}

div#menu a:hover {	color:#C30;}
div#menu .accordion a:hover {color:#fff; background:#ff5A00}
div#menu .accordion a.select{color:#FFF; background:#FF5A00}
div#menu .accordion .sub {}
div#menu .accordion a {
	color:#960;
	/*text-align:right;*/
	padding: 1px 15px 1px 10px;
	margin:0px;
}


/*  SUB MENU */
div#menu .sMenu{margin-left:0px;}
div#menu .sMenu a{ }
div#menu .sMenu a:hover{ color:#FFC}
div#menu .sub a{margin-left:10px; border-bottom:1px dotted #CCC}
div#menu .sub a{ color:#F00}


/* LINKS*/
ul.links2 li{width:260px; float:left; margin:0px 30px 5px 0;}
ul.links3 li{width:175px; float:left; margin:0px 20px 7px 0;}


/* FOOTER  */
/* #footer_close{background:url(images/footer-last.png) bottom center no-repeat #276aa2; height:20px;}*/
#footer_close{height:20px;}
#footer{ color:#666; margin:0; margin-top:30px; padding:0px 00px; font-size:0.9em;}
#footer a{color:#666; padding:0 3px; text-decoration:none;}
#footer a:hover{color:#666; text-decoration:underline}
#footer td{font-size:0.9em; line-height:1.3em}
div#footer .left { width:505px; float:left}
div#footer .right { width:375px; float:right;margin-top:25px; font-size:0.9em; line-height:1.3em; text-align:right}
#footer .address{margin-top:10px;}
#footer .cpy{ text-align:center; font-size:0.9em;}


/* #CONTACT FORM  */

#contact-area {
	width: 480px;
	margin-top: 25px;
}

#contact-area input, #contact-area textarea {
	padding: 2px;
	width: 350px;
	font-family: Helvetica, sans-serif;
	font-size: 1.1em;
	margin: 0px 0px 5px 0px;
	border: 2px solid #ccc;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #F90;
}

#contact-area input.submit-button {
	width: 100px;
	float: right;
}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	font-size: 1.1em;
}



#social{ margin:5px 0px; padding:2px 15px;}


#cust{ font-size:10px;}
#cust li{float:left;  border:4px solid #F3F3F3; width:180px; height:110px; margin:0 8px 20px 0; list-style:none;}
#cust li a{ text-decoration:none;}
#cust li:hover{ border:4px solid #F60; color:#F60}
/*#cust li:hover img{ border:1px solid  #09F; color:#FFC}*/

#cust .tcap{ text-decoration:none; background:url(images/tcap.html); position:absolute; margin-top:0px; text-align:center; width:180px; color:#000}
#cust .tcap:hover{color:#F60}


#cust_oth li{ float:left; width:260px;}
a.prodlink{ color:#666; text-decoration:none;}



.highlight:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}
.highlight img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

#SR li{list-style:none; margin:0 0 15px 0}

.sH{ font-weight:bold; margin:0; padding:0}
.cat{ font-size:10px; color:#333};

#RefList{}
#RefList li{list-style: none; float:left;}
#RefList li img{padding:1px; margin:4px;  border:1px #CCC solid}