/**************************************************
Site:           KB Partners- http://www.kbpartners.com/
Created:        Apr 01 2009
Last Modified:  Apr 01 2009 
------------------------------------------------- 
casey reid, clearfirestudios.com
casey@clearfirestudios.com | Copyright 2009
================================================= */

/* Global Reset Styles *******************************/
/* ================================================= */
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,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
	}
a img, :link img, :visited img {border: 0;}
table {
	border-collapse: collapse;
	border-spacing: 0;
	border: 0px;
	}
ul {list-style: none;}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
	}

dt {font-weight: bold; }

hr {
	border: 0;
	width: 100%;
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	margin: 0;
	padding: 0;
}

strong, b {font-weight: bold;}
italic, em {font-style: italic;}

/* Clear Floated Elements
-----------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}


/* Common Styles *************************************/
/* ================================================= */
body{
	background: #fff url(/images/site/body-bg.gif) repeat-x;
	color: #333;
	font: 12px Arial, Hevletica, 'Liberation Sans', FreeSans, sans-serif;
}
	body#internal{background: #fff url(/images/site/internal-body-bg.gif) repeat-x;}

h1{
	color: #837cb2;
	font-size: 24px;
	font-weight: bold;
}
h2{
	font-size: 18px;
	font-weight: normal;
}
	h2.page-title{
		background: #e2e0eb;
		color: #333;
		display: block;
		font-size: 14px;
		height: 23px;
		margin-bottom: 15px;
		padding: 20px 20px 10px 30px;
		width: 280px;
	}
		h2.page-title span{padding: 0 8px;}
h3{
	color: #333;
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 15px;
}
	h3 span{padding: 0 8px;}
h4{
	color: #333;
	font-size: 12px;
	margin-bottom: 5px;
	padding-left: 30px;
}	

p{
	line-height: 1.5em;
	padding-bottom: 10px;
}

a{color: #1c174b; text-decoration: none;}
	a:hover{text-decoration: underline;}
	
table{width: 95%;}
	table td{padding: 10px; text-align: center;}
		table td img{margin-bottom: 10px;}


/* Nav Styles ****************************************/
/* ================================================= */
#nav{
	border-left: 1px solid #e3e1ec;
	height: 71px;
	margin-left: 186px;
	width: 774px
}
	
	ul#main-nav{
		float: left;
		padding: 25px 0 0 20px;;
	}
		ul#main-nav li{
			display: inline;
			margin-right: 15px;
		}
			ul#main-nav li a{
				color: #e1dfeb;
				font: 15px Georgia, 'Times New Roman', serif;
			}
				ul#main-nav li a.selected{text-decoration: underline;}
	
	ul#top-links{
		float: right;
		margin-top: 28px;
	}
		ul#top-links li{
			color: #fff;
			display: inline;
		}
			ul#top-links li span{padding: 0 3px;}
			ul#top-links li a{
				color: #fff;
				text-decoration: none;
			}
				ul#top-links li a#login{
					background: url(/images/site/icon-plus.gif) no-repeat center right;
					padding-right: 25px;
				}
				ul#top-links li a:hover{text-decoration: underline;}


/* Branding Styles ***********************************/
/* ================================================= */
#branding{
	height: 116px;
	width: 960px;
}
	#logo{
		float: left;
		margin-top: 10px;
		text-align: center;
		width: 186px;
	}
	#slogan{
		border-left: 1px solid #e3e1ec;
		float: left;
		height: 81px;
		padding: 35px 0 0 20px;
	}
		#slogan h2{color: #6f6f6f;}


/* Banner Styles *************************************/
/* ================================================= */
#banner{
	border-left: 1px solid #e3e1ec;
	margin-left: 186px;
	height: 334px;
	width: 774px;
}
	#banner-nav{
		height: 334px;
		z-index: 10;
	}
		#banner-nav li{
			border-right: 1px solid #e3e1ec;
			float: left;
			font: 16px Georgia, 'Times New Roman', serif;
			height: 334px;
			position: relative;
			z-index: 99;
		}
			#banner-nav li#angel{background: url(/images/site/home-banner-angel-tint.jpg) no-repeat;}
				#banner-nav li#angel.hover{background: url(/images/site/home-banner-angel.jpg) no-repeat; cursor: pointer;}
			#banner-nav li#fund{background: url(/images/site/home-banner-fund-tint.jpg) no-repeat;}
				#banner-nav li#fund.hover{background: url(/images/site/home-banner-fund.jpg) no-repeat; cursor: pointer;}
			#banner-nav li#sports{background: url(/images/site/home-banner-sports-tint.jpg) no-repeat;}
				#banner-nav li#sports.hover{background: url(/images/site/home-banner-sports.jpg) no-repeat; cursor: pointer;}
			#banner-nav li.last{border-right: none;}
			#banner-nav li a{
				background-color: #c0bdd9;
				color: #fff;
				display: block;
				height: 40px;
				padding-top: 25px;
				text-align: center;
				text-decoration: none;
				width: 257px;
			}
				#banner-nav li a{background: transparent;}
				#banner-nav li a:hover, #banner-nav li a.active{
					background-color: #837cb2;
					text-decoration: none;
				}
					#banner-nav li a:hover, #banner-nav li a.active{background: transparent;}
				
			ul#banner-nav ul {
				background:  url('/images/site/banner-nav-hover-bg.png') 0 100% repeat;
				height: 244px;
				position: absolute; /* remove from flow and allow positioning */
				top: -999em; /* hide submenu in screen-reader and search-engine friendly way */
				width: 257px; /* VARIABLE. Must have a width for menu items to inherit. Use ems so font scaling does not break design*/
				padding-top: 25px;
				z-index: 90;
			}
		
			ul#banner-nav ul li
			{ 
				border: none;
				height: auto;
				width: 100%;
			}
				ul#banner-nav ul li.first{border-top: 1px solid #fff;}
				
				/**** Position of second tier of nav ****/
				ul#banner-nav li:hover ul,
				ul#banner-nav li.sfHover ul
				{
					left: 0px;
					top: 65px;
				}
	
			ul#banner-nav ul a {
				background: url(/images/site/icon-list-arrow.png) no-repeat;
				color:  #1c174b;
				font: 12px Arial, Hevletica, 'Liberation Sans', FreeSans, sans-serif;
				height: auto;
				margin: 0 0 5px 90px;
				padding: 0px 6px 5px 20px;
				text-align: left;
				text-transform: none;
				text-indent: 0;
				width: 160px;
				}
			ul#banner-nav li li:hover, ul#banner-nav li li.sfHover, ul#banner-nav ul a:hover,
			ul#banner-nav ul li a:focus, ul#banner-nav ul li a:hover, ul#banner-nav ul li a:active {
				background-color: transparent; 
				text-decoration: underline;
			}



