/*
	File: 			global.css
	Description:	Stylesheet for all aspects of Stoney River Homes.
	Company: 		Elite 1 Performance
	Author:			Captured Living
	Copyright:		Copyright 2010. All Rights Reserved.
*/

/* ========== Page Attributes ========== */
* 
{
	margin: 0;
	padding: 0;
}

html
{
	height: auto;
	background:url(../images/global/baseball_bg.jpg) no-repeat top center fixed;
	color: #fff;
}

body
{
	margin: 0 auto;
	width:100%;
	color: #000;
	text-align:center;
	font:12px "Century Gothic",Arial, Helvetica, sans-serif;
}


/* ========== Headers ========== */
h1
{
	margin:35px auto 0 -35px;
	width:418px;
	height:143px;
	border:0;
	float:left;
	position:absolute;
	z-index:5;
}

h1 img
{
	border: 0;
}

h2
{
	font:24px "Century Gothic", Arial, Helvetica, sans-serif;
	color:#aaa;
}

h3
{
	font:16px "Century Gothic", Arial, Helvetica, sans-serif;
	padding:5px;
	color:#000;
	background:#fff;
	opacity:.4;
}

/* ========== Sections ========== */
div#container
{
	background: url(../images/global/containerbg.png) repeat top left;
	margin: 0 auto;
	padding-bottom:25px;
	width:920px;
	border:0;
}

div#banner
{
	background:#000;
	margin:0 auto;
	width:900px;
	height:300px;
	z-index:1;
}

div#banner_title
{
	background:#000;
	margin:0 auto;
	width:900px;
	height:300px;
	z-index:1;
}

div.content_full
{
	margin:10px;
	width:900px;
	clear:both;
}

div.content_right
{
	margin:10px;
	width:430px;
	float:right;
}

div.content_left
{
	margin:10px;
	width:430px;
	float:left;
}

div.clear
{
	clear:both;
}

div.article
{
	font:14px/18px Arial, Helvetica, sans-serif;
	color:#eee;
	margin:10px;
}

div.article p
{
	margin:5px 0;
}


/* ========== Main Navigation ========== */
ul#navigation
{
	background:#1e1e1e;
	margin:0 auto;
	border-top:1px #333 solid;
	border-bottom:1px #555 solid;
	padding:2px;
	color: #fff;
	font: 12px "Century Gothic", Arial, Helvetica, sans-serif;
	text-transform:capitalize;
	text-align: left;
	list-style: none;
	width:896px;
	height:20px;
	color:#fff;
}

ul#navigation li
{
	float:right;
	display:block;
}

ul#navigation li a
{
	padding:8px 10px;
	text-decoration:none;
	color:#fff;
}

ul#navigation li a:hover
{
	background:#0147c0;
	border-bottom:2px #fff solid;
}

ul#footer
{
	margin:5px auto 10px auto;
	padding:2px;
	color: #fff;
	font: 11px "Century Gothic", Arial, Helvetica, sans-serif;
	text-align: left;
	list-style: none;
	width:896px;
	height:20px;
	color:#fff;
	clear:both;
}

ul#footer li
{
	padding:0 5px;
	float:right;
	display:block;
}

ul#footer li a
{
	padding:3px;
	text-decoration:none;
	color:#fff;
}

ul#footer li a:hover
{
	background:#0147c0;
}

/* ========== SubNavigation ========== */
/* ========== SubMenu ========== */
ul.rate_listing
{
	width:430px;
	list-style:none;
}

ul.rate_listing li
{
	margin:5px;
	padding:5px;
	background: url(../images/global/containerbg.png) repeat top left;
	border-left:2px #ff7e00 solid;
	text-transform:capitalize;
	color:#fff;
	text-align:left;
}

ul.rate_listing li.title
{
	font:16px "Century Gothic", Arial, Helvetica, sans-serif;
	padding:5px;
	color:#000;
	background:#fff;
	opacity:.7;
	border:0;
}


ul.grid
{
	margin:0 auto;
	width:900px;
	list-style:none;
	background:#eee;
}

