/*
*******************************************************************

Title:			global.css
Browser(s): 	Safari, Firefox, IE 6 & 7

Author: 		Andy Davis 
Created: 		07.24.2008
Last modified: 	07.31.2008

*******************************************************************
*/

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, em, img, q, dl, dt, dd, ol, ul, li, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}

body {
	margin: 0;
	padding: 0;
	background:url(../images/main_bg.jpg) no-repeat top center #000000;
	font: normal 12px "Times New Roman" Times;
	line-height: 15px;
	color: #000;
	height: 100%;
}

.subBG {
	background: url(../images/main_bg_sub.jpg) no-repeat top center #000000;
}

#container {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

.clear {
	clear: both;
}

.clear40 {
	clear: both;
	height: 40px;
}

/**********************************************************
************* HEADER **************************************
**********************************************************/

#header {
	position: relative;
	width: 1000px;
	height: 415px;
	background: url(../images/header_bg.jpg) no-repeat top center #000000;
}

h1#logo {
	display: block;
	width: 325px;
	height: 115px;
	background: url(../images/terryesau_logo.png) no-repeat;
	text-indent: -9999px;
	margin: 6px 0 0 65px;
	padding: 0;
	float: left;
}

blockquote#homequote {
	position: absolute;
	top: 292px;
	left: 65px;
	display: block;
	width: 320px;
	height: 95px;
	background: url(../images/quote_home.png) no-repeat;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	float: left;
}

#featuredBox {
	position: relative;
	width: 577px;
	height: 435px;
	background: url(../images/featured_bg.png) no-repeat;
	margin: 0 32px 0 0;
	float: right;
}

#featuredBox p.featureText {
	width: 485px;
	height: 80px;
	background: url(../images/featurebox_text.png) no-repeat;
	text-indent: -9999px;
	margin: 5px 0 0 50px;
	padding: 0;
}

#featuredBox p.flashBox {
	width: 320px;
	height: 180px;
	/*background: url(../images/flv_bg.png) no-repeat;*/
	margin: 10px 0 0 130px;
	padding: 0;
}

#featuredBox p.breathingLessons {
	position: relative;
	top: 30px;
	left: 40px;
	width: 475px;
	height: 90px;
	background: url(../images/breathing_lessons_title.png) no-repeat;
	text-indent: -9999px;
	margin: 0px;
	padding: 0;
}

.btnVisitSite a {
	position: absolute;
	display: block;
	top: 288px; 
	left: 43px;
	width: 75px;
	height: 20px;
	text-indent: -9999px;
	background: url(../images/btn_visitSite.png) no-repeat;
}

.btnVisitSite a:hover {
	background-position: -75px;
	cursor: pointer!important;
}

.btnBuyBooks a {
	position: absolute;
	display: block;
	top: 372px; 
	left: 379px;
	width: 130px;
	height: 22px;
	text-indent: -9999px;
	background: url(../images/btn_packageDetails.png) no-repeat;
}

.btnBuyBooks a:hover {
	background-position: -130px;
	cursor: pointer!important;
}

/**********************************************************
************* MAIN NAV ************************************
**********************************************************/

#homenav {
	position: relative;
	top: -40px;
	width: 1000px;
	height: 61px;
	margin: 0;
	clear: both;
}

#homenav ul {
	margin: 0 0 0 30px;
	padding: 0;
}

#homenav li {
	list-style-type: none;
	display: inline;
	margin: 0;
	padding: 0;
	float: left;
}

#homenav ul li a {
	width: 94px;
	height: 61px;
	margin: -2px 0 0 8px;
	padding: 0;
	float: left;
	text-decoration: none;
	text-indent: -9999px;
}

#homenav ul li a.home {
	background: url(../images/nav_home.png) no-repeat;
}
#homenav ul li a.home:hover {
	background-position: -83px;
	cursor: pointer;
}


#homenav ul li a.works {
	background: url(../images/nav_works.png) no-repeat;
	margin-left: 15px;
}
#homenav ul li a.works:hover {
	background-position: -89px;
	cursor: pointer;
}

