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

*{
 margin:0px;
 padding:0px;
 }
 
 /************************************************
*	Font								*
************************************************/

@font-face {
    font-family: 'open_sansbold';
    src: url('../Font/OpenSans-BOLD/opensans-bold-webfont.eot');
    src: url('../Font/OpenSans-BOLD/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Font/OpenSans-BOLD/opensans-bold-webfont.woff') format('woff'),
         url('../Font/OpenSans-BOLD/opensans-bold-webfont.ttf') format('truetype'),
         url('../Font/OpenSans-BOLD/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'open_sanslight';
    src: url('../Font/OpenSansLight/opensans-light-webfont.eot');
    src: url('../Font/OpenSansLight/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Font/OpenSansLight/opensans-light-webfont.woff') format('woff'),
         url('../Font/OpenSansLight/opensans-light-webfont.ttf') format('truetype'),
         url('../Font/OpenSansLight/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sanssemibold';
    src: url('../Font/OpenSans-Semibold/opensans-semibold-webfont.eot');
    src: url('../Font/OpenSans-Semibold/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Font/OpenSans-Semibold/opensans-semibold-webfont.woff') format('woff'),
         url('../Font/OpenSans-Semibold/opensans-semibold-webfont.ttf') format('truetype'),
         url('../Font/OpenSans-Semibold/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'open_sansextrabold_italic';
    src: url('../Font/OpenSans-ExtraBold/opensans-extrabolditalic-webfont.eot');
    src: url('../Font/OpenSans-ExtraBold/opensans-extrabolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Font/OpenSans-ExtraBold/opensans-extrabolditalic-webfont.woff') format('woff'),
         url('../Font/OpenSans-ExtraBold/opensans-extrabolditalic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansbold_italic';
    src: url('../Font/OpenSans-BoldItalic/opensans-bolditalic-webfont.eot');
    src: url('../Font/OpenSans-BoldItalic/opensans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Font/OpenSans-BoldItalic/opensans-bolditalic-webfont.woff') format('woff'),
         url('../Font/OpenSans-BoldItalic/opensans-bolditalic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
/************************************************
*	body part								*
************************************************/

body {
	margin:0px;
	padding:0px;
	background:url(../images/bg.jpg) repeat;
	}
	
span{
	margin:0px;
	padding:0px;
	}	
	
.clear{
	clear:both;
	}
	
img{
	border:none;
	}	
	
/************************************************
*	Main Contend								*
************************************************/

#wrap{
	margin:12px auto 20px;
	padding:0px; 
	width:1000px;
	background:#fff url(../images/wrap-bg.png) right top no-repeat; 
	}
	
#mainwrap {
	margin:0 auto;
	padding:0px;
	width:977px;
	height:auto;
	}	
	
	
/************************************************
*	header part								*
************************************************/	

#header {
	margin:0px;
	padding:0px;
	width:977px;
	height:121px;
	}	

#headerleft {
	margin:0px;
	padding:0px;
	width:463px;
	float:left;
	}	

#headerright {
	margin:0px;
	padding:0px;
	width:454px;
	height:121px;
	float:right;
	text-align:right;
	}	

.icon{
	 margin: 0 -10px;
    padding: 10px 0 0;
	width:188px;
	height:87px;
	float:right;
	font-family: 'open_sansbold';
	font-size:18px;
	color:#000;
	text-align:center;
	
	}
	
.socialicon{
	margin:0px;
	padding:0px;
	width:188px;
	height:51px;
	background:url(../images/social-icon.png) no-repeat;}	
	
	
.socialicon a img{
	 margin: 7px;
    padding: 4px 6px 0 0;
	border:none;
	display:inline-block;
	}		
	

.tagline{
	margin:0px;
	padding:26px 4px 0 0;
	width:238px;
	float:right;
	font-family: 'open_sansextrabold_italic';
	font-size:24px;
	color:#000;
	text-align:center;
	}	
/************************************************
*	nav							*
************************************************/

#navbox{
margin:0;
padding:0;
width:977px;
height:43px;
}

#nav{
margin:0;
padding:0;
width:977px;
height:43px;
background:#e8e4e4;
}

