/*

Stylesheet for Client Name
Handwritten by Richard Wilmot (AztecMedia.eu)
www.madhatter.com

*/


/* ------------ Defaults ------------ */

#skip { 
	display: block;
	height: 100px;
	margin-top: -100px; 
	}
	
body {
	background: url('../images/body-bg.gif') no-repeat top left;
	background-repeat:repeat-x;
	font-family: Arial, Helvetica, Tahoma, sans-serif;
	font-size: 0.7em;
	}

#container {
	margin: auto;
	width: 960px;
	}
	
h2 {
	font-size: 165%;
	font-weight:bold;
	color:#264f73;
	margin-bottom: 10px;
	}
	
h3 {
	font-size: 125%;
	font-weight:bold;
	color:#264f73;
	margin-bottom: 5px;
	}

p {
	color:#264f73;
	margin-bottom: 5px;
	}
	
#howitworks p {
	color:#264f73;
	margin-bottom: 8px;
	}

.cleared {
	clear: both;
	}

hr {
	display: none;
	}
	
abbr {
	border-bottom: 1px dotted #000;
	cursor: help;
	}


/* --------- Branding --------- */

#branding {
	background: url('../images/branding-bg.jpg') no-repeat top left;
	height: 74px;
	width: 960px;
	}

#branding h1 a {
	display: block;
	text-indent: -25000px;
	float: left;
	height: 74px;
	width: 410px;
	}

#h1-flash {
	float:right;
	}

/* --------- Navigation --------- */

#nav {
	background: url('../images/nav-bg.jpg') no-repeat top left;
	clear: both; 
	height: 41px; 
	text-indent: -25000px;
	width: 960px;
	}
	
#nav li { 
	float: left;
	width: 160px
	}

#nav a {
	display: block;
	height: 41px;
	}
	
#nav a:hover {
	background-position: 0 -41px;
	}
	
#nav .selected {
	background-position: 0 -82px;
	}

#nav-home a {
	background: url('../images/nav-home.gif') no-repeat top left;
	}
	
#nav-faq a {
	background: url('../images/nav-faq.gif') no-repeat top left;
	}

#nav-products a {
	background: url('../images/nav-products.gif') no-repeat top left;
	}
	
#nav-howitworks a {
	background: url('../images/nav-howitworks.gif') no-repeat top left;
	}
	
#nav-freeinformation a {
	background: url('../images/nav-freeinformation.gif') no-repeat top left;
	}
	
#nav-contact a {
	background: url('../images/nav-contact.gif') no-repeat top left;
	}




/* --------- Content Container --------- */

#content-container {
	float:left;
	width: 900px;
	padding: 30px 30px 10px 30px;
	background-color:#fff;
	line-height: 1.6em;
	}
	
	
/* --------- Content Left --------- */

#default #content-left, #contact #content-left, #howitworks #content-left {
	float:left;
	width: 430px;
	padding: 0px 20px 10px 0px
	}
	
#content-left {
	float:left;
	width: 900px;
	}
	
/* --------- Content right --------- */

#content-right {
	float:left;
	width: 450px;
	padding-bottom: 10px;
	text-align:right
	}
	

/* --------- Content Bottom --------- */

#content-bottom {
	float:left;
	width: 900px;
	}


/* --------- faq boxes --------- */
.faq-container {
	float:left;
	width: 900px;
	color:#264f73;
	padding-bottom:20px;
	}
	
.faq-top {
	background: url('../images/faq-top.gif') no-repeat top left;
	float:left;
	width: 900px;
	height:12px
	}

.faq-middle {
	float:left;
	width: 860px;
	padding:0px 20px 0px 20px;
	background-color:#f2f0d0
	}
	
.faq-bottom {
	background: url('../images/faq-bottom.gif') no-repeat top left;
	float:left;
	width: 900px;
	height:12px
	}
	
.faq-q-holder {
	background: url('../images/faq-q.gif') no-repeat top left;
	float:left;
	width:55px;
	height:55px
	}
	
.faq-a-holder {
	background: url('../images/faq-a.gif') no-repeat top left;
	float:left;
	width:55px;
	height:55px
	}
	
.faq-q-text {
	padding: 0px 40px 0px 20px;
	float:left;
	width:215px;
	height:55px;
	}
	
.faq-a-text {
	padding: 0px 40px 0px 20px;
	float:left;
	width:415px;
	height:55px;
	}
	
td.faq-table {
	vertical-align:middle;
	width:100%;
	height:55px;
	}



