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

/* root element for tabs  */
ul.css-tabs {  
	margin:0 !important; 
	padding:0;
	height:51px;
	overflow: hidden;
}

/* single tab */
ul.css-tabs li {  
	float:left;	 
	padding:0; 
	margin:0;
	list-style-type:none;	
}

/* link inside the tab. uses a background image */
ul.css-tabs a { 
	font-size:13px;
	text-decoration:none;	
	color:#777;
	position:relative;
	top:1px;
	background-position: top;
	background-repeat: no-repeat;
	
	display: block;
	float: left;
	text-indent: -9999px;
	height: 51px;
}

ul.css-tabs a:hover {
	background-position: bottom;
}
	
/* selected tab */
ul.css-tabs a.current {
	background-position: bottom;
	cursor:default;
}

	
/* tab pane */
div.css-panes .pane {
	display:none;
	height:343px;
	margin: 0;
	padding:15px 20px 0 20px; 
	text-align: left;
	background: #fff url("../images/background-bottom.jpg") bottom no-repeat;
	position: relative;
}

	div.css-panes div div.inner {
		position:absolute;
		height: 343px;
		top:50%;
		margin: 0 auto;
		margin-top: -80px;
	}
		
		
ul.css-tabs #nav1 a {
	width: 242px;
	background-image: url("../images/nav-introduction.gif");	
}


ul.css-tabs #nav2 a {
	width: 230px;
	background-image: url("../images/nav-easy-installation.jpg");	
}

#nav3 a {
	width: 232px;
	background-image: url("../images/nav-features-benefits.jpg");	
}

#nav4 a {
	width: 242px;
	background-image: url("../images/nav-contact-us.gif");	
}