body {
background:url(images/bg.jpg) repeat;
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#876039;
}
p{
text-align:justify;
line-height:18px;
font-weight:bold;
font-style:italic;
padding:5px 0 5px 0;
margin:0px;
}
p.tab_content{
width:200px;
padding:75px 15px 0 15px;
margin:0px;
}
a.read_more{
float:right;
position:relative;
bottom:-200px;
padding:0 15px 0 0;
}
.clear{
clear:both;
}
#main_container{
width:960px;
height:auto;
margin:auto;
background:url(images/header_bg.jpg) no-repeat center top;
}

#main_container h3{
	font-size: 1.2em;
	padding: 5px 0 5px;
	margin: 0;
	color: white;
}
#header{
width:960px;
height:160px;
margin:auto;
}
#logo{
clear:both;
margin:auto;
width:308px;
}
/*----------------------menu-------------------------*/
#menu{
width:272px;
background:url(images/menu_bg.gif) no-repeat center;
float:right;
height:22px;
padding:0;
margin:0 20px 0 0;
}
#menu ul{
list-style:none;padding:0px;margin:0px;display:block;
}
#menu ul li{
list-style:none;display:inline;float:left;width:auto;padding:0px; font-size:12px; font-weight:bold; font-style:italic; line-height:18px;
}
#menu ul li.divider{
list-style:none;display:inline;float:left;width:2px; height:22px; background:url(images/menu_divider.gif) no-repeat center;padding:0px;
}
#menu ul li a{
float:left;text-decoration:none;padding:0px 10px 0 10px;_padding:0px 9px 0 9px; color:#feecda;text-align:center;
}
#menu ul li a:hover{
text-decoration:none;color: #fff;
}
#menu ul li a.current{
float:left;text-decoration:none;padding:0px 10px 0 10px;_padding:0px 9px 0 9px;color: #fff;
}
/*-----------------slider----------------------*/
div#slider {
width:900px;
height:265px;
padding:0px; 
margin:0px;
float:left; 
position: relative;
}
.stripViewer { 
position: relative;
overflow: hidden; 
width:900px;
height:265px;
float: left;
margin:0px;
}
.stripViewer .panelContainer { 
position: relative;
left: 0; top: 0;
width: 100%; height: 100%;
list-style-type: none;
float: left; overflow: hidden;
}
.stripViewer .panelContainer .panel {
float:left;
overflow: hidden;
position: relative;
width:900px;
height:265px;
padding: 0px;
}
.stripNavL, .stripNavR {
text-indent: -9000em;
}
div.featured-arrow {
width:27px; height:89px;
float: left;
padding:70px 0px 0px 0px;
}
.csw {width: 100%; height: 100%; overflow: hidden; float: left;}
.csw .loading { margin: 100px 0 300px 0; text-align: center; color: #fff; font-weight: bold;font-size: 12px; }
.tab1{
width:239px;
height:236px;
float:left;
margin:0 32px 0 29px;
_margin:0 32px 0 19px;
background:url(images/tab1.gif) no-repeat center;
}
.tab2{
width:239px;
height:236px;
float:left;
margin:0 32px 0 29px;
_margin:0 32px 0 19px;
background:url(images/tab2.gif) no-repeat center;
}
.tab3{
width:239px;
height:236px;
float:left;
margin:0 32px 0 29px;
_margin:0 32px 0 19px;
background:url(images/tab3.gif) no-repeat center;
}
.tab4{
width:239px;
height:236px;
float:left;
margin:0 32px 0 29px;
_margin:0 32px 0 19px;
background:url(images/tab4.gif) no-repeat center;
}
.tab5{
width:239px;
height:236px;
float:left;
margin:0 32px 0 29px;
_margin:0 32px 0 19px;
background:url(images/tab5.gif) no-repeat center;
}
.tab6{
width:239px;
height:236px;
float:left;
margin:0 32px 0 29px;
_margin:0 32px 0 19px;
background:url(images/tab6.gif) no-repeat center;
}
.tab7{
width:239px;
height:236px;
float:left;
margin:0 32px 0 29px;
_margin:0 32px 0 19px;
background:url(images/tab7.gif) no-repeat center;
}
.tab8{
width:239px;
height:236px;
float:left;
margin:0 32px 0 29px;
_margin:0 32px 0 19px;
background:url(images/tab8.gif) no-repeat center;
}
.tab9{
width:239px;
height:236px;
float:left;
margin:0 32px 0 29px;
_margin:0 32px 0 19px;
background:url(images/tab9.gif) no-repeat center;
}
.main_content{
width:878px;
padding:0px;
clear:both;
margin:auto;
background:url(images/center_bg.jpg) no-repeat center top;
}

.left_content{
width:350px;
float:left;
padding:15px 0 30px 20px;
}
.right_content{
width:430px;
float:left;
padding:15px 0 30px 40px;
}
.right_content a{
float:left;
font-weight:bold;
color:#876039;
}
.wide_content{
width:820px;
float:left;
padding:15px 0 30px 20px;
}
.title{
font-size:22px;
color:#e77330;
clear:both;
padding:5px 0 5px 0px;
}
img.left_img{
float:left;
padding:0 10px 0 0;
}
img.right_img{
float:right;
padding:0 10px 0 0;
}
.banner{
width:355px;
height:86px;
float:left;
background:url(images/banner_bg.jpg) no-repeat center;
margin:10px 0 15px 0px;
}
img.news_icon{
float:left;
padding:12px 0 0 17px;
}
p.banner_content{
width:255px;
float:left;
padding:10px 0 0 15px;
}
.project_box{
width:430px;
float:left;
clear:both;
padding:10px 0 30px 0;
margin:0 0 20px 0;
background:url(images/border.jpg) no-repeat center bottom;
}
.project_title_tab{
width:436px;
float:left;
height:22px;
}
.project_bullet{
width:22px;
height:22px;
line-height:22px;
background:url(images/green_bullet.jpg) no-repeat center;
text-align:center;
color:#FFFFFF;
float:left;
font-weight:bold;
}
.project_title{
float:left;
padding:2px 0 0 7px;
font-size:14px;
font-weight:bold;
color:#95b313;
}
.project_content{
clear:both;
padding:10px 0 0 0;
}
.project_content p{
padding: 0px;
margin: 0 0 0 225px 
}
.project_content a:hover {
	color: #000000;
}
.project_content a{
	color: #876039;
}
.project_content img{
	border: 0;
}

/*-----------------------contact_form-------------------*/
#contact_form{
width:370px;
height:auto;
padding:20px 0 0 10px;
}
.form_row{
float:left;
padding:7px 0 7px 0;
}
label{
width:60px;
float:left;
padding:3px 5px 0 0;
color:#89613a;
text-align:right;
font-weight:bold;
}
input.contact_input{
width:293px;
height:24px;
float:left;
border:1px #c3b688 solid;
background-color:#f2edd1;
color: #89613a;
}
textarea.contact_textarea{
width:293px;
height:80px;
float:left;
border:1px #c3b688 solid;
background-color:#f2edd1;
color: #89613a;
}
input.send_message{
float:right;
padding:10px 10px 0 0;
}

