/*
	 jquery nav by Chris Coyier
	 http://css-tricks.com
*/

* { margin: 0; padding: 0; }
body { font: 100% constantia, palatino; background: #fff; color: #000; }

header { padding: 100px 0 0 0; display: block; }
header h1 { width: 960px; margin: 0 auto; }
.nav-wrap a { color: #eee; }
.nav-wrap a:hover { color: white; }

.nav-wrap { 
	margin: 0px auto 50px auto; 
	background-color: rgba(0,0,0,0.6); 
	border-bottom:    4px solid rgba(0,0,0,0.9); 
	 
	/* with no header: margin: 50px auto; border-top: 4px solid rgba(0,0,0,0.9); */
}

/* Clearfix */
.group:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; }
*:first-child+html .group { zoom: 1; } /* IE7 */



/* Example One */
#example-one { 
	margin: 0 auto; 
	list-style: none; 
	position: relative; 
	width: 800px;
}
#example-one li { 
	display: inline-block;	
}
#example-one a { 
	color: #fff; 
	font-size: 16px; 
	float: left;
	padding: 6px 10px 0px 10px;
	text-decoration: none;
	/*text-transform: uppercase;*/
	letter-spacing:2px;
}
#example-one a:hover { 
	color: #EAB663; 
}
#magic-line { 
	position: absolute;
	bottom: -2px; 
	left: 0; 
	width: 100px; 
	height: 3px; 
	background: #EAB663;
}
.current_page_item a { 
	color: white !important; 
}
.ie6 #example-one li, .ie7 #example-one li { 
	display: inline; 
}
.ie6 #magic-line {
	bottom: -3px;
}

/* above: nav */
/* below: rest of css */

.container {
	width: 800px;
	min-height: 600px;
	background: #FFF;
	margin: 0 auto 0 auto;
}

.content {
	padding: 0;
}

a:link {
	color:#333;
	text-decoration: underline; 
}
a:visited {
	color: #333;
	text-decoration: underline;
}
a:hover, a:active, a:focus { 
	text-decoration: none;
}

p {
	margin-bottom:1.4em;
	text-align:justify; 
	line-height:1.4em;
}

.footer { 
	margin: 50px auto 30px auto;
	padding: 10px 0px; 
	background-color: #fff; 
	border-top: 4px solid rgba(0,0,0,0.9); 
	height: 330px;
	width: 800px;
	clear: both;
}

.readinggroups li {
	margin-bottom: 1.6em;
}

.readinggroups {
	text-align:left!important;
	margin: 0px auto 0px auto;
	width: 60%;
}

.footerthird
{
	width: 33%;
	height: 100%;
	float: left;
}

.title {
	font-size: 1.4em;
	text-align:center!important;
}

.footer a:link {
	color:#000;
	text-decoration: underline; 
}
.footer a:visited {
	color: #000;
	text-decoration: underline;
}
.footer a:hover {
	color:#000;
	text-decoration: none; 
}

.header { 
	margin: 0px auto 0px auto;  
	height: 140px;
	background: #C95C53;
	width:740px;
	z-index: 2;
}

.background { 
	height: 140px;
	background: #C95C53;
	border-bottom: 4px solid rgba(0,0,0,0.9); 
}
	
.reviewattribute {
	margin-left:80px;
}

.reviewattributeread {
	margin-left:320px;
}

.heading {
	font-size:20px;
	font-weight:bold;
	text-align:left;
	margin: 20px 0px 30px 0px;
}	

a.download  {
	padding: 10px;
	width: 100px;
	border: 2px solid #4d4d4d;
	margin: 0 auto 0 auto;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	background-color: #C95C53;
	background-image: -webkit-gradient(radial, 100% 100%,100,-50% -50%,100, from(rgb(201, 92, 83)),to(rgb(234, 182, 99)));
	background-image: -webkit-radial-gradient(0% 0%, rgb(234, 182, 99), rgb(201, 92, 83));
	background-image: -moz-radial-gradient(0% 0%, rgb(234, 182, 99), rgb(201, 92, 83));
	background-image: -o-radial-gradient(0% 0%, rgb(234, 182, 99), rgb(201, 92, 83));
	background-image: -ms-radial-gradient(0% 0%, rgb(234, 182, 99), rgb(201, 92, 83));
	background-image: radial-gradient(0% 0%, rgb(234, 182, 99), rgb(201, 92, 83));	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px;
	
}

a.download:hover   {
	background-image: -webkit-gradient(radial, 0% 0%,100,150% 150%,100, from(rgb(201, 92, 83)),to(rgb(234, 182, 99)));
	background-image: -webkit-radial-gradient(100% 100%, rgb(234, 182, 99), rgb(201, 92, 83));
	background-image: -moz-radial-gradient(100% 100%, rgb(234, 182, 99), rgb(201, 92, 83));
	background-image: -o-radial-gradient(100% 100%, rgb(234, 182, 99), rgb(201, 92, 83));
	background-image: -ms-radial-gradient(100% 100%, rgb(234, 182, 99), rgb(201, 92, 83));
	background-image: radial-gradient(100% 100%, rgb(234, 182, 99), rgb(201, 92, 83));
}

.reviewgradient {
	width: 80%;
	margin: 0 auto 30px auto;
	clear: both;
}