@charset "UTF-8";
/*=======================================================
 *
 * Filename: main.css
 * Website: www.tournamentboats.com
 * Author: Nate Woods
 * Date Created: 21/8/2008
 * Media: Screen
 *
 *======================================================*/

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin : 0; padding : 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes list-style from lists*/
ol,ul { list-style : none; } 

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }

/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after {  :''; }

html{
  padding: 0;
  margin: 0;
  height: 100%;
}

body{ 
font-family: "Lucida Grande" Arial, Helvetica, sans-serif;
font-size: 12px;
width: 827px;
margin: 0px auto;
}

 

/*========== BODY BKGD IMAGES =========*/

	#index		{background: #000 url(../images/bkgds/index_bkgd3.jpg) top center no-repeat;}
	
	#new		{background: #000 url(../images/bkgds/xstar_header.jpg) top center no-repeat;}
	
	#prostar	{background: #000 url(../images/bkgds/prostar_bkgd.jpg) top center no-repeat;}
	
	#salt		{background: #000 url(../images/bkgds/saltwater_bkgd.jpg) top center no-repeat;}
	
	#maristar	{background: #000 url(../images/bkgds/maristar_bkgd.jpg) top center no-repeat;}
	
	#csx		{background: #000 url(../images/bkgds/csx_bkgd.jpg) top center no-repeat;}
	
	#wakeboard	{background: #000 url(../images/bkgds/wakeboard_bkgd.jpg) top center no-repeat;}
	
	#skate		{background: #000 url(../images/bkgds/skate.jpg) top center no-repeat;}
	
	#surfer		{background: #000 url(../images/bkgds/surfer_bkgd.jpg) top center no-repeat;}	
	
	#ski		{background: #000 url(../images/bkgds/skis.jpg) top center no-repeat;}
	
	#tow		{background: #000 url(../images/bkgds/towables.jpg) top center no-repeat;}
	
	#knee		{background: #000 url(../images/bkgds/knee.jpg) top center no-repeat;}
	
	#used		{background: #000 url(../images/bkgds/used.jpg ) top center no-repeat;}
	
	#about		{background: #000 url(../images/bkgds/about.jpg ) top center no-repeat;}

	#links		{background: #000 url(../images/bkgds/links.jpg ) top center no-repeat;}	

	#contact	{background: #000 url(../images/bkgds/contact.jpg ) top center no-repeat;}

	#services	{background: #000 url(../images/bkgds/service.jpg ) top center no-repeat;}

	#parts		{background: #000 url(../images/bkgds/parts.jpg ) top center no-repeat;}
	
	#access		{background: #000 url(../images/bkgds/access.jpg ) top center no-repeat;}
	
	#fiber		{background: #000 url(../images/bkgds/fiber.jpg ) top center no-repeat;}
	
	#mech		{background: #000 url(../images/bkgds/mech.jpg ) top center no-repeat;}
	
	#stereo		{background: #000 url(../images/bkgds/stereo.jpg ) top center no-repeat;}
	
	#detail		{background: #000 url(../images/bkgds/detail.jpg ) top center no-repeat;}
	
	#storage	{background: #000 url(../images/bkgds/storage.jpg ) top center no-repeat;}
	
	#media		{background: #000 url(../images/bkgds/media2.jpg ) top center no-repeat;}
	
	#shop		{background: #000 url(../images/bkgds/proshop.jpg ) top center no-repeat;}
	
	#terms		{background: #000 url(../images/bkgds/terms.jpg ) top center no-repeat;}
	
	#clear		{background: #000 url(../images/bkgds/clear.jpg ) top center no-repeat;}
	
	#three		{background: #000 url(../images/bkgds/300.jpg ) top center no-repeat;}
	

/*========== LAYOUT =========*/
p{
margin: 5px 5px 15px 5px;
line-height: 19px;
font-weight: normal;
 
}

.clear {clear: both;}

	 .con_l a, .con_l a:visited{
	 text-decoration: none; color:#0d7598; font-weight: bold; font-size: .9em;
	 }
	 
	 .con_l a:hover{
	 color:#931f1d;
	 }
	 
	 
	 .phone {color:#FFF; font-weight: bold;}
	 
#main		{padding-bottom:30px;  clear: both; display: block; }

#brand		{ width: 514px; height: 200px; position: absolute; top:20px; left: 0px; margin: 0px; float: left;}


#index #brand	{ background: url(../images/logo.png) no-repeat; width: 390px; height: 124px; position: absolute; top:20px; left: 20px; margin: 0px; text-indent: -900%; float: left; z-index: 1000; }

		#sub_brand{
		background: url(../images/logo_sub.jpg) no-repeat;
		width: 514px;
		height: 200px;
		position: absolute;
		top:20px;
		left: -72px;
		margin: 0px;
		text-indent: -900%;
		float: left;
		}
 

