@charset "UTF-8";
/* CSS Document for WinnerViews - Layout */

/* created: June 15, 2009 */
/* edited: June 15, 2009, Sept 23, 2009, Sept 24, 2009, Sept 30, 2009 */
/* Oct 6, 2009, Oct 7, 2009, Oct 8, 2009, Oct 9, 2009, Oct 20, 2009,  */
/* Oct 21, 2009, Oct 27, 2009, Oct 28, 2009, Oct 29, 2009, Oct 30, 2009 */
/* Oct 31, 2009, Nov 1, 2009, Nov 2, 2009, Nov 9, 2009, Nov 10, 2009 */
/* Dec 1, 2009 */
/* Author: Stacey Sansom with Stacey Sansom Designs */
/* copyright 2009 WinnerViews and JJ Smith */


/* style all HEADER contents - things found within the HEADER section of the website */

		#header img {border: none;
				padding: 35px 0 0 0;
				margin: 0;
				float: left;}
		
		/* style the H1 HEADER, reserved for company name, hid out of sight for CSS enabled browsers */
		#header h1 {position: relative;
				left: -9999px;
				display: inline
				text-align: left;
				margin: 0;
				padding: 0;}
			
		
		
		
/* style the PARAGRAPHS in the CONTENT portion of the site */		

		#mainContent p {padding: 10px 0 0 0;
			margin: 0;}
			
		#mainContent h3 {padding: 10px 0 0 0;
			text-align: left;}
			
			#mainContent h3+p {margin: 0;
				padding: 0 0 10px 0;}
				
		#mainContent .picturesCenter {width: 650px;
			margin: 5px auto;
			padding: 0;
			text-align: center;}
		
		#mainContent .pictures {width: 260px;
			margin: 0 0 5px 5px;
			padding: 0;
			text-align: center;
			float: right;}
			
		#mainContent .picturesWide {width: 360px;
			margin: 0 0 5px 5px;
			padding: 0;
			text-align: center;
			float: right;}
			
			#mainContent .pictures p,
			#mainContent .picturesCenter p,
			#mainContent .picturesWide p {font-family: Arial, Helvetica, sans-serif;
				font-size: 0.9em;
				margin: 0 auto;
				padding: 0;
				text-align: center;
				clear: both;}
			
			#mainContent .pictures img,
			#mainContent .picturesCenter img,
			#mainContent .picturesWide img {margin: 0 auto;
				padding: 3px; 
				border: 1px solid #fde6bb;}
				
				#mainContent .picturesCenter img {width: auto;}
				
				#mainContent .picturesWide img {width: 350px;}
				
				#mainContent .pictures img {width: 250px;}
				
		
		/* style tables in the content of the site */
		#mainContent table {width: 80%;
			margin: 0 auto;
			padding: 0;
			border: none;
			clear: both;
			text-align: left;}
			
			#mainContent table th.price {width: 30%;}
				
			#mainContent table th {border-bottom: 1px solid #000; /* black */}
			
			#mainContent table th.pagname {border: none;
				font-size: 100%;
				width: auto;}
			
			#mainContent table th,
			#mainContent table td {margin: 0 5px;
				padding: 5px;
				vertical-align: top;}
				
			#mainContent table tr {vertical-align: top;}
			
			#mainContent table.winnerGirls {width: 100%;
				padding-bottom: 25px;}
			
			#mainContent table#partners {width: 100%;
				clear: both;
				padding-bottom: 25px;}
			
			#mainContent table.winnerGirls td,
			#mainContent table#partners td {font-size: 100%;
				padding: 3px 5px;}
				
			#mainContent table.winnerGirls .alt,
			#mainContent table#partners .alt {background-image: url(../images_lo/wv_bg_tablerow.png);
				color: #000; /* black */}
				
			#mainContent table.winnerGirls caption {text-align: left;
				font-weight: bold;
				font-size: 1.2em;
				border-bottom: 1px solid #000; /* black */
				margin: 20px 0 5px 0;
				padding: 5px;
				background-color: #000; /* black */
				color: #ebb147; /* orange */ }
			
		#mainContent span.addInfo {font-size: .9em;
			font-style: italic;
			margin: 0;
			padding: 0 15px 0 25px;
			display: block;}




/* style the FEATURED CONTENT on the site, styling the paragraphs and images for FEATURED PARTNERS */
				
		#mainContent .featured p {margin: 0;
			padding: 5px;}
			
		#mainContent .featured img {width: 200px;
			margin: 10px;
			padding: 0;
			border: none;}
				
				

/* style the DEFINITION LISTS on the site, this is used on the FAQ page */
				
		#mainContent dl {margin: 0 auto;
			padding: 0;
			text-align: left;}
			
			#mainContent dt {
				margin: 0;
				padding: 10px 0;
				font-weight: bold;}
				
			#mainContent dd {
				margin: 0;
				padding: 0 0 25px 0;
				font-family: Arial, Helvetica, sans-serif;}
				
			/* style the Q and A portion of the FAQ stuff */	
			#mainContent dl span {display: inline;
				padding: 3px 5px;
				margin: 0 5px 10px 0;
				color: #fde6bb; /* parchment */
				background-color: #000; /* black */
				font-family: "Times New Roman", Times, serif;}
				
	
	
	
/* style the TESTIMONIALS content on the site, styling paragraphs and images related to TESTIMONIALS */	
				
#testimonials p {margin: 0;
	padding: 0;}

#testimonials p.happyclient {text-align: right;
	font-style: italic;
	margin-top: 10px;}
			
.testimonialsRight img,
.testimonialsLeft img {height: 250px;
	padding: 3px;
	border: 1px solid #fde6bb; /* parchment */}

.testimonialsRight img {float: left;
	margin-right: 10px;}

.testimonialsLeft img {float: right;
	margin-left: 10px;}
				
	



#mainContent .collagePic {width: 140px; 
	margin: 0;
	padding: 0;
	border: none;
	float: left;
	position: relative;
	height: 175px;
	overflow: hidden;}
	
	#mainContent .collagePic img {width: 140px;
		margin: 0;
		padding: 0;}
		
	#mainContent .collagePic p {position: absolute;
		top: 154px;
		left: 0;
		width: 140px;
		height: auto;
		padding: 3px;
		margin: 0;
		background: #000; /* black */
		color: #fff; /* white */
		text-align: center;
		font-size: 12px;
		font-family: Arial, Helvetica, sans-serif;
		line-height: 15px;}
		
#mainContent .collagePicHall {width: 280px;
	margin: 0;
	padding: 0;
	border: none;
	float: left;
	position: relative;
	height: 175px;
	overflow: hidden;}
	
	#mainContent .collagePicHall img {width: 280px;
		margin: 0;
		padding: 0;}
	
	#mainContent .collagePicHall p {position: absolute;
		top: 154px;
		left: 0;
		width: 280px;
		height: auto;
		padding: 3px;
		margin: 0;
		background: #000; /* black */
		color: #fff; /* white */
		text-align: center;
		font-size: 12px;
		font-family: Arial, Helvetica, sans-serif;
		line-height: 15px;}
		
	#mainContent .collagePic p.twoLine,
	#mainContent .collagePicHall p.twoLine {top: 139px;}