#homenav ul li a.events {
	background: url(../images/nav_events.png) no-repeat;
	margin-left: 15px;
}
#homenav ul li a.events:hover {
	background-position: -94px;
	cursor: pointer;
}


#homenav ul li a.blog {
	background: url(../images/nav_blog.png) no-repeat;
	margin-left: 15px;
}
#homenav ul li a.blog:hover {
	background-position: -80px;
	cursor: pointer;
}

#homenav ul li a.about {
	background: url(../images/nav_about.png) no-repeat;
	margin-left: 15px;
}
#homenav ul li a.about:hover {
	background-position: -91px;
	cursor: pointer;
}

#homenav ul li a.email {
	width: 295px!important;
	background: url(../images/nav_email.png) no-repeat;
	margin: 0 0 0 99px;
}
#homenav ul li a.email:hover {
	width: 295px!important;
	background-position: -298px;
	margin: 0 0 0 99px;
	cursor: pointer;
}

/**********************************************************
************* HOME SUB BOXES ******************************
**********************************************************/

#homeFeatures {
	width: 1000px;
	height: 300px;
	background: url(../images/home_subbox_bg.png) no-repeat center;
	margin: -39px 0 0 0;
}

.homesubBox1 {
	width: 245px;
	float: left;
	margin: 30px 0 0 68px;
}

.homesubBox2 {
	width: 245px;
	float: left;
	margin: 30px 0 0 61px;
}

.homesubBox3 {
	width: 245px;
	float: left;
	margin: 30px 0 0 80px;
}

#homeFeatures h2.subBoxTitle {
	text-indent: -9999px;
}

p.eventDate {
	font: normal 13px "Times New Roman" Times;
	color: #000;
	line-height: 14px;
	margin: 0 0 4px 0;
}

p.eventTitle, p.eventTitle a {
	font: bold 14px "Times New Roman" Times;
	text-transform: uppercase;
	color: #000;
	line-height: 14px;
	margin: 0 0 4px 0;
	text-decoration: underline;
}

p.eventTitle, p.eventTitle a:hover {
	text-decoration: none;
}

p.eventTime {
	font: bold 14px "Times New Roman" Times;
	color: #000;
	line-height: 14px;
	margin: 0 0 14px 0;
}

p.eventBody {
	font: normal 13px "Times New Roman" Times;
	color: #000;
	line-height: 15px;
	margin: 0 0 4px 0;
}

.white, .white a {
	color: #FFF!important;
}

.white, .white a:hover {
	text-decoration: none;
}

input.btnJoin {
	display: block;
	width: 40px;
	height: 20px;
	text-indent: -9999px;
	background: url(../images/btn_join.png) no-repeat;
	margin: 4px 0 0 184px;
	cursor: pointer;
	border:none;
}

/**********************************************************
************* FOOTER **************************************
**********************************************************/

#footer.home {
	width: 1000px;
	clear: both;
}

#footer.sub {
	width: 1000px;
	height: 145px;
	clear: both;
}

#footer.home address {
	width: 1000px;
	height: 60px;
	text-indent:-9999px;
	margin: -5px 0 60px 16px;
}

#footer.sub address{
	width: 1000px;
	height: 60px;
	text-indent:-9999px;
	margin: 0 0 0 16px;
	padding: 0;
}

#footer.home span.footerEmail {
	width: 352px;
	height: 60px;
	display:block;
	float: left;
	background:url(../images/footer_email.png) no-repeat;
	text-indent: -9999px;
}

#footer.home span.footerPhone {
	width: 272px;
	height: 60px;
	display:block;
	float: left;
	background:url(../images/footer_phone.png) no-repeat;
	text-indent: -9999px;
}

#footer.home span.footerAddress {
	width: 376px;
	height: 60px;
	display:block;
	float: left;
	background:url(../images/footer_address.png) no-repeat;
	text-indent: -9999px;
}

#footer.sub span.footerEmail {
	width: 352px;
	height: 60px;
	display:block;
	float: left;
	background:url(../images/footer_email.png) no-repeat;
	text-indent: -9999px;
}

