/*** GLOBAL  ***/
html, body{height:100%;}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#6e6e6e;
	line-height:20px;
	background:#dedede;
}

.clearfix:before,
.clearfix:after{
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
 }

.clearfix:after {
  clear: both; }
.clearfix {
  zoom: 1; }

.clear, .clr {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/*** END OF GLOBAL  ***/

/*** DEFAULT ELEMENT STYLES ***/


/* links */
a, a:visited, .colortext {text-decoration:none; font-weight:normal;  }
a:hover{text-decoration:underline; color:#ffa600}
a img{border:none}


/*** END OF DEFAULT ELEMENT STYLES ***/

/*** CONTAINER ***/
#bodychild{width:980px; margin:0px auto; padding:40px 0px;}
#outercontainer{ width:980px;  }
#outerheader{
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}



/*** END CONTAINER ***/

/*** HEADER ***/
#outerheader{}
header{padding:0;}
#top{background: #f0f0f0; height:107px;
	-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}
#logo{ margin:0px 0px; padding:18px 30px 30px 10px; 
padding-right: 90px;
float:left; background: url(../images/sparator-header.gif) no-repeat right #fbfbfb; width:520px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-topleft: 20px;
border-top-left-radius: 20px;
}
#logo img{display:inline-block;}

/* Social */
#sn{
 list-style-type:none; margin:0 0 0 0; 
 padding-right:30px;
 float:right;} 
#sn li{list-style-type:none; margin:0; padding:0 0px 0 10px; display:inline; background:transparent} 
#sn span{height:32px; width:32px; display:inline;display:inline-block}
.icon-img{background-position:0 0;}
.icon-img:hover{background-position:0 -32px !important;}


/* Navigation Menu */
#navigation{float:none; clear:both; background:#2c2c2c; padding:0px 0px; height:42px;}
nav{
position:relative;	
float:none; 
margin:0 0 0 0;
}

#topnav{
	margin:0;
	padding:0;
	list-style-type:none;
	overflow:visible;
	position:relative;
	float:left;
	font-size:12px;
  }
  
/**

**/
.sf-menu a {
	text-decoration:none;
	display:		block;
	position:		relative;
	padding: 		15px 30px;
	text-decoration:none;
	font-weight:normal;
	text-transform:uppercase;
	color:#fff;
	font-weight: 400; 
	font-family: 'Open Sans', sans-serif;
	font: bold 14px Verdana;
	font-family: Microsoft YaHei;
}


.sf-menu > li {

    position: relative;
    z-index: 10;
    border-right: 1px solid #1c1c1c;
}

.sf-menu > li:before {
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
	border-right: 1px solid #383838;
}


.sf-menu a:hover, .sf-menu li a.current{color:#fff; background:#ffa600;}


.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}

/* Drop down menu */
.sf-menu ul a:hover {}
.sf-menu li li {
	text-align:left;
	line-height:20px;
	margin:0;
}
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
	
}
.sf-menu {
	line-height:100%;
	position:absolute;
	right:0;
	bottom:0;
	float:left;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			14em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
	margin:0;
	height: 38px;
}

.sf-menu li li{margin:0px 0px;}


.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0px;
	top:			3.6em; /* 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:			14em; /* match ul width */
	top:			-1px;
	margin-left:	0px;
}
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:			14em; /* match ul width */
	top:			-1px;
	
}
.sf-menu ul li a{
	padding:10px 25px!important;
	text-transform:none;
	line-height:normal;
	font-size:13px!important;
	display:block; width:auto; white-space:no-wrap;
}

.sf-menu ul li a:hover{}
.sf-menu li ul {
	padding:0px;
}
.sf-menu a.sf-with-ul {

	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			10px;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
}
.sf-menu li li a, .sf-menu li li a:hover{ font-size:13px; color:#fff;}
.sf-menu li li{background:#353535; border-bottom:solid 1px #383838;}



/*** SLIDER ***/
#outerslider{}
#slidercontainer{position:relative; height:358px;}
.box_skitter_large {width:1000px; height:358px;}
.box_skitter_large .label_skitter{
	bottom:0px;
	left:0px ; 
	padding:0; background:url(../images/opacity-slider-text.png) repeat;
	font-size:12px;
	padding:10px 30px;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
}


/*** BEFORE CONTENT  ***/
#outerbeforecontent{ clear:both; }
#beforecontent{}
#beforethecontent{}
.intro-l{ width:740px; float:left; background:#fbfbfb; padding-left:10px; text-indent: 2em;height:101px; border-bottom:1px solid #e6e6e6;
color: #333;
font-family: "\5FAE\8F6F\96C5\9ED1";
font-size: 13px;
line-height: 20px;
padding-top: 5px;
 }
.intro-ll{ width:158px; float:left; background:#fbfbfb; padding-left:0px; height:106px; border-bottom:1px solid #e6e6e6; }
.intro-l h2{font-weight: 300; font-family: 'Open Sans', sans-serif; font-size:24px; line-height:28px; margin-top:25px;}
.intro-r{ width:200px; float:left; background: url(../images/sparator-bfcontent.gif) no-repeat #ffa600; 
padding: 0px 20px 0px 10px; 
height:107px; text-align:right; color:#fff;}
.intro-r h2{font-weight:700; font-family: 'Oswald', sans-serif; line-height:30px; font-size:24px;  text-transform:uppercase;  color:#111;}


/*** FOOTER  ***/
#footercontainer{ background:#2c2c2c; }
#footer{padding:0; color:#999;  font-size:12px; height:62px;}
#footer-menu{ list-style-type:none; margin:0px; padding:0px 100px 0px 30px; float:left; background: url(../images/sparator-footer.gif) no-repeat right #ffa600; height:62px;}
#footer-menu li{ float:left; padding:20px 0px 0px 10px; color:#111;}
#footer-menu li a, #footer-menu li a:visited{ color:#111;}
#footer-menu li a:hover{ }
#copyright{ float:right; padding:20px 30px 0px 0px;}
#copyright a, #copyright a:visited{color:#999;}