h2{
background: url(../images/mc_logo.jpg) no-repeat;
width: 262px;
height: 79px;
position: relative;
top:20px;
left: 580px;
margin: 0px;
text-indent: -900%;
}

h3{
color: #931f1d;
font-size: 1.5em;
text-transform: uppercase;
margin-bottom: 10px;
font-weight: bold;
}

	.container{
	width: 827px;
	position: relative;
	margin: 0 auto;
	
	}

#header { z-index: 100; margin: 0px; padding: 0px; height: 352px; position: relative; }

		#sub_header {z-index: 100; display: block;}
		
		#sub_header .container{
		width: 790px;
		font: bold 13px arial;
 		color: #931f1d;
		height: 15px;
		padding: 10px 0px 5px 0px;
		text-align: right;
		}

		#sub_header .container a, #sub_header .container a:visited{color: #CCC; text-decoration: none;}
		
		#sub_header .container a:hover{color: #0d7598;}
		
#content{
position: relative;
margin-bottom: 15px; padding: 0px;
color: #FFF;
display: inline;
}
	#content .container{top: 170px; height: 560px;	}
	
	#media #content .container{top: 15px; height: 560px; text-align: center;	}
	
	#shop #content .container{top: 15px; height: 560px; text-align: center;	}
	
	#terms #content .container {width: 750px; height: 750px;}
	
			#terms #content p {font-size: 14px;}
			
			#terms #content ol {list-style: decimal; padding-left: 30px;}
			
			#terms #content ol li {margin-bottom: 10px;}

	
		#shop .con_l {text-align: left; padding-left: 10px;}
		.con_l{
		position: relative;
		left: 15px;
		width:40%;
		float: left;
		padding-top: 20px;
		}
		
		.con_r{
		width: 56%;
		float: right;
		padding-top: 30px;
		}


	
#logo h1, #logo small {
	margin:0px;
	display:block;
	text-indent:-9999px;
}

#logo {
	background-image:url(images/logo.png);
	background-repeat:no-repeat;
	width:194px;
	height:83px;
}

/*========== INDEX LAYOUT =========*/

#fl				{ position:relative; top:55px; left:0px; margin: 0px; padding: 0px; }


	#fl .container{
	width: 834px;
	height: 342px;
	}

#box_nav{
 
padding-top: 15px;
}

#box_nav .container{ height: 138px;}

	#box_nav li a {
		background: url(../images/box_2010.jpg) no-repeat scroll top left;
		display: block;
		position: relative;
		height: 138px;
		}
	
	#box_nav li{float: left;}
	
	
	#box_nav li a span{
		background: url(../images/box_2010.jpg) no-repeat scroll bottom left;
		display: block;
		position: absolute;
		top:0;
		left:0;
		height:100%;
		width:100%;
		z-index:0;
		}
	#box_nav li span:hover {
	cursor: pointer;
	}
	
 
	 
	#box_nav li a.new{width:260px;}
	
		#box_nav li a.new span{background-position:0px -138px;}
		 
	#box_nav li a.used{
	width:143px;
	background-position: -260px 0px;
	}
	
		#box_nav li a.used span{background-position:-260px -138px;}
	
	#box_nav li a.custom{
	width:143px;
	background-position: -403px 0px;
	}
	
		#box_nav li a.custom span{background-position:-403px -138px;}
	
	#box_nav li a.boards{
	width:143px;
	background-position: -546px 0px;
	}
	
		#box_nav li a.boards span{background-position:-546px -138px;}
	
	#box_nav li a.accessories{
	width:138px;
	background-position: -689px 0px;
	}
	
		#box_nav li a.accessories span{background-position:-689px -138px;}

/*========== FOOTER LAYOUT =========*/


#footer{margin-top: 15px;  }

	#footer .container{
	background: url(../images/foot/footer.gif) no-repeat;
 	height: 110px;
	padding-top: 10px;
	}

#foot_nav{
 
