/**************************

	styles.css
	for Capital Sports
		and Entertainment
	
	Developed by: 
	Kagan Creative, LLC
	
	Last edit: Jeff on
		10/30/2009

**************************/

body {
	margin: 0; padding: 0;
	background: #FFFFFF;
	text-align: center;
}

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

a:hover { text-decoration: underline; outline: none;}

a img { border: none; }

.clear { clear: both; }

h2 {
	margin: 15px 0 0 0; padding: 0;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #c34227;
}

p, ul { 
	margin: 0 0 15px; padding: 0;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #818285;
}

ul { margin: 0 0 0 25px; } 

#container {
	margin: 0 auto 15px auto;
	padding: 0;
	width: 800px;
}

#content {
	margin: 50px 0 0 0; padding: 0;
	width: 800px;
	text-align: left;
	background: #ffffff;
	float: left;
}

.subpage #content {
	margin: 50px 0 0 25px; 
}

	#fpo_home {
		width: 420px; 
		height: 419px;
		float: right;
	}
	
	#fpo_partners {
		width: 436px; 
		height: 546px;
		float: right;	
	}
	
a.home img {
	float: left;
}

	#main_pic {
		float: right;
		margin: 0; padding: 0;

	}
	
	.partners #main_pic {
		margin: -18px 0 0 5px;
		_margin: 0 0 0 5px;
	}

#footer {
	margin: 15px 0 10px 0;
	width: 800px;
	float: left;
}

	#footer p, #footer a { font-size: 9px; color: #c3c3c3; }
	
/*---- nav styles ----*/

#nav {
	margin: 144px 0 0 25px; padding: 0;
	width: 138px; 
	height: 152px;
	display: block;
	background: url(../images/nav.gif) no-repeat top left;
	float: left;
}

.home #nav {
	margin: 144px 0 0 3px;
}

.partners #nav {
	margin: 164px 0 0 3px;
}

#nav span {
	position: absolute;
	top: -2000px;
}

#nav a {
	margin: 0 0 2px 0; padding:0;
	width: 138px;
	float: left;
	display: block;
	position: relative;
	z-index: 10;	
}

#nav a:hover {
	margin: 0 0 2px 0; padding:0;
	width: 138px;	
	float: left;
	display: block;
	position: relative;
	z-index: 10;	
}

.nav_who a {
	height: 43px; 
	width: 138px;
	display: block;
	background: url(../images/nav.gif) 0 0;
}

.nav_who a:hover {
	background-position: 0 -143px;
}

.nav_partners a {
	height: 43px; 
	width: 138px;
	display: block;
	background: url(../images/nav.gif) 0 -45px;
}

.nav_partners a:hover {
	background-position: 0 -188px;
}

.nav_contact a {
	height: 57px; 
	width: 138px;
	display: block;
	background: url(../images/nav.gif) 0 -92px;
}

.nav_contact a:hover {
	height: 57px; 
	background-position: 0 -235px;
}

/* on states */

.who .nav_who a { background-position: 0 -143px; }
.contact .nav_contact a {background-position: 0 -235px; } 
.partners .nav_partners a { background-position: 0 -187px; } 


/*----- section styles -----*/

#column {
	margin: 0; padding: 0;
	width: 415px;
	float: right;
}

	.contact #column h2 {
		margin: 141px 15px 0 0; padding: 0;
		width: 133px; 
		float: left;
	}
	
	.contact #column p { 
		width: 260px;
		float: right;
	}
	
	.who #column h2 img {
		margin: 38px 0 25px 0; padding: 0;
		width: 415px; 
		float: left;
	}	
	
	.who p {
		float: left; 
		width: 415px;
	}

/*---- subpage styles ----*/
	
#subhead {
	margin: 0; padding: 0;
	width: 760px;
	height: 150px;
	display: block;
	background: url(../images/sub_header.jpg) no-repeat top left;
	float: left;
}

#subhead span {
	position: absolute;
	top: -2000px;
}

