html {height: 100%;}

body
{
    background: 0 0 repeat-x url("img/bckBody.gif") #fff;
    text-align: center;
}

body * { text-align: left; }

a {text-decoration: none; color: #19626F;}

em {font-style: oblique;}

#content h4 {font-family: "Arial" sans-serif; font-size: 21px; color:red; text-align: center;}

/* Header */

#home h1
{
    display: block;
    position: absolute;
    top: 10px;
    text-indent: 540px;
    font-variant: small-caps;
    font: "Trajan Pro", "Georgia", "Times New Roman", serif;
    color: #93acfb;
    font-size: 38px;
    font-weight: 100;
    letter-spacing: 5px;
    border-bottom: 2px solid #ccdaff;
    padding-bottom: 8px;
    text-align: center;
}

* html h1 {height: 1px;}

#home h1 .welcome
{
    padding-right: 1.5em;
    text-transform: uppercase;
    font-variant: small-caps;
    font-weight: 100;
    font: 23px/42px "Georgia", "Times New Roman", serif;
    color: #b2d1ff;
    letter-spacing: 2px;
}

#home h1:first-letter {font-size: 35px;}

#navigationTop
{
    display: block;
    position: absolute;
    /*top: -94px;*/
    top: -64px;
    height: 94px;
}

#navigationTop a:hover {color: #f30928;}

#navigationTop li
{
    display: block;
    height: 100%;
    padding: 0 15px;
    float: left;
}

#navigationTop li.active { background: 0 0 no-repeat url("img/bckActive.png") transparent; }
#navigationTop li.active a,
#navigationTop li.active a:hover {color: #fff;}

#navigationTop a
{
    display: block;
    margin-top: 24px;
    font: 19px/22px "Georgia", "Times New Roman", serif;
    color: #19626f;
    text-transform: capitalize;
}

/* Wraper */

#wrapper
{
    position: relative;
    top: 64px;
    width: 780px;
    margin: 0 auto;
    padding-bottom: 95px;
    height: 100%;
    background: -60px 0 no-repeat url("img/bckWrapper.jpg") transparent;
}

#home #wrapper
{
    padding-top: 528px;
}

/* Aside */

#home .photo
{
    width: 207px;
    height: 257px;
    background: 0 0 no-repeat url("img/bckPhoto.png") transparent;
}

#home .photo img
{
    position: relative;
    top: 26px;
    left: 29px;
}

#home .about
{
    margin-top: 18px;
    width: 138px;
    height: 71px;
    padding: 8px 38px;
    font: 11px/20px Tahoma, Arial, sans-serif;
    color: #5f5f5f;
    background: 50% 10px no-repeat url("img/bckAbout.png") transparent;
}
#home p.about {
	font-size: 12px;
}

#home .about a
{
    position: relative;
    top: 10px;
    display: block;
    white-space: nowrap;
    width: 100%;
    text-align: right;
    color: #8cafbc;
    font-weight: bold;
    font-size: 11px;
}

#home .about a:hover
{
    text-decoration: underline;
    color: #19626f;
}

/* Content */

#content
{
    position: relative;
    width: 505px;
    left: 280px;
    z-index: 999;
}

#content h2
{
    font: 38px/42px "Georgia", "Times New Roman", serif;
    color: #000;
    letter-spacing: 2px;
    text-align: justify;
}

html > body #content h2 {text-indent: -2px;}

#content h3.annotation
{
    font: 18px/24px "Trebuchet MS", Arial, sans-serif;
    color: #286c79;
    margin: 16px 0;
}

#content h3.annotation cite
{
    font-style: italic;
}

#content p
{
    font: 14px/20px Tahoma, Verdana, Arial, sans-serif;
    color: #666;
    margin-bottom: 20px;
    text-align: left;
}

#content p .first-letter
{
    position: relative;
    font: 70px/60px "Georgia", "Times New Roman", serif;
    float: left;
    top: 0;
    letter-spacing: 3px;
    text-indent: -3px;
}

#content p a, .tips p a
{
    text-decoration: underline;
    color: #19626f;
}
#content p a:hover, .tips p a:hover {
	text-decoration: none;}