padding-left: 5px;
padding-bottom: 75px;
}

 

	#foot_nav li a {
	  background: url(../images/footer.jpg) no-repeat scroll top left;
	  display: block;
	  position: relative;
	  height: 48px;
	}
	
	#foot_nav li  {float: left;}
	
	#foot_nav li a span {
		background: url(../images/footer.jpg) no-repeat scroll bottom left;
		display:block;
		position:absolute;
		top:0;
		left:0;
		height:100%;
		width:100%;
		z-index:10;
	}
	 
	#foot_nav li a span:hover {cursor:pointer;}
	 
	#foot_nav li a.mc{width: 168px;	}
		
		#foot_nav li a.mc span{background-position:0px -49px;}
	 
	#foot_nav .liquid{
	width:180px;
	background-position: -168px 0px ;
	}
		#foot_nav li a.liquid span{background-position:-168px -49px;}
	
	#foot_nav .inland{
	width:153px;
	background-position: -348px 0px;	
	}
		#foot_nav li a.inland span{background-position:-348px -49px;}
	
	#foot_nav .cwb{
	width:111px;
	background-position:-501px 0px ;
	}
		#foot_nav li a.cwb span{background-position:-501px -49px;}
	
	#foot_nav .tb{
	width:192px;
	background-position:-612px 0px ;
	}
		#foot_nav li a.tb span{background-position:-612px -49px;}
	
.copyright{
float: left; 
color: #FFF;
font-size: .8em;
left: 10px;

}

.privacy{
float: right;
color: #FFF;
font-size: .8em;
width: 120px;
text-align: right;
}

	#footer a, #footer a:visited{
	color:#616161;
	text-decoration: none;
	}
	
	#footer a:hover{
	color: #CCC;
	}
	
/*========== TEXTFIELDS ==========*/
.select_boat{width: 200px;background: #0d7598; color: #FFF; margin-left: 5px; font-weight: bold;}

.go{background: #931f1d; color: #FFF;}


/*========== INDEX NAVIGATION ==========*/
#inav{
 
margin: 0px;
padding-top: 13px;
display: block;}

#inav .container{ height: 49px; }

#inav li a {
  background: url(../images/nav_index.jpg) no-repeat scroll top left;
  display: block;
  position: relative;
  height: 49px;
}

#inav li {float: left;}

#inav li a span {
background: url(../images/nav_index.jpg) no-repeat scroll bottom left;
display:block;
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
z-index:100;
}

#inav li a span:hover {cursor:pointer;}
 

#inav li a.new{width:117px;}

#inav li a.new span{background-position:0px -49px;}


#inav li a.used{
width:139px;
background-position: -117px 0px;
}

#inav li a.used span{background-position:-117px -49px;}

#inav li a.services{
width:154px;
background-position: -256px 0px; 
}

#inav li a.services span{background-position:-256px -49px;}

#inav li a.proshop{
width:121px;
background-position: -410px 0px;
}

#inav li a.proshop span{background-position:-410px -49px;}

#inav li a.about{
width:95px;
background-position: -531px 0px;
}

#inav li a.about span{background-position:-531px -49px;}

#inav li a.links{
width:80px;
background-position: -626px 0px;
}

#inav li a.links span{background-position:-626px -49px;}

#inav li a.contact{
width:121px;
background-position: -706px 0px;
}

#inav li a.contact span{background-position:-706px -49px;}




/*========== NAVIGATION ==========*/
#nav{
 
margin: 0px;
padding-top: 3px;
display: block;}

#nav .container{ height: 49px; }

#nav li a {
  background: url(../images/nav2010.jpg) no-repeat scroll top left;
  display: block;
  position: relative;
  height: 49px;
}

#nav li {float: left;}

#nav li a span {
background: url(../images/nav2010.jpg) no-repeat scroll bottom left;
display:block;
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
z-index:100;
}

#nav li a span:hover {cursor:pointer;}
 

#nav li a.new{width:116px;}

	#nav li a.new span{background-position:0px -49px;}


#nav li a.used{
width:137px; background-position: -116px 0px;}

	#nav li a.used span{background-position:-116px -49px;}

#nav li a.services{
width:146px; background-position: -253px 0px; }

	#nav li a.services span{background-position:-253px -49px;}

#nav li a.proshop{
width:116px;
background-position: -399px 0px;
}

#nav li a.proshop span{background-position:-399px -49px;}

#nav li a.about{
width:91px;
background-position: -515px 0px;
}

#nav li a.about span{background-position:-515px -49px;}

#nav li a.links{
width:95px;
background-position: -606px 0px;
}

