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

body {
    margin:0px; 
	padding:0px;
	background-color: #FFFFFF;  
	overflow-y: auto; 
	overflow-x: hidden;
	}
	
A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}
a:hover { text-decoration: underline; } 

.content-margin{margin-left: 15px; margin-top:10px; }

#wrapper{
	width: 100%; 
	height: auto; 
	margin: 0px; 
	padding:0px;
	border-top:#03a1fd 6px solid;
	/*background-image: url(../images/left-background-img.gif); 
	background-repeat:no-repeat;
	background-attachment:fixed; */
	} 
/* ----- added on 24-06-09 by bhumi --------- */
#layoutwrapper{
	margin:0px auto;
	width:975px;
	}
#wrapper-img{
	width:975px;
	position:relative;
	float:left;
	background-image: url(../images/left-background-img.gif); 
	background-repeat:no-repeat;
	background-position:top left;
	}
/* ------/ bhumi------- */
#header {
	width:957px; 
	float:left;
	padding-left:19px;  /* padding-left:2%; for fix pix*/
	margin-top:10px;
	height:auto;
	margin-bottom:0px; 
	}
#logo {	
	float: left; 
	clear: right; 
	width:191px; /*width:20%; fix pix */
	height:99px;
	margin-left:0px;
	}

#top-banner{ 
	float:left; 
    width:755px; 
	height:99px; 
	padding-left:10px; 
	/*padding-left:1%;*/ 
	margin-top:0px;  
    }
#main-container{
	padding-left:19px; 
	height:auto; 
	float:left;
	width:957px;
	background:transparent;
	}		 
			 
#header-2{ 
	float:left;
    height:35px; 
	/* width:98%; */
    margin-top:8px; /*margin-top:1%; fix pix*/
	margin-left:0px; /*margin-left:2% fix pix */
	} 


/* contact sale number box */
#sale-no{ 
	width:191px; /*width:20%; fix pix */  
    height:35px; 
	float:left;
	margin-left:0px; 
	}
#sale-no-left{
	float:left;
    width:12px;
	height:35px;
    }
#sale-no-midl{
	float:left;
    width:167px;
	height:35px; 
	background-image: url(../images/sale-no-midl.gif); 
	background-repeat:repeat-x; 
	text-align:center;
	}
#sale-phone-img{ 
	height:19px; width:22px; 
    margin-top:8px; 
    margin-left:0px; 
	float:left;
	} 
#sale-phone-no{ 
	height:19px; 
	width:130px; 
	margin-top:8px; 
    margin-left:4px; 
	margin-right:5px; 
	float:left;
	}
#sale-no-right{
	float:left;        /* sale no right corner img */
    width:12px;
	height:35px; 
    }	
/* contact sale number box complete */


#container{ 
	float:left;
    width:100%; 
    height:100%; /*  height:auto; fix  */ 
    margin-top:8px;
	margin-left:0px; 
	/*margin-left:2%; fix pix*/ 
	margin-bottom: 10px ; 
	padding:0px; 
    }
/*left content box */
#left-content { 
	float:left;
    width:191px; /*width:20%; fix pix */  
    height: 100%;  /* height: auto; fix pix*/  
	}
			
		/* left content top */	
#left-content-top-left{
    float:left;
    width:12px;
	height:12px; 
	background-image: url(../images/left-cont-top-left.gif);
    background-repeat:no-repeat;
	} 	
#left-content-top-midl{
    float:left;
    width:167px;
	height:12px; background-image: url(../images/left-cont-top-midl.gif); 
    background-repeat: repeat-x;
	} 
#left-content-top-right{
    float:left;
    width:12px;
	height:12px; background-image: url(../images/left-cont-top-right.gif);
	background-repeat:no-repeat;
    }
           
	/* left content top complete */	

#left-content-middle{
	float:left;
    width:191px;
	height:315px ; /*height: 318px; fix pix */
	background-image: url(../images/left-cont-midl-img.gif);
	background-repeat:repeat-y;
	margin-top:-5px;
	}
#left-content-middle-box{ 
	float:left;
    width:160px;
	height:auto;
	margin:9px 0px 0px 13px;
	} 	
#left-content-middle-img{ 
	float:left;
    width:40px;
	height:40px; 
	margin-left:6px; 
	margin-right:8px;
	} 	
#left-content-text{ 
	float: right;  
    width:100px; 
	height:30px; 
	padding-top:8px;
	padding-right:5px;      
    }
#news-top{  
	height:20px;
	width:144px;
	margin-top:2%;
	margin-left:6px; 
	background-color:#a2a0a0; 
	border:#CCCCCC 1px solid; text-align:center;	}
#news-content-box{	
    height:130px; 
	width:144px;
	margin-left:6px; 
	margin-top:5px;  
	background-color: #FFFFFF; 
	border:#CCCCCC 1px solid; 
	}	   				 

   /* left content botom begin */


#left-content-botom-left{
    float:left;
    width:12px;
	height:12px; background-image: url(../images/left-cont-botom-left.gif);
    background-repeat:no-repeat;
	} 		
#left-content-botom-midl{
    float:left;  
    width:167px;
	height:12px; background-image: url(../images/left-cont-botom-midl.gif);
    background-repeat: repeat-x;
	} 
#left-content-botom-right{
    float:left;
    /*width:12px;
	height:12px; 
	background-image: url(../images/left-cont-botom-right.gif);*/ 
	background-repeat: no-repeat;
    } 	
	/* left content botom complete */	 		
	/*left content box complete */
	/* main content */
#main-content {
	float:left;
	margin-left:10px; /*margin-left:1%; fix pix */ 
	margin-top:1px;
	height: auto; /*min-height:100%;  */
	overflow:hidden; 
	width:755px;  /*width:75%; fix pix*/ 
	border-left:#999999 1px dotted;
	}
	
