.container {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 100%;
}
.innercontainer {
	padding: 0px;
	/*height: auto;*/
	width: 980px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.testclass {
	height: 500px!important;
	background-image: url(../img/logo/logo.png);
	background-repeat: no-repeat;
}
.top {
	background-image: url(../img/logo/logo.png);
	background-repeat: no-repeat;
	height: 80px!important;
	background-position: left center;
	/*width: 100%;*/
}
.header {
	background-repeat: no-repeat;
	height: 460px!important;
	background-position: left top;
	background-image: url(../img/header/headerfirst.png);
}
.headercycle {
	height: 320px!important;
	padding-top:120px;
	width: 100%;
}
.headernavbar {
	height: 20px!important;
	width: 100%;
	background-image: url(../img/header/headernavbar.png);
	background-repeat: no-repeat;
	background-position: 697px bottom;

}


.slider {
	background-image: url(../img/header/headerbottom.png);
	background-repeat: no-repeat;
	height: 305px!important;
	background-position: left top;
}
.slidernav {
	height: 47px!important;
	width: 970px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 12px;
	padding-left: 10px;

}
.contentleft {
	height: 235px!important;
	width: 475px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	float: left;
}
.contentright {
	height: 230px!important;
	width: 495px;
	float: left;
	padding: 0px;
	margin-top: 5px;
}
.contentl {
	height: 230px!important;
	width: 485px;
	float: left;
	padding: 0px;
	margin-top: 0px;
}


.content {
	height: 235px!important;
	width: 980px;
	float: left;
	padding: 0px;
}


.slidernav ul {
	height: 47px!important;
	width: 300px;
	float: right;
}
.slidernav h2 {
	height: 47px!important;
	width: 200px;
	float: right;
	font-family: "Myriad Pro";
	font-size: 24px;
	font-weight: 500;
	color: #FFF;
}
.contentleft h2 {
	height: 27px!important;
	width: 300px;
	float: left;
	font-family: "Myriad Pro";
	font-size: 16px;
	font-weight: 500;
	color: #FFF;
	padding-left: 5px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin: 0px;
}
.contentleft p {
	height: auto!important;
	width: 400px;
	float: left;
	font-family: arial;
	font-size: 11px;
	color: #FFF;
	padding-left: 5px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin: 0px;
	line-height: 175%;
}


.slidernav h1 {
	height: 47px!important;
	width: 350px;
	float: left;
	font-family: "Myriad Pro";
	font-size: 24px;
	font-weight: bold;
	color: #48BEC4;
	padding-left: 5px;
}


.slidernav ul li {
	height: 47px!important;
	width: 47px;
	float: left;
	margin-right: 0px;
	background-image: url(../img/li/normal.png);
	list-style-type: none;
	margin-left: 10px;
	cursor: pointer;
	opacity:0.5;
	text-indent:-9999px!important;
    /*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=5);*/
}


.liact{
	opacity:1!important;
   /* filter:progid:DXImageTransform.Microsoft.Alpha(opacity=10)!important;*/
}



.lilogo {
	background-image: url(../img/li/lilogo.png)!important;
}
.lihar {
	background-image: url(../img/li/harr.png)!important;
}
.lihart {
	background-image: url(../img/li/hart.png)!important;
}

.lifh {
	background-image: url(../img/li/feith.png)!important;
}



.search {
	float: right;
	height: 55px;
	width: 260px;
	margin-top: 12px;
	background-image: url(../img/search/searchback.png);
	background-repeat: no-repeat;
	background-position: left center;
}
.navigation {
	float: right;
	height: 35px;
	width: 460px;
	margin-top: 12px;
	padding-top: 20px;
}
.navigation ul {
	float: left;
	height: 30px;
	width: 500px;
	margin-top: 5px;
	padding-top: 0px;
	list-style-type: none;
}
.navigation ul li {
	float: left;
	height: auto;
	width: auto;
	/*font-family: "Myriad Pro";
	font-size: 14px;
	color: #FFF;*/
	list-style-type: none;
	padding-right: 5px;
	/*padding-right: 15px;
	padding-left: 15px;*/
}
.navigation ul li a {
	float: left;
	height: auto;
	width: auto;
	font-family:arial;
	font-size: 14px;
	color: #FFF;
	list-style-type: none;
	padding-right: 35px;
	padding-left: 0px;
	text-decoration: none;
}
.navigation ul li a:hover {
	color: #38BFC5;
	text-decoration: none;
}


.active {
	font-weight: bold!important;
}

.slideh2 {
	font-weight: bold!important;
	font-family: "Myriad Pro";
	font-size:28px;
	color: #333;
	padding-bottom: 15px;
	width:500px;
	float:left;
}

.slidep {
	/*font-family: "Myriad Pro";
	font-size:28px;
	color: #333;*/
		font-family: arial;
	font-size: 12px;
	font-weight: bold;
	color: #333;
	line-height: 150%;
	width:500px;
	padding-bottom: 15px;
	float:left;	
	
}

.slidea {
	/*font-family: "Myriad Pro";
	font-size:28px;
	color: #333;*/
		font-family: arial;
	font-size: 14px;
	font-weight: bold;
	color: #333;
	line-height: 150%;
	width:500px;
	padding-bottom: 15px;
	float:left;
	text-align:right;
	text-decoration: none;
	
}

.slideimg {
	width:325px;
	margin-right:10px;
	height:200px;
	float:left;
}
.headerstrat {
	background-repeat: no-repeat;
	height: 300px!important;
	background-position: left top;
	background-image: url(../img/strag.jpg);
	margin-bottom: 10px;
}
.headerdesign {
	background-repeat: no-repeat;
	height: 300px!important;
	background-position: left top;
	background-image: url(../img/design.jpg);
	margin-bottom: 10px;
}
.headerport {
	height: 400px!important;
	margin-bottom: 10px;
}