#content q
{
    position: absolute;
    padding: 12px 32px;
    text-indent: -38px;
    background: 264px 115px no-repeat url("img/rightQuote.gif") transparent;
    font-family: Verdana, Tahoma, sans-serif;
    font-size: 15px;
    color: #5f5f5f;
    top: -156px;
    left: 243px;
    width: 220px;
    line-height: 22px;
}

#content q strong
{
    padding-left: 32px;
    background: 0 0 no-repeat url("img/leftQuote.gif") transparent;
    font: 17px/20px Verdana, Tahoma, sans-serif;
    padding-top: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #302f2f;
}

#content q em {font-style: italic;}

#content q .emphasize
{
    font-size: 17px;
    font-family: Tahoma, sans-serif;
    letter-spacing: 1px;
    color: #302f2f;
}

.buttons
{
    position: relative;
}

#findOutMore, #iWantItNow
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
    height: 56px;
    overflow: hidden;
    text-indent: -9999px;
}

#findOutMore
{
    width: 199px;
    background: 0 0 no-repeat url("img/btnFindOutMore.jpg") transparent;
}

a#findOutMore:hover,
a#iWantItNow:hover
{
    background-position: 0 100%;
}


#iWantItNow
{
    position: absolute;
    width: 217px;
    left: 220px;
    background: 0 0 no-repeat url("img/btnIWantItNow.jpg") transparent;
}

/* Aside */

#home #aside
{
    position: absolute;
    top: 135px;
    left: 25px;
    z-index: 9;
}

#home #aside .book
{
    position: relative;
    top: 71px;
}

#home #aside .buy
{
    position: relative;
    top: 33px;
    left: 6px;
}

#home #aside .buy #paypal
{
    margin-left: 25px;
}

html > body #aside .book {top: 87px;}

/* Details */

#home #details
{
    position: absolute;
    top: 148px;
    width: 505px;
    left: 260px;
}

#home #details .description
{
	position: absolute;
	width: 235px;
	font: 17px/25px "Georgia", "Times New Roman", serif;
	color: #0b162e;
}

#home #details .description h3.annotation
{
	font-family: "Trebuchet MS" ,Arial,sans-serif;
    clear: both;
    text-align: justify;
    font-size: 18px;
    color: #286C79;
    letter-spacing: 0;
    padding: 0 0 1em 0;
}

#home #details .description p
{
	margin-bottom: 24px;
    text-align: left;
}

#home #details .tips
{
	position: absolute;
	left: 260px;
	width: 258px;
    height: 240px;
    overflow: auto;
}

#home #details .tips dt
{
	display: block;
    margin-bottom: 8px;
    cursor: pointer;
	height: 34px;
	background: 0 0 no-repeat url("img/bckAccordion.gif") transparent;
	text-align: center;
	font: 18px/34px "Trebuchet MS", Arial, sans-serif;
	color: #19626f;
}

#home #details .tips dt.hover
{
    background-position: 0 100%;
}

#home #details .tips dd
{
	font: 11px/20px Tahoma, Verdana, sans-serif;
	color: #000;
	padding: 0 17px;
}

/* Footer */

#footer
{
    left: 0;
    width: 100%;
    position: absolute;
    padding-bottom: 56px;
    height: 34px;
    background: 0 100% repeat-x url("img/bckFooter.gif") transparent;
}

#footer #navigationBottom
{
    position: relative;
    text-align: center;
    margin-bottom: 13px;
}

#footer #navigationBottom li
{
    display: inline;
    border-left: 2px solid #e3e3e3;
    padding: 0 8px;
}

#footer #navigationBottom li:first-child,
#footer #navigationBottom li.first-child {border-left: none;}

#footer #navigationBottom,
#footer #navigationBottom a
{
    font: 18px/21px Verdana, Arial, sans-serif;
    color: #92a0a1;
}

#footer #navigationBottom a:hover
{
    text-decoration: underline;
    color: #19626f;
}

