/* CSS Document */
body{padding:0px; margin:0px; background:url(../images/back.jpg); color:#6d6966; font:14px Arial,Trebuchet MS, sans-serif;}
div, p, ul, h2, h3, h4, img{padding:0px; margin:0px;}
ul{list-style-type:none;}

.clear {clear: both; margin: 0px; height:0}

a{color:#6d6966 ; text-decoration:underline;}
a:hover{ color:#608bad; text-decoration:none;}

p span.headline{font:12px/14px Arial, sans-serif; color:#319ec9; font-weight:bold}

p{text-align:justify;line-height:19px;}
#container{width:1000px; margin:0 auto; background:#fff; padding:0 20px; position:relative}
#line{width:1000px;height:8px;background:#b9e0f0;
/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 10px;
	-khtml-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 10px;
	-khtml-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;}
img {
border:none;
}
/* TOP */

#top{width:1000px; height:150px; position:relative; border-top:#b9e0f0 4px solid;background:#0c3058;border-bottom:#fff 3px solid;
	/*--Bottom right rounded corner--*/
		/*--Bottom left rounded corner--*/
	}
	
#logo{position:absolute; top:16px; left:17px;color:#608bad;font-size:32px;}
#logo img{margin-left:auto;margin-right:auto;display:block;}
#logo p{margin-top:12px;font-family:Arial;color:#fff;font-size:23px;letter-spacing:2px;text-align:center}
#name{margin-top:50px;margin-left:350px;font-family:Arial;color:#fff;font-size:35px;letter-spacing:2px;font-weight:300}
#slogan{margin-top:32px;margin-left:90px;font-family:Times New Roman;color:red;font-size:20px;letter-spacing:2px;font-weight:bold;}
#top ul.ico{position:absolute; padding:3px 0px 0px 15px;top:0px; width:136px;right:15px;background:url(../images/backmenu.jpg);
/*--Bottom left rounded corner--*/

	-moz-border-radius-bottomleft: 10px;
	-khtml-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 10px;
	-khtml-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
}
#top ul.ico li{float:left; height:20px; margin-right:14px; padding-left:0px;}
#top ul.ico li a{display:block; font:12px/14px Trebuchet MS, sans-serif; color:#000; text-decoration:none; padding-top:1px;}
#top ul.ico li a:hover{text-decoration:underline;}




/* HEADER */

#header{width:1000px; height:225px; position:relative; margin-bottom:8px}
#slogan{position:absolute; top:49px; left:313px}
#btn_buy{position:absolute; top:26px; left:211px}

ul.topics{position:absolute; top:134px; left:348px; width:263px}
ul.topics li{height:18px; margin-bottom:2px;}
ul.topics li {height:18px; display:block; text-indent:-20000px; }

ul.topics li.t01 {background:url(../images/topic_1.gif) 0 0 no-repeat; }
ul.topics li.t02 {background:url(../images/topic_2.gif) 0 0 no-repeat; }
ul.topics li.t03 {background:url(../images/topic_3.gif) 0 0 no-repeat; }

/* CONTENT */



#leftPan{width:230px; margin:0 10px 0 0; float:left; display:inline;}
#middlePan{width:515px; float:left; position:relative;}
#rightpan{width:230px;float:right;margin-top:3px;;}
#leftpan1{width:682px;float:left; position:relative}
#middlePan1{width:760px; float:left; position:relative;}

/*------------------------menu-------------------------*/

#menu{
padding-top:51px;
padding-left:241px;
}


/*-----------------menu closed-----------------*/
#testimonial{margin-top:3px;width:225px; border:#e7edf2 1px solid; background:#fff url(../images/b_featured.gif) 0 0 repeat-x; padding-bottom:10px}
#testimonial h2{height:27px; position:relative; margin-bottom:3px;font-size:18px;padding:4px 0px 0px 12px;text-align:left;}
#testimonial p{padding:5px 15px 10px 15px;}
#sign{margin-left:56px}

h2{
color:#608bad;
}

#news{width:228px;border:#e6f2fa 1px solid; margin-bottom:20px; background:#fff url(../images/b_featured.gif) repeat-x;
/*--top right rounded corner--*/

	-moz-border-radius-topright:5px;
	-khtml-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	/*--top left rounded corner--*/
	-moz-border-radius-topleft:5px;
	-khtml-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;

}
#news h2{height:21px; position:relative; margin-bottom:12px;font-size:18px;padding:4px 0px 0px 14px;}
#news p{ padding:2px 15px 5px 15px; color:#005e78}
#news p span{height:14px; background:url(../images/icon_news.gif) 0 2px no-repeat; padding-left:22px; display:block; margin-bottom:8px; font:12px/14px Arial, sans-serif; color:#f5be49; font-weight:bold;}