#footer.sub span.footerPhone {
	width: 272px;
	height: 60px;
	display:block;
	float: left;
	background:url(../images/footer_phone.png) no-repeat;
	text-indent: -9999px;
}

#footer.sub span.footerAddress {
	width: 376px;
	height: 60px;
	display:block;
	float: left;
	background:url(../images/footer_address.png) no-repeat;
	text-indent: -9999px;
}

#navpress {
	width: 980px;
	height: 145px;
	background: url(../images/footer_bg.jpg) no-repeat;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: -100px;
}

#navpress img {
	margin: 40px 0 0 0;
	height: 35px;
	width: 135px;
}

/**********************************************************
************* EVENTS **************************************
**********************************************************/

.eventsBG {
	background: url(../images/eventsBox_bg.png) no-repeat;
	margin-top: -20px;
	padding: 60px;
	width: 585px;
	min-height: 420px;
}

.eventTitle {
	font: bold 17px Times New Roman, Times, serif;
	color: #f3eb9f;
	margin: 0 0 15px 0;
}

h3.eventTitle span {
	position: absolute;
	left: 130px;
}

h3.eventTitle.active {
	color: #FFF!important;
}

.slide {
	font: normal 16px Times New Roman, Times, serif;
	color: #FFF;
	margin: 0 0 40px 130px!important;
	text-shadow: #000 1px 1px 2px;
}

.slide p a {
	color: #FFF!important:
	text-decoration: underline;
}

.slide p {
	margin: 20px 0 20px 0;
	line-height: 18px;
}

.slideUp {
	position: relative;
	cursor: pointer;
}

/**********************************************************
************* WORKS ***************************************
**********************************************************/

#subBody {
	position: relative;
	width: 905px;
	margin-left: auto;
	margin-right: auto;
	color: #FFF;
}

#subBody h2.callout1 {
	width: 905px;
	height: 25px!important;
	display: block; 
	background: url(../images/quote_starterkit.png) no-repeat;
	text-indent: -9999px;
	margin: -20px 0 20px 0;
}

#subBody h2.callout1:hover {
	background-position: -906px;
}

#subBody p {
	font-family: Times New Roman, Times, serif;
}

.books {
	position: relative;
	width: 905px;
}

.books img {
	float: left;
	border: none;
}

.books a img {
	border:none;
}

h3.bookTitle {
	width: 405px;
	font: bold 24px "Times New Roman" Times;
	margin: 0 0 0 30px;
	padding: 0;
	float: left;
}

h3.bookTitle.breathinglessons {
	background: url(../images/books/title_bl.png) no-repeat;
	text-indent: -9999px;
	height: 35px;
}

h3.bookTitle.bethesurprise {
	background: url(../images/books/title_bts.png) no-repeat;
	text-indent: -9999px;
	height: 35px;
}

h3.bookTitle.surpriseme {
	background: url(../images/books/title_smg.png) no-repeat;
	text-indent: -9999px;
	height: 35px;
}

h3.bookTitle.bluecollar {
	background: url(../images/books/title_bcg.png) no-repeat;
	text-indent: -9999px;
	height: 35px;
}

p.bookDescription {
	width: 400px;
	height: 150px;
	margin: 18px 0 0 30px;
	float: left;
	font: normal 15px Times New Roman, Times;
	line-height: 18px;	
	text-shadow: #333 1px 2px 2px;
}

a.visitSite {
	width: 145px;
	height: 35px;
	display: block;
	text-indent: -9999px;
	background: url(../images/btn_visit_site.png) no-repeat;
	float: left;
	margin: 0 0 0 285px;
}

a.visitSite:hover {
	background-position: -145px;
}

.buyBook a {
	position: absolute;
	top: 77px;
	left: 630px;
	width: 75px;
	height: 70px;
	display: block;
	text-indent: -9999px;
	background: url(../images/btn_buy_book.png) no-repeat;
	float: left;
}

.buyBook a:hover {
	background-position: -73px;
	cursor: pointer;
}

.downPack a {
	position: absolute;
	top: 35px;
	left: 630px;
	width: 115px;
	height: 130px;
	display: block;
	text-indent: -9999px;
	background: url(../images/btn_dwn_pckg.png) no-repeat;
	float: left;
}

