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

html, body {
  height: auto;
  width: 100%;
  padding: 0;
  margin: 0;
  font-family:Arial, Helvetica, sans-serif;
}

#background-image {
  z-index: -999;
  min-height: 100%;
  height: auto;
  position:absolute;
  top: 0;
  left: 0;
  background-image:url(images/bg.png);
  background-repeat:repeat;
  width:100%;
}


#standardsize {
  width: 1000px;
  min-height: 100%;
  height:auto;
  margin: 0px auto;
}


.clear{
	clear:both;
} 

#top {
  height:43px;
  background-color:#313131;
  top:0; 
}

.menu{
    width: 100%;
    background-color:#313131;
  }

.menu ul{
    margin: 0; padding: 0;
    float: right;}
 
.menu ul li{
    display: inline;}
 
.menu ul li a{
    float: left; 
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
    color: white;
    padding: 15px;
    background-color: #333; }
 
.menu ul li a:visited{
    color: white;}
 
.menu ul li a:hover, .menu ul li .current{
    color: #000;
    background-color:#ffe400;}


#nav {
  height:130px;
  background-color:#fff;
  margin:0 0 15px 0;
  padding:0px;
}

#nav_top{
	background-image:url(images/nav-topbg.jpg);
	background-repeat:repeat-x;
	height:87px;
	width:100%;
	padding:0px; 
	margin:0px;
}

.logo{
	float:left;
	vertical-align:middle;
	padding:10px;
}

.hotline{
	float:right;
	vertical-align:middle;
	padding-top:25px;
	padding-right:10px;
}

#nav_bottom{
	height:auto;
	width:100%;
	padding:0; 
	margin:0;
	border-top:1px solid #ccc;
}

#nav_bottom ul
{
float:left;
width:100%;
padding:0;
margin:0;
list-style-type:none;
}

#nav_bottom a
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
float:left;
width:auto;
text-decoration:none;
color:#999999;
background-color:#fff;
padding-left:12px !important;
padding-left:12px;
padding-right:12px !important;
padding-top:13px;
padding-bottom:13px;
border-right:1px solid #ccc;
}

#nav_bottom ul li:last-child a {
border-right: none;
}


#nav_bottom a:hover {
color:#000;
}

#nav_bottom li {
	display:inline;
	}
	
#wrapper {
    height: auto !important;
    min-height: 100%;
    height: 100%;
    position: relative; /* Required to absolutely position the footer */
	background-color:#fff;
	width:1000px;
	margin:0 auto;
}

#banner {
	width: 1000px;
	height: 408px;
}

.carousel img {
	display: block;
	float: left;
	top:0;
	}
			
#content {
    padding-bottom: 43px; /* This should match the height of the footer */
	position: relative;
	height:auto;
	height:100% !important;
	min-height:100%;
}

#intro_header{
  padding:10px;
  position:relative;
}

.bigtitle{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#000000;
	padding:10px 0;
	vertical-align:middle;
	text-align:center;
}


.bigtitle2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#000000;
	padding:10px 0;
	vertical-align:middle;
}

.intro{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4b4b4b;
	text-align:center;
	line-height:18px;
	padding:0px 0 10px 0;
}

.text{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	line-height:18px;
	color:#4b4b4b;
}

#info{
  padding:0 10px;
  width:980px;
  height:350px;  
}


#info2{
  padding:0 10px;
  width:980px;
  height:200px;  
}


#info3{
  padding:0 10px;
  width:980px;
  height:480px;  
}

.lowercontent_left{
	float:left;
	width:790px;
}

.lowercontent_right{
	float:left;
	width:170px;
	vertical-align:middle;
	padding:0 0 0 8px;
}

.lowercontent_right img{
	float:right;
	
}	

#thumb{
	float:left;
	width:790px;
}

#thumb ul{
	width:127px;
	height:110px;
	display:inline;
}

#thumb li{
	float:left;
	display:inline;
	padding:10px 2px;
}

#thumb li a{
	text-decoration:none;
	display:inline;
}

#team{
	width:790px;
}

#team_left{
	float:left;
	width:387px;
	padding:0 8px 0 0;
}

#team_right{
	float:left;
	width:387px;
	padding:0 0 0 8px;
}

#last_sentence{
	width:790px;
	padding: 15px 0 0 0;
}

.column_left{
	float:left;
	width:710px;
}

.column_right{
	float:right;
	width:250px;
}

.column_right ul li{
	list-style-type:disc;
}

.column_map{
	float:left;
	width:480px;
}


.address{
	float:left;
	width:270px;
	padding:20px 5px 5px 0px;
}

.address img{
	float:left;
	width:50px;

}

.address .text{
	float:right;
}

.contact{
	float:right;
	width:205px;
	padding:20px 0px 0px 0px;
}

.contact img{
	float:left;
	width:50px;

}

.contact .text{
	float:right;
}

.column_form{
	float:right;
	width:480px;
}

.form_left{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000;
	width:50px;
	padding:11px;
	float:left;
	height:auto;
	vertical-align:middle;
	height:21px;

	}

.form_right{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	width:380px;
	padding:11px;
	float:right;
	height:auto;
	margin-top:-1px;

}


	
#footer {
    height: 43px; /* Define height of the footer */
    position: absolute;
    bottom: 0; /* Sit it on the bottom */
    left: 0;
    width: 1000px; /* As wide as it's allowed */
	background-color:#313131;
}

.copyright{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
	float:left;
	vertical-align: middle;
	padding:13px 10px;
}

.companyname{
	font-size:11px;
	color:#fce839;
}
	
.powerby{
	float:right;
	color:#fff;
	font-size:11px;
	vertical-align: middle;
	padding:13px 10px;
}

.powerby a:link{
	color:#fff;
	text-decoration:none;
}

.powerby a:hover{
	color:#fff;
	text-decoration:underline;
}

.powerby a:visited{
	color:#fff;
	text-decoration:none;
}

.product{
	width:100%;
}

.product ul{
	text-decoration:none;
	list-style-type:none;
}


.product li{
	padding:2px;
	width:226px;
	height:261px;
	display:inline;
}