#nav li a.links span{background-position:-606px -49px;}

#nav li a.contact{
width:126px;
background-position: -701px 0px;
}

#nav li a.contact span{background-position:-701px -49px;}

/*========== BOAT NAVIGATION ==========*/

#boat_nav{
 
margin: 0px 0px 0px 12px;
padding-top: 0px;
display: block;}

#boat_nav .container{ height: 39px; }

#boat_nav ul	{position: absolute;left: 120px;}

#boat_nav li a {
  background: url(../images/2010_boat_nav.jpg) no-repeat scroll top left;
  display: block;
  position: relative;
  height: 39px;
}

#boat_nav li {float: left;}

#boat_nav li a span {
background: url(../images/2010_boat_nav.jpg) no-repeat scroll bottom left;
display:block;
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
z-index:100;
}

#boat_nav li a span:hover {cursor:pointer;}
 

#boat_nav li a.xseries{width:89px;}

#boat_nav li a.xseries span{background-position:0px -39px;}

#boat_nav li a.prostar{width:91px;background-position: -89px 0px;}

#boat_nav li a.prostar span{background-position:-89px -39px;}

#boat_nav li a.maristar{width:98px;background-position: -180px 0px;}

#boat_nav li a.maristar span{background-position:-180px -39px;}

#boat_nav li a.saltwater{width:104px;background-position: -278px 0px;}

#boat_nav li a.saltwater span{background-position:-278px -39px;}

#boat_nav li a.csx{width:55px;background-position: -382px 0px;}

#boat_nav li a.csx span{background-position:-382px -39px;}

#boat_nav li a.three{width:88px;background-position: -437px 0px;}

#boat_nav li a.three span{background-position:-437px -39px;}


 .inventory_btn 		{ background:url(../images/inventory_btn.jpg) top center no-repeat; height:39px; width:118px; text-indent:-9999px; overflow:hidden; border:none; font-size:0; display:block; line-height:0; margin:0 5px 0 0; position: absolute; left: 0px }
 .inventory_btn:hover 	{ background:url(../images/inventory_btn.jpg) bottom center no-repeat; cursor:pointer; }


/*========== PROSHOP NAVIGATION ==========*/

#shop_nav{
 
margin: 0px 0px 0px 12px;
padding-top: 0px;
display: block;}

#shop_nav .container{ height: 39px; }

#shop_nav li a {
  background: url(../images/proshop_nav.jpg) no-repeat scroll top left;
  display: block;
  position: relative;
  height: 39px;
}

#shop_nav li {float: left;}

#shop_nav li a span {
background: url(../images/proshop_nav.jpg) no-repeat scroll bottom left;
display:block;
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
z-index:100;
}

#shop_nav li a span:hover {cursor:pointer;}
 

#shop_nav li a.board{width:124px;}

#shop_nav li a.board span{background-position:0px -39px;}


#shop_nav li a.skate{
width:116px;
background-position: -124px 0px;
}

#shop_nav li a.skate span{background-position:-124px -39px;}

#shop_nav li a.surf{
width:123px;
background-position: -240px 0px; 
}

#shop_nav li a.surf span{background-position:-240px -39px;}

#shop_nav li a.ski{
width:97px;
background-position: -363px 0px;
}

#shop_nav li a.ski span{background-position:-363px -39px;}

#shop_nav li a.tow{
width:94px;
background-position: -460px 0px;
}

#shop_nav li a.tow span{background-position:-460px -39px;}

#shop_nav li a.knee{
width:119px;
background-position: -554px 0px;
}

#shop_nav li a.knee span{background-position:-554px -39px;}

#shop_nav li a.access{
width:127px;
background-position: -673px 0px;
}

#shop_nav li a.access span{background-position:-673px -39px;}


/*========== SERVICES NAVIGATION ==========*/

#serv_nav{
 
margin: 0px 0px 0px 12px;
padding-top: 0px;
display: block;}

#serv_nav .container{ height: 39px; }

#serv_nav li a {
  background: url(../images/service_nav.jpg) no-repeat scroll top left;
  display: block;
  position: relative;
  height: 39px;
}

#serv_nav li {float: left;}

#serv_nav li a span {
background: url(../images/service_nav.jpg) no-repeat scroll bottom left;
display:block;
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
z-index:100;
}

#serv_nav li a span:hover {cursor:pointer;}
 

#serv_nav li a.storage{width:91px;}

#serv_nav li a.storage span{background-position:0px -39px;}