/* --------- product boxes --------- */
.product-main {
	background: url('../images/products-main-bg.gif') no-repeat 0px 30px;
	float:left;
	width: 900px;
	padding-top: 30px;
	height: 226px;

	}
	
.product-image-holder {
	padding: 15px 15px 0px 15px;
	width: 170px;
	float:left
	}
	
.product-text-holder-large {
	padding: 15px 15px 0px 0px;
	width: 685px;
	float:left;
	height:154px;
	}
	
.product-buy-button-large {
	padding: 0px 10px 0px 0px;
	width: 690px;
	float:left;
	height: 51px;
	text-align:right;
	}

.product-sub-left {
	background: url(../images/products-sub-bg.gif) no-repeat 0px 30px;
	float:left;
	width: 465px;
	padding-top: 30px;
	height: 226px
	}
	
.product-sub-right {
	background: url(../images/products-sub-bg.gif) no-repeat 0px 30px;
	float:left;
	width: 435px;
	padding-top: 30px;
	height: 226px
	}
	
.product-text-holder-small {
	padding: 15px 15px 0px 0px;
	width: 220px;
	float:left;
	height:154px;
	line-height: 1.4em;

	}
	
.product-buy-button-small {
	padding: 0px 10px 0px 0px;
	width: 225px;
	float:left;
	height: 51px;
	text-align:right;
	}
	
.acrobat {
	float:left;
	width: 900px;
	padding-top: 30px;
	}

.acrobat img {
	padding-right:15px
	}
	
.pricetag {
	margin-top:5px;
	font-size: 110%;
	font-weight:bold
	}
	
.price {
	color:#FF0033;
	font-size: 130%
	}
	
#product-intro-text {
	width:465px;
	float:left;
	padding-right:30px;
	}
	
#paypal {
	width:395px;
	float:left;
	border:#264f73 dashed 1px
	}
	
#paypal p {
	padding: 0px 16px 0px 16px;
	font-size:85%;
	line-height:1.1em;
	}
	
#paypal a {
	font-weight:bold;
	text-decoration:none;
	color:#264f73
	}

#paypal a:hover {
	text-decoration:underline
	}
	
#paypal-holder {
	width:295px;
	height:80px;
	float:left;
	}
	
#ejunkies-holder {
	width:100px;
	padding-top:33px;
	height:47px;
	float:left;
	}


/* ------------ Img Controls ------------ */

	
img.img-align-right {
	float:right
	}
	
img.img-align-left {
	float:left
	}
	


/* ------------ Bullet Controls ------------ */

	
.bullet li {
	text-align: left;
	list-style: none;
	background: url(../images/bullet.gif) no-repeat 0px 5px;
	padding: 0px 0px 5px 20px;
	line-height: 1.6em;
	font-weight:bold;
	font-size: 110%;
	color:#264f73
}

.bullet li a {
	text-decoration:none;
	color:#264f73
	}
	
.bullet li a:hover {
	text-decoration:underline;
	}

	
/* ------------ Footer ------------ */
	
	
#footer {
	background: url('../images/footer-bg.gif') no-repeat top left;
	background-repeat:repeat-x;
	clear: both;
	float:left;
	line-height: 1.1em;
	width: 960px;
	height: 50px;
	color:#264f73
	}
			
#footer a {
	color: #264f73;
	text-decoration: none;
	}

#footer a:hover {
	text-decoration: underline;
	}
	
#links {
	float: left;
	padding: 17px 0px 0px 15px
	}

#links p {
	margin-bottom: 5px
	}
	
#azteclink {
	float: right;
	text-align: right;
	padding: 11px 15px 0px 0px
	}


	

/* ------------ Contact Form ------------ */
	
#form legend {
	display: none;
	}
	
#form label {
	color: #264f73;
	font-weight:bold
	}
	
#form input, #form textarea {
	font-family: Arial, Helvetica, Tahoma, sans-serif;
	font-size: 100%;
	width: 300px;
	margin-bottom: 10px
	}
	

#form textarea {
	height: 80px;
	}

	
#form #submit {
	height: 52px;
	vertical-align: middle;
	width: 102px;
	}
	
#form #submit a:hover {
	height: 61px;
	vertical-align: middle;
	width: 38px;
	}



/* ------------ Toolbox ------------ */

.float-left { float: left; }
.float-right { float: right; }
.align-right { text-align: right; }
.cleared { clear: both; }
.hide { display: none; }

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */