/* @override 
	http://hoops.goodbarry.com/css/screen.css
	http://hoops.goodbarry.com/css/screen.css
*/

	/* 
Title:		Star Shooter
Author: 	David Boyer
Email:		david.boyer[at]26tigers.com
Created: 	August 14, 2008
Updated:	February 27, 2009
Version:	0.1
*/

/* --------------------------------------------------------------    
  GLOBAL
   * Sets site specific globel elements.     
-------------------------------------------------------------- */
body {
	background-color: #132c3a; /*Dark Blue*/
}

a.b {color:#0070c3; font-weight:bold;}
a.:hover {
	color: #0000FF;
}
/*--[Generic Link Rules]---------*/
a:link, a:visited {
	/* color:#1694C9; */
color:#0000FF;
font-weight:bold;
	text-decoration: none;	
}
a:hover {
	color: #D35900;
}

img.border, span.border img { border:2px solid #ccc; margin: 0 12px 5px 12px; padding:2px;}



/* --------------------------------------------------------------    
   STRUCTURE
   * Sets structure skeleton.     
-------------------------------------------------------------- */

/*--[Main Wrapper]---------*/
.wrapper {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}

/*--[Header Section Home]--------*/
#header-home {
	position: relative;
	background: url(../images/bg_header.jpg) repeat-x 0 0;
}	
#header-home .collage {
	padding: 231px 0 0 0;
	height:  346px;
}

/*--[Header Section Inner]-------*/
#header {
	position: relative;
	background: url(../images/bg_header.jpg) repeat-x 0 0;
	height: 231px;
}		
#header .collage { display: none; }





/*--[Content Section]-------*/
#content {
	position: relative;
	background: #d7d7d7 url(../images/bg_contenttopper.jpg) repeat-x;
}
	#content .wrapper {
		background: url(../images/bg_contentwrapper.jpg) repeat-y 0 51px;
	}
	
/*--[Footer Section]-------*/
#footer {

}
	#footer .wrapper {
		position: relative;
	}
	#footer p {
		font-size: 90%;
		color: #CCC;
		padding: 10px;
	}
	#footer address {
		font-size: 200%;
		font-style: normal;
		color: #FFF;
		text-align: center;
		float: left;
		padding: 10px 0 25px 10px;
	}

/*--[Content Columns]---------*/
.left_col { 
	float: left;
	width: 295px;
	position: relative;
	margin-left: 20px;
	display: inline;
}
.right_col {
	float: right;
	width: 635px;
	position: relative;
	margin-right: 15px;
	display: inline;
	padding-bottom: 30px;
}
.one_col { 
	margin: 0 15px;	
 }
.subcol_l {
	width: 298px;
	float: left;
}
.subcol_r {
	width: 298px;
	float: right;
}


/* --------------------------------------------------------------    
   HEADLINES
   * H-tag styling and image replacement.      
-------------------------------------------------------------- */
/*--[H1 Logo link and image replacement]-------*/
#header h1,
#header-home h1 {
	background: url(../images/logo_starshooter_h1.jpg) no-repeat;
	text-indent: -9926px;
	width: 217px;
	height: 217px;
	position: absolute;	
	top: 0;
	left: 0;
	z-index: 1000;
}
	#header h1 a,
	#header-home h1 a {
		display: block;	
		background: url(../images/logo_starshooter_h1.jpg) no-repeat;
		height: 217px;
		z-index: 1000;
	}
#header h2.above,
#header-home h2.above {
	position: absolute;
	width: 743px;
	top: 5px;
	right: 20px;
	font: normal 320% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #FFF;
	text-align: center;
}
	#header h2.above strong,
	#header-home h2.above strong  {
	display: block;
	font-size: 120%;
	}
#header h2.below,
#header-home h2.below {
	position: absolute;
	width: 743px;
	top: 128px;
	right: 20px;
	font: normal 300% "Trebuchet MS", Trebuchet, Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif;
	color: #f7d803;
	text-align: center;
}

/* --------------------------------------------------------------    
   TYPOGRAPY
   * Pretty text and override typography.      
-------------------------------------------------------------- */
#content p {
	line-height: 1.6em;
	margin: 0;
	padding: 4px 0;
}

