/*=== tabs ===*/
.tabs-wrap1 {
	position:relative;
	width:700px;
	height:29px;
	
}
ul.service-tab {
	margin: 0;
	padding: 0 0 0 5px;
	float: right;
	list-style: none;
	height: 37px; /*--Set height of tabs--*/
	float:left;
	
	
}
ul.service-tab li {
	float: left;
	padding: 0 10px 0 0;
	height: 37px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 37px; /*--Vertically aligns the text within the tab--*/
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	margin-top:1px;
	overflow: hidden;
	position: relative;
	background:url(../images/service-tab.jpg) no-repeat 0 0;
	font-family:Arial, Helvetica, sans-serif;
}
ul.service-tab li a {
	text-decoration: none;
	color:#373737;
	display: block;
	width:220px;
	font-weight:bold;
	font-size: 13px;
	text-align:left;
	outline: none;
	
}
ul.service-tab li a:hover {
	background:url(../images/service-hover.jpg) no-repeat 0 0;
	color:#fff;
}
html ul.service-tab li.active, html ul.service-tab li.active a:hover, html ul.service-tab li.active a  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background:url(../images/service-hover.jpg) no-repeat 0 0;
	color:#fff;
}

.tab_container1 {
	overflow: hidden;
	clear: both;
	float: left;
	width: 700px;
	height:150px;
}
.tab_content1 {
	padding: 0;
	margin-top:20px;
	height:150px;
	
}
/*=== tabs ===*/

/*=== host ===*/
.host-wrap {
	position:relative;
	width:700px;
	height:40px;
}
ul.host-tab {
	margin: 0;
	padding: 0 0 15px 0;
	list-style: none;
	height: 40px; /*--Set height of tabs--*/
	float: left;
}
ul.host-tab li {
	float: left;
	padding: 0 6px 0 3px;
	margin-right:8px;
	height: 39px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 39px; /*--Vertically aligns the text within the tab--*/
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	margin-top:1px;
	overflow: hidden;
	position: relative;
	font-family:Arial, Helvetica, sans-serif;
	background:#fbfbfb;
	border:1px solid #f2f2f2;
}
ul.host-tab li a {
	text-decoration: none;
	color:#373737;
	display: block;
	width:148px;
	font-weight:bold;
	font-size: 12px;
	padding-right:10px;
	text-align:left;
	outline: none;
}
ul.host-tab li a:hover {
	color:#007ab8;
}
html ul.host-tab li.active, html ul.host-tab li.active a:hover, html ul.host-tab li.active a  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	color:#007ab8;
}

.host-container {
	overflow: hidden;
	clear: both;
	float: left;
	width: 700px;
	height:200px;
	padding: 0;
	margin:0;
}
.host-content {
	padding: 0;
}
/*=== host ===*/