/*
©2010 Jay Hollywood
www.jayhollywood.com.au

Description : Stylesheet

*/

/*---------------------------------------------- GLOBAL SETTINGS */
html {
	height: 100%;
}

body {
	height: 100%;
	font-family: Georgia, "Times New Roman", serif;
    font-size: 100%;
    line-height: 1.125em; 
	background: #DADECC;
	color: #454545;	
}



/*-------------------------------------------------------- LINK */


a {
	color: #136cb4;
	text-decoration: underline;
}

a:hover {
	color:#e96e00 ;
}

/*---------------------------------------------------- HEADINGS */

h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	margin:0pt;
	padding:0pt;
	padding: 0 0 .8em 0;
	letter-spacing: -1px;
	line-height: 1.2em;
}

h1 {
	font-size: 1.6em;
}

h2 {
	font-size: 1.5em;
}

h3 {
	font-size: 1.2em;
}

h4 {
	font-size: 1.2em;
}



/*-------------------------------------------------- PARAGRAPHS */

p {
	font-size: 0.875em;
	line-height: 1.5em;
	padding: 0 0 1.25em 0;
}


/* LISTS -------------------------------------------------------- LISTS */

ul, ol {
	padding:0 0 1.25em 2.5em;
}

ul {
	list-style: url(../art/list-style.png);
	font-size: 0.875em;
	line-height: 1.4em;
}

ul.alternate {
	list-style: url(../art/list-style-alternate.gif);
}

ul.split {
	float: left;
}

ul.split li{
	float: left;
	width: 50%;	
}
	

ul#hero-list {
	margin: 10px 0 10px 110px;
	font-size: 1.1em;
}

ul li {
	padding: 3px 0;
}

.side-content ul {
	font-size: .8em;
	padding: 0 0 10px 26px;
}

/*------------------------------------------------------ LAYOUT */


#container {
	width:960px;
	margin: 0 auto; /* negative value must be the same height as footer (for stickyness) */ 
	z-index: 1;
	background: url(../art/container-bg.gif) repeat-y;
}

#header {
	width: 960px;
	height: 325px;
	display: block;
	background: url(../art/header.jpg) no-repeat;
	position: relative;
}

h1#toolkit-logo {
	width: 341px;
	height: 142px;
	display: block;
	background: url(../art/toolkit-logo.png) no-repeat;
	top: 133px;
	left: 310px;;
	position: absolute;
	text-indent: -9999px;
}

.side-panel {
	width: 220px;
	float: right;
	padding: 10px;
}

.side-panel.package {
	float: left;
	width: 230px;
	padding-right: 0;
}

a#preorder-btn-large {
	width: 220px;
	height: 220px;
	display: block;
	text-indent: -9999px;
	background: url(../art/preorder-btn-large.jpg) 0 0;
	margin: 10px 0 0 0;
}

a#preorder-btn-large:hover {
	background-position:  0 -220px;
}

#main-content {
	width: 720px;
	float: left;
}

#intro-content {
	float: right;
	width: 450px;
	padding: 0 15px;
	background: url(../art/buoy.jpg) 0 75px no-repeat;
}

#kits-heading {
	width: 423px;
	height: 72px;
	display: block;
	background: url(../art/kits-heading.gif) no-repeat;
	text-indent: -9999px;
}

h3#each-kit-includes {
	width: 178px;
	height: 18px;
	text-indent: -9999px;
	display: block;
	background: url(../art/each-kit-includes.gif) no-repeat;
	padding: 0 0 10px 0;
}

h3#plus-youll-get {
	width: 193px;
	height: 30px;
	text-indent: -9999px;
	display: block;
	background: url(../art/plus-youll-get.gif) no-repeat;
	padding: 0 0 10px 0;
}

#authors {
	margin: 0 0 0 -10px;
}

h2#authors-include {
	width: 185px;
	height: 22px;
	text-indent: -9999px;
	display: block;
	background: url(../art/authors-include.gif) no-repeat;
	padding: 0 0 20px 0;
	margin: 0 0 0 10px;
}

.author {
	width: 104px;
	float: left;
	margin: 0 0 14px 11px;
	font-size: .8em;
}

a.preorder-btn {
	width: 220px;
	height: 98px;
	display: block;
	text-indent: -9999px;
	background: url(../art/preorder-btn.gif) 0 0;
	margin: 15px 0;
}

a.preorder-btn.top {
	margin: 0 0 10px 0;
}

a.preorder-btn:hover {
	background-position:  0 -98px;
}

#full-toolkit {
	clear: both;
	width: 700px;
	background: url(../art/full-toolkit-bg.gif) no-repeat #fff;
	padding: 40px 0 20px 20px;
}

h2#the-full-toolkit {
	width: 681px;
	height: 73px;
	text-indent: -9999px;
	display: block;
	background: url(../art/the-full-toolkit.gif) no-repeat;
	padding: 0;

}

#survival-kit {
	background: url(../art/survival-kit.jpg) no-repeat top right #f7f7f7;
	padding-bottom: 40px;
}

h3#survival-kit-heading {
	width: 383px;
	height: 28px;
	text-indent: -9999px;
	display: block;
	background: url(../art/survival-kit-heading.gif) no-repeat;
	padding: 0 0 20px 0;
}

