/*styles for all pages*/

* {margin:0; padding:0;}
html, body, p, div, h1, h2, h3, h4, h5, h6, img, span, ul, li, br, hr, a, form, input,  dl, dt, dd { padding:0px; margin:0px; border:0px;}
img {margin:0; outline-color:-moz-use-text-color; outline-style:none; outline-width:0; padding:0;}
br{ font-size:0; height:0; line-height:0; clear:both;}
a, a:active, a:focus { outline:none; outline-color:-moz-use-text-color; outline-style:none; outline-width:0; cursor:pointer;}

body {margin:0; padding:0; font-family:"Trebuchet MS"; color:#d97cff; background:#0d0012 url(../images/bg.jpg) no-repeat top;}

.clr {font-size:0; height:0; line-height:0; clear:both;}

#header_section {margin:0 auto; padding:0; width:894px; height:103px;}
	#header_section #logo {margin:0; padding:20px 0 0 0; width:320px; height:auto; float:left;}
	#header_section #call {
	margin:0;
	width:240px;
	height:auto;
	float:right;
	text-align:right;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 0;
}
	#header_section #call p {font:normal 20px/24px "Trebuchet MS"; color:#FFFFFF;}
	#header_section #call p span {font:normal 12px/16px "Trebuchet MS"; color:#0bb5a7;}
	#header_section #call p a {font:normal 12px/16px "Trebuchet MS"; color:#0bb5a7; text-decoration:none;}
	#header_section #call p a:hover {text-decoration:underline;}

#navigation_section {margin:0 auto; padding:0; width:893px; height:39px; background:url(../images/navibg.jpg) repeat-x left;}
	#navigation_section ul {margin:0 0 0 1px; padding:0; list-style:none;}
	#navigation_section ul li {margin:0; padding:0; font:bold 13px/39px Arial, Helvetica, sans-serif; color:#FFFFFF; text-transform:uppercase; float:left; /*background:url(../images/line.gif) no-repeat right;*/ border-left:1px solid #000000; border-right:1px solid #262626;}
	#navigation_section ul li a {font:bold 14px/39px Arial, Helvetica, sans-serif; color:#FFFFFF; text-transform:uppercase; text-decoration:none; display:block; padding:0 33px;}
	#navigation_section ul li a:hover {background:url(../images/navibg_h.gif) repeat-x left;}
	#navigation_section ul li a.active {background:url(../images/navibg_h.gif) repeat-x left;}

#banner_section {margin:0 auto; padding:0; width:894px; height:264px; border:6px solid #010100; background:url(../images/banner_bg.png) repeat;}
	#banner_section #text {margin:0; padding:20px 0 0 45px; width:404px; height:242px; float:left; border:1px solid #181812; border-right:none;}
	#banner_section #text h1 /*{background:url(../images/road.png) no-repeat; display:block; text-indent:-5000px; height:64px;}*/ {font:bold 45px/45px Arial, Helvetica, sans-serif; color:#FFFFFF;}
	#banner_section #text h1 span {color:#0bb5a7; font-size:35px;}
	#banner_section #text p {font:normal 22px/25px Arial, Helvetica, sans-serif; color:#FFFFFF;}
	#banner_section #text #facebook {margin:8px 10px 0 0; padding:0; width:130px; height:38px; float:right;}
	#banner_section #text #blog {margin:8px 10px 0 0; padding:0; width:100px; height:38px; float:right;}
	
	#banner_section #video {margin:0; padding:6px 0 0 0; width:425px; height:256px; float:right; border:1px solid #181812; border-left:none;}
	