#footer #copyrights
{
    color: #a58b70;
    font: 12px/20px "Trebuchet MS", Arial, sans-serif;
    position: absolute;
    height: 56px;
    width: 100%;
    top: 100%;
    margin-top: -56px;
    text-align: center;
    background: 50% 0 no-repeat url("img/bckFooter2.gif") transparent;
}

#footer #copyrights span
{
    position: relative;
    top: 20px;
    background: 0 50% no-repeat url("img/bckCopyrights.gif") transparent;
    padding-left: 30px;
}

#footer a {
	font-weight: bold;
	color: #c15b62;
}
#footer a:hover {
	color: #f3656f;
}

/* Internal pages */

.internal
{
}

.internal .warning {color: #f00;}

.internal #wrapper
{
    position: relative;
}

.internal #content
{
    left:295px;
    width:476px;
    position: relative;
    top: 34px;
    margin-top: 0;
    padding-top: 25px;
    margin-bottom: 34px;
    padding-bottom: 1px;
}

.internal #content h2
{
    position: relative;
    font: 48px/1em "Georgia", "Times New Roman", serif;
    color: #27292b;
    letter-spacing: 6px;
}

html > body.internal #content h2 {text-indent: -6px;}

.internal #content h3
{
    font: 20px/1.3em Arial, sans-serif;
    position: relative;
    color: #222;
}
.internal #content h3 a { text-decoration:underline;}
.internal #content h3 a:hover { text-decoration: none;}

.internal #content p,
.internal #content dd,
.internal #content li span
{
    font: 16px/1.25em  Tahoma, Verdana, Arial, sans-serif;
    letter-spacing: 1px;
}

.internal #content p .first-letter
{
    font: 48px/0.8em "Georgia", "Times New Roman", serif;
}

.internal #footer
{
    position: relative;
    top: 0;
    margin: 0;
}

.internal h1
{
    
}

/* Internal aside menu */

.internal #aside
{
    position: absolute;
    top: 60px;
}

.internal #aside
{
    width: 270px;
}

.internal .asideNav
{
    background: 0 0 no-repeat url("img/bck_asideMenu.gif") transparent;
    position: relative;
    padding-top: 12px;
    padding-bottom: 12px;
    min-height: 370px;
}

.internal #aside li
{
    margin-left: 5px;
}

.internal #aside li a,
.internal #aside li span
{
    display: block;
    height: 41px;
    font: 28px/41px  "Georgia", "Times New Roman", serif;
    color: #8cafbc;
    padding-left: 17px;
    margin-left: -17px;
}
.internal #aside li
{
    font: 28px/41px  "Georgia", "Times New Roman", serif;
    color: #286C79;
    padding-left: 17px;
}

.internal #aside li a:hover
{
    background: 0 2px no-repeat url("img/bck_asideMenuHover.gif") transparent;
}

.internal #aside li ul
{
    margin: 0 0 15px 0;
}

.internal #aside li li
{
    padding-left: 15px;
}

.internal #aside li li a,
.internal #aside li li span
{
    display: inline;
    font: 12px/21px "Trebuchet MS", Arial, sans-serif;
    color: #1586bb;
}
.internal #aside li li,
.internal #aside li li
{
    line-height: 15px;
    height: 20px;
}

.internal #aside li li a:hover
{
    background: none;
    text-decoration: underline;
}

.internal #aside li li.active
{
    background: -1px 8px no-repeat url("img/bck_asideSubnavActive.gif") transparent;
}

.internal .image
{
    margin: -15px 0 0 10px;
}

.internal .right
{
    float: right;
}

/* The Book */

#theBook .steps
{
    
}

#theBook .steps dt,
#theBook .steps li
{
    font: 22px/20px "Georgia", "Times New Roman", serif;
    color: #d7b706;
}

#theBook .steps dt
{
    display: block;
    width: 48%;
    float: left;
    text-align: right;
    margin: 0 2% 0 0;
}

#theBook ol.steps
{
    font-size: 30px;
    margin-left: 1.6em;
}

#theBook .steps li
{
    font-size: 30px;
    display: list-item;
    list-style-position: outside;
    list-style-type: decimal;
    vertical-align: text-top;
}

#theBook .steps li span
{
    display: block;
    width: 100%;
    text-align: justify;
    color: #000;
    line-height: 1.6em;
}

#theBook .steps dd
{
    display: block;
    width: 50%;
    float: left;
    clear: right;
    margin: 0;
    text-align: left;
    margin-bottom: 1.25em;
}

#theBook p.annotation
{
    clear: both;
    text-align: justify;
    font-size: 20px;
    line-height: 28px;
    color: #666;
    letter-spacing: 0;
    padding: 1em 0;
}

/* Talk To Cindi */

#talkToCindi dl.payPerCall
{
    display: block;
    width: 100%;
    float: left;
    clear: both;
    padding-top: 224px;
    background: 50% 0 no-repeat url("img/bckPayPerCall.jpg") transparent;
}

#talkToCindi dl.payPerCall dt
{
    position: relative;
    display: block;
    width: 113px;
    height: 113px;
    margin-left: 8px;
    float: left;
    background: 0 0 no-repeat url("img/bck_pay.gif") transparent;
    color: #19626f;
    font: 18px/2.2em Arial, Verdana, Tahoma, sans-serif;
    font-weight: bold;
    text-align: center;
}

#talkToCindi dl.payPerCall dt:first-child,
#talkToCindi dl.payPerCall dt.first-child {margin-left: 0;}

#talkToCindi dl.payPerCall dd
{
    position: relative;
    display: block;
    float: left;
    width: 113px;
    height: 113px;
    left: 0;
    top: 0;
    margin-left: -113px;
}

#talkToCindi dl.payPerCall dd a.pay
{
    display: block;
    height: 26px;
    width: 106px;
    overflow: hidden;
    text-indent: -9999px;
    position: absolute;
    left: 3px;
    top: 100%;
    margin-top: -31px;
    background: 0 0 no-repeat url("img/btnPay.gif") transparent;
}

#talkToCindi dl.payPerCall dd form
{
    display: block;
    height: 26px;
    width: 106px;
    position: absolute;
    left: 3px;
    top: 100%;
    margin-top: -31px;
}


#talkToCindi dl.payPerCall dd .fee
{
    display: block;
    position: relative;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    font: 26px/1em Verdana, Arial, sans-serif;
    margin-top: -0.6em;
}

#talkToCindi p.annotation {clear: both;}
html > #talkToCindi p.annotation {clear: both; padding-top: 1.3em;}

/* Contact Form */

#contact .phone
{
    background: 0 50% no-repeat url("img/bck_phone.gif") transparent;
    display: block;
    margin-top: 20px;
    font: 30px/1em "Georgia", "Times New Roman", serif;
    padding-left: 40px;
    margin-left: 15px;
}

#contact form
{
    text-align: center;
}

#contact .fields
{
    width: 418px;
    height: 458px;
    margin: 0 auto;
    text-align: left;
    background: 50% 0 no-repeat url("img/bck_form.gif") transparent;
}

#contact .fields p
{
    margin-bottom: 15px;
    padding-left: 24px;
}

#contact .fields label
{
    display: block;
    font-size: 18px;
    line-height: 2.5em;
}

#contact .fields input,
#contact .fields textarea
{
    width: 352px;
    font: 14px/20px Tahoma, Verdana, Arial, sans-serif;
    border: none;
}
#contact .fields textarea,
#contact .fields p span
{
    padding: 8px;
    background: 0 0 no-repeat url("img/bck_formField.gif") transparent;
    background-attachment: fixed;
    border-right: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
}

html > #contact .fields textarea,
html > #contact .fields p span {background-attachment: scroll;}


#contact .fields textarea {height: 120px;}

#contact .fields p label span
{
    background: none;
    padding: 0;
    border: none;
}

#contact .fields input
{
    height: 1.5em;
    background: #fff;
}

#contact #submit
{
    display: block;
    margin: 20px auto 0 35px;
    text-align: center;
    background: 0 0 no-repeat url("img/bck_submit.gif") transparent;
    border: none;
    height: 29px;
    width: 134px;
}