* { margin:0; padding:0; }

a,p,span { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#666; text-decoration:none; border:none;}
 h3 { font-family:"Myriad Pro"; font-size:26px; color:#18458a; font-weight:normal; padding-bottom:5px;}
 img { border:none;}

body { background:url(images/bg.jpg) repeat; }

.clearfix:before, .clearfix:after {  content: "\0020"; display: block; height: 0; visibility: hidden;    } 
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

.main { width:980px; margin:0 auto; background:#FFFFFF;}
.clear { width:980px; margin:0 auto; padding:10px 0;}

/***********************************************************header***********************************************************/
.goback { float:right; color:#0066FF; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; text-decoration:none; vertical-align:top;  text-align:right; width:290px; }
.goback a{ float:right; color:#0066FF; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; text-decoration:none; vertical-align:top;  text-align:right; width:290px; }
.goback a:hover{ float:right; color: #666666; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; text-decoration:none; vertical-align:top;  text-align:right; width:290px; }
.header { width:980px; margin:0 auto; height:134px;}
.hgs_img1 { float:left; margin:22px 0 12px 14px; }
.hgs_img2 { float:right; margin:10px 10px 12px 0px; }
.logo { float:left; margin:18px 0 0 190px; text-decoration:none; border:none;}
.logo img { border:none;} 
.logo h1 {    color: #4A4A4A;
    font-family: Impact;
    font-size: 45px;
    font-style: normal;}
.logo h3 {  color: #4A4A4A;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: normal;
    margin-top: -5px;
    word-spacing: -1px;
}

/**************************************************************nav***********************************************************/
.nav { width:980px; margin:0 auto; background:url(images/nav.jpg) repeat-x ; height:38px;}
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	margin:0; padding:0; width:980px;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			250px; /* left offset of submenus need to match (see below) */
}

.sf-menu > li > ul {
	margin-top: -3px; 
}

.sf-menu ul li {
	width:			100%; 
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
	
	background:url(images/nav_li_border.jpg) no-repeat right; 
}
.sf-menu a {
	display:		block;
	position:		relative;
	
	
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			250px; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			250px; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	/*margin-bottom:	1em;*/
}
.sf-menu > li > a {
 
  font-size: 13px; 
/*  line-height: 20px;
  height: 20px;*/
  display:block;
  padding:5px 20px 5px 20px;
}

.sf-menu a {
	font-family:Candara;
	border-left: none;
	font-weight:normal;
	border-top: none;
	display:block;
	text-transform:uppercase;
	text-decoration:none;
	text-align: left;
	font-size: 13px;
	 padding:5px 20px 5px 20px;
	 
}

.sf-menu ul ul li:last-child {
	padding-bottom: 5px; font-size:14px; 
}
	
.sf-menu > li > a, .sf-menu > li > a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:#FFF; padding:7px 16px 6px 20px; height:24px;
}

.sf-menu a, .sf-menu a:visited, .sf-menu > li > a:hover  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#FFF;
	padding:7px 20px 6px 20px;
}


.current a {
	background:#747474; color:#FFF;
}
/*.sf-menu li.current:hover {
	background-color: #000;*/
	
.sf-menu li.current a {
	color: #FFF;   
}
.sf-menu li li {
	background:		#747474;
}
.sf-menu li li:hover {
	background:		#747474; 
}

.sf-menu li li a {
	font-size:14px; 
}

.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:hover, .sf-menu a:active {
	background:		#747474;
	outline:		0;
	color: 			#FFF; 
	
}

.sf-menu li li:hover, .sf-menu li li.sfHover, .sf-menu li li a:hover, .sf-menu a:active {
	background:		#18458a;
	outline:		0;
	
	
}

.sf-menu li li li:hover, .sf-menu li li li.sfHover, .sf-menu li li li a:hover, .sf-menu a:active {
	background:		#18458a;
	outline:		0;
	background:url(images/nav_a.jpg) repeat-x; color:#FFF;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	auto;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -50px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -50px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}


/***************************************************************************slider**************************************/

.slider { width:671px; margin:25px 10px 25px 25px; float:left;}


.product { float:right; width:270px; margin-top:20px; margin-bottom:25px; }


.product ul { margin:0; padding:0;}
.product ul li { list-style:none;  border-bottom:1px solid #CCC; width:250px;}
.product ul li a { color:#616162; font-family:Arial, Helvetica, sans-serif;  font-size:12.5px; display:block; padding:7px 0 7px 5px; }
.product ul li a:hover { color:#FFF; background:#18458a; display:block; font-family:Arial, Helvetica, sans-serif; font-size:12.5px;}

.click { padding-left:5px;border:none; text-decoration:none;}
.click img { margin-top:10px; }


/*******************************************************************content*************************************/
.content { width:940px; border-bottom:1px solid #CCC; margin:0 auto;}
.content h3 { padding:15px 0;}
.content p { padding-bottom:20px;}


/*************************************************************middle*************************************************/
.middle { width:940px; margin:0 auto; padding-top:15px;}
.middle ul { margin:0; padding:0;}
.middle ul li { float:left; margin-right:18px; list-style:none; width:295px;}
.middle ul li a { border:none;}
.middle ul li a img { padding:5px; border:1px solid #CCC;}
.middle ul li h5 { font-family:"Open Sans"; font-weight:bold; font-size:16px; text-transform:uppercase; color:#18458a; }
.middle ul li p { font-family:Arial, Helvetica, sans-serif; color:#666; font-size:13px;
padding-top:10px;}
.middle ul li:last-child{margin-right:0px; padding:0px; border-right:none;}


/****************************************************product_list**************************************************/

.product_list { width:930px; margin:0 auto; padding:20px 0 10px 0;}


/******************************************************footer***********************************************************/

.footer { width:980px; margin:0 auto; }
.para_left { width:350px; float:left;}
.para_middle { width:300px; float:left; margin-left:50px;}
.para_middle h4 { width:250px; color:#000; font-size:18px; font-family:Arial, Helvetica, sans-serif; padding-bottom:5px; border-bottom:1px solid #333;}
.para_middle p { padding-top:10px; padding-bottom:20px;}

.para_right { float:left; width:250px; }
.para_right h4 { width:200px; color:#000; font-size:18px; font-family:Arial, Helvetica, sans-serif; padding-bottom:5px; border-bottom:1px solid #333; margin-bottom:15px;}
.para_right a { border:none; }
.para_right p { float:right;}


/***************************************************************container***************************************/
.container { width:980px; clear:both;}

/***************************************************************about us***************************************/

.about_us { width:671px; margin:25px 10px 25px 25px; float:left;}
.about_us h3 { color:#18458a; padding:10px 0;}


.geo1 {  width:940px; margin-left:20px;   clear:both; }
.geo1 ul { margin:0px; padding-bottom:20px;} 
.geo1 ul li { list-style:none; float:left; width:180px; text-align:center; padding-bottom:20px;}
.geo1 ul li img {  border:5px solid #edecea; margin-bottom:10px; }
.geo1 ul li a { text-align:center;}
.geo1 ul li p {  color: #666666;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;}
.geo1 ul li a:hover { text-align:center; text-decoration:underline; }

.geo_link { margin:10px; padding-left:15px;}
.geo_link li { list-style:square; color:#0066FF; padding-left:5px; }
.geo_link li a { text-decoration:none; }
.geo_link li a:hover { text-decoration:underline; color:#06F; }



/***************************************************Query form*******************************/

.form {
	
   
    float: left;
    height: auto;
    padding: 10px 10px 10px 10px;
    width: 671px;
}
.form_row1 {
    clear: both;
    float: left;
    padding: 7px 0;
    width: 425px;
}
.form_row {
    clear: both;
    float: left;
    padding: 7px 0;
    width: 425px;
}
.form_row2{
 
    float: right;
    padding: 7px 0;
    width: 225px;
}
label {
    color: #666;
    float: left;
    font-weight:normal;
    padding: 3px 15px 0 0;
    text-align: right;
    width: 80px;
	font-family:Arial, Helvetica, sans-serif; font-size:14px;
}
input.main_input {
       border-radius:5px;
    border: 1px solid #ccc;
    float: left;
    height: 18px;
    padding: 4px;
    width: 300px;
	color:#4aafe5; font-size:12px; font-family:Arial, Helvetica, sans-serif;
}
.main_textarea {
	border-radius:5px;
    border: 1px solid #ccc;
    float: right;
	margin-right:20px;
    height: 143px;
	margin-top:7px;
    padding: 4px;
	font-family:Arial, Helvetica, sans-serif; font-size:12px;
    width: 216px;
	color:#666;
}


input.submit {
   border-radius:5px;
    border: 1px solid #ccc;
    color: #666;
    cursor: pointer;
    float: right;
    margin: 0;
    padding:5px 7px;
    text-align: center;
	margin-right:20px;
}


/***********************************************************************contact**************************************/

.map { width:300px; height:200px;  margin:40px 20px 0 30px; float:left; 
 }
 .address { width:200px; float:left; padding:10px 0 0 10px; border-right:1px solid #CCC;}
 .address h5 { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#0099FF; padding-bottom:10px;}
 .address a { color:#0099FF;}
 .address a:hover { color:#000000; text-decoration:underline;}
 
 
 /***************************************sitemap**************************/
 
 .sitemap { margin-left:20px;}
 .sitemap li { list-style:square; font-size:14px;}
 .sitemap li ul { margin-left:20px;}
 .sitemap li ul li { list-style:circle;}

.fileup {width:40%;margin-left: 14.5%;}

.fileup input.filep {border-radius:5px;
    color: #666;
    cursor: pointer;
    float: right;
    margin: 0;
    padding:5px 7px;
    text-align: center;
	margin-right:20px;}
	
	.left-home{
	float:left;
	width:710px;
	
	}
	
	.right-home{
	float:right;
	width:220px;
	
	}