/* 

Imperial - CSS File

*/

/*** GLOBAL  ***/
html, body{height:100%;}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#6e6e6e;
	margin:0;
	padding:0;
	line-height:20px;
	background:#dedede;
}
* {
	margin:0;
	padding:0;
}
*:focus {
	outline:none;
}
form{margin:0; padding:0;}
hr {
	border-width:0;
	height:1px;
	line-height:0;
	margin:10px 0px;
	page-break-after:always;
	text-align:center;
	width:100%;
	clear:both;
	color:#ededed;
	background-color:#ededed;
}
P {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 6px; PADDING-TOP: 5px; MARGIN: 0px;line-height:24px;TEXT-INDENT: 2em
}
.input{
    border: #aaa 1px solid;overflow: hidden;height:16px;
}
.clearfix:before,
.clearfix:after{
  content: '\0020';
  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 ***/

/* heading */
h1, h2{margin-bottom:15px;}
h3, h4, h6{margin-bottom:10px;}
h1 {font-size:20px; height:30px}
h2 {font-size:20px;}
h3 {font-size:18px;}
h4 {font-size:14px;}
h5{font-size:12px;}
h6 {font-size:10px;}
h1, h2{ font-weight: 400; font-family: 'Open Sans', sans-serif; color:#333;  line-height:normal;}
h3, h4, h5, h6{font-weight: 400; font-family: 'Open Sans', sans-serif; color:#505050;}
h5{font-weight: 600; font-family: 'Open Sans', sans-serif; color:#555555;}
ol{ 
    list-style-type:none; margin:10px 0px 0px 0px;; padding:0px; 
}

/* links */
a:link {text-decoration:none; font-weight:normal; color:#656565}
a, a:visited,{text-decoration:none; font-weight:normal; color:#656565 }
a:hover{text-decoration:none; color:#3D5C1F;}
a img{border:none}

a.a1:link {
	font-size:12px;
	text-decoration: none;
	color: #505050;
}
a.a1:visited {
	text-decoration: none;
	color: #505050;
}
a.a1:hover {
	color: #3D5C1F;
}

/* float align */
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 20px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 20px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignnone,
img.alignnone {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}


img.alignleft, 
img.alignright, 
img.aligncenter,
img.alignnone {
	margin-bottom: 12px;
}

.frame{ background:#fafafa; border-bottom:1px solid #ededed; text-align:center; margin-bottom:15px; }
.frame h5{ text-transform:uppercase; font-weight: 600; font-family: 'Open Sans', sans-serif; margin:10px 0px;}

.shadow-frame{
border:1px solid #fff;
	-webkit-box-shadow: 0 10px 8px -8px #a9a9a9;
	   -moz-box-shadow: 0 10px 8px -8px #a9a9a9;
	        box-shadow: 0 10px 8px -8px #a9a9a9;
}

/* lists, blockquotes and paragraphs */

/*** CONTAINER ***/
#bodychild{width:100%; margin:0px auto; padding:0px 0px; }
#headerbox{width:100%; margin:0px auto; padding:0px 0px; background:url(../images/aboutus_01.gif) repeat top;}
#header{width:1000px; margin:0px auto; padding:0px 0px;}
#outercontainer{ width:1000px;margin:0px auto; padding:0px 0px;}
#slidercontainer, #beforecontent, #outerheader, #outerbeforecontent, #outermain, #outerfootersidebar{width:100%; margin:0 auto; background:#fff;}
#maincontent{width:1000px; margin:0 auto;background:#FFF;}
#subcontent{width:1000px; margin:0 auto; background:url(../images/subbg.gif) repeat;}

/*** END CONTAINER ***/

/*** HEADER ***/
#outerheader{}
header{padding:0;}
#top{background: #f0f0f0; height:91px;  
}
#logo{ margin:0px 0px; padding:18px 10px 10px 55px; float:left; background: url(../images/sparator-header.gif) no-repeat right #fbfbfb; width:380px;
}
#logo img{display:inline-block;}

/* Social */
#sn{list-style-type:none; margin:0 0 0 0; padding:55px 20px 0px 0px; 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;	z-index:9000; 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 25px;
	text-decoration:none;
	font-weight:normal;
	text-transform:uppercase;
	color:#fff;
	font-weight: 400; font-family: 'Open Sans', sans-serif;
}


.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:#88c726;}




/* 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;
}

.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{ margin:1px 0px auto;}
#slidercontainer{position:relative; height:338px;}
.box_skitter_large {width:1000px; height:338px;}
.box_skitter_large .label_skitter{
	bottom:25px;
	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;
	height:45px;
}
/*** END SLIDER ***/

/*** index css ***/
.idx_line{width:1000px;height:20px; margin:0; padding:0px; background:url(../images/picline.png) no-repeat top;}
#idx_left{ float:left;width:358px; margin:0 auto;
	}
#idx_Right{
  clear:right; float:right;width:642px; margin:0 auto;
}

.idx_zs{ float:right;width:280px; height:140px; background:url(../images/home/idx_lbg2.png) repeat;
	}
.idx_gg{ width:240px; height:55px;margin:26px 0px 0px 66px; overflow:hidden; color:#FFF;}

#idx_Rbox01{float:left; width:636px; height:201px; overflow:hidden; margin:0px; padding:0px}
#idx_Rbox02{float:right; width:306px; height:201px; overflow:hidden; margin:0px; padding:0px;}
#idx_Rbg01{width:100%; height:40px; background:url(../images/home/index_10.png) no-repeat top;}
#idx_Rbg02{width:306px; height:40px; overflow:hidden;background:url(../images/home/index_11.png) no-repeat top}
#idx_Rbg03{width:100%; height:38px; overflow:hidden;background:url(../images/home/index_17.png) no-repeat top}

.idx_xxl_txt{ width:200px;
}
.idx_xxl_txt li{ line-height:17px; color:#555555;
}
.idx_more1{float:right; margin-top:19px; margin-right:25px}
.idx_more2{float:right; margin-top:19px; margin-right:44px}
.idx_more3{float:right; margin-top:18px; margin-right:44px}

#footer{
 width:1000px;height:110px; background:url(../images/footerbg.png) repeat top;
}


.Copyright{ float:left;margin:35px 0px 0px 270px;line-height:24px; 
	}
.Copyright a{
    text-decoration: none;
	outline: none;
	color:#666;
	font-size:12px;
}
.Copyright a:hover{ color:#3D5C1F}
/*** end index css***/

/*** sub css***/
#sub_slider{position:relative; height:220px;}
.sub_mark{float:right; margin-top:0px; background:url(../images/s_mark.png) no-repeat top; width:111px; height:220px;}
#s_sideL {
  clear:left; float:left; width:221px; padding:0px; margin:0px auto; 
}
#s_sideL ul{
   list-style-type:none; margin-top:10px; margin-left:36px;
}
#s_sideL li{
  color:#666; height:29px; background:url(../images/left_li.png) no-repeat left; padding:6px 0px 0px 36px;
}
#s_sideL li a{
    text-decoration: none;
	outline: none;
	color:#666;
	font-size:12px;
}
#s_sideL li a:hover{ color:#3D5C1F	}