#news p a:hover{ color:#869496; text-decoration:none;}
#news #btn_news{margin-left:70px}

.pro_image img{border:2px solid #b9e0f1;margin-left:auto;margin-right:auto;display:block;margin-top:0px;}
.pro_image p{text-align:center}
.pro_image p b{font-size:11px;}

#featured{width:228px; border:#e7edf2 1px solid; background:#fff url(../images/b_featured.gif) 0 0 repeat-x; padding-bottom:10px;height:260px;}
#featured h2{height:16px; position:relative; margin-bottom:20px;font-size:18px;padding:4px 0px 0px 12px;text-align:left;}
#featured #slider{margin-left:auto;margin-right:auto;display:block;margin-top:0px;}
#featured #description{width:193px; text-align:center; }
#featured #description p span.name{font:12px/14px Arial, sans-serif; color:#319ec9; font-weight:normal; display:block; margin-bottom:4px}
#featured #description p span.price{font:12px/14px Arial, sans-serif; color:#f5be49; font-weight:bold}

#welcome{width:510px; position:relative; margin-bottom:10px;margin-top:10px;margin-left:5px}
#welcome h2{ position:relative; margin-bottom:18px;font-size:22px;}
#welcome #leftWel{margin:0 10px; float:left;}
#welcome #rightWel{width:510px; float:left;}
#welcome #rightWel img{ margin:0 14px; float:left;}
#welcome #rightWel p{ margin-bottom:7px; padding-top:1px;text-align:justify;}
#welcome #rightWel p span{display:block; margin-bottom:5px}
#welcome #rightWel .btn_more{float:left; margin-left:385px; margin-bottom:16px}
#welcome h3{ position:relative; margin-bottom:9px;font-size:14px;}
#welcome h4{ position:relative; margin-bottom:6px;font-size:13px;color:#608bae;margin-top:9px;}
#specs{margin-left:17px}
#pro-ul{font-size:13px;list-style:disc;padding:0px 0px 0px 20px;text-align:justify}

#welcome1{width:750px; position:relative; margin-bottom:10px;margin-top:10px;margin-left:5px}
#welcome1 h2{ position:relative; margin-bottom:18px;font-size:22px;}
#welcome1 #leftWel{margin:0 10px; float:left;}
#welcome1 #rightWel{width:740px; float:left;}
#welcome1 #rightWel img{ margin:0 14px; float:left;}
#welcome1 #rightWel p{ margin-bottom:7px; padding-top:1px;text-align:justify;}
#welcome1 #rightWel p span{display:block; margin-bottom:5px}
#welcome1 #rightWel .btn_more{float:left; margin-left:630px; margin-bottom:16px}
#welcome1 h3{ position:relative; margin-bottom:9px;font-size:14px;}
#welcome1 h4{ position:relative; margin-bottom:6px;font-size:13px;color:#608bae;margin-top:9px;}



#leftpanel{width:750px; position:relative; margin-bottom:10px;margin-top:10px;}
#leftpanel h2{ position:relative; margin-bottom:18px;font-size:22px;}
#leftpanel #leftWel{margin:0 10px; float:left;}
#leftpanel #rightWel{width:750px; float:left;}
#leftpanel #rightWel img{ margin:0 14px; float:left;}
#leftpanel #rightWel p{ margin-bottom:7px; padding-top:1px;text-align:justify;font-size:14px;}
#leftpanel #rightWel p span{display:block; margin-bottom:5px}
#leftpanel #rightWel .btn_more{float:left; margin-left:385px; margin-bottom:16px}

#reviews{width:240px; position:relative;margin-right:17px; margin-left:11px;  float:left; display:inline }
#reviews h2{height:30px; position:relative; background:url(../images/h_reviews.gif) 0 0 no-repeat; margin-bottom:18px}
#reviews .item{margin-left:3px}
#reviews .item .leftItem{float:left; margin-right:12px; margin-bottom:15px}
#reviews .item .rightItem{float:left;  margin-bottom:15px; width:143px}
#reviews .item .rightItem p{margin-bottom:8px; line-height:12px}
#reviews .item .rightItem img{margin-right:8px}

#client{position:relative; margin-bottom:18px;font-size:22px;margin-top:5px;}

#client_list{width:750px; border:2px ridge #e6f2fa;margin-top:5px;
/*--top right rounded corner--*/

	-moz-border-radius-topright:10px;
	-khtml-border-radius-topright:10px;
	-webkit-border-top-right-radius:10px;
	/*--top left rounded corner--*/
	-moz-border-radius-topleft:10px;
	-khtml-border-radius-topleft:10px;
	-webkit-border-top-left-radius:10px;
/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 10px;
	-khtml-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 10px;
	-khtml-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;


}

#client_list table td{padding:20px 33px 30px 33px;text-align:center;}