/* Content Styles ************************************/
/* ================================================= */
#content{
	border-left: 1px solid #e3e1ec;
	margin-left: 186px;
	padding: 20px 20px 0;
	width: 700px;
}

#wrapper{
	background: #d3d0e1 url(/images/site/internal-content-bg.gif) repeat-x;
}
#content-image{
	float: left;
}

#content-wrapper{
	border-left: 1px solid #e3e1ec;
	float: left;
	width: 774px;
}
	#internal-content{
		float: left;
		padding: 0 20px 0 0;
		width: 340px;
	}
		#internal-content-wide{
			float: left;
			padding: 0 20px 0 0;
			width: 600px;
		}
		#internal-content p, #internal-content-wide p, #internal-content h3, #internal-content-wide h3, #internal-content ul{
			padding-left: 30px;
		}
		#internal-content ul, #internal-content ol{
			list-style-type: disc;
			margin-bottom: 20px;
			padding-left: 45px;
		}
			#internal-content ol{list-style-type: decimal;}
			#internal-content ol ul{padding-left: 25px;}
		#internal-content ul.bullets{
			padding-left: 60px;
		}
		
	#content-links{
		float: right;
		margin-top: 70px;
		width: 150px;
	}
		#content-links ul{margin-bottom: 15px;}
		#content-links ul li{
			background: url(/images/site/icon-list-arrow-small.png) no-repeat center left;
			margin-bottom: 5px;
			padding-left: 15px;
		}
		#content-links ul li a{
			text-decoration: none;
		}
			#content-links ul li a:hover, #content-links ul li a.selected{text-decoration: underline;}
		


/* Sidebar Styles *************************************/
/* ================================================= */
#sidebar{
	background: #d3d0e1 url(/images/site/sidebar-bg.gif) repeat-x;
	float: left;
	padding: 70px 0 0 15px;
	width: 171px;
}

	#sidebar ul{margin-bottom: 30px;}
	#sidebar ul li{
		margin-bottom: 8px;
	}	
		#sidebar ul li a{
			background: url(/images/site/icon-list-arrow.png) no-repeat;
			font: 12px Arial, Hevletica, 'Liberation Sans', FreeSans, sans-serif;
			padding-left: 20px; 
		}


/* Portfolio Styles **********************************/
/* ================================================= */
ul.portfolio-thumbs{
	margin: 0 0 20px 20px;
}	
	ul.portfolio-thumbs li{
		background-color: #fff;
		border: 1px solid #b4b0d1;
		float: left;
		height: 70px;
		margin: 0 10px 10px 0;
		text-align: center;
		width: 125px;
		line-height: 85px;
	}
		ul.portfolio-thumbs li.hover{cursor: pointer;}
		ul.portfolio-thumbs li.last{margin-right: 0px;}
		ul.portfolio-thumbs li img{
			max-height: 65px;
			*max-height:55px;
			height:auto !important;
  			height:55px;
		}
	
	.details-thumb img{
		background-color: #fff;
		border: 1px solid #b4b0d1;
		margin: 0 0 20px 0;
		padding: 20px 10px;
		text-align: center;
	}
	
	.column{
		float: left;
		width: 290px;
	}



/* Footer Styles *************************************/
/* ================================================= */
#footer{
	border-top: 1px solid #e3e1ec;
	margin: 0 0 20px 0;
	padding: 20px 0 0 206px;
}
	#footer ul{margin-bottom: 15px;}
	#footer ul li{display: inline;}
		#footer ul li span{padding: 0 3px;}
	
#internal #footer{
	border-bottom: 1px solid #e3e1ec;
	padding: 0 0 0 186px;
}
	#footer-content{
		border-left: 1px solid #e3e1ec;
		padding: 20px 0 0 20px;
	}