h3#example-screencast-heading {
	width: 267px;
	height: 42px;
	text-indent: -9999px;
	display: block;
	background: url(../art/example-screencast.gif) no-repeat 0 20px;
	padding: 20px 0;
}

#example-screencast {
	position: absolute;
	bottom: 20px;
	right: 0px;
	width: 355px;
	padding: 0 20px 20px;
	background: url(../art/video-shadow.gif) no-repeat bottom center;
}

#free-sample-btn {
	width: 278px;
	height: 96px;
	display: block;
	background: url(../art/free-sample-btn.gif) no-repeat 0 0;
	text-indent: -9999px;
	margin: 0 0 0 -10px;
}

#free-sample-btn:hover {
	background-position: 0 -96px;
}

#audio-book {
	background: url(../art/audio-book.jpg) 0 20px no-repeat #f7f7f7;
	padding: 30px 20px 20px 305px;
	width: 335px;
}

h3#audio-book-heading {
	width: 341px;
	height: 39px;
	display: block;
	background: url(../art/audio-book-heading.gif) no-repeat;
	text-indent: -9999px;
}

h3#video-library-heading {
	width: 274px;
	height: 63px;
	display: block;
	background: url(../art/video-library-heading.gif) no-repeat;
	text-indent: -9999px;
}


#example-presentation {
	width: 355px;
	background: url(../art/video-shadow.gif) no-repeat bottom center;
	padding: 0 0 20px 0;
}

p#sample-video-heading {
	width: 130px;
	height: 35px;
	display: block;
	background: url(../art/sample-video.gif) no-repeat;
	text-indent: -9999px;
	margin: 0 0 0 200px;
}

#wordpress-themes {
	background: url(../art/wordpress-themes-bg.jpg) no-repeat bottom right #f7f7f7;
}

h3#wordpress-themes-heading {
	width: 296px;
	height: 77px;
	display: block;
	background: url(../art/wordpress-themes-heading.gif) no-repeat;
	text-indent: -9999px;
}

#footer {
	width: 100%;
	background: url(../art/footer-bg.jpg) no-repeat top center;
	height: 252px;
}

#footer-inner {
	width: 960px;
	position: relative;
	margin: 0 auto;
}

#footer-inner p {
	position: absolute;
	top: 130px;
	right: 50px;
	color: #fff;
	font-size: 1.2em;
	text-shadow: #510f11 0px -1px 0px;
	text-align: right;

}

#footer-inner a {
	color: #eed9c6;
}

#footer-inner a:hover {
	color: #f8ede3;
}

/*---------------------------------------------- NAV */

.nav-feather {
	background:url(../art/feather.png) bottom center repeat-x;
	padding:0px 0px 4px 0px;
	width:100%;
	height: 33px;
	position: absolute;
	top: 0;
	z-index: 2;
}

.nav-wrapper {
	background: #444;
	width: 100%;
}

.nav-header {
	width:980px;
	margin: 0 auto;
	height:33px;
	position: relative;
}

p#think-vitamin-logo {
	width: 279px;
	height: 79px;
	position: absolute;
	top: 10px;
	left: 0;
	text-indent: -9999px;
	background: url(../art/thinkvitaminpresents.png);
	padding: 0;
	margin: 0;
}

.nav-header ul {
	margin:8px 0px 0px 0px;
	float:right;
}

.nav-header ul li {
	display:inline;
}

.nav-header ul li a {
	text-decoration:none;
	color:#d7cfba;
	padding-left:15px;
	-webkit-transition-property: color;
  	-webkit-transition-duration: 150ms;
	-moz-transition-property: color;
  	-moz-transition-duration: 150ms;
	transition-property: color;
  	transition-duration: 150ms;
}

.nav-header ul li a:hover,
.nav-header ul li a.blog {
	color: #eb6f00;
}

/* CUSTOM CLASSES -------------------------------------- CUSTOM CLASSES */

.clear {
	clear: both;
}

.divider {
	padding: 15px 0;
	background: url(../art/divider.gif) repeat-x 0 14px;
	height: 14px;
	display: block;
	position: relative;
	clear: both;
}

.side-content {
	padding: 0 10px;
}

.side-content h3 {
	padding: 10px 0;
	color: #333;
}

.testimonial {
	width: 200px;
	border: 2px #fff solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #fff;
	margin: 10px 0;
	font-size: .85em;
	padding: 8px;
	color: #333;
}

.testimonial img {
	float: left;
	margin: 0 7px 0 0;
}

.toolkit {
	width: 640px;
	background: #f7f7f7;
	position: relative;
	border: 1px solid #d0d0d0;
	padding: 20px;
	z-index: 2;
}

.toolkit-content {
	font-size: .9em;
}


#survival-kit .toolkit-content {
	width: 370px;
}


#video-library .toolkit-content {
	width: 280px;
	float: left;
}

#video-library .toolkit-side-content {
	width: 355px;
	float: right;
}

#wordpress-themes .toolkit-content {
	width: 305px;
}

.plus {
	width: 680px;
	background: url(../art/plus.gif) no-repeat 300px 0;
	height: 75px;
	margin: -10px 0 -10px 0;
	z-index: 4;
	position: relative;
	text-indent: -9999px;
}