/*------------footer----------------*/
.footer{
width:960px;
height:96px;
clear:both;
margin:auto;
color:#876039;
font-weight:bold;
font-style:italic;
background:url(images/footer_bg.jpg) no-repeat center top;
}
.right_footer{
float:right;
text-align:right;
padding: 0 48px 0 0;
}
.right_footer a{
padding:0 10px 0 10px;
text-decoration:none;
font-weight:bold;
font-style:italic;
color:#876039;
}


/*-----------------top slider----------------------*/



/***** clearfix *****/
.clear {clear: both;height: 0;line-height: 0;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix {height: 1%;}
.clearfix {display: block;}

/* Panel Tab/button */
.tab {
  	background: url(images/tab_b.png) repeat-x 0 0;
	height: 08px;
	position: relative;
    top: 0;
    z-index: 999;
}

.tab ul.login {
	display: block;
	position: relative;
  	float: right;
  	clear: right;
  	height: 42px;
	width: auto;
  	font-weight: bold;
	line-height: 42px;
	margin: 0;
	right: 90px;
  	color: white;
  	font-size: 110%;
	text-align: center;
}

.tab ul.login li.left {
  	background: url(images/tab_l.png) no-repeat left 0;
  	height: 42px;
	width: 30px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}

.tab ul.login li.right {
  	background: url(images/tab_r.png) no-repeat left 0;
  	height: 42px;
	width: 30px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}

.tab ul.login li {
 	text-align: left;
  	padding: 0 6px;
	display: block;
	float: left;
	height: 42px;
  	background: url(images/tab_m.png) repeat-x 0 0;
}

.tab ul.login li a {
	color: #FFFFFF;
}

.tab ul.login li a:hover {
	color: white;
}

.tab .sep {color:#414141}

.tab a.open, .tab a.close {
	height: 20px;
	line-height: 20px !important;
	padding-left: 30px !important;
	cursor: pointer;
	display: block;
	width: 100px;
	position: relative;
	top: 11px;
}

.tab a.open {background: url(images/bt_open.png) no-repeat left 0;}
.tab a.close {background: url(images/bt_close.png) no-repeat left 0;}
.tab a:hover.open {background: url(images/bt_open.png) no-repeat left -19px;}
.tab a:hover.close {background: url(images/bt_close.png) no-repeat left -19px;}

/* sliding panel */
#toppanel {
    position: absolute;   /*Panel will overlap  content */
    /*position: relative;*/   /*Panel will "push" the content down */
    top: 0;
    width: 100%;
    z-index: 999;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#panel {
	width: 100%;
	height: 270px;
	color: #999999;
	background: #272727;
	overflow: hidden;
	position: relative;
	z-index: 3;
	display: none;
}

#panel h1 {
	font-size: 1.6em;
	padding: 5px 0 10px;
	margin: 0;
	color: white;
}