#subhead a {
	float: left;
	display: block;
	position: relative;
	z-index: 10;	
}

#subhead a:hover {
	float: left;
	display: block;
	position: relative;
	z-index: 10;	
}

.shnav_home a {
	margin: 0 0 0 330px;
	_margin: 0 0 0 165px;
	width: 95px;
	height: 45px;
	display: block;
}

.shnav_who a {
	margin: -8px 0 0 183px;
	_margin: -8px 0 0 91px;
	height: 22px; 
	width: 88px;
	display: block;
	background: url(../images/sbhead.jpg) -183px -37px;
}

.shnav_who a:hover {
	background-position: -183px -130px;
}

.shnav_partners a {
	margin: 2px 0 0 42px;
	height: 22px; 
	width: 135px;
	display: block;
	background: url(../images/sbhead.jpg) -305px -47px;
}

.shnav_partners a:hover {
	background-position: -305px -140px;
}

.shnav_contact a {
	margin: -8px 0 0 27px;
	height: 23px; 
	width: 112px;
	display: block;
	background: url(../images/sbhead.jpg) -477px -37px;
}

.shnav_contact a:hover {
	background-position: -477px -130px;
}

#subnav { 
	margin: 50px 0 0 20px; padding: 0;
	width: 760px; 
	height: 50px;
	display: block;
	float: left;
}	

#subnav a {
	margin: 0 0 0 0; padding:0;
	float: left;
	display: block;
	position: relative;
	z-index: 10;	
}

#subnav a:hover {
	margin: 0; padding:0;
	float: left;
	display: block;
	position: relative;
	z-index: 10;	
}

.sbnav_event a {
	height: 50px; 
	width: 130px;
	display: block;
	background: url(../images/sbnav.gif) 0 0;
}

.sbnav_event a:hover {
	height: 50px; 
	width: 130px;
	background-position: 0 -50px;
}

.event .sbnav_event a { 
	background: url(../images/sbnav.gif) 0 -50px;
}

.sbnav_brand a {
	height: 50px; 
	width: 169px;
	display: block;
	background: url(../images/sbnav.gif) -130px 0;
}

.sbnav_brand a:hover {
	height: 50px; 
	width: 169px;
	background-position: -130px -50px;
}

.branding .sbnav_brand a { 
	background: url(../images/sbnav.gif) -130px -50px;
}

.sbnav_consult a {
	height: 50px; 
	width: 172px;
	display: block;
	background: url(../images/sbnav.gif) -299px 0;
}

.sbnav_consult a:hover {
	height: 50px; 
	width: 172px;
	background-position: -299px -50px;
}

.consulting .sbnav_consult a { 
	background: url(../images/sbnav.gif) -299px -50px;
}

.sbnav_nonprofit a {
	height: 50px; 
	width: 176px;
	display: block;
	background: url(../images/sbnav.gif) -471px 0;
}

.sbnav_nonprofit a:hover {
	height: 50px; 
	width: 176px;
	background-position: -471px -50px;
}

.nonprofit .sbnav_nonprofit a { 
	background: url(../images/sbnav.gif) -471px -50px;
}

.sbnav_realty a {
	height: 50px; 
	width: 111px;
	display: block;
	background: url(../images/sbnav.gif) -647px 0;
}

.sbnav_realty a:hover {
	height: 50px; 
	width: 111px;
	background-position: -647px -50px;
}

.realty .sbnav_realty a { 
	background: url(../images/sbnav.gif) -647px -50px;
}

.subpage p {
	width: 355px;
	float: left;
}

.subpage #column {
	margin: 40px 0 0 15px;
	width: 365px;
	float: left;
}

.subpage #column img {
	margin: 40px 0 0 0;
}


p.left {
	width: 390px;
	float: left;
	text-align: left;
}

p.right {
	width: 390px;
	float: right;
	text-align: right;
}


/* png fix */

img, div { behavior: url(iepngfix.htc) }