@charset "UTF-8";

/*-----------------------------------------------------------------------------

[Stylesheet]

Project:			Project
Version:			1.0
Last change:		29.08.2008
Assigned to:		Alex, Matt
Primary use:		Tantra Course

-------------------------------------------------------------------------------

[Table of contents]

01. Browser Reset
02. General Layout
03. Main Nav
10. Footer

-------------------------------------------------------------------------------

[Color codes]

Background:			#FFFFFF (white)
Content:			#666666 (mid dark grey)
Header h1:			#666666 (mid dark grey)
Header h2:			#666666 (mid dark grey)
Header h3:			#666666 (mid dark grey)

a (standard):		#666 (mid dark grey)
a (visited):		#666 (mid dark grey)
a (active):			#666 (mid dark grey)

-------------------------------------------------------------------------------

[Typography]

Body copy:			1.2em/1.6em Arial, Verdana, Helvetica, Geneva, sans-serif;
Header h1:			2.7em/1.3em Arial, Verdana, Helvetica, Geneva, sans-serif;
Input, textarea:	1.1em Arial, Verdana, Helvetica, Geneva, sans-serif;

Notes:				Notes here...

------------------------------------------------------------------------------*/

/*/////////////////////////////////////////////////////////////////////////////
1. Browser Reset
////////////////////////////////////////////////////////////////////////////*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	background: #FFF;
	font: 76%/140% Tahoma, Verdana, Arial "Lucida Sans";
	color: #333;
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */

:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */

table {
	border-collapse: collapse;
	border-spacing: 0;
}

.number1 {
	background-color: #000000;
	width: 200px;
	height: 400px;
	float: left;
}

.number2 {
	background-color: #990033;
}

.width {
	float: inherit;
	width: 200px;
	height: 100px;
}

.clear {
	clear: both;
}

/*/////////////////////////////////////////////////////////////////////////////
2. General Layout
////////////////////////////////////////////////////////////////////////////*/

a, a:link, a:visited, a:active {
	color:#000000;
	text-decoration:underline;
}

a:hover {
	color:#000000;
	text-decoration:none;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #c20000;
	font-style: italic;
	padding: 15px 0 10px 0;
	line-height: 1.5;
	text-align:center;
	/*display: none;*/
}

h3.bigger {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #c20000;
	font-style: italic;
	padding: 15px 0 10px 0;
	line-height: 1.5;
	text-align:center;
	/*display: none;*/
}

h3.leftaligned {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #c20000;
	font-style: italic;
	padding: 15px 0 10px 0;
	line-height: 1.5;
	text-align:left;
	/*display: none;*/
}

h3.leftalignedbolder {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #c20000;
	font-style: italic;
	padding: 15px 0 10px 0;
	line-height: 1.5;
	text-align:left;
	/*display: none;*/
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #c20000;
	font-style: italic;
	padding: 5px 0 0 8px;
	line-height: 1.5;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

p {
	line-height: 1.5;
}

p.top {
	margin: 10px 0 0 0;
	line-height: 1.5;
}

p.bot {
	margin: 0 0 10px 0;
	line-height: 1.5;
}

p.topbot {
	margin: 10px 0 10px 0;
	line-height: 1.5;
}

#holder {
	margin: 0 auto;
	width: 902px;
}

#header {
	
}

input.field, textarea.field {
	font-size:100%;
	font-family:Arial, Helvetica, sans-serif;
}

input.field {
	background:#FFF;
	border:1px solid #CCCCCC;
	padding:3px;
	width:300px;
}

textarea.field {
	background:#FFF;
	border:1px solid #CCCCCC;
	padding:3px;
	width:450px;
	height:150px;
}

label {
	display:none;
}

.formitem {
	margin:0 0 10px 0;
	}

/*/////////////////////////////////////////////////////////////////////////////
3. Main Nav
////////////////////////////////////////////////////////////////////////////*/

#nav {
	overflow: hidden;
	height: 40px;
	width: 902px;
	list-style: none;
	margin: 0 0 5px 0;
}

#nav li {
	float: left;
	height: 40px;
}

#nav li a {
	background: url(../images/nav.jpg) no-repeat 0 0;
	display: block;
	overflow: hidden;
	text-indent: -10000px;
	height: 40px;
}

#nav li #nav-home {
	background-position: 0 0;
	width: 96px;
}

#nav li #nav-home:hover {
	background-position: 0 -40px;
}

#nav li.selected #nav-home, #nav li.selected #nav-home:hover {
	background-position: 0 -68px;
}

#nav li #nav-course {
	background-position: -96px 0;
	width: 121px;
}

#nav li #nav-course:hover {
	background-position: -96px -40px;
}

#nav li.selected #nav-course, #nav li.selected #nav-course:hover {
	background-position: -96px -68px;
}

#nav li #nav-testimonial {
	background-position: -217px 0;
	width: 129px;
}

#nav li #nav-testimonial:hover {
	background-position: -217px -40px;
}

#nav li.selected #nav-testimonial, #nav li.selected #nav-testimonial:hover {
	background-position: -217px -68px;
}

#nav li #nav-faqs {
	background-position: -346px 0;
	width: 93px;
}

