/* 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,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0;padding:0;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
/* start editing from here */
a{text-decoration:none;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{	vertical-align:baseline;}/* vertical align baseline */
.vertical-top{	vertical-align:top;}/* vertical align top */
.underline{	padding-bottom:5px;	border-bottom: 1px solid #eee; margin:0 0 20px 0;}/* Add 5px bottom padding and a underline */
nav.vertical ul li{	display:block;}/* vertical menu */
nav.horizontal ul li{	display: inline-block;}/* horizontal menu */
img{max-width:100%;}
/*end reset*/
@font-face {
      font-family:HeaveneticaCond6;
      src: url(fonts/heaveneticacond6-medsh.ttf) format('truetype');
	  
}

@font-face {
      font-family:helvct__;
      src: url(fonts/helvct__.TTF) format('truetype');
	  
}

body{
	font-family:Amble;
	background:url(images/body_bg.jpg) repeat;
	position:relative;
}

#wrapper{
	width:960px;
	height:100%;
	margin:0 auto;
	margin-top:50px;
	position:relative;
	height:auto;
	margin:0 auto;
	transition:all .2s linear;
	-moz-transition:all .2s linear;/* firefox */
	-webkit-transition:all .2s linear; /* safari and chrome */
	-o-transition:all .2s linear; /* opera */
	-ms-transition:all .2s linear;
	overflow:hidden;
}

.logo{
margin-top:50px;
float:left;
	}

#leftsidebar{
	width:170px;
	margin:0 0 0 0;
	height:600px;
	background:url(images/br_shadow.png) no-repeat;
	background-position:right;
	float:left;
}

#leftsidebar ul{
	width:118px;
	height:auto;
	float:left;
	margin:50px 0 0 0;
	text-align:right;
	padding:0;
}


#leftsidebar ul li{
	line-height:42px;
	float:none;
	right:60px;
	padding:0;
}

#leftsidebar ul li a{
	color:#33CCFF;
	font-size:18px;
	text-align:right;
	font-family:HeaveneticaCond6;
}

#leftsidebar ul li:hover a{
	color:#FFFFFF;
}

#leftsidebar ul .active a{
	color:#FFFFFF;
	position:relative;
}


#rightsidebar{
	float:right;
	width:790px;
	margin-top:50px;
}






#about_con{
 font-family:helvct__;
width:78%;

height:auto;
margin-left:62px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
	}
	
#about_con h2{
font-size:28px;
line-height:60px;
text-align:center;
color:#9BC8F9;
	}

#about_con .brimg{
margin:0 0 0 0;
	}
	
#about_con h3{
font-size:18px;
line-height:48px;
color:#9BC8F9;
	}
	
#about_con p{
font-family:Arial, Helvetica, sans-serif;
text-align:justify;
font-size:14px;
line-height:28px;
text-shadow: 0px 1px 3px #000;
color:#7ABDF3;
}

#about_con .companyphoto{
float:left;
padding:10px 20px 10px 0;
position:relative;
	}

#product_con{
width:82#;
float:left;
	}

#product_con h2{
font-size:30px;
color:#FFFFFF;
text-align:center;
	}
	
#product_con .brimages{
margin:0 0 0 50px;
float:left;
	}
	
#productlist{
margin:20px 0 0 48px;

	}
	
#productlist li{
margin:0 1px;
line-height:30px;
float:left;
	}
	
#productlist li a{
line-height:30px;
padding:0 10px;
display:block;
font-size:12px;
color:#70BBF3;
	}
	
#product_con h3{
width:100%;
font-size:16px;
color:#C2E1F8;
margin:30px 0 0 48px;
float:left;
	}
#product_con p{
width:250px;
line-height:24px;
font-size:14px;
float:left;
margin:20px 0 0 48px;
text-align:justify;
color:#54B7F1;
	}
	
#productlist li:hover a{
background:#0F314D;
}
#productlist .active{
background:#0F314D;
line-height:30px;
color:#FFFFFF;
}

#productslider{
margin:24px 0 0 24px;
float:left;
	}
	
#productslider li{
	width:418px;
	height:212px;
	float:left;
}

.change_link {
	display: block;
	width:20px;
	height:20px;
	font-size: 12pt;
	background:#0A2E5A;
	float: left;
	margin-right: 5px;
	text-align: center;
	margin-top:8px;
	border: 1px solid #000000;
	color:#0099CC;
	text-decoration: none;
}	
	
	
	
	
	
	
	
	

#contact_con{
width:82#;
float:left;
	}

#contact_con h2{
font-size:30px;
color:#FFFFFF;
text-align:center;
	}
	
#contact_con .brimages{
margin:0 0 0 50px;
float:left;
	}
	

address{
	width:300px;
	margin:18px 0 0 0;
	line-height:24px;
	color:#8AD9FF;
	float:left;
	font-size:14px;
}

address h4{
	font-size:18px;
	font-weight:700;
	color:#FFF;
}
	
	
#copyright{
width:100%;
height:30px;
position:fixed;
background:url(images/copyright.jpg) repeat-x;
line-height:30px;
float:left;
color:#CCCCCC;
text-decoration:none;
margin:0;
padding:0;
bottom:0;
	}
#copyright a{
text-decoration:none;
	}
	
	#copyright .copy{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	float:left;
	margin:0 0 0 50px;
	font-size:14px;
	font-weight:800;
	position:relative;
		}

#copyright .power{
	float:right;
	margin:0 50px 0 0;
	position:relative;
		}
		
#copyright .power span{
color:#B00000;

}