/* ###################################### */
/*                                        */
/*                                        */
/*      Custom Cascading Style Sheet      */
/*    written for USAReadingClinic.com    */
/*    by WeichertCreative.com June.08     */
/*                                        */
/*                                        */
/* ###################################### */


/* 
Primary Color List 
	f62588 - PINK
	fdd3e7 - med PINK
	fee9f3 - light pink
	0485be - BLUE
	a7cfe4 - med BLUE
	e6f2f8 - LIGHT BLUE
	ff5 - yellow
	*/
	
	
	* { margin: 0; padding: 0; outline: none; border: none; }
	body {
		font: 				62.5% Verdana, Arial, 'Lucida Grande', Helvetica, san-serif;
		background: 		#fff url(../_img/top_tile.png) repeat-x 0 0; 
		text-align: 		center;
		}
	a:link, a:visited {
		color: 				#f62588;
		text-decoration: 	none;
		}
	a:hover, a:active {
		color:				#000;
		text-decoration: 	none;
		}
	#page { 
		width: 				800px; 
		margin: 			0 auto; 
		text-align: 		left; 
		}
	#head { 
		height: 			120px; 
		}
	#nav {
		list-style: 		none;
		text-transform: 	uppercase;
		font-size: 			1em;
		padding: 			20px 0;
		text-align: 		center;
		font-weight:		bold;
		margin: 			0 0 15px 0;
		}
	#nav li { 
		display: 			inline; 
		padding: 			0 20px; 
		}
	#nav li a:link, 
	#nav li a:visited { 
		color: 				#fff; 
		text-decoration: 	none;
		}
	#nav li a:hover, 
	#nav li a:active { 
		color: 				#f62588; 
		}
	a#logo { 
		display: 			block; 
		background: 		url(../_img/logo.png) no-repeat 0 0; 
		width: 				345px; 
		height: 			41px; 
		border-right: 		1px #f62588 solid;
		padding: 			0 30px 0 0;
		}
	a#logo span { 
		display: 			none; 
		}
	p#tag { 
		float: 				right; 
		font-size: 			1.2em; 
		text-align: 		center; 
		padding: 			15px 0 0 0; 
		}
	.wrap { 
		clear: 				both;
		}
	#splash { 
		clear: 				both; 
		display: 			block; 
		width: 				793px; 
		height: 			288px; 
		text-align: 		center;
		overflow: 			hidden;
		margin: 			0 0 20px 0;
		}
	#splash img {
		top: 				0;
		left: 				0;
		}
		
	#side {
		float: 				right;
		width: 				240px;
		background: 		#e6f2f8 url(../_img/side/side_top.png) no-repeat center top;
		}
	#side_inner {
		background: 		url(../_img/side/side_bot.png) no-repeat center bottom;
		padding: 			10px;
		}
	.split {
		background: 		url(../_img/side/side_split.png) no-repeat center top;
		height: 			14px;
		padding: 			0 0 10px 0;
		}
	#content {
		clear: 				both; 
		}
	#docontent {
		margin: 0 260px 0 0;
		}
	
	h1 { 
		padding: 			20px 0 5px 0; 
		font: 				bold 4em Georgia, Times, 'Times New Roman', serif; 
		color: 				#000; 
		display: 			block;
		text-align: 		center;
		}
	h1.main { 
		padding: 			20px 0 5px 0; 
		font: 				bold 5.6em Georgia, Times, 'Times New Roman', serif; 
		color: 				#000; 
		display: 			block;
		text-align: 		center;
		}
	h1.sidebar { 
		padding: 			10px 0 5px 0; 
		font: 				bold 3em Georgia, Times, 'Times New Roman', serif; 
		color: 				#0485be; 
		display: 			block;
		text-align: 		center;
		}
	h2 { 
		font: 				bold 2.6em Georgia, Times, 'Times New Roman', serif; 
		color: 				#000;
		padding: 			5px 0 10px 0;
		line-height: 		140%;
		text-align: 		center;
		}
	h3 { 
		font: 				bold italic 2em Georgia, Times, 'Times New Roman', serif; 
		color: 				#000;
		padding: 			5px 0 10px 0;
		line-height: 		140%;
		}
	h3.sidebar { 
		font: 				italic 1.8em Georgia, Times, 'Times New Roman', serif; 
		color: 				#000;
		padding: 			5px 0 10px 0;
		line-height: 		140%;
		text-align: 		center;
		}
	h4 { 
		font: 				bold 1.4em Georgia, Times, 'Times New Roman', serif; 
		color: 				#fff;
		padding: 			5px 0;
		line-height: 		140%;
		background: 		#0485be;
		text-align: 		center;
		}
	h5 { 
		font: 				bold italic 1.8em Georgia, Times, 'Times New Roman', serif; 
		color: 				#0485be;
		padding: 			5px 0;
		line-height: 		140%;
		text-align: 		left;
		}
	#content p,
	#docontent p { 
		font-size: 			1.5em; 
		color: 				#000; 
		padding: 			0 0 15px 0; 
		line-height: 		150%;
		}
	.blubox { 
		background: 		url(../_img/bluebox/blue_bot.png) no-repeat center bottom; 
		}
	.bluinner { 
		background: 		url(../_img/bluebox/blue_top.png) no-repeat center top; 
		padding: 			20px; 
		height: 			220px;
		}
	.bluinner h1 { 
		padding: 			20px 10px 5px 10px; 
		font: 				3.1em Georgia, Times, 'Times New Roman', serif; 
		color: 				#fff; 
		display: 			block;
		width: 				500px; 
		line-height: 		140%; 
		text-align: 		left;
		}
	.bluinner h2 { 
		font: 				normal 2.8em Georgia, Times, 'Times New Roman', serif; 
		color: 				#fff;
		padding: 			20px 0;
		text-align: 		left;
		}
	
	#signup { 
		position: 			relative; 
		color: 				#fff; 
		display: 			block; 
		width: 				200px; 
		float: 				right; 
		background: 		url(../_img/bluebox/blue_split.png) no-repeat 0 0; 
		height: 			240px; 
		padding-left: 		80px; 
		}
	a#signuparrow:link,
	a#signuparrow:visited { 
		display: 			block; 
		width: 				80px; 
		height: 			85px; 
		background: 		url(../_img/bluebox/pinkarrow.png) no-repeat center top; 
		overflow: 			hidden; 
		float: 				right; 
		position: 			absolute; 
		top: 				100px; 
		right: 				40px;
		}
	a#signuparrow:hover, 
	a#signuparrow:active { 
		background-position: center bottom; 
		}
	a#signuparrow span { 
		display: 			none;
		}
	#content .bluinner p,
	#docontent .bluinner p { 
		font-family: 		Georgia, Times, 'Times New Roman', serif; 
		font-size: 			2.0em;
		color: 				#fff; 
		padding: 			0 10px; 
		line-height: 		140%;
		}
	
	#foot { 
		clear: 				both; 
		background: 		url(../_img/foot_tile.png) repeat-x 0 0; 
		padding: 			20px 0; 
		margin: 			20px 0;
		}
	#foot p {
		color: 				#aaa;
		font-weight:		bold;
		font-size: 			1.2em;
		}
	#foot p.copy {
		font-weight: 		normal;
		font-size: 			0.9em;
		padding:			5px 0;
		}
	
	.pink { color: 			#f62588; }
	.blue {	color:			#0485be; }
	.yel { background:		#ff5; }
	
	.swash { 
		background:			url(../_img/bluebox/swash.png) no-repeat right bottom; 
		padding: 			0 0 5px 0; 
		}
	.swash2 { 
		display: 			inline;
		background:			url(../_img/swash2.png) no-repeat center bottom; 
		padding: 			0 0 7px 0; 
		font-weight: 		bold;
		}
	.rulepink {
		border-top:			1px #f62588 solid;
		}
	.guarantee {
		background: 		url(../_img/guarantee.png) no-repeat center center;
		display: 			block;
		width: 				220px;
		height: 			220px;
		float: 				right;
		text-indent: 		-9999px;
		margin: 			10px 10px 40px 20px;
		}
	.testimonial {
		margin: 			17px auto;
		background: 		url(../_img/side/side_split.png) no-repeat center bottom;
		padding: 			0 0 15px 0;
		}
	#side p {
		font-size: 			1.4em; 
		color: 				#000; 
		padding: 			0 0 10px 0; 
		line-height: 		140%;
		}
	#side .testimonial p {
		font-size: 			1.4em; 
		font-style: 		italic;
		color: 				#000; 
		padding: 			0 0 25px 0; 
		line-height: 		150%;
		}
	#side p.disclaimer {
		font-size: 			1em; 
		color: 				#000; 
		padding: 			10px; 
		line-height: 		150%;
		text-align:			justify;
		background: 		#e6f2f8;
		}
		
	img.testimonial {
		margin: 			0 0 20px 0;
		}
	ul.alt {
		list-style: 		none;
		margin: 			0 0 20px 0;
		border-top: 		1px #f62588 solid;
		}
	.alt li {
		background: 		url(../_img/leftarrowwhite.png) no-repeat 5px 5px;
		padding: 			10px 10px 10px 45px;
		font-size: 			1.5em; 
		color: 				#000; 
		line-height: 		150%;
		border-bottom: 		1px #f62588 solid;
		}
	.alt li.row0 {
		background:			url(../_img/leftarrowwhite.png) no-repeat 5px 5px;
		padding: 			10px 10px 10px 45px;
		font-size: 			1.5em; 
		color: 				#000; 
		line-height: 		150%;
		}
		
	/*
	a#order:link,
	a#order:visited {
		background: 		url(../_img/order_now.png) no-repeat center top; 
		color: 				#fff;
		font-size: 			2.5em;
		display: 			block;
		width: 				537px; 
		height: 			71px;
		text-align: 		center;
		font-weight: 		bold;
		margin: 			20px 0 50px 0;
		text-decoration: 	none;
		}
	a#order:hover,
	a#order:active {
		background-position: center bottom;
		} */
		
	a#order:link,
	a#order:visited {
		background: 		url(../_img/call_now.png) no-repeat center top; 
		color: 				#fff;
		font-size: 			2.5em;
		display: 			block;
		width: 				537px; 
		height: 			91px;
		text-align: 		center;
		font-weight: 		bold;
		margin: 			20px 0 50px 0;
		text-decoration: 	none;
		}
	a#order:hover,
	a#order:active {
		background-position: center bottom;
		}
	a#order span { display: none; }
	.callout {
		display: 			block;
		float: 				right;
		width: 				200px;
		margin: 			0 0 0 20px;
		background:			#0485be url(../_img/callout/call_top.png) no-repeat center top;
		}
	.callout_inner {
		display: 			block;
		padding: 			10px;
		background:			url(../_img/callout/call_bot.png) no-repeat center bottom;
		}
	.callout_white {
		display: 			block;
		padding: 			0 10px;
		border: 			1px #ddd solid;
		float: 				right;
		width: 				200px;
		margin: 			0 0 0 20px;
		background:			#fff;
		}
	.call_split {
		background: 		url(../_img/callout/call_split.png) no-repeat center top;
		height: 			14px;
		margin: 			10px 0 0 0;
		}
	img.jerry {
		}
	img.jerry2 {
		}
	#learn { 
		position: 			relative; 
		color: 				#fff; 
		display: 			block;
		background: 		#0485be; 
		}
	#learn h2 { 
		font: 				normal 2.5em Georgia, Times, 'Times New Roman', serif; 
		color: 				#fff;
		padding: 			10px 0 10px 0;
		text-align: 		left;
		}
	a#learnmore:link,
	a#learnmore:visited { 
		display: 			block; 
		width: 				80px; 
		height: 			85px; 
		background: 		url(../_img/bluebox/pinkarrow.png) no-repeat center top; 
		overflow: 			hidden; 
		float: 				right; 
		position: 			absolute; 
		top: 				70px; 
		right: 				20px;
		}
	a#learnmore:hover, 
	a#learnmore:active { 
		background-position: center bottom; 
		}
	a#learnmore span { 
		display: 			none;
		}
	#content p.callouttext,
	#docontent p.callouttext {
		font-size: 			1.3em;
		padding: 			0;
		border-top:			5px #0485be solid;
		color: 				#fff;
		}
	#docontent p.credit { font-size: 1.2em; margin: 5px 0; padding: 0; color: #fff; font-style: italic; text-align: center; }
	#side p.credit { font-size: 1.2em; margin: 0 0 10px 0; padding: 0; color: #000; font-style: italic; text-align: center; }
		
	ul.check { 
		list-style: 		none;
		margin: 			5px 0 0 0;
		}
	ul.check li {
		background: 		url(../_img/smallcheck.png) no-repeat 0 3px;
		padding: 			0 0 15px 20px;
		font-size: 			1.4em; 
		color: 				#000; 
		line-height: 		150%;
		}
		
	a.learnmore:link,
	a.learnmore:visited {
		background: 		#a7cfe4;
		color: 				#000;
		display: 			block;
		text-align: 		center;
		text-decoration: 	none;
		margin: 			5px 0 0 0;
		padding: 			5px;
		font-weight: 		bold;
		}
	a.learnmore:hover,
	a.learnmore:active {
		background: 		#0485be;
		color: 				#fff;
		}
	
	#contact {
		float: 				right;
		padding: 			20px 0;
		width: 				550px;
		height: 			320px;
		overflow: 			hidden;
		}
	
	h1.contactpink {
		padding: 			20px 0 0 0; 
		width: 				250px; 
		text-align: 		left;
		color: 				#f62588;
		}
		
	form {
		font-size: 			1.2em; 
		color: 				#000; 
		padding: 			0 0 15px 0; 
		line-height: 		150%;
		}
	form table {
		padding: 			20px;
		}
	form table td {
		}
	form input.textin {
		border: 			1px #f62588 solid;
		font-size: 			1.5em; 
		color: 				#000; 
		padding: 			4px;
		margin: 			0 0 20px 0;
		}
	form .textin_area {
		border: 			1px #f62588 solid;
		font-size: 			1.5em; 
		color: 				#000; 
		padding: 			4px;
		width: 				735px;
		height: 			100px;
		margin: 			0 0 20px 0;
		}
	form .submit {
		background: 		#f62588;
		color: 				#fff;
		padding:			4px 10px;
		margin: 			0 15px;
		text-align: 		right;
		font-weight: 		bold;
		font-size: 			1.5em;
		}
	.req { float: 			left; }
	
	#video { margin: 0 auto; text-align: center; }
	p.caption { display: none; font-style: italic; font-size: 0.8em; }
	
	#foot p.fcredit, a#credit:link, a#credit:visited { color: #ddd; text-decoration: none; font-size: 1em; font-weight: normal; }
	a#credit:hover, a#credit:active { color: #f62588; }
	
	#foot p.fnav, a.flink:link, a.flink:visited { color: #333; text-decoration: none; font-size: 1em; font-weight: normal; }
	a.flink:hover, a.flink:active { color: #f62588; }