/*

CSS - SCREEN 



Owner:

Vicky White

www.lifedesignstrategies.com

last revised: 28 Feb 2008

*/







/* ====== LINKS ====== */



a:link, a:visited {

	text-decoration: underline;

	color: #1c00fb;

}



a:hover, a:active {

	text-decoration: none;

}





	

/* ====== OVERALL LAYOUT ====== */

	

body {

	margin: 0 0 2em 0;

	padding: 0;

	background: #FFF url(../img/bkgrd_body.gif) repeat-x fixed top center;

	color: #1A1A1A;

	font-family: verdana, arial, helvetica, sans-serif;

	line-height: 140%;

	font-size: 13px;

	text-align: center;

}



#bkground {

	margin: 0 auto;

	padding: 0;

	width: 741px;

	background: url(../img/bkgrd_outline.gif) repeat-y fixed center;

}



#wrapper {

	margin: 0;

	padding: 0;

	width: 741px;

	background: url(../img/bkgrd_outlinetop.gif) no-repeat fixed top center;

	text-align: left;

}



#masthead {

	margin: 0;

	padding: 0;

	height: 158px;

	background: url(../img/bkgrd_masthead.jpg) no-repeat scroll top center;

}



#secondnav {

	clear: both;

	margin: 0 20px;

	padding: 0;

	height: 29px;

	width: 100%;

	background: url(../img/bkgrd_secondnav.gif) no-repeat scroll top left;

}



#main {

	margin: 1.5em 22px 0 22px;

	padding: 0;

	clear: both;

}



#sidebar {

	float: right;

	margin: 0;

	padding: 0;

	width: 190px;

}



#content {

	float: left;

	margin: 0;

	padding: 0;

	width: 660px;

	display: inline;

}



#footer {

	clear: both;

	margin: 2em 0 0 0;

	padding: 2em 0;

	text-align: center;

	background: url(../img/bkgrd_footer.gif) no-repeat center bottom;

}







/* ====== MASTHEAD ====== */

	

#masthead h1 {

	display: none;

}



#masthead h2 {

	margin: 0;

	padding: 115px 0 0 85px;

	font: bold 120% arial, helvetica, verdana, sans-serif;

	color: #4904b8;

}







/* ====== CONTENT ====== */

	

#content h2 {

	margin: 0;

	padding: 0;

	font-size: 140%;

	line-height: 140%;

	color: #60c;

}



#content h3 {

	font-size: 120%;

	line-height: 140%;

	margin: 1em 0 1em 0;

}



#content h4 {

	font-size: 110%;

	line-height: 140%;

	margin-bottom: 1px;

}



#content p {

	margin: 0 0 1.5em 0;

}



#content ol, #content ul {

	margin: 1em 0 0 1.5em;

	padding: 0 0 0 1.5em;

}



#content li {

	margin: 0 0 .75em 0;

}



.testimonial {

	margin: 1.5em auto;

	width: 435px;

	background: #f2f0fd url(../img/testimonialbox_bottom.gif) no-repeat center bottom;

}



p.testimonialtop {

	margin: 0;

	padding: 9px 12px 0 12px;

	background: url(../img/testimonialbox_top.gif) no-repeat center top;	

	font-size: 90%;

	font-style: normal;

	color: #60c;

	line-height: 130%;

}





.testimonialauthor {

	font-style: italic;

	text-align: right;

	display: block;

	padding: 9px 12px 9px 12px;

}



.textright {

	text-align: right;

}



.textblue {

	color: #000099;

}



.textpurple {

	color: #60c;	

}



.quote {

	font-style: italic;

	margin: 2em 0;

	padding: 0 1em;

	font-size: 100%;

}



.quotewho {

	font-style: normal;

	text-align: right;

	display: block;

}



.imagerightborder {

	margin: .5em 0 .5em 12px;

	padding: 3px;

	border: 1px solid #373737;

	float: right;

}



.imageleftborder {

	margin: .5em 12px .5em 0;

	padding: 3px;

	border: 1px solid #373737;

	float: left;

}



.imageright {

	margin: .5em 0 .5em 12px;

	padding: 0;

	float: right;

}



.imageleft {

	margin: .5em 12px .5em 0;

	padding: 0;

	float: left;

}









/* ====== CONTENT FORMS ====== */

	

#content #form {

	margin-bottom: 2.5em;

}

	

#content #form form {

	margin: 2.5em 0;

	padding: 8px 20px;

	background: #f2effd;

	border: 1px solid #e5e3f1;

}



#content #form .row {

	clear: both;

	margin: 1em 0;

}



#content #form label {

	float: left;

	margin-bottom: 1em;

}



#content #form input, #content #form textarea {

	float: right;



}



#content #form textarea {

	margin-bottom: 1em;

}



#content #form input.submit {

	float: none;

	clear: both;

	width: 100px;

	margin-top: 1em;

	margin-left: 55%;

}







/* ====== CONTENT TABLE ====== */

	

#content table {

	width: 99%;

	border: 0;

	margin: 0 0 1.5em 0;

	text-align: left;

	font-size: 100%;

}



#content th {

	padding: 5px;

}



#content th.colleft {

	width: 20%;

}



#content th .colright {

	width: 78%;

}



#content th.col1 {

	width: 78%;

}



#content th.col2 {

	width: 20%;

	text-align: center;

}



#content td {

	padding: 5px;

	text-align: center;

}



#content td.col1 {

	text-align: left;

}



#content tr.offer {

	height: 40px;

}



#content #amazon table {

	margin: 0 auto;

	padding: 0;

	width: 130px;

	text-align: center;

}







/* ====== SIDEBAR - BOX ====== */

	

#sidebar {

	font-size: 100%;

}



#sidebar .box {

	margin: 0 0 1em 0;

	padding: 0;

	background: url(../img/bkgrd_sidebar_bottom.gif) no-repeat scroll bottom left;

}



#sidebar .box ul,

#sidebar .box form {

	margin: 0;

	padding: 0;

	background: url(../img/bkgrd_sidebar_top.gif) no-repeat scroll top left;	

}







/* ====== SIDEBAR  - NAV ====== */



#sidebar .box ul {

	margin: 0;

	padding: 15px 12px;

	list-style: none;

}



#sidebar .box li {

	margin: 0;

	padding: 0;

	display: inline;

}



#sidebar .box li a:link, #sidebar .box li a:visited{

	margin: 3px 0;

	padding: 1px 5px;

	display: block;

	text-decoration: none;

	color: #53439b;

	font-family: Georgia,"Times New Roman",Times,serif;

	font-size: 110%;

	font-weight: bold;

}



#sidebar .box li a:hover, #sidebar .box li a:active {

	color: #06045f;

}



#sidebar .box ul ul {

	display: none;

}



#sidebar .box ul ul {

	margin: 0;

	padding: 0 0 0 5px;

	background-image: none;

	background-color: #f2effd;

}



#sidebar .box ul ul li {

	margin: 0;

	padding: 0;

	display: inline;

}



#sidebar .box ul ul li a:link, #sidebar .box ul ul li a:visited {

	margin: 1px 0;

	padding: 1px 5px 1px 15px;

	display: block;

	text-decoration: none;

	color: #53439b;

	background: url(../img/arrow.gif) no-repeat 0 3px;

	font: normal 95% arial, helvetica, geneva, sans-serif;

}



#sidebar .box ul ul li a:hover, #sidebar .box ul ul li a:active {

	color: #000;

	background: url(../img/arrow_hover.gif) no-repeat 0 3px;

}



#sidebar .box ul ul li a em {

	color: #616161;

	font-size: 90%;

	font-weight: normal;

}







/* ====== SIDEBAR - EXPANDS SECONDARY NAV ====== */



body#home #sidebar .box ul ul#home_sec_nav,

body#services #sidebar .box ul ul#services_sec_nav,

body#free #sidebar .box ul ul#free_sec_nav,

body#store #sidebar .box ul ul#store_sec_nav,

body#resources #sidebar .box ul ul#resource_sec_nav,

body#emf #sidebar .box ul ul#emf_sec_nav {

	display: block;

}







/* ====== SIDEBAR - PRIMARY NAV - where am i ====== */



body#home #sidebar .box ul li a.home,

body#services #sidebar .box ul li a.services,

body#free #sidebar .box ul li a.free,

body#store #sidebar .box ul li a.store,

body#resources #sidebar .box ul li a.resources,

body#emf #sidebar .box ul li a.emf,

body#about #sidebar .box ul li a.about,

body#contact #sidebar .box ul li a.contact,

body#blog #sidebar .box ul li a.blog {

	color: #06045f;	

	font-size: 120%;

}







/* ====== SIDEBAR - SEC NAV - where am i ====== */

	

#sidebar .box ul ul li a.on:link, #sidebar .box ul ul li a.on:visited {

	color: #06045f;

	font-weight: bold;

	background: url(../img/arrow_hover.gif) no-repeat 0 4px;

	font-size: 100%;

}







/* ====== SIDEBAR - FORM ====== */



#sidebar .box form {

	margin: 0;

	padding: 15px 15px 15px 18px;

	font-size: 90%;

}



#sidebar .box form p {

	margin: 0 0 1em 0;

	padding: 0;

}



#sidebar .box label {

	margin: 0;

}



#sidebar .box input {

	margin: 2px 0 .5em 0;

	width: 90%;

	background-color: #f8f9c3;

}



#sidebar .box input.submit {

	width: 90px;

	background-color: #fff;

}



#sidebar .box form p.privacy {

	margin-top: 1.5em;

	line-height: 130%;

	font-size: 85%;

	font-style: italic;

}







/* ====== FOOTER ====== */



#footer h6 {

	margin: 0 12em;

	padding: 0;

	font-weight: normal;

}









/* ====== LANDING PAGE SPECIFIC LAYOUT ====== */



body.landing #bkground {

	background: url(../img/bkgrd_outline_landing.gif) repeat-y fixed top center;

}



body.landing #wrapper {

	background: url(../img/bkgrd_outlinetop_landing.gif) no-repeat fixed top center;

}



body.landing #masthead {

	background: transparent;

	margin: 0 auto;

	text-align: center;

}



body.landing #masthead img {

	display: block;

	margin: 0 auto;

	text-align: center;

}



body.landing #footer {

	background: url(../img/landing_footer.gif) no-repeat bottom center;	

	height: 40px;

}



body.landing #sidebar {

	width: 166px;

}







/* ====== LANDING PAGE - SIDEBAR TESTIMONIALS ====== */



body.landing #sidebar .test {

	margin: 1em 0;

	padding: 0;

	background: #ececff;

	border: 1px solid #c5c6d6;

}



body.landing #sidebar p {

	font-size: 95%;

	margin: .5em 0 1em 0;

	padding: 0 6px;

}