#main-content-text{ 
	float:left; 
    margin-left:8px; 
	width:78%; 
	height: auto; 
	margin-right:6px; 
	text-align:justify; 
	}
					
#main-content-img{
	float:right;  
	width:20%; 
	}

                  /* service boxes begin */
#services { 
	float:right; 
    width: 99%;
	height:auto;
	margin-left:8px;
	margin-top:8px; /*margin-top:1%; fix pix*/;
	}
			
#service-box{	
	float:left;
    width: 180px; /*24%*/
	height: auto; 
	margin-right:8px; 
	} 
			  
#service-box-top-left{
    float:left;
    width:9px;
	height:29px; 
    background-repeat:no-repeat;
	} 	
#service-box-top-midl{
    float:left;
    width:162px; /*89%*/
	height:29px; 
	/*background-image:url(images/home-blu-box-top-midl.gif); 
    background-repeat: repeat-x; */
	} 
.service-box-blu-midl{
	background-image: url(../images/home-blu-box-top-midl.gif); 
    background-repeat: repeat-x; 
	text-align:center;
	}
.service-box-yalo-midl{
	background-image: url(../images/home-yal-box-top-midl.gif); 
    background-repeat: repeat-x;
	}							 
.service-box-green-midl{
	background-image: url(../images/home-green-box-top-midl.gif); 
    background-repeat: repeat-x;
	}	

.service-box-prpl-midl{
	background-image: url(../images/home-prpl-box-top-midl.gif); 
    background-repeat: repeat-x;
	}							 					 
					 				 					
#serive-box-header{
	text-align:center; 
	margin-top:5px;
	}
#serive-box-text{
	text-align: justify; 
	margin:3px;
	}
#serive-box-logo-img{ 
	margin:3px; 
	height:40px;
	}

#service-box-top-right{
    float:left;
    width:9px;
	height:29px; 
	background-repeat:no-repeat;
    }			 
#service-box-middle{
	float:left;
    width:178px; /*98% */
	height:118px;
	/* background-image:url(images/left-cont-midl-img.gif);
	background-repeat:repeat-y; */
	margin-top:0px;
	background-color: #FFFFFF;
	border-left:#a2a0a0 1px solid;
	border-right:#a2a0a0 1px solid; 
	}
			  
#service-box-botom-left{
    float:left;
    width:9px;
	height:10px; /*background-image: url(images/home-box-botom_left.gif); */
    background-repeat:no-repeat;
	} 		
#service-box-botom-midl{
    float:left;
    width:162px; /*89%*/
	height:12px; background-image: url(../images/home-box-botom.gif);
    background-repeat: repeat-x;
	} 
#service-box-botom-right{
    float:left; 
    width:9px;
	height:10px; 
	/*background-image: url(images/home-box-botom-right.gif); */
	background-repeat: no-repeat; overflow:hidden; 
    }
	        
	 /* service boxes close */
	/* main content close */  
#footer-wrape{	
	width:100%; 
	height:35px; 
	float: left; 
	border-top: #03a1fd 5px solid ; 
	margin-bottom:0px;
	margin-top:5px;
	}
/*
#footer-menu{  
	height:25px;  
    width:550px; 
	margin-left:220px; 
	margin-top:5px; 
	 }	*/ 
#footer{
	margin:0px auto;
	width:975px;
	}
#footer-menu{
	margin:0px auto;
	width:540px;
  	position: relative;
	text-align:center;
    height:25px;  
  	margin-top:5px; 
	}			   	   
#footer-menu ul{
	list-style:none; margin-top:0px;
	}	   
#footer-menu li {
	margin-top:0px;
	margin-left:10px;
	padding-right:5px;
	float: left;
	border-right:#5f5e5e 1px solid;
	padding-right: 5px;
	} 
	
#footer-copy-right{padding-left:11%}


/* style photo gallary  */

#gallery { 
	width:686px; 
	margin-left:0px; 
	margin-top:8px; 
	padding:10px; 
	border:6px solid #fff; 
	background:#AAA;
	}
#images {
	border:2px solid #9ac1c9; 
	height:225px; 
	background:#eef5f6; 
	margin-bottom:20px;
	}
#image {	
	position:relative; 
	width:672px; 
	height:375px; 
	padding:5px; 
	border:2px solid #666; 
	background:#FFF url(../images/loading.gif) center center no-repeat;
	}
#image img {
	position:absolute; 
	top:5px; 
	left:5px;
	}
#thumbwrapper { 
	margin-top:10px; 
	padding:5px 0; 
	width:682px; 
	height:100px; 
	border:2px solid #666; 
	background:#FFF;
	}
#thumbarea {
	position:relative; 
	overflow:hidden; 
	height:100px; 
	width:682px; 
	}
#thumbs {
	position:absolute; 
	list-style:none; 
	margin-left:5px; 
	height:100px; 
	width:10000px; 
	border-right:5px solid #FFF
	}
#thumbs li {
	float:left; 
	margin-right:5px; 
	cursor:pointer;
	}
.imgnav {
	position:absolute; 
	height:375px; 
	width:20%; 
	z-index:100; 
	height:375px; 
	width:20%; 
	z-index:100; 
	outline:none; 
	cursor:pointer;
	}
#previmg {
	left:0; 
	background: url(../images/left.gif) left center no-repeat; 
	border-left:5px solid #FFF;
	}
#previmg:hover {
	opacity:1; 
	filter:alpha(opacity=100)
	}
#nextimg {
	right:0; 
	background: url(../images/right.gif) right center no-repeat; 
	border-right:5px solid #FFF;
	}
#nextimg:hover {
	opacity:1; 
	filter:alpha(opacity=100)
	}