#nav ul {
    margin:1px 0px 0px 0px;
    padding:0;
    list-style:none;
    }
	
#nav li  {
    float:left;
	background:url(../images/divd.png) no-repeat left center;
	margin:0px;
	padding: 0px 0px 0px 0px;
	
    }
#nav li:first-child { 
background:none;
}	

#nav a:link, #nav a:visited{
    display:block;
    color:#000;
    text-decoration:none;
    font-family:Arial, Helvetica, sans-serif;
    font-size:16px;
	padding:10px 29px 11px;
   	text-align:center;
	font-weight:bold;
	line-height:22px;
	margin:0 0px 0px 1px;
    }
	
#nav a:hover{    
     color:#fff;
	 background:#231f20;
    }

#nav ul li a.curant{
color:#fff;
background:#231f20;
}

/************************************************
*	banner							*
************************************************/


#banner{ 
     margin:11px 0px 0px 0px;
     padding:0px;
     width:977px;
     height:287px;
}

#shadow{
	margin:0px;
	padding:0px;
	height:20px;
	background:url(../images/banner-shadow.png) center no-repeat;
	 }
	 

/************************************************
*	headding tag					*
************************************************/

h1{
	margin:0px;
	padding:10px 0px;
	font-family: 'open_sanslight';
	font-size:24px;
	font-weight:bold;
	color:#000;
	text-align:left;
	}


h2{
	margin:0px;
	padding:10px 0px;
	font-family: 'open_sanslight';
	font-size:22px;
	font-weight:bold;
	color:#000;
	text-align:left;
	}

	 
/************************************************
*	content					*
************************************************/

#content{
	margin:21px 0 0;
	padding:0px;
	width:977px;
	}


#contentleft{
	margin:0px;
	padding:0px 0px 20px 0px;
	width:977px;
	float:left;
	}

.contheadding{
	margin:0px;
	padding:0px;
	display:block;
	}

#contentleft p{
	margin:0px;
	padding:0px 0px 12px 0px;
	font-family:'open_sanslight';
	font-size:13px;
	color:#000;
	text-align:justify;
	line-height:19px;
	font-weight: normal;
	}

#productimg img{
	margin:0px;
	padding:0 9px 21px;
	border:none;
	display:inline-block;
	}

.productimg img{
	margin:0px;
	padding:0 9px 21px;
	border:none;
	display:inline-block;
	}	
	
#contentleft ul {
	list-style-type:none;	
	margin: 0px 0px 0px 20px;	
	padding:0px;	
	}

#contentleft ul li {
	list-style-type:disc;
	color: #2a2a2a;  
	font-family: 'open_sanslight';
	font-size: 14px; 
	font-weight:normal;  
	margin: 10px 0 0;  
	padding:2px 0 0 6px;  
	text-align: justify;
	}	

	
#contentleft ul li a, a:visited{color:#2a2a2a;	text-decoration:none;	}

#contentleft ul li a:hover{ text-decoration:none; color:#01aef0;}


#contentright{
	margin:0px;
	padding:0px;
	width:301px;
	float:right;
	}

#contactinfo{
	margin:0px;
	padding:0px;
	width:301px;
	height:220px;
	background:url(../images/contact-box.png) no-repeat;}


#contactinfo h1{
	margin:0px;
	padding:2px 0 10px;
	font-family: 'open_sansbold_italic';
	font-size:24px;
	font-weight:normal;
	color:#000;
	text-align:Center;
	}


#contactinfo h2{
	margin:0px;
	padding:26px 0 4px 27px;
	font-family:'open_sansbold';
	font-size:18px;
	font-weight:normal;
	color:#000;
	text-align:left;
	}	 
	
#contactinfo p{
	margin:8px 0 7px 27px;
	padding:0px;
	font-family: 'open_sanslight';
	font-size:14px;
	color:#000;
	text-align:justify;
	line-height:17px;
	}	

#contactinfo img{
	margin:0px;
	padding:0px 7px 0px 0px;
	display:block;
	border:none;
	float:left;
	width:36px;
	}	
	
	
/************************************************
*	three Boxes					*
************************************************/	

#mainbox{
	margin:2px 0 7px;
	padding:15px 0px 0px;
	width:977px;
	height:202px;
	}	
	
