body {	background-image: url(dots-bg.jpg);	background-repeat: repeat-x;	background-position: top;	       background-color: #657CB0;	font-family: Arial, Helvetica, sans-serif;	font-size: 11px;	font-weight: normal;
	color: #666;	text-decoration: none;	padding: 0px;	margin: 0px;}
	
ul { margin: 0px; padding: 0px; list-style-type: none; } 

#wrapper {width: 980px; height: auto; padding: 0px;  margin: 0px auto 0px auto; }

#logo { margin: 0px; padding: 0px; float: right; width: 980px; background-image: url(bg_r1_c1.jpg); background-repeat: no-repeat; background-position: center; background-color: #657CB0; height: 350px; }

.logo-image {float: left; width: 180px; height: 180px;  padding: 100px 0px 0px 50px; margin: 0px; }

.link {float: left;	width: 620px; height: auto; z-index: 1000; padding: 290px 0px 0px 0px; margin: 0px 0px 0px 38px;}

.image { width: 301px; height:auto; float:left; margin: 0px; padding: 0px; }

.both {position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; width: 150px;height: 100px; background-color: cyan; border: 1px solid black; } 


.girl-image {width: 301px; height: 606px;  position: absolute; top: 3px; padding: 0px 0px 0px 25px; left: 650px; 
right: 0px; bottom: 0px; margin: 0px auto 0px auto; }

.girl-image1 {	width: 301px;	height: 606px;	position: absolute;	top: 70px;	padding: 0px 0px 0px 35px;	left: 602px;	margin: 0px auto 0px auto;	right: 0px;	bottom: 0px;}

.wires-cables {float: left; width: 274px; height: 211px; padding: 0px; margin: 12px 0px 0px 10px; }

.header-text {float: left; height: 30px; width: 441px; padding: 190px 0px 0px 20px; margin: 0px; }

.wires-cables1  {float: left;width: 318px; height: 211px; padding: 0px;   margin: 12px 0px 0px 10px; }

.copy-right {float: left; width: 225px; height: 25px;color: #B2BFCC;font-weight: bold; padding: 0px; 
margin: 10px 0px 0px 35px;  }

.sound { float: right; width: 150px; padding: 0px;  margin: 10px 38px 0px 0px; }

.line { float: left; width: 906px; border-bottom: 1px solid #BEBEBE; padding: 0px; margin: 0px 0px 0px 35px;  }

#detail {float: left; width: 980px; height:auto; background-color: #657CB0; padding: 3px 0px 20px 0px; margin: 0px; }

.detail1 { float: left; background-color: #A9A9A9; width: 902px; height: 235px; margin: 0px 0px 0px 35px; 
padding: 0px 0px 0px 0px; }

.detail2 {float: left; background-color: #000; width: 902px; height: 100%; padding: 0px; margin: 0px 0px 0px 35px; }


.grey{float: left; background-color: #000; width: 870px; height: 215px; padding: 0px; margin: 10px 10px 10px 15px; }

.grey p { float: left; width:555px; height:auto; background-color: #000; color:#CCC; letter-spacing:1px; 
line-height: 20px;padding: 20px 20px 0px 60px; margin: 0px;   }


.grey h1{font-size:16px; color:#cccccc; font-weight:bold; padding:8px 0px 0px 58px; margin:0px;}

.detail3 {float: left;	width: 902px;	background-color:#000000; padding: 0px;	margin: 0px 0px 0px 35px;}

.detail4 {float: left;	width: 902px; height:100%;background-color: #9F9F9F; padding: 0px; margin: 0px 0px 0px 35px;}


.detail2 p { float: left;width: 550px; background-color: #000; color:#CCC; letter-spacing:1px; line-height: 20px;
padding: 55px 20px 0px 60px; margin: 0px;   }

.ce-isi { float: left; background-color: #0A0B0D; width: 902px; height: 60px; padding: 0px; margin: 10px 0px 0px 35px;  }

.ce-isi1 {float: left; width: 225px; height: 50px; padding: 0px;  margin: 5px 0px 5px 5px; }

.ce-isi2 {float: right; width: 508px; height: 25px; padding: 0px;  margin: 20px 20px 0px 0px; }

.holder{ float:left; width:874px; height:100%; background-color:#cccccc; border:1px solid #EEEEEE; padding:0px; margin:8px 0px 35px 12px;}

.query{ float:left; width:240px; height:auto; color:#333333; padding:0px 0px 0px 10px; margin:5px 2px 2px 2px;}

.query p{ width:100px; padding:0px 0px 3px 0px; margin:0px;}

.query1{ float:left; width:520px; height:auto; color:#333333; vertical-align:top; padding:0px 0px 0px 10px; margin:5px 2px 5px 2px;}

.query1 p{ width:100px; padding:0px 0px 3px 0px; margin:0px;}


.box{ width:160px; background-color:#f5f5f3; border:1px solid #EEEEEE;}

.pics{ float:left; width:150px; height:auto;  padding:32px; margin:0px 0px 0px 8px;}

.pics p{ padding:0px;  margin:0px;}


.hd{ float:left; width:350px; height:auto; font-size:16px; color:#cccccc; font-weight:bold; padding:10px 0px 5px 60px; margin:0px;}

.hd1{ float:left; width:350px; height:auto; font-size:16px; color:#cccccc; font-weight:bold; padding:5px 0px 0px 25px; margin:0px;}


/*menu CSS Start Herer*/
ul.dropdown  { position: relative; }
ul.dropdown li { font-weight: bold; float: left; zoom: 1; background-color: #A9A9A7; font-size: 10px; }
ul.dropdown a:hover	{ color: #FDF200; text-decoration: none; }
ul.dropdown a:active { color: #ffa500; }
ul.dropdown li a { display: block; color: #FFF; text-decoration: none; padding-top: 4px; 	padding-right: 0px; padding-bottom: 4px; padding-left: 11px; }
ul.dropdown li:last-child a { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover, ul.dropdown li:hover { background: #71706E; color: #FFF; position: relative;
text-decoration: none; }
ul.dropdown li.hover a { color: #FFF; }
/* 
	LEVEL TWO
*/
ul.dropdown ul { width: 220px; visibility: hidden;	position: absolute;	top: 100%;	left: 0;}

ul.dropdown ul li {	font-weight: normal;	color: #000;	float: none;	background-color: #71706E;	     background-image: url(tag1.jpg);	background-repeat: no-repeat;	background-position: 8px;	border-bottom-width: 1px;	border-bottom-style: solid;	border-bottom-color: #71706E;	margin: 0px;
	padding-top: 0px;	padding-right: 0px;	padding-bottom: 0px;	padding-left: 15px;}
	
ul.dropdown ul li a:hover {	color: #FDF200;	text-decoration: none;	background-image: url(tag.jpg);	background-repeat: no-repeat;	background-position: left center;}

                                    /* IE 6 & 7 Needs Inline Block */

ul.dropdown ul li a	{	border-right: none;	width: 100%;	display: inline-block;	text-decoration: none;} 
/* 
	LEVEL THREE
*/
ul.dropdown ul ul { left: 100%; top: 0; }

ul.dropdown li:hover > ul { visibility: visible; }

.modular {	margin: 0px;	margin-left:0px;	padding: 0px;	padding-left:45px;	float: left;
	width: 400px;}

.terms-conditions {	margin: 0px;	margin-left:0px;	padding: 0px;	padding-left:45px;
	float: left;	width: 400px;}

.terms-conditions li{	font-size:11px;	line-height:18px;	vertical-align:top;	margin: 0px; padding: 5px 0px 0px 0px;	color: #333333;}

.terms-conditions li a{	color: #333333;	text-decoration: none;}


.modular p{ margin: 0px; padding: 0px; 	font-size:11px;
	color: #333; font-size: }
.modular1 {	margin: 0px;	margin-left:0px;	padding: 0px;	padding-left:15px;
	float: left;	width: 400px;}
	
.modular1 p{ margin: 0px; padding: 0px; }

h2 { font-size: 14px; font-weight: normal; color: #fff; text-decoration: none; margin: 0px; 	padding: 0px; }

.switchs {width:70px; margin-left:24px; float:left;}

.switchs-line {	float:left;	background-color:#000000;	width:390px;	height:22px;	padding: 0px;	margin-top: 15px;	margin-right: 0px;	margin-bottom: 15px;	margin-left: 0px;	border-left-width: 10px;	border-left-style: solid;	border-left-color: #F00;}

.switchs-line p {	font-size:14px;	float:left;	padding: 3px 0px 0px 5px;	margin: 0px 0px 0px 0px;	font-style: 16;	font-weight: bold;	color: #FFF;}

.switchs-line1 {	background-color:#7F7E7C;	width:400px;	float:left;	height:20px;	padding: 0px;
	margin-top:15px;	margin-right: 0px;	margin-bottom: 20px;	margin-left: 0px;}
	
.switchs1 {width:100px; margin-left:0px; margin-top:2px; float:left; text-align:center; font-size:11px;
	color: #333;}
	
.switchs1 p {	margin-left:0px;  font-size:12px 	font-size: 12px;	font-style: 14;	font-weight: bold;
	color: #000000;	text-align: center;}
	
.switchs2 {width:100px; margin-left:0px; margin-top:2px; float:left;}

.switchs2 p {	margin-left:0px;   font-size:12px;	font-size: 11px;	color: #000000;	text-align: center;}

.switchs-line2 {	background-color:#7F7E7C;	width:400px;	float:left;	height:21px;	padding: 0px;	margin-top: 2px;	margin-right: 0px;	margin-bottom: 0px;	margin-left: 0px;}

.text {	width:60px;	float:left;	background-color:#CCC;	text-align:center;	font-size:11px;	color: #333;
	height: 18px;	margin: 0px 0px 0px 0px;	padding: 3px 0px 0px 0px;}
	
.text1 {	width:180px;	float:left;	text-align: center;	font-size:11px;	color: #333;	height: 20px;
	margin: 2px 0px 0px 0px;	padding: 3px 0px 0px 0px;}
	
.text2 {	width:65px;	float:left;	text-align:center;	font-size:11px;	color: #333;	height: 20px;	margin: 2px 0px 0px 0px;	padding: 3px 0px 0px 0px;}

.text3 {	width:45px;	float:left;	text-align:center;	font-size:11px;	color: #333;	height: 20px;	margin: 2px 0px 0px 0px;	padding: 3px 0px 0px 0px;}

.text4 {	width:50px;	background-color:#549EC3;	float:left;	text-align:center;	font-size:11px;	color: #333;
	height: 18px;	margin: 0px 0px 0px 0px;	padding: 3px 0px 0px 0px;}
	
.switchs-line3 {	background-color:#7F7E7E;	width:400px;	float:left;	height:22px;	padding: 0px;
	margin-top: 2px;	margin-right: 0px;	margin-bottom: 0px;	margin-left: 0px;}
	
.switchs-line4 {	background-color:#000000;	width:390px;	height:2px;	margin-bottom:5px;	padding: 0px;
	margin-right: 0px;	margin-left: 0px;	border-left-width: 10px;	border-left-style: solid;	border-left-color: #F00;}
	
.main-box {float: left;	width: 400px; padding: 0px 0px 0px 0px;	margin: 0px 0px 0px 0px;	}

.certified {	margin: 10px 0px 10px 0px;	margin-left:0px;	padding: 0px 0px 0px 0px;	padding-left:45px;
	float: left;	width: 857px;}
	
.certified1 {	margin: 10px 0px 10px 0px;	margin-left:0px;	padding: 0px 0px 0px 0px;	padding-left:45px;
	float: left;	width: 857px;  border-top-width: 1px;	border-top-style: solid;		border-top-color: #cccccc;}
	
.certified1 li{	list-style:none;	text-align:center;	vertical-align:middle;	color:#564529;	line-height:18px;
	margin:0px;	float: left;	padding-left:20px;}
	
.certified1 li a{	color:#564529;	text-decoration:none;}

.certified1 li a:hover{	color:#ffffff;	text-decoration:none;}



.certified p{ margin: 0px ; padding: 5px 5px 5px 5px; background-color:#FFF; text-align:justify; float:left; width: 835px;}

.certified-company{	font-size:14px;	float:left;	padding: 3px 0px 0px 10px;	margin: 0px; width: 835px;	font-style: 16;
	font-weight: bold;	color: #FFF; background-color:#000000; height:21px;}
/*---------------------------------------------------------------------------------------*/
.brochures{ float:left; width:907px; height:auto;  padding:0px ; margin:0px 0px 0px 34px;  background-color:#1F1A17;}
.brochures1{ float:left; width:336px; height:auto;  padding:0px ; margin:0px; background-color:#1F1A17;}
.brochures2{ float:left; width:550px; height:auto;  padding:10px ; margin:0px; background-color:#1F1A17;}
	#slider{}	
	#slider ul, #slider li, #slider2 ul, #slider2 li{		margin:0;		padding:0;		list-style:none;	}
	
	#slider li, #slider2 li{ /* define width and height of list item (slide)   entire slider area will adjust according to the parameters provided here */ 	width:400px;		height:136px;		overflow:hidden; }	

	#slider2 li{ 		background:#f1f1f1;		}
	
	#slider2 li h2{ 		margin:0 20px;		padding-top:0px;}
	
	#slider2 li p{ 		margin:0px;	}						
		
	p#controls, p#controls2{ margin:0;	position:relative;	} 
	
	#prevBtn, #nextBtn, #prevBtn2, #nextBtn2{ 	display:block;		margin:0px;		overflow:hidden;		width:30px;		top:-100px;		position:absolute;	}	
	
	#nextBtn, #nextBtn2{ 		left:200px;		}	
	
	#prevBtn a, #nextBtn a, #prevBtn2 a, #nextBtn2 a{  		display:block;		width:30px;		background:url(images/btn_prev.gif) no-repeat ;		}	
	
	#nextBtn a, #nextBtn2 a{ 		background:url(images/btn_next.gif) no-repeat ;			}