#body_section {margin:0 auto; margin-top:24px; padding:15px 13px; width:868px; height:auto; border:6px solid #010100; background:#131313 url(../images/contentbg.gif) repeat-y top;}
	#body_section #left_section {margin:0; padding:0; width:619px; height:auto; float:left;}
		#body_section #left_section .round_box {margin:0; padding:0; width:619px; height:auto; float:left;}
		#body_section #left_section .round_box .top {margin:0; padding:0; width:619px; height:10px; float:left; background:url(../images/round_corner.gif) no-repeat top; line-height:10px;}
		#body_section #left_section .round_box .bot {margin:0; padding:0; width:619px; height:10px; float:left; background:url(../images/round_corner.gif) no-repeat bottom; line-height:10px;}
		#body_section #left_section .round_box .mid {margin:0; padding:10px 20px; width:579px; height:auto; float:left; background:url(../images/round_bg.gif) repeat-y top;}
		#left_section .round_box .mid h2 {font:normal 24px/30px "Trebuchet MS"; color:#2dcbcc; text-transform:uppercase;}
		#left_section .round_box .mid h3 {font:normal 16px/30px "Trebuchet MS"; color:#54cbc1;}
		#left_section .round_box .mid h4 {font:normal 16px/30px "Trebuchet MS"; color:#54cbc1; border-bottom:1px solid #54cbc1; padding-top:5px;}
		#left_section .round_box .mid h2 span {font:500 24px/30px "Trebuchet MS"; color:#54cbc1; text-transform:uppercase;}
		#left_section .round_box .mid h2.welcome {background:url(../images/welcome.jpg) no-repeat; display:block; text-indent:-5000px; height:68px;}
		#left_section .round_box .mid h2.about {background:url(../images/about.jpg) no-repeat; display:block; text-indent:-5000px; height:68px;}
		#left_section .round_box .mid h2.products {background:url(../images/products.jpg) no-repeat; display:block; text-indent:-5000px; height:68px;}
		#left_section .round_box .mid h2.support {background:url(../images/support.jpg) no-repeat; display:block; text-indent:-5000px; height:68px;}
		#left_section .round_box .mid h2.contact {background:url(../images/contact.jpg) no-repeat; display:block; text-indent:-5000px; height:68px;} 
		#left_section .round_box .mid p {font:normal 14px/18px "Trebuchet MS"; color:#d97cff; padding-top:10px;}
		#left_section .round_box .mid p a {font:normal 14px/18px "Trebuchet MS"; color:#d97cff; text-decoration:underline;}
		#left_section .round_box .mid p a:hover {color:#54cbc1; text-decoration:underline;}
		#left_section .round_box .mid p.bdr {border-bottom:1px solid #272727;}
		#left_section .round_box .mid p.ptxt {font:normal 14px/18px "Trebuchet MS"; color:#d97cff; padding:5px 25px 5px 10px; margin-left:18px; border-left:1px solid #2dcbcc;}
		
		#left_section .round_box .mid .read_more {margin:10px 0 0 0; padding:0; width:83px; height:23px; background:url(../images/readmorebg.gif) no-repeat left; text-align:center;}
		#left_section .round_box .mid .read_more a {font:normal 12px/23px "Trebuchet MS"; color:#FFFFFF; text-decoration:none;}
		#left_section .round_box .mid .read_more a:hover {color:#000000;}
		#left_section .round_box .mid ul.list {margin:5px 0 0 17px; padding:0; list-style:square;}
		#left_section .round_box .mid ul.list li {font:normal 12px/16px "Trebuchet MS"; color:#0088b8;}
		
		#left_section .round_box .mid .pro_box {margin:20px 0 0 0; padding:6px; width:168px; height:115px; float:left; background:url(../images/probg.gif) no-repeat center;}
		#left_section .round_box .mid .pro_gap {margin:20px 0 0 0; padding:0; width:19px; height:127px; float:left;}
		#left_section .round_box .mid .pro_box .img_box {margin:0; padding:0; width:168px; height:97px; float:left; text-align:center;}
		#left_section .round_box .mid .pro_box .img_text {margin:0; padding:0; width:168px; height:18px; float:left; text-align:center; font:bold 14px/18px "Trebuchet MS"; color:#1b1b1b; }
		#left_section .round_box .mid .pro_des {margin:0; padding:10px 0 0 18px; width:380px; height:auto; float:left;}
		
		#left_section .round_box .mid .pro_img {margin:15px 0; padding:0; width:230px; height:auto; border:3px solid #54cbc1; float:left;}
		#left_section .round_box .mid .pro_text {margin:15px 0; padding:0 0 0 23px; width:320px; height:auto; float:left;}
	
	#body_section #right_section {margin:0; padding:0; width:232px; height:auto; float:right;}
		#body_section #right_section .round_box2 {margin:0; padding:0; width:232px; height:auto; float:left;}
		#body_section #right_section .round_box2 .top {margin:0; padding:0; width:232px; height:10px; float:left; background:url(../images/round_corner2.gif) no-repeat top; line-height:10px;}
		#body_section #right_section .round_box2 .bot {margin:0; padding:0; width:232px; height:10px; float:left; background:url(../images/round_corner2.gif) no-repeat bottom; line-height:10px;}
		#body_section #right_section .round_box2 .mid {margin:0; padding:10px 16px; width:200px; height:206px; float:left; background:url(../images/round_bg2.gif) repeat-x top;}
		#right_section .round_box2 .mid h2 {font:normal 18px/30px "Trebuchet MS"; color:#FFFFFF; border-bottom:1px solid #2d9abb;}
		#right_section .round_box2 .mid p {font:normal 11px/16px "Trebuchet MS"; color:#1b1b1b; padding-top:5px;}

		
		#body_section #right_section .round_box4 {margin:0; padding:0; width:232px; height:auto; float:left;}
		#body_section #right_section .round_box4 .top {margin:0; padding:0; width:232px; height:10px; float:left; background:url(../images/round_corner22.gif) no-repeat top; line-height:10px;}
		#body_section #right_section .round_box4 .bot {margin:0; padding:0; width:232px; height:10px; float:left; background:url(../images/round_corner22.gif) no-repeat bottom; line-height:10px;}
		#body_section #right_section .round_box4 .mid {margin:0; padding:0 16px; width:200px; height:auto; float:left; background:url(../images/round_bg22.gif) repeat-y top;}
		#right_section .round_box4 .mid h2 {font:normal 18px/30px "Trebuchet MS"; color:#FFFFFF;}
		#right_section .round_box4 .mid .box01 {margin:5px 0; padding:0 5px; width:190px; height:23px; float:left; background:url(../images/inputbg.gif) no-repeat left;}
		#right_section .round_box4 .mid .box01 .input {margin:0; padding:3px 0; width:190px; height:auto; border:none; background:none; font-family:"Trebuchet MS"; color:#1b1b1b; font-size:11px;}
		#right_section .round_box4 .mid .box02 {margin:0; padding:0; width:200px; height:23px; float:left; text-align:right;}
		
		#body_section #right_section .round_box3 {margin:0; padding:0; width:232px; height:auto; float:left;}
		#body_section #right_section .round_box3 .top {margin:0; padding:0; width:232px; height:10px; float:left; background:url(../images/round_corner3.gif) no-repeat top; line-height:10px;}
		#body_section #right_section .round_box3 .bot {margin:0; padding:0; width:232px; height:10px; float:left; background:url(../images/round_corner3.gif) no-repeat bottom; line-height:10px;}
		#body_section #right_section .round_box3 .mid {margin:0; padding:10px 16px; width:200px; height:auto; float:left; background:url(../images/round_bg3.gif) repeat-y top;}
		#right_section .round_box3 .mid h2 {font:normal 18px/30px "Trebuchet MS"; color:#54cbc1; padding-bottom:4px;}
		#right_section .round_box3 .mid ul {margin:0; padding:0; list-style:none;}
		#right_section .round_box3 .mid ul li {margin:0; padding:0 0 0 10px; font:normal 12px/30px "Trebuchet MS"; color:#FFFFFF; background:url(../images/bullet.gif) no-repeat 0 12px; border-top:1px solid #272727;}
		#right_section .round_box3 .mid ul li a {font:normal 12px/30px "Trebuchet MS"; color:#FFFFFF; text-decoration:none;}
		#right_section .round_box3 .mid ul li a:hover {color:#0088b8; text-decoration:none;}
		#right_section .round_box3 .mid ul li a.select {color:#0088b8; text-decoration:none;}

#footer_section {margin:0 auto; margin-top:6px; padding:0; width:868px; height:62px;}
	#footer_section .left {margin:0; padding:10px 0 0 0; width:320px; height:auto; float:left;}
		#footer_section .left p {font:normal 12px/18px "Trebuchet MS"; color:#5e5e5e;}
		#footer_section .left p span.pink {font:normal 12px/18px "Trebuchet MS"; color:#d835ff;}
		#footer_section .left p span.blue {font:normal 12px/18px "Trebuchet MS"; color:#3fa7c7;}
	#footer_section .right {margin:0; padding:10px 0 0 0; width:360px; height:auto; float:left; text-align:right;}
		#footer_section .right p {font:normal 12px/18px "Trebuchet MS"; color:#3fa7c7;}
		
		div.pagenumber{
	width:485px;
	padding:16px 0 0 0;
	text-align:right;
	
	
}
div.pagenumber img.preview{
	width:8px;
	height:14px;
	float:left;
	display:block;
	margin:1px 0 0 0;
}
div.pagenumber img.next{
	width:8px;
	height:14px;
	float:left;
	display:block;
	margin:1px 0 0 0;
}
div.pagenumber p{
	font:normal 11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#E2CCCF;
	background-color:inherit;
	float:left;
	margin:0 3px;
}
div.pagenumber p a{
	color:#E2CCCF;
	background-color:inherit;
	/*padding:0 2px;*/
	margin:0 5px;

}
div.pagenumber p a:hover{
	text-decoration:none;
	color:#000000;
}