.box{
	margin:0px;
	padding:0px;
	float:left;
	background:url(../images/main-box.png) no-repeat;
	width:320px;
	height:202px;}	
	
.space{
	margin:0px;
	padding:0px;
	width:8px;
	height:188px;
	float:left;
	}	
	
.boxleft{
	margin:0px;
	padding:0px;
	float:left;
	width:168px;
	}	
	
.boxright{
	margin:-15px 12px 0 0;
	padding:0px;
	float:right;
	width:140px;
	}	
	
#mainbox h1	{
	margin:0px;
	padding:17px 0 0 14px;
	 font-family:'open_sanssemibold';
	font-size:24px;
	font-weight:normal;
	color:#04acef;
	text-align:left;
	line-height: 29px;
	}	 
	
	
#mainbox p{
	margin:5px 0 7px 13px;
	padding:0px;
	font-family: 'open_sanslight';
	font-size:13px;
	color:#575656;
	text-align:justify;
	line-height:17px;
	}
	
#mainbox img{
	margin:0px;
	padding:0px;
	float:right;
	display:block;
	border:none;} 
	
#mainbox a, a:visited{
	margin:10px 9px 0px 0px;
    padding:10px 0 5px 39px;
	float:right;
	background:url(../images/Arrow.png) left center no-repeat;
	color:#363535;
	font-family: 'open_sanslight';
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	}
	
#mainbox a:hover{	
text-decoration:none;
color:#01aef0;}
			
/************************************************
*	footer					*
************************************************/


#footer{
    margin:0px auto;
    padding: 0;
    width:977px;
	height:68px;
	border-top:1px solid #e5e5e5;
	color:#888888;
	font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    font-style:normal;
	line-height:23px;
	}


#footerleft{
    margin:11px 0 0;
    padding:0px;
    width:387px;
	float:left;
	text-align:left;
	}

#footercenter{
    margin:19px 0 0 75px;
	padding:0px;
    width:152px;
	float:left;
	text-align:center;
	}
	
#footerright{
    margin:19px 0 0;
	padding:0px;
    width:152px;
	float:right;
	}	
	

#footer a:link, a:visited{
margin:0px;
padding:0px;
color:#535353;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-style:normal;
text-decoration:none;
}
#footer a:hover{
color:#00a8ed;
}

.blue{color:#00a8ed;}


/************************************************
*	contact form					*
************************************************/

#contactform{	
   background: none repeat scroll 0 0 transparent;
    border: 1px solid #DDDDDD;
    border-radius: 5px 5px 5px 5px;
    height: 248px;
    margin: 10px auto;
    padding: 10px;
    width: 436px;
	}
	
.contacfeildbox{  
margin:0px;
padding:0px;
	}

.contacttext{ 
    margin:0px;
	padding:0px;
	width:350px;
	height:auto;
	}	

.contactboxleft{	
   margin: 7px 0;
    padding: 11px 0 0 5px;
	height:auto;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
	font-weight:bold;
	color:#000;    
    text-decoration:none;
    text-align:left;    
    width:194px;
	}		
	
.contactboxright{	
    margin:5px 10px;
	padding:0px 0px 0px 0px;
	width:204px;
	height:25px;
	height:auto;
	float:left;
	color:#000;
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
    font-style:normal;
    text-decoration:none;
    text-align:left;
	border-radius: 2px 2px 2px 2px;
	}	
		
.textinput{
padding:0 0 0 5px;
margin:0;
width:197px;
float:left;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#000;
background-color:#FFF;
height:25px;
border:none;
border:1px solid #ddd;
}

input, select{
border:none;
}
	
	
.Submit{
background: none repeat scroll 0 0 #000;
border: medium none;
color: #fff;
cursor: pointer;
font-size: 13px;
margin:13px 0 13px 13px;
padding: 5px 19px;
width: auto;
}	

.Reset{
background: none repeat scroll 0 0 #000;
border: medium none;
color: #fff;
cursor: pointer;
font-size: 13px;
margin:13px 0 13px 13px;
padding: 5px 19px;
width: auto;
}	


.womain_logo{ float:left; margin:0px; padding:0 10px 0 0;}
sup{ color:#F00;}