/* @group -Headlines*/
	.hl_small {
		font: 130%/1.0em "Trebuchet MS", Trebuchet, Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif;
		padding: 0 0 15px 0;
	}
	.hl_small2 {
		font: 180%/1.0em "Trebuchet MS", Trebuchet, Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif;
		padding: 0 0 5px 0;
	}	
	.hl_med {
		font: 245%/1.0em "Trebuchet MS", Trebuchet, Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif;
		padding: 0 0 15px 0;
	}
	.hl_large {
		font: 310%/1.1em "Trebuchet MS", Trebuchet, Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif;
		
		padding: 0 0 15px 0;
	}
/* @end */

/* @group -Text Modify */
	.tx_center { text-align: center;}
	.tx_uline { text-decoration: underline; }
/* @end */

/* @group -Text Colors */
	.tc_blue { color:#124874; }
	.tc_char { color:#333; }
	.tc_orange { color:#fc8017; }
	.tc_maroon { color:#7e0009; }
/* @end */

/* @group Backgrounds */
	
	.bg_player1 { background:url(../images/bg_player1.gif) no-repeat 0 0; padding-left:110px; margin-top:25px; min-height: 361px; }
	.bg_blueangle { color:#fff; background:url(../images/bg_hl_blueangle.gif) repeat-x; padding-left:10px; padding-right:10px; line-height:37px; }
/* @end */

.focustext { font: bold 125%/1.4em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color:#333; }
.secondtext { font: normal 90% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; padding: 0 10px; }

/* --------------------------------------------------------------    
  NAVIGATION
   * Sets navigation menus and buttons.     
-------------------------------------------------------------- */

/*--[Main Navigation Bar]-------*/

#nav_main ul {
	height: 51px;
	background: url(../images/bg_nav_main.jpg) repeat-x 0 0;
}
	#nav_main ul li {
		float: left;
		display: block;
		padding: 0 13px;
		background: url(../images/bg_nav_main_divider.jpg) no-repeat 0 0;
	}
		#nav_main ul li.noedge {
			background-image: none;
		}
		#nav_main ul li a:link, #nav_main ul li a:visited {	 
			float: left;
			display: block;
			font: normal 160%/51px "Trebuchet MS", Trebuchet, Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif;
			color: #000;
			padding: 0;					
		}
		#nav_main ul li a:hover {
			color: #fff;
		}

/*--[Breadcrumb]-------*/
.breadcrumb {
	clear: both;
	background: url(../images/bg_breadcrumb.jpg) no-repeat 0 0;
	line-height: 29px;
	height: 29px;
}
	#content .breadcrumb p {
		padding: 10px 10px 10px 20px;
	}
/*--[Buttons]----------*/
span.btn_oval { 
	background:url(../images/btn_orange_onwhite_left.gif) no-repeat left center;
	padding: 0 0 0 0;
	height: 33px;
	display: block;
	float: right; 
	cursor: default;
 }
	span.btn_oval a:link, span.btn_oval a:visited {
		background:url(../images/btn_orange_onwhite_right.gif) no-repeat right center; 
		color:#fff;
		font: normal 100%/33px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;		
		height: 33px;	
		padding: 0 35px 0 12px;
		float: left;
		display: inline;
		margin: 0 -7px 0 0 ;
	}
	span.btn_oval a:hover { 
		color:#000;
	 }

/*Orange Oval Button*/
a.btn_oval:link, a.btn_oval:visited {
	background: url(../images/img/btn_oval_right.gif) no-repeat right center;
	color: #FFF;
	font: normal 100%/33px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;		
	height: 33px;	
	padding: 0 35px 0 0;
	margin: 3px;
	float: right;
	display: inline;
}
	a.btn_oval:hover {
		color: #fcff20; /* Lemon */
	}
	a.btn_oval span {
		background: url(../images/img/btn_oval_left.gif) no-repeat left center;	
		padding: 0 5px 0 10px;
		height: 33px;
		display: block;
		float: left; 
		cursor: default;   
	}