#panel h2{
	font-size: 1.2em;
	padding: 10px 0 5px;
	margin: 0;
	color: white;
}

#panel p {
	margin: 5px 0;
	padding: 0;
}

#panel a {
	text-decoration: none;
	color: #15ADFF;
}

#panel a:hover {
	color: white;
}

#panel a-lost-pwd {
	display: block;
	float: left;
}

#panel .content {
	width: 960px;
	margin: 0 auto;
	padding-top: 15px;
	text-align: left;
	font-size: 0.85em;
}

#panel .content .left {
	width: 280px;
	float: left;
	padding: 0 15px;
	border-left: 1px solid #333;
}

#panel .content .right {
	border-right: 1px solid #333;
}

#panel .content form {
	margin: 0 0 10px 0;
}

#panel .content label {
	float: left;
	padding-top: 8px;
	clear: both;
	width: 280px;
	display: block;
}

#panel .content input.field {
	border: 1px #1A1A1A solid;
	background: #414141;
	margin-right: 5px;
	margin-top: 4px;
	width: 200px;
	color: white;
	height: 16px;
}


#panel .content input:focus.field {
	background: #545454;
}

/* BUTTONS */
/* Login and Register buttons */
#panel .content input.bt_login,
#panel .content input.bt_register {
	display: block;
	float: left;
	clear: left;
	height: 24px;
	text-align: center;
	cursor: pointer;
	border: none;
	font-weight: bold;
	margin: 10px 0;
}

#panel .content input.bt_login {
	width: 74px;
	background: transparent url(images/bt_login.png) no-repeat 0 0;
}

#panel .content input.bt_register {
	width: 94px;
	color: white;
	background: transparent url(images/bt_register.png) no-repeat 0 0;
}

#panel .lost-pwd {
	display: block;
	float:left;
	clear: right;
	padding: 15px 5px 0;
	font-size: 0.95em;
	text-decoration: underline;
}

.job{
float:left;
margin:50px 15px 0 11px;
vertical-align:middle;
}