#serv_nav li a.fiber{
width:153px;
background-position: -91px 0px;
}

#serv_nav li a.fiber span{background-position:-91px -39px;}

#serv_nav li a.mech{
width:117px;
background-position: -244px 0px; 
}

#serv_nav li a.mech span{background-position:-244px -39px;}

#serv_nav li a.stereo{
width:133px;
background-position: -361px 0px;
}

#serv_nav li a.stereo span{background-position:-361px -39px;}

#serv_nav li a.detail{
width:91px;
background-position: -494px 0px;
}

#serv_nav li a.detail span{background-position:-494px -39px;}

#serv_nav li a.parts{
width:215px;
background-position: -585px 0px;
}

#serv_nav li a.parts span{background-position:-585px -39px;}


	#services .container .con_l ul {margin-left: 20px;}
	#services .container .con_l ul li{margin-bottom: 7px;}

/*========== USED BOATS ==========*/

#used #content .container{
top: 30px;
height: auto;
margin-bottom: 30px;
}

#clear #content .container{
top: 200px;
 
padding-bottom: 30px;
}

#used .con_r {width: 54%; clear: both; padding: 0px 0px 20px 0px;}

.used_main{
width: 785px;
display: inline;
padding: 15px 0px 15px 10px;
float: left;
border-top: #222 1px solid;
clear: both;
}

	 .used_main:last-child{border-bottom: none;}
	
	.used_main .img{
	width: 320px;
	height: 181px;
	float: left;
 	border: #FFF 4px solid;
	}

	.used_main .text{
	width: 415px;
	padding: 0px 0px 10px 0px;
 	float: right;
 	line-height: 20px;
 	 
	}
	
#used #footer { margin-top: 35px;}	
	
#used #footer .container{ float:left;}
	
	.used_main p{margin-bottom: 3px;}
	
	.used_main .text em{font-weight: bold; color:#0d7598; margin-right: 5px;  }
	
	.used_main a{color: #931f1d; text-decoration: none;}
	
	.used_main a:hover{color: #999;}
	
#used #content .container h3,{font-size: 22px; color: #931f1d; margin: 0px 0px 3px 0px; letter-spacing: -1px;}
#used #content .container h4, #clear #content .container h4 {font-size: 18px; font-weight: bold; color:#931f1d; margin: 0px 0px 3px 0px;}

/*========== CLEARANCE PAGE ==========*/
#clear #content .container h3 {font-size: 30px; color: #931f1d; margin: 0px 0px 3px 0px; letter-spacing: -1px;}
#clear #content .container	{top: 180px; padding-bottom: 30px;}
#clear #featured 			{ width:  825px; height: 313px; background: url(../images/featured/featured.jpg) top left no-repeat; float: left; display: inline; margin: 20px 0; position: relative;}
#clear #featured2 			{ width:  825px; height: 313px; background: url(../images/featured/featured2.jpg) top left no-repeat; float: left; display: inline; margin: 20px 0; position: relative; border-bottom: 1px #222 solid;border-top: 1px #222 solid; padding: 15px 0;}
#clear #featured3 			{ width:  825px; height: 313px; background: url(../images/featured/featured3.jpg) top left no-repeat; float: left; display: inline; margin: 20px 0; position: relative;}


 .f_text {position: absolute; left: 570px; top: 20px;}
 p.price 	{font-size: 28px; font-weight: bold; letter-spacing: -1px; margin: 10px 0 20px 0; color:#0d7598; }
#clear .used_main {padding: 30px 0 30px 20px;}
#clear #footer {margin-top: 250px;}
/*========== LINKS PAGE ==========*/

#links #nav, #about #nav, #contact #nav {
margin-bottom:  20px;
}

	#links .con_l{width: 60%;}
	#links .con_l p{ margin-bottom: 8px;}
	
#about #content .container{height: 690px;}


#contact .con_l {width: 40%; padding-top: 29px; }
#contact .con_r {width: 60%;  }

#contact #content .container {margin-bottom:60px;}

#contact h4 {font-weight: bold;}

#contact h5, #detail h5 {font-size: 14px; font-weight: bold; color: #0d7598;}


#contact #map {width: 450px; height: 411px; background: url(../images/map_blank.jpg) no-repeat;padding: 26px 0 0 31px;}

/* -------- LISTS ---------- */

#detail ol {margin-left: 30px; list-style: disc;}
	#detail ol li {margin-bottom: 8px; }