/*--[Product Spotlights]-------*/
.product_spot { border-bottom: 1px solid #ccc; padding: 20px 0; margin: 0px 0;}
	.product_spot img { display:block; }
	
/*--[Booking Box]-------*/
.booking_box { 
	
}
.booking_box ul.details { 
	padding: 5px 10px 20px 10px;
 }
.booking_box ul.details li { 	
	padding: 5px 0 5px 24px;
	background:url(../images/bullet_bball.gif) no-repeat 0 5px;
	font-size:120%;
 }
	.booking_box form { 
		background:#d7d7d7;
		border:1px solid #9da3a3;
		padding: 10px;
		margin: 20px 0;
	 }
	 	.booking_box  h4 {
			font: 180%/1.0em "Trebuchet MS", Trebuchet, Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif;
			padding: 1px 0;	
			color:#124874;
		} 
	 
	 	.booking_box form label { font:130% "Century Gothic", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color:#132c3a; }

.productTextInput { 
	width:15px;
	padding:0 5px;
	margin:0 6px;
}
 
ul.thumb_grid {
	width:300px;
	cursor: default;
	position:relative;
}

	ul.thumb_grid li {
float: left;height: 130px;margin: 0 18px 17px 0;width: 119px;	 
	}
	
	ul.thumb_grid a {
		cursor: default;
	}	
		ul.thumb_grid a span {
			display: none;
			z-index:-1;
		}	
		ul.thumb_grid a:hover span {
			position: absolute;
			display:block;
			width: 400px;
			top: -200px;
			left: 10px;
			z-index: 1500;
			border:1px solid #ccc;
			background-color:#FFF;
		}
		ul.thumb_grid a img {
		border: 1px solid #fc8017;
		display: block;
	}	

ul.pdfdown { 
	padding:10px 20px;
	margin:5px;
	background-color:#e6e6e6; border:1px solid #ccc; 
}
	ul.pdfdown li a:link {
		display:block;
		background:url(../images/icon_acrobat_download.gif) no-repeat 0 50%;
		padding:0 0 0 28px;
		font-size:125%;
	}



/*--[Thumb Nail Grid]-------*/
/*ul.thumb_grid {
	width: 100%;
	position:relative;
	z-index:1;
}
	ul.thumb_grid li {
	 width: 100px;
	 height: 100%;
	 float: left;
	 margin: 0 18px 20px 18px;
	 position: relative;

	}
	ul.thumb_grid a img {
		border: 1px solid #fc8017;
		display: block;
		
	}	

	ul.thumb_grid a span {
		position:absolute;
		left: -9926px;
		z-index:500;
		
	}

	ul.thumb_grid a:hover span {
	top:10px;
	left:10px;
	width:200px;
	font-weight:bold;
	background:#FFF;
	color:#999;
	padding:5px 0 5px 0;
	text-transform:uppercase;
	font-size:80%;
	border:1px solid #EEE;
	filter: alpha(opacity=100);



}


/*
		width: 180%;

		top: 10px;
		left: 10px;
		z-index: 100;
		background-color: #FFF;
		padding: 5px 0;
		color: #333;
		font-size: 80%;
		border: 1px solid #999;
		text-transform:uppercase;*/
	


/*--[Arrow Box Links]-------*/
ul.boxlinks {
	width: 295px;
	padding-top: 15px;	
}
	ul.boxlinks li {
		background: url(../images/btn_arrowbox.gif) no-repeat;
		padding: 0 0 12px 0;
	}
		ul.boxlinks li a:link, ul.boxlinks li a:visited {
			display: block;
			color: #FFF;
			height: 80px;
			width: 295px;
		}
			ul.boxlinks li a:hover {
				color: #fcff6b;
			}
			ul.boxlinks li a span {
				display: block;
				padding: 10px 5px 0 65px;
			}
			
/*--[Oval Footer Links]-------*/	
ul.ovallinks {
	position: absolute;
	width: 500px;
	top:  25px;
	right: 10px;
	float: left;	
}	
	ul.ovallinks li {
		float: right;
		background: url(../images/btn_orange_onblu_right.jpg) no-repeat top right;
		padding: 0 32px 0 0;
		margin: 0 5px;

		
	}
		ul.ovallinks li a:link, ul.ovallinks li a:visited {
			float: right;
			display: block;
			height: 29px;
			background: url(../images/btn_orange_onblu_left.jpg) no-repeat top left;
			padding: 3px 5px 0 10px;
			color: #FFF;
			font-size: 110%;
		}
		ul.ovallinks li a:hover {
			color: #000;
		}

	
/* Misc classes and elements
-------------------------------------------------------------- */
/* Used to contain a a two columns with a split line between them.*/
.splitbox {
	padding: 15px 0;
	background: url(../images/bg_splitline.gif) repeat-y 50% 10px;
}
	.splitbox img {
		display: block;
		border-bottom: 1px solid #CCC;
		padding-bottom: 20px;
		margin-bottom: 10px;
	}
	.splitbox ul {
		padding: 10px 0;
	}
		.splitbox ul li {	
			padding: 5px 0 5px 24px;
			background:url(../images/bullet_bball.gif) no-repeat 0 5px;
		}
	#content .splitbox p {
		padding: 3px 0;
		margin: 0;
	}

/* STD List */ 	
	 ul.std {
		padding: 10px 0;
	}
		 ul.std li {	
			padding: 5px 0 5px 20px;
			background: url(../images/bullet_orange.gif) no-repeat 0 20%;
		}
		
/* Blockquote */
blockquote.std { font:175% Georgia, "Times New Roman", Times, serif; color:#132c3a; padding:40px 50px; margin: 0; }	
	blockquote.std span { font-size: 80% ;display: block; text-align:right;  padding-top:10px;}
	
blockquote.boxed { font:155% Georgia, "Times New Roman", Times, serif; color:#fff; padding:20px 30px; margin: 10px auto 30px auto; background-color:#41a6d0; border:4px solid #ccc; width: 75%; background-image:none; }
	blockquote.boxed span { font-size: 75% ;display: block;   padding-top:10px; color:#ccc; }
	blockquote.boxed img { float:left; padding:0; margin:0 10px 0 0; border: 1px solid #ccc;}
	
/* Camplist */
ul.camplist { padding: 0 0 10px 0; border-top:1px solid #ccc; }
		 ul.camplist li {	
			padding: 5px 0 5px 25px;
			background:url(../images/bullet_bball.gif) no-repeat 0 50%;
			border-bottom:1px solid #ccc;
			margin:0;
		}
			ul.camplist li span.title {
				display:block;
				font-size:120%;
			}
			ul.camplist li span.status { display:block; color:#b3b3b3; font-style:italic; }

/* Pagination */
.pagination { 
	font-size: 160%;
}

/* Hot Links */
div.hotlinks { 
	padding:5px 0 10px 0;
	margin: 0 0 20px 0;
	border-top: 1px solid #999;
}
	div.hotlinks h3 {
		font:150% "Trebuchet MS", Trebuchet, Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif;
	}
	div.hotlinks img {
		float: left;
		padding: 0 10px 0 0;
	}
/*--Contain Floater Box--*/
.coachbox { 
	float:right;
	background-color:#e6e6e6;
	padding:10px;
	margin-left: 10px;
	text-align:center;
	border:1px solid #ccc;
	width: 240px;
 }
	.coachbox p {
		font:125% "Trebuchet MS", Trebuchet, Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif; color:#2c6485;
	}
	.coachbox a:link, .coachbox a:visited {
		display:block;
		background:url(../images/icon_acrobat_download.gif) no-repeat 0 50%;
		padding:0 0 0 28px;
		text-align:left;
	}
 	.coachbox ul li {
		float:left;
		padding:4px;
		text-align:center;
		font-size:90%;
	} 
		.coachbox ul li img {
			display:block;
			border:2px solid #ccc;
			padding:2px;
		}
		
/*--Blog Bits--*/
#content .description { 
	font-size:90%;
	padding:10px;
	margin:-8px 0 18px 0; 
	color:#666; 
	background:#e6e6e6; border:1px solid #ccc;
}		
	
/* Use a .box to create a padded box inside a column.  */ 
.box { 
	clear:both;
	padding: 20px; 
	margin: 1.5em 0; 
	background:#d7d7d7; border:1px solid #b3b3b3;
}
	.box img { border:1px solid #999; }

/* Use this to create a horizontal ruler across a column. */
hr {
  background: #ddd; 
  color: #ddd;
  clear: both; 
  float: none; 
  width: 100%; 
  height: .1em;
  margin: 1.45em 0;
  border: none; 
}
hr.space {
  background: #fff;
  color: #fff;
}


span.fax-number {padding-left:20px;}