ul.grid li
{
	margin:5px;
	padding:5px;
	width:280px;
	height:150px;
	list-style:none;
	background:#f1c900;
	float:left;
	background: url(../images/global/containerbg.png) repeat top left;
}

ul.grid li a
{
	
}
/* ========== Lists ========== */
/* ========== Camp Listing ========== */
ul.camps
{
	margin:0 auto;
	list-style:none;
	width:900px;	
}

ul.camps li
{
	margin:5px 0;
	padding:5px;
	width:890px;
	display:block;
	background: url(../images/global/containerbg.png) repeat top left;
	text-align:left;
}

ul.camps li div.title
{
	font:25px "Bank Gothic", Arial, sans-serif;
	color:#fff;
	border-bottom:1px #eee solid;
	height:30px;
	margin-bottom:5px;
}

ul.camps li div.title span.location
{
	font:18px "Bank Gothic", Arial, sans-serif;
	color:#f1c900;
	text-transform:capitalize;
}

ul.camps li ul.information
{
	list-style:none;
	width:890px;
	height:200px;
}

ul.camps li ul.information li
{
	margin:5px;
	width:275px;
	height:190px;
	background: url(../images/global/containerbg.png) repeat top left;
	list-style:none;
	float:left;
	text-align:center;
}

ul.camps li ul.information li div.title
{
	font:13px Arial, Helvetica, sans-serif;
	padding:3px 5px;
	color:#eee;
	font-weight:bold;
	height:15px;
	border-top:1px #444 solid;
	border-bottom:1px #444 solid;
	background:#111;
	text-transform:uppercase;
	letter-spacing:1px;
	text-align:left;
}

ul.camps li ul.information li div.info
{
	font:12px Arial, Helvetica, sans-serif;
	padding:3px;
	color:#eee;
	text-align:left;
}

ul.camps li ul.information li div.info a
{
	color:#f1c900;
	text-decoration:none;
}

ul.camps li ul.information li div.info a:hover
{
	text-decoration:underline;
}

div.register_button
{
	margin:10px auto;
	width:880px;
	height:75px;
	font:16px "Bank Gothic", sans-serif;
	color:#fff;
	border-top:1px #aaa solid;
	border-bottom:1px #aaa solid;
	padding:5px 5px 3px 5px;
}

div.register_button p
{
	font:12px Arial, Helvetica, sans-serif;
	margin-bottom:10px;
}


a
{
	color:#f1c900;
	text-decoration:none;
}

a:hover
{
	text-decoration:underline;
}
/* ========== Staff ========== */

ul.staff
{
	width:900px;
	list-style:none;
	display:block;
	clear:both;
}

ul.staff li
{
	margin:5px;
	padding:5px;
	width:430px;
	height:150px;
	background: url(../images/global/containerbg.png) repeat top left;
	overflow:hidden;
	text-align:left;
	color:#fff;
	float:left;
}

ul.staff li img
{
	margin-right:10px;
	width:150px;
	float:left;
	border:0;
}

ul.staff li div.title
{
	font:14px Arial;
	letter-spacing:1px;
	text-transform:uppercase;
	float:right;
	width:270px;
}

ul.staff li div.staff_info
{
	margin:5px;
	width:260px;
	float:right;
	clear:right;
}

ul.partners
{
	width:900px;
	list-style:none;
}

ul.partners li
{
	margin:10px;
	padding:5px;
	width:270px;
	height:125px;
	background: url(../images/global/containerbg.png) repeat top left;
	list-style:none;
	float:left;
}

ul.partners li a img
{
	border:0;
}

/* ========== Top Bar ========== */
div#top_bar
{
	width:100%;
	padding-top:3px;
	height:27px;
	background: url(../images/global/logobackground.png) repeat top left;
	border-bottom:1px #eee solid;
	text-align:center;
}

div#top_bar div#top_bar_container
{
	margin:0 auto;
	width:900px;
	height:30px;
	overflow:hidden;
}

div#top_bar div#top_bar_container img, div#top_bar div#top_bar_container a img
{
	float:left;
	border:0;
	opacity:.5;
}