.downPack a:hover {
	background-position: -118px;
	cursor: pointer;
}

blockquote.subQuote {
	position: absolute;
	left: 750px;
	top: 0px;
	width: 175px;
	height: 225px;
	font: normal 14px Times New Roman, Times;
	line-height: 15px;
	color: #FFF;
	text-align: right;
	float: right;
	text-shadow: #000 1px 3px 3px;
}

blockquote.subQuote span {
	margin-top: 8px!important;
	display: block;
}

/**********************************************************
************* QUOTES **************************************
**********************************************************/

.works1 {
	background:url(../images/quotes/quote_works_1.png) no-repeat;
}

.works2 {
	background:url(../images/quotes/quote_works_2.png) no-repeat;
}

.works3 {
	background:url(../images/quotes/quote_works_3.png) no-repeat;
}

.works4 {
	background:url(../images/quotes/quote_works_4.png) no-repeat;
}

/**********************************************************
************* ABOUT ***************************************
**********************************************************/

#column1 {
	width: 347px;
	margin: -20px 15px 0 0;
	padding: 25px;
	float: left;
	font: normal 14px Times New Roman, Times, serif;
	color: #fff;
	background: url(../images/about_content_bg.png) no-repeat;
}

#column1 p {
	text-indent: 50px;
	margin: 0 0 10px 0;
	line-height: 17px;
}

#column2 {
	position: relative;
	left: -23px;
	width: 338px;
	float: left;
	top: -35px;
}

#column2 .copyBlock {
	text-indent: -9999px;
}

#column2 .copyBlock a {
	margin: 4px 0 0 45px;
	width: 243px;
	height: 135px;
	display: block;
	background: url(../images/contact_info_block.gif) no-repeat;
	text-indent: -9999px;
}

#column2 .copyBlock a:hover {
	background-position: -245px;
}

#column3 {
	position: absolute;
	top: -10px;
	left: 735px;
	width: 175px;
	float: right;
}

.aboutQuote1 {
	height: 225px;
	font: normal 14px Times New Roman, Times;
	line-height: 15px;
	color: #FFF;
	text-align: right;
	text-shadow: #000 1px 3px 3px;	
}

.aboutQuote2 {
	height: 225px;
	margin-top: 40px;
	font: normal 14px Times New Roman, Times;
	line-height: 15px;
	color: #FFF;
	text-align: right;
	text-shadow: #000 1px 3px 3px;
}

.aboutQuote3 {
	height: 225px;
	margin-top: 40px;
	font: normal 14px Times New Roman, Times;
	line-height: 15px;
	color: #FFF;
	text-align: right;
	text-shadow: #000 1px 3px 3px;
}

blockquote.aboutQuote1 span {
	margin-top: 8px!important;
	display: block;
}

blockquote.aboutQuote2 span {
	margin-top: 8px!important;
	display: block;
}

blockquote.aboutQuote3 span {
	margin-top: 8px!important;
	display: block;
}

.btnWatchBio {
	position: absolute;
	top: 325px;
	left: 50px;
	display:block;
	width: 142px;
	height: 25px;
	background: url(../images/btn_WatchBioVideo.png) no-repeat;
	text-indent: -9999px;
}

.btnWatchBio:hover {
	background-position: -142px;
}

/**********************************************************
************* ADMIN ***************************************
**********************************************************/

.inputbox {
	width: 350px;
	margin-bottom: 15px;
}

.admin a {
	color: #fff;
	font-size: 15px;
	line-height: 20px;
}

.textarea {
	font-size: 14px;
}

.FormField { 
	color : #666; 
	background : #ece38f; 
	border-color : #000; 
	border-top : 1px solid; 
	border-bottom : 1px solid; 
	border-left : 1px solid; 
	border-right : 1px solid; 
	font-family : "Times New Roman" Times;
	font-size : 10px; 
	margin-bottom: 5px;
	width: 220px;
}

.FormField:hover {
	background: #FFF;
	color: #000;
}