/*  ------------------------------------------------------------------------
                               givemore.com
							 index styles applied to the index.aspx page
    ------------------------------------------------------------------------  */
	
#content{
	width:800px;}
	
	#content img.shopfor{
		width: 166px;
		height: 24px;
		margin-bottom: -22px;}

/*  ----------------------------------------|  Brand Navigation  |-----  */

#brand-nav {
	float:left;
	width: 800px;
	padding: 0;
	margin: 15px 0 40px 0;}
	
	#brand-nav ul#shopfor {
		margin: 0 12px 0 0;
		width: 169px;
		padding: 0;
		float: left;}

	#brand-nav ul#shopfor li {
		border-bottom: #e2e2e2 solid 1px;
		padding: 8px 0;	
		height: 33px;
		width: 169px;
		margin: 0;}
		
	#content #brand-nav ul#shopfor li a,
	#content #brand-nav ul#shopfor li a:visited {
		font-family: Helvetica, Arial, sans-serif;
		font-weight: bold;
		font-size: 14px;
		margin: 0;
		padding: 0;
		border: none;
		display: block;
		cursor: pointer;}	
		
	#brand-nav ul#shopfor li p.description {
		color: #333333;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		margin: 0;
		padding: 0;}

/*  ----------------------------------------|  Showcase  |-----  */
#showcase {
	float: right;
	width: 619px;
	height: 448px;}
	
	#showcase a {
		border: none;
		cursor: pointer;}
	
	#dominate{
		float: left;
		width: 305px;
		height: 448px;
		position: relative;}
		
		#showcase #dominate img{
			width: 305px;
			height: 448px;;
			border: 0;
			margin: 0;
			padding: 0;}
			
		#showcase #dominate .about-dominate{
			height: 42px;
			width: 305px;
			margin: 0;
			position: absolute;
			bottom: 0;
			left: 0;
			z-index: 2;}
			
		#showcase p.about-lrg{
			color: #ffffff;
			font: Helvetica, Arial, sans-serif;
			font-size: 12px;
			font-weight: bold;
			line-height: 12px;
			margin: 0;
			padding: 8px 10px 0 10px;}
			
		#showcase p.about-sml{
			color: #ffffff;
			font: Helvetica, Arial, sans-serif;
			font-size: 11px;
			margin: 0;
			padding: 0 10px 10px;}
			
	#small-showcase{
		float: right;
		height: 448px;
		width: 302px;}
		
		#small-showcase .surround{
			float: left;
			margin: 0;
			padding: 0;
			width: 146px;
			height: 219px;
			position: relative;}
		
		#small-showcase .surround-right{
			float: right;
			margin: 0;
			padding: 0;
			width: 146px;
			height: 219px;
			position: relative;}
			
		#small-showcase .about-sml-showcase{
			height: 42px;
			width: 146px;
			margin: 0;
			position: absolute;
			bottom: 0;
			left: 0;
			z-index: 2;}
	
		#small-showcase #top-sml-showcase{
			height: 219px;
			width: 302px;
			margin: 0 0 10px 0;
			position: relative;}
			
		#small-showcase #bottom-sml-showcase{
			height: 219px;
			width: 302px;}
			
			#small-showcase #top-sml-showcase img.left,
			#small-showcase #bottom-sml-showcase img.left{
				float: left;
				height: 219px;
				width: 146px;
				margin: 0 10px 0 0;
				padding: 0;}
			
			#small-showcase #top-sml-showcase img.right,
			#small-showcase #bottom-sml-showcase img.right{
				float: right;
				height: 219px;
				width: 146px;
				margin: 0;
				padding: 0;}


/*  ----------------------------------------|  Recommended  |-----  */

#recommended {
	float: left;
	margin: 0;
	padding: 0;
	height: 250px;
	width: 800px;}
	
	#perfectfor {
		background: #ededed;
		float: left;
		height: 250px;
		margin: 0 14px 0 0;
		width: 393px;}
		
		#perfectfor p.copy, #bloglooking p.copy {
			color: #333333;
			padding: 10px 10px 5px;
		}
		
		#perfectfor p.succeeding, #bloglooking p.succeeding {
			padding: 0 10px 5px;
		}
		
		#perfect-left {
			float: left;
		}
		
		#perfect-right {
			float: right;
			padding-right: 30px;}
		
			#perfect-left h3 a, #perfect-right h3 a, #bloglooking h3 a {
				font-family: Arial, Helvetica, sans-serif;
				font-weight: bold;
				font-size: 14px;}
				
			h3.recommended{
				font-family: Arial, Helvetica, sans-serif;
				font-weight: bold;
				font-size: 14px;
				margin: 0;
				padding: 10px 0 7px 10px;}
		
	#bloglooking {
		background: #ededed;
		float: right;
		height: 250px;
		margin: 0;
		width: 393px;}
		
		#perfectfor h2, #bloglooking h2 {
			color:#ededed;
			height: 37px;
			width: 383px;
			background: #333333;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 24px;
			padding: 6px 0 0 10px;
			margin: 0;}


/*  ----------------------------------------|  Random  |-----  */
		
hr.clearboth {
	clear:both;
	display: none;
	margin: 0;
	padding: 0;}
	
span.arrow {
	width: 6px;
	height: 5px;
	margin-left: 10px;}