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

ul#nav1{
	background-color:#acacac;
	width:187px;
	list-style:none;
	font-weight:bold;
	float:left;
}

ul#nav1 span{
	height:12px;
	display:block;
	padding:5px;
	font-size:1.1em;
	color:#fff;
	font-weight:bold;
	border:5px solid #e5e5e5;
	border-right:none;
	border-left:none;
}

ul.subNav{
	list-style:none;
	width:187px;
	background-color:#e5e5e5;
}

ul#nav1 li ul li{
	width:167px;
	height:12px;
	margin:0px 10px;
	padding:3px 0px;
	border-bottom: 1px solid #acacac;
	background-color:#e5e5e5;	
	text-indent:10px;
}

ul#nav1 a, ul#nav1 a:link, ul#nav1 a:visited{
	color:#000;
	text-decoration:none;
	display:block;
}

ul#nav1 a:hover, ul#nav1 a:active, ul#nav1 a:focus{
	color:#666;
	text-decoration:none;
}

ul#nav1 span a, ul#nav1 span a:link, ul#nav1 span a:visited{
	color:#fff;
	text-decoration:none;
	display:block;
}

ul#nav1 span a:hover, ul#nav1 span a:active, ul#nav1 span a:focus{
	color:#e5e5e5;
	text-decoration:none;
}

#skiContent{
	width:765px;
	float:right;
	padding:0px 10px 15px 0px;
}

p{	
	color:#969696;
}


h2{
	text-align:left;
	text-transform:uppercase;
	font-size:1.8em;
	font-weight:bold;
	letter-spacing:0.07em;
}

h3{
	background:none;
	margin:0px 0px 10px 0px;
	padding:0px;
	font-weight:bold;
	color:#969696;
	text-transform:uppercase;
}

h3.vert{
	display:table-cell;
	vertical-align:middle;
	height:200px;
}

.technology{
	padding:10px;
	background-color:#e5e5e5;
	height:150px;
	margin-bottom:10px;
}

.recommendation{
	padding:10px;
	background-color:#e5e5e5;
}

.techdata{
	width:100%;
	border:none;
}

table.techdata{
	width:750px;
}

td, th{
	padding:3px 0px 0px 5px;
	color:#969696;
	text-align:left;
	font-size:1.4em;
}

th{
	font-weight:bold;
	text-transform:uppercase;
}

th.rec{
	width:370px;
}
th.length, th.radius{
	width:110px;
}
th.sidecut{
	width:160px;
}
/*the following sets of classes refer to the number of technology
items in the technology div. I've used roman numerals because 
css rules can't begin with a number*/
.t1, .t2, .t3, .t4, .t5, .t6, .t7, .t8, .t9{
	display:block;
	float:left;
}

.iii .t1{
	padding-right:0px;
}
.iii .t3{
	/*float:right;*/
}

.iv .t1, .iv .t2{
	padding-right:0px;
}
.iv .t4{
	float:right;
}

.iv img{
	width:185px;
}
.v .t1, .v .t2, .v .t3{
	padding-right:17px;
}

.v .t5{
	float:right;
}