/*
AUTHOR: Kevin Hotaling
WEBSITE: http://bumbershootmedia.com/

background:6a653c

*/

/* RESET --------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center,vdl, dt, dd, ol, ul, li, fieldset, 
form, label, legend,vtable, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%;
	vertical-align: baseline; background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {	
	content: ''; content: none; 
}
a img { border: none; }


/* LAYOUT --------------------------------------------------------- */

body {
	font-family: Arial, Helvetica, sans-serif;
	background-image:url(images/header.gif);
	background-repeat:repeat-x;
}

hr { 
	margin:20px;
}

blockquote p { 
	font-style:italic;
}

a {
	color:#61654b;
	text-decoration:none;
	font-weight:bold;
}

a:visited {
	color:#61654b;
	text-decoration:none;
	font-weight:bold;
}

a:hover {
	color:#61654b;
	text-decoration:underline;
	font-weight:bold;
}

#page-wrap {
	width: 960px;
	margin: 0 auto;
}

/* HEADER -------------------------------------------------------------- */

#logo {
	background:url('images/logo.gif') no-repeat;
	float: left;
	height:147px;
	width:284px;
	text-indent: -9999px;
	overflow:hidden;
}

#header {
	float:right;
	}

#navbar { 
	height: 28px;
	margin: 0px 0px 0px 50px;
	background: url('images/nav-bg.gif') repeat-x;
	list-style:none;
	float:left;
	display:inline;
	}

#navbar li{ display:inline; }

#navbar li a {
	height: 28px;
	line-height:28px;
	padding: 5px 10px;
	font-size: 18px;
	color: #d8dbc0;
	}

#navbar li a:hover{
	color: #2b352d;
	text-decoration:none;
	}

#navbar li a.active {
	color: #2b352d;
	background-color: #d0e2d6;
	border-right: 1px solid #2b352d;
	border-bottom: 1px solid #2b352d;
	border-left: 1px solid #2b352d;
	padding: 4px 9px 6px;
	}	


#contact { 
	float:right;
	width:676px;
	text-align:center;
	font-weight:bold;
	color:#fff;
	margin:15px 0px; 	
	}
	

/* CONTENT -------------------------------------------------------------- */


#content {
	width: 630px;
	float:left;
	padding: 30px 0px 0px;
	}
	#content h2 {
		color: #c62803;
		font-size: 18px;
		padding: 6px 6px 6px 30px;
		border: 1px solid #2b352d;
		text-align:left;
		}
	#content p{
		color: #2b352d;
		font-size: 14px;
		line-height: 24px;
		font-weight:bold;
		padding: 30px 0px 30px;
		text-align:justify;
		}
	#content a.fox {
		border: 1px solid #2b352d;
		width:628px;
		height:100px;
		display: block;
		}
		#content a img {
			float:left;
			}
		#content a p {
			float:left;
			padding:20px 30px;
			width:468px;
			height:100px;
			line-height:30px;
			font-size:18px;
			}
			
#sidebar {
	width: 300px;
	padding: 30px 0px 15px 30px;
	float:right;
}

#sidebar img {
	width:280px;
	border:10px solid #e99d45;
	margin-bottom:15px;
	font-weight:bold;
}	

embed {
	margin: 0px 0px 30px 30px;
	}
	
/* FOOTER -------------------------------------------------------------- */

#footer {
	height:260px;
	background: #71918e;
	}

#foot-wrap {
	margin:0px auto;
	width:960px;
	
	}
	#foot-wrap img {
		padding:30px 0px;
		float:left;
		display:inline;
		}
	#foot-wrap p {
		color: #fff;
		font-size: 14px;
		line-height: 24px;
		text-align:justify;
		padding: 60px 0px 0px 60px;
		width:600px;
		float:right;
		display:inline;
		}
		
#footer h5 {
	font-family: Arial Rounded MT Bold, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	padding: 40px 40px 10px;
	color:#fff;
}

#footer ul {
	font-size: 12px;
	line-height: 14px;
	padding-left: 40px;
	color:#fff;
}

#footer li a {
color:#9596ae;
}

#footer li a:hover {
color:#fff;
}

/* HOME PAGE -------------------------------------------------------------- */


ul#home-nav {
	width: 118px;
	height: 350px;
	margin-top:20px;
	padding: 0px 262px 20px 320px;
	background: url('images/home-bg.jpg') no-repeat;
	overflow:hidden;
	list-style:none;
  }

#home-nav li{ display:inline; }

#home-nav li a {
	height: 50px;
	width: 118px;
	margin-bottom:20px;
	display: block;
	text-indent:-9999px;
	overflow:hidden;
}


#home-nav li a.surve { background: url('images/surve-but.gif') no-repeat top; }
#home-nav li a.stra { background: url('images/stra-but.gif') no-repeat top; }
#home-nav li a.train { background: url('images/train-but.gif') no-repeat top; }
#home-nav li a.coach { background: url('images/coach-but.gif') no-repeat top; }
#home-nav li a.perf { background: url('images/perf-but.gif') no-repeat top; }

#home-nav li a.surve:hover,
#home-nav li a.stra:hover,
#home-nav li a.train:hover,
#home-nav li a.coach:hover,
#home-nav li a.perf:hover {
  background-position: bottom;
}

.prod-link {
	background-color: #848abc;
	border: 1px solid #363a63;
	padding: 6px;
	margin: 20px;
	float:left;
	display:inline;
}

.prod-link a {
	color:#fff;
	font-size:12px;
	text-decoration: none;
	}
	
.prod-link:hover {	
	background-color: #999fd2;
	}