#s_sideR{
  clear:right; float:right;width:778px;
}
.R_info1{
   width:95%; margin:0px; height:55px; color:#464646;
}
.R_info2{
   width:90%; margin:0px; padding:30px 0px 0px 40px;color:#464646;line-height:20px; 
}
.R_info2 p a {
font-size:13px;
color: #444;
text-decoration: none; 
}
.R_info2 p a:hover {
color: #3A4A0B;
text-decoration: none;
}
.R_info2 p a:visited {
	text-decoration: none;
	color: #444;
}
.R_info3{
   width:90%; margin:0px; padding:30px 0px 0px 30px;color:#464646;line-height:20px; 
}
.R_info4{
   width:86%; margin:0px; padding:20px 0px 0px 35px;color:#333333;line-height:20px; 
}
.R_info4 li a{
    text-decoration: none;
	outline: none;
	color:#333;
	font-size:12px;
}
.R_info4 li a:hover{ color:#3D5C1F	}

.s_R_gohome{float:right; width:74px; height:16px; margin-top:16px; margin-right:43px;}

.cdbg{
width:220px; height:196px; background: url(../images/cdbg.png) no-repeat top;}



.bannpic{
	width:100%;height:220px; margin-top:1px;
}
#sub_content{ clear:both;background:url(../images/subbg.png) repeat; overflow:hidden;}
.s_R_ban{float:left; margin-top:48px; margin-left:30px;}
.s_R_gohome{float:right; width:74px; height:16px; margin-top:19px;}
.s_mark{float:right; margin-top:0px; background:url(../images/s_mark.png) no-repeat top; width:111px; height:220px;}

.rnews{border:#e9e9e9 solid 1px; width:99%;height:28px; background:#f7f7f7;}
/*** end sub css***/