#services{width:750px; position:relative; float:left; }
#services h2{height:30px; position:relative; background:url(../images/hxc_services.gif) 6px 0 no-repeat; margin-bottom:8px;font-size:22px;}
.services_topic{margin-bottom:15px}
#services img{float:left; margin-right:5px}
#services p{float:left; width:740px;}
#services p span{display:block; margin-bottom:3px}
#services .btn_more{float:left; margin-left:650px; margin-bottom:16px}



#services1{width:750px; position:relative; float:left; }
#services1 h2{height:30px; position:relative; background:url(../images/hxc_services.gif) 6px 0 no-repeat; margin-bottom:8px;font-size:22px;}
.services_topic1{margin-bottom:15px}
#services1 img{float:left; margin-right:5px}
#services1 p{float:left; width:740px;}
#services1 p span{display:block; margin-bottom:3px}
#services1 .btn_more{float:left; margin-left:650px; margin-bottom:16px}
/* contact */

#leftcon{width:340px;float:left;padding:2px 0px 10px 10px;border:#e7edf2 1px solid;
/*--top right rounded corner--*/
	-ie-border-radius:5px ;
	-moz-border-radius-topright:5px;
	-khtml-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	/*--top left rounded corner--*/
	
	-moz-border-radius-topleft:5px;
	-khtml-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
	}
#leftcon h2{ margin-bottom:15px;font-size:22px;padding:0px 0px 0px 3px}
#leftcon p{padding:3px 10px 0px 5px;}


#rightcon{width:625px;float:right;padding:2px 0px 10px 5px;background:url(../images/b_featured.gif) repeat-x;border:#e7edf2 1px solid;
/*--top right rounded corner--*/

	-moz-border-radius-topright:5px;
	-khtml-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	/*--top left rounded corner--*/
	-moz-border-radius-topleft:5px;
	-khtml-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
	}
#rightcon h2{ margin-bottom:0px;font-size:22px;padding:0px 0px 0px 8px}
.enqbox_innertab tr td{
padding:8px 5px 0px 10px;
font-size:14px;
text-align:left;
}

/* FOOTER */

#footer{height:85px; width:1000px; margin-top:15px; background:url(../images/b_footer.gif) 0 0 repeat-x}
#footer p{padding: 18px 0 0 0; font:11px/16px Trebuchet MS, sans-serif; font-weight:normal; text-align:center;}
#footer p span{font:10px/16px Trebuchet MS, sans-serif;}
#footer p a{font:11px/16px Trebuchet MS, sans-serif; font-weight:normal; text-decoration:none; padding: 0 5px }
#footer p a:hover{text-decoration:none; background:#869496; color:#fff}

/* animation luser1 slide */

.nivoSlider {
	position:relative;
	height:235px;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	width:192px;
	height:210px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:-25px;
	background:;
	color:#000;
	font-size:12px;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:89;
}
.nivo-caption p {
	padding:5px;
	margin:0;
	text-align:center;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
	display:none;
}
.nivo-nextNav {
	right:0px;
	display:none;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
	display:none;
}
.nivo-controlNav a.active {
	font-weight:bold;
	display:none;
}

/*----------------------menu-------------------------*/
a {
		text-decoration:none; 
		color:black;
		font-family:arial;font-size:14px;
		font-weight:bold;
		
	}
	
	#lava {
		/* you must set it to relative, so that you can use absolute position for children elements */
		position:relative; 
		text-align:center; 
		width:360px; 
		height:43px;
		float:right;
		top:15px;
	}
	
	#lava ul {
		/* remove the list style and spaces*/
		margin:0; 
		padding:0; 
		list-style:none; 
		display:inline;
				
		/* position absolute so that z-index can be defined */
		position:absolute; 
		
		/* center the menu, depend on the width of you menu*/
		left:110px; 
		top:-34px; 
		
		/* should be higher than #box */
		z-index:100;

	}
	
	#lava ul li {
		
		/* give some spaces between the list items */
		margin:0px 15px; 
		
		/* display the list item in single row */
		float:left;
	}
	
	#lava #box {
		
		/* position absolute so that z-index can be defined and able to move this item using javascript */
		position:absolute; 
		left:0; 
		top:-36px; 
		
		/* should be lower than the list menu */
		z-index:50; 

		/* image of the right rounded corner */
		background:white; 
		height:25px;
		
		/* add padding 8px so that the tail would appear */
		padding-right:8px;
	
		/* self-adjust negative margin to make sure the box display in the center of the item */
		margin-left:-6px;
	}
	
	#lava #box .head {
		/* image of the left rounded corner */
		background:#608bad;
		height:25px;
		
		/* self-adjust left padding to make sure the box display in the center of the item */
		padding-left:10px;
	}