#nav li #nav-faqs:hover {
	background-position: -346px -40px;
}

#nav li.selected #nav-faqs, #nav li.selected #nav-faqs:hover {
	background-position: -346px -68px;
}

#nav li #nav-author {
	background-position: -439px 0;
	width: 134px;
}

#nav li #nav-author:hover {
	background-position: -439px -40px;
}

#nav li.selected #nav-author, #nav li.selected #nav-author:hover {
	background-position: -439px -68px;
}

#nav li #nav-articles {
	background-position: -573px 0;
	width: 97px;
}

#nav li #nav-articles:hover {
	background-position: -573px -40px;
}

#nav li.selected #nav-articles,#nav li.selected #nav-articles:hover {
	background-position: -573px -68px;
}

#nav li #nav-affiliate {
	background-position: -670px 0;
	width: 111px;
}

#nav li #nav-affiliate:hover {
	background-position: -670px -40px;
}

#nav li.selected #nav-affiliate,#nav li.selected #nav-affiliate:hover {
	background-position: -670px -68px;
}

#nav li #nav-contact {
	background-position: -781px 0;
	width: 121px;
}

#nav li #nav-contact:hover {
	background-position: -781px -40px;
}

#nav li.selected #nav-contact, #nav li.selected #nav-contact:hover {
	background-position: -781px -68px;
}

#content {
	padding: 10px;
	font-size:110%;
}

#content ul {
	list-style: none;
	margin: 20px 0 10px 0;
}

#content li {
	background: url(../images/red_dot.jpg) no-repeat 0 7px;
	line-height: 1.5;
	padding: 0 0 10px 17px;	
	margin: 0 0 0 20px;
}

#content ul.woi {
	list-style: none;
	margin: 20px 0 10px 0;
}

#content ul.woi li {
	background: url(../images/red_dot.jpg) no-repeat 0 7px;
	line-height: 1.5;
	padding: 0 0 10px 17px;	
	margin: 0 0 0 0;
}

#content ul.tick {
	list-style: none;
	margin: 20px 0 10px 0;
}

#content ul.tick li {
	background: url(../images/red_check.jpg) no-repeat 0 4px;
	line-height: 1.5;
	padding: 0 0 10px 25px;
	margin: 0 0 0 20px;
}

#content ol.olyeah {
	list-style:decimal-leading-zero;
	margin: 20px 0 10px 0;
}

#content ol.olyeah li {
	background:none;
	line-height: 1.5;
	padding: 0 0 10px 0;	
	margin: 0 0 0 20px;
}

#cfl {
	float: left;
	width: 615px;
}

#cfl2 {
	float: left;
	width: 100%;
}

#ty {
	background: url(../images/bg_.gif) no-repeat;
	margin: 0 0 15px 0;
	width:650px;
	height:273px;
}

#badge {
	position: absolute;
	margin-left: 455px;
	margin-top: 115px;
	width: 120px;
	height: 122px;
	z-index: 1;
}

#cfr {
	float: right;
	width: 250px;
}

#cfr h2 {
	height: 40px;
	margin: 0 0 5px 0;
	text-indent: -10000px;
	overflow: hidden;
}

#cfr p {
	padding: 0 5px;
}

#video, #bonus, #testimonial {
	margin: 0;
}

#video {
	text-align: center;
	margin-bottom:10px;
	width:243px;
	height:200px;
	margin-left:5px;
	border:1px solid #ccc;
}

#testimonial, #bonus {
	background-color: #ffffe8;
	border: 1px solid #ccc;
	width: 243px;
	margin: 0 5px 10px 5px;
}

#bonus p {
	padding: 0 10px;
}

#signup {
	background: url(../images/bg_signup.jpg) no-repeat #d7d784;
	border: 1px solid #ccc;
	width: 243px;
	margin: 0 5px 10px 5px;
	padding: 50px 0 0 0;
}

#signup form {
	padding: 0 0 5px 25px;
}

#signup form input.field1 {
	width: 150px!important;
	font: normal 10px verdana;
	margin: 0 0 3px 0;
	height: 15px;
	padding: 3px;
	border: 1px solid #cac8c8;
	vertical-align: middle;
}

#testimonial h2 {
	background: url(../images/testimonial.jpg) no-repeat;
}

#bonus h2 {
	background: url(../images/bonus.jpg) no-repeat;
}

#bonus img {
	text-align: center;
}

.testimonial {
	background: transparent url(../images/testimonial.gif) top left no-repeat;
	margin: 10px 0 40px 0;
	padding: 5px 0 0 45px;
	font-style: italic;
}

/*/////////////////////////////////////////////////////////////////////////////
10. Footer
////////////////////////////////////////////////////////////////////////////*/

#footer {
	background: url(../images/bg_footer.jpg) repeat-x #696969;
	color: #fff;
	padding: 20px 0 0 0;
	text-align: center;
}

#footernav {
	margin: 0 0 5px 0;
}

#footer a {
	color: #fff;
	padding: 0 12px;
	text-decoration: none;
}

#copyright {
	padding: 10px 0 10px 0;
	font-size: 11px;
}