/*
	*****CSS Framework*****
	Developed by Matt Cordell of Alaress
*/
@import url("reset.css");
@import url("forms.css");

body { background: #000; font-family: Arial, Helvetica, sans-serif; }
#bg { background: #fff; padding-bottom: 30px; }
/*--------------------------------------------------------------
 Link styles 
--------------------------------------------------------------*/
a { color: #ED008C; }
/*--------------------------------------------------------------
 Heading styles 
--------------------------------------------------------------*/

h1,h2,h3,h4 { font-weight: bold; margin-bottom: 0.5em; }
h1 {
	font-size: 20px;
	color: #000;
	margin-bottom: 1em;
}
h2 {
	font-size: 1.5em;
	color: #ED008C;
	margin-bottom: 1em;
	line-height: 1.5;
}
#small {
	font-size: 1.3em;
}
h2 span {
	color: #000;
}
h3 {
	font-size: 1.2em;
	line-height: 1.5;
}
h4 {}

/*--------------------------------------------------------------
 Body Text styles 
--------------------------------------------------------------*/
strong { font-weight: bold; }
em { font-style: italic; }
p, ul {	line-height: 1.5;	margin: 0 0 1em 0; }
.pink p {
	color: #ed008c;
}
p span {
	color: #a5a5a5;
}
/*--------------------------------------------------------------
 Core Layout styles 
--------------------------------------------------------------*/
#container {
	width: 800px;
	margin: 0 auto;
}
#header {
	height: 101px;
	margin-bottom: 35px; 
}
#content {
	padding-bottom: 40px;
}
#content.home {
	width: 536px;
	float: left;
	padding: 0;
}
#logo {
	margin-top: 22px;
	float: left;
}
#trent {
	margin-top: -65px;
	display: block;
	width: 264px;
	float: left;
}
.col {
	float: left;
	width: 48%;
	margin-right: 4%;
}
.col.last {
	margin: 0; 
}
#cta {
	background: url(/img/cta.png) no-repeat;
	height: 182px;
	position: relative;
	top: -55px;
	margin-top: 0;
}
#buy-button {
	display: block;
	width: 223px;
	height: 74px;
	position: absolute;
	z-index: 2;
	top: 39px;
	right: 12px;
	text-indent: -9999px;
}
#buy-box {
	background: #eee;
	border: 1px solid #ccc;
	padding: 15px;
	float: left;
}
#buy-box h2 {
	margin: 0;
	line-height: 46px;
}
.floatedBox {
	width: 320px;
}
.floatedBox p {
	float: left;
	line-height: 46px;
}
#sampleBook {
	border: 1px solid #ccc;
	padding: 55px;
	font-size: 14px;
	font-family: "Times New Roman", Times, serif;
	background: #fcfcfc;
}
/*--------------------------------------------------------------
 Nav Layout styles 
--------------------------------------------------------------*/
#nav {
	margin: 0;
	float: left;
	margin: 61px 0 0 49px;
}
#nav li {
	float: left;
}
#nav a {
	display: block;
	height: 37px;
	text-indent: -9999px;
}
#nav a:hover {
	background-position: center;
}
#nav a.current {
	background-position: bottom;
}
#home a {
	width: 83px;
	background: url(/img/nav/home.gif) no-repeat;
}
#sample a {
	width: 99px;
	background: url(/img/nav/sample.gif) no-repeat;
}
#footer-outer {
	background: #000 url(/img/footer.png) repeat-x;
}
#footer {
	margin: 0 auto;
	width: 800px;
	position: relative;
}
#footer ul {
	margin: -85px 0 0 0;
	float: right;
	position: relative;
	z-index: 5;
}
#footer li {
	float: left;
	color: #707070;
	font-size: 10px;
	padding-left: 12px;
	margin-left: 11px;
	background: url(/img/footer-div.png) no-repeat 0 3px;
}
#footer li.first {
	background: 0;
}
#footer a {
	color: #707070;
}
#footer a:hover {
	color: #fff;
}
#send-button {
	width: auto;
	height: auto;
}
/*--------------------------------------------------------------
	Form styles 
--------------------------------------------------------------*/
.std-form fieldset {
	position: relative;
}
.std-form label {
	margin: 0 0 0.5em 0;
	display: block;
	width: 80px;
	font-weight: bold;
}
.std-form input,
.std-form textarea {
	padding: 3px;
	width: 250px;
	height: auto;
}
.float-fix {
	clear: both;
	font-size: 0;
	height: 0;
}