/* ----------   IE HACKS  ----------

The following divs are applied just inside the body tag of each page in order to deliver special styling to non-compliant IE versions.

#lteIE8 (less than or equal to IE8) 
#lteIE7 (less than or equal to IE7)
#lteIE6 (less then or equal to IE6)

-------------  END IE HACKS ------- */


body,table,input { font-family: Arial, Helvetica, sans-serif; color: #68321E; font-size: 12px; line-height:1.1em; }
body,form { margin: 0; }
img { display: block; border: 0; }
p { margin: 0 0 14px 0; }
td { text-align: left; vertical-align: top; }
body { background: #68321E; }
a { text-decoration: none; color: #429902; }
a:hover { color: orange; }
.pink { color: #EA4498; }

sup { font-weight:normal; }

.layout { width: 852px; margin: 10px auto 0 auto; background: url('images/bgmain.jpg') repeat-y; }
.header { background: url('images/header.gif') no-repeat; height: 245px; }
.sidebar { width: 220px; height:90px; background: url('images/sidebottom.jpg') no-repeat left bottom; }
.content { margin: 10px 25px 10px 25px; width:577px; line-height:1.4; position:relative; }
.footer { background: url('images/footer.jpg') no-repeat; height: 70px;
          text-align: center; color: white; font-weight: bold; }
.footer div { margin-top: 14px; }
.footer a { color: white; }
.footer a:hover { color: orange; }

.nav { background: url('images/sidetop.jpg') no-repeat; padding: 40px 0 10px 67px; }
.nav a { display: block; width: 140px; font-size: 14px; margin-bottom:8px; line-height:18px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; text-decoration: none; color: #68321E; font-weight: bold; }
.nav a:hover { color: orange; }
.nav a.currentpage { color: #429902; }

#social { position:relative; left:67px; }
	#social a { display:inline-block; margin:0 8px 0 0; }

.caffeine { width: 217px; float: right; margin-left: 24px; clear:both; }
.signup { background: url('images/bgform.jpg') no-repeat; float: right;
          width: 230px; height: 165px; text-align: right; font-size: 10px;
          margin: 18px 0px 24px 24px; line-height: 14px; }
.signup span { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
               font-size: 14px; font-weight: bold; }
.enteremail { width: 140px; font-size: 10px; }

.questionable { background: url('images/question.jpg') no-repeat; padding: 10px 0 0 10px; }
/* .caffeine { width: 217px; float: right; margin-left: 30px; clear:both; }*/
.butterfly { background: url('images/butterfly.jpg') no-repeat; width: 217px; height: 227px; 
             font-size: 11px; line-height: 13px; }
.butterfly span { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
                  font-size: 12px; font-weight: bold; }
	
.twelve { background: url('images/12.jpg') no-repeat; padding: 20px 0 0 20px; }	 

.video { display:block; margin:24px auto; font-size:15px; font-weight:bold; font-style:italic; color:#EA4498; }
				  
ul.comfy	li { margin-bottom: 6px; line-height:1.2; }

h3	{ font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; margin:0 0 14px 0px; font-size:20px; }
h4	{ font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; margin:0 0 14px 0px; font-size:16px; }

.resourcelisting { clear:both; margin-bottom:60px; margin-right:28px; }
	.resourcelisting img { float:left; margin:0px 24px 24px 0px; }
	.resourcelisting h2  { font-size:15px; color:#e85dad; font-weight:bold; }
	.resourcelisting p { margin-bottom:12px; }
	.pages { background-color:#e85dad; color:#ffffff; padding:0px 6px; }
	
#freegifts { margin:20px 2px 20px 52px; }
	#freegifts h3 { text-align:right; border-bottom:1px dotted #EA4498; margin-bottom:8px; }
	#freegifts p { margin-bottom:8px; }
	#freegifts img { float:left; margin: 0px 24px 24px 0px; }
.gift { float:left; background: url(images/flower.gif) no-repeat top left; padding-bottom:30px; margin:0px 15px 30px 15px; width:358px; }
.download { clear:both; display:block; width:232px; margin:12px auto 20px auto; }

.sticker { position:absolute; top:-250px; left:-250px; }
.sticker2 { position:absolute; top:-240px; right:-100px; }

.international { font-weight:bold; font-size:11px; font-style:italic; margin:14px 0px 20px 0px; }

#booklaunch { margin:0px 20px 20px 70px; position:relative; top:-96px; left:-16px; }
	#booklaunch p { margin-bottom:8px; }
	.hr { border-bottom: 3px dotted #ea4498; height:28px; position:relative; margin-bottom:24px; }
	#booklaunch .quote { width:160px; margin:0px 12px 28px 12px; position:relative; float:left; padding:0px 16px 0px 30px; font-style:italic; }
	.leftquote { position:absolute; top:0px; left:0px; }
	.rightquote { position:absolute; bottom:0px; right:0px; }
	.pinkbox { background-color:#fbd9ea; padding:0px 10px; border-top:2px dotted #ea4498; border-bottom:2px dotted #ea4498; }

	.quote { width:210px; margin:0px 12px 28px 12px; position:relative; float:left; padding:0px 16px 0px 30px; font-style:italic; }


#coffeeshop p { margin-bottom:8px; }
#coffeeshop h3 { margin-bottom:12px; }
.categorydescrip { font-style:italic; padding-bottom:18px; }
.product { width:185px; margin:0px 13px 36px 13px; font-size:11px; float:left; }
	.product img { margin-bottom:2px; }
.producttitle { font-weight:bold; font-size:13px; }
.producttitle span { float:right; }
.selection { font-size:10px; float:left; }
.backtotop { font-size:9px; font-weight:bold; clear:both; }
.flower { margin:-25px 0px 0px -8px; }

#lteIE6 .product { margin:0px 10px 36px 10px; }

.dia { display:inline-block; font-size:10px; color: #EA4498; position:relative; top:-3px; }
.downloads { float:right; width:160px; margin:16px 0 26px 26px; padding:16px; position:relative; }
	.downloads p { margin-bottom:6px; font-weight:bold;  font-size:14px; }
	.downloads img { position:absolute; bottom:10px; right:10px; }
	.downloads a { color: #68321E;  }
	.downloads a:hover { color: orange; }	
		
.presentation { padding-top:36px; clear:both; }	
	#lteIE7 .presentation { padding-top:0px; }
	.presentation h4 { color: #EA4498; }
	.presentation img { float:left; margin:0 26px 26px 0; }
	.presentation .prescontent { float:right; width:475px; }
	
.sb_presentations { padding: 30px 0 20px 67px; line-height:1.6em; }
	.sb_presentations a { text-transform:lowercase; display: block; width: 140px; font-size: 14px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;  text-decoration: none; color: #68321E; font-weight: bold; margin:0 0 12px 6px; }	
	.sb_presentations a:hover { color: orange; }