/*
---------------------
01. General
02. Global Classes
03. Structure
04. Lists
05. Navigation
06. Forms
------------------------


----------------------------------------------------------
01. GENERAL
---------------------------------------------------------- */
@import url("reset.css");
a:link, a:visited { border-bottom:1px dotted #094F8E; color:#094F8E; font-weight:bold; text-decoration:none }
a:hover { background-color:#E2F0F9; color:#000;}
body { background:#538819 url(../images/bg.jpg) repeat-x; color:#000; font:62.5% Arial, Verdana, sans-serif; text-align:center }  
hr { border:0; clear:both; color:#ccc; background:#ccc; height:1px; margin:2.5em 0 }
p {  margin-bottom:1.2em;}


/*
----------------------------------------------------------
02. GLOBAL CLASSES
---------------------------------------------------------- */
.clear { clear:both }
.float-left { float:left; }
.float-right  { float:right }
.highlight { background:#ffff99;}
.nobullet { list-style:none; list-style-image:none }
.replace { text-indent:-9999px;}
span.divider { color:#999; padding:0 3px;}
.wrap { font-size:1.1em; margin:0 auto; text-align:left; width:824px }


/*
----------------------------------------------------------
03. STRUCTURE
---------------------------------------------------------- */
#header { background:url(../images/clouds.png) no-repeat right top; height:300px; position:relative; }
	#header a { border-bottom:0;}
	#header a:hover { background-color:transparent;}
	h1#tagline { background:url(../images/tagline.png) no-repeat; height:273px; margin:0 0 0 30px; position:absolute; top:20px; width:807px; }

#top-cap { background:url(../images/bg_content_top.png) no-repeat; height:26px; margin-top:-12px; }
#bottom-cap { background:url(../images/bg_content_bottom.png) no-repeat; height:26px; }

/* MAIN CONTENT */
#content { background:#fff url(../images/bg_content_repeat.gif) repeat-y; font-size:1.2em; line-height:1.5em; padding:30px 100px 50px; text-align:left; width:624px; }	
	h1.callout { color:#AA0000; font-size:2.5em; letter-spacing:-1px; line-height:1.3em; margin:1em 0 0.5em;}
	h1.title { margin:0 0 0.25em;}
	
	h2 { font-size:1.5em; font-weight:normal; line-height:1.3em; margin:1em 0 0.5em; text-transform:uppercase;}
		h2.callout { color:#AA0000; font-size:2em; line-height:1.3em; text-transform:none;}
		h2 span#orig-price { color:#666; font-size:0.75em; font-weight:normal; padding-left:0.5em;}
		h2.tagline {  margin:-4px 0 1em -4px; padding:4px; width:540px; }
			h2.tagline em { color:#538819;}
		h2.signup { margin-top:-0.3em; }
			
	h3 { font-size:1.3em; color:#000; font-style:italic; font-weight:normal; line-height:1.4em; margin-bottom:0.5em;}
		#faqs h3 { margin-top:1.25em;}
	
	a.btn-order { background-image:url(../images/btn_order.jpg); background-repeat:no-repeat; border:0; display:block; font-size:1.3em; height:48px; margin-top:2em; text-transform:uppercase; width:210px;}
		a.btn-order:hover { background-color:none; background-position:0 -48px;}
	
	a.pagetop { background:url(../images/arrow_up.gif) no-repeat 0 0.7em; border:0; float:right; font-size:0.9em; margin-top:1em; padding:0 0 0.5em 1.25em; text-transform:uppercase; }
	
	img#product-book { margin:2.25em -135px 2em 2em;}
	img#product-book2 { margin:0 2em 0 -130px;}
	img#product-book3 { margin-bottom:2em;}
	img#group-photo { margin:2em -2.5em 0 2em;}
	img#roadsign { margin:0 -7em 0 1em;}
	img#palmer-photo { margin:0 0 2em 3em;}
	
	
	p#greeting { background:url(../images/friend.gif); height:26px; width:185px; }
	p.indented { margin:-1.5em 0 5em 75px;}
	
	div.intro { background:url(../images/box_top.jpg) no-repeat; height:135px; margin-left:-2em; padding:20px 30px 10px; width:365px; /*text-align:center;*/ }
		div.intro h1 { color:#000; font-size:1.5em; font-weight:normal; line-height:1.3em; margin-bottom:0.5em; }
		div.intro em { color:#AA0000; font-weight:bold;}
		
		div.intro blockquote { color:#000; font-size:1em; line-height:1.5em; margin-bottom:0.25em; }
		div.intro blockquote strong { color:#9D0D19;}
		
	div.intro-bottom { background:url(../images/box_bottom.jpg) no-repeat; height:15px; margin:-5px 0 0 -2em; width:425px; }
	blockquote.testimonials { background:url(../images/notebook.gif) no-repeat; font-family:Georgia, Times, serif; font-size:1.3em; line-height:1.5em; margin-bottom:4em; padding:59px 70px 15px 50px; position:relative;}
		span.testimonial-bottom { background:url(../images/notebook_bottom.gif) no-repeat bottom left; bottom:-30px; height:30px; left:0; position:absolute; width:621px; }
		blockquote strong { color:#AA0000; font-weight:bold;}
		cite { font-size:0.9em; display:block; padding-top:5px; }
		cite strong { color:#000;}

		
		
	#featured-list.slideshow  { display:inline; float:right; height:194px; margin:-1.6em 2em 0 0; width:180px;}
		#featured-list a { border:0;}
		#featured-list a:hover { background:none;}
		
	#video { float:left; height:366px; margin-bottom:2.5em;}

		
	
	#aside { border-left:1px dotted #999; float:right; margin:3.75em 0 0 2em; padding-left:1.5em; width:150px;}
	
	
	/* FEATURED IN: BURSTS */
	a.burst { border:0;}
	a.burst:hover { background:none;}
	a.oakbizreview2 { float:right; margin-left:30px; }
	a.oakbizreview3 { float:left; margin-right:20px; }
	
	div.slideshow { float:left; height:124px; width:124px;}
	div.burst2 { float:right; margin-left:30px;}
	div.burst3 { float:left; margin-right:20px;}
	
	#featured div.callout { background:#D5ECFC; float:right; margin:0 0 2em 2em; padding:20px; width:300px;    }
		#featured div.callout ul { font-size:0.9em; line-height:1.3em; }
		#featured div.callout li { margin-bottom:0.5em;}
	
	#featured ul.bullet { font-size:1em; margin:0 0 1.2em 2em;}
		#featured ul.bullet li { background:url(../images/bullet.gif) no-repeat 0 0.4em; margin-bottom:0.5em; padding-left:1.75em;}
		#featured ul.bullet strong { color:#000; text-transform:none; }
	
	
	
	
	
/* FOOTER */
#footer { padding:10px 100px; position:relative; width:624px;}
#footer p#moncur a, #footer p#moncur a:visited  { border:0; color:#000; }
#footer p#moncur a:hover { background:none; color:#1B4902}


/*
----------------------------------------------------------
04. LISTS
---------------------------------------------------------- */
ul.bullet { font-size:1.2em; margin:0 0 2em 2em;}
	ul.bullet li { background:url(../images/bullet.gif) no-repeat 0 0.4em; margin-bottom:0.5em; padding-left:1.75em;}
	ul.bullet strong { color:#AA0000; text-transform:uppercase; }
	
ul.noindent { margin-left:0;}
	#contact ul.noindent { font-size:1em; width:200px;}	

ul#questions-list { margin-bottom:3em;}
	ul#questions-list li { margin-bottom:0.5em;}
	
ul.sneakpeek { margin-top:1.5em; width:400px;}
	ul.sneakpeek strong { display:block;}


/*
----------------------------------------------------------
05. NAVIGATION
---------------------------------------------------------- */
#nav-main { position:absolute; left:40px; top:258px; width:505px;}
#nav-main li { display:block; float:left; margin-left:2px }
#nav-main li a { background-image:url(../images/nav.png); background-repeat:no-repeat; display:block; height:48px; }
	
	li#nav-home a { width:81px;}
		li#nav-home a:hover { background-position:0 -48px;}
		li#nav-home.active a { background-position:0 -96px;}
	
	li#nav-faqs a { background-position:-81px 0; width:74px;}
		li#nav-faqs a:hover { background-position:-81px -48px;}
		li#nav-faqs.active a { background-position:-81px -96px;}
	
	li#nav-contact a { background-position:-155px 0; width:95px;}
		li#nav-contact a:hover { background-position:-155px -48px;}
		li#nav-contact.active a { background-position:-155px -96px;}
		
	li#nav-featured a { background-position:-356px 0; width:134px;}
		li#nav-featured a:hover { background-position:-356px -48px;}
		li#nav-featured.active a { background-position:-356px -96px;}

	li#nav-buy a { background-position:-250px 0; width:106px;}
		li#nav-buy a:hover { background-position:-250px -48px;}
		li#nav-buy.active a { background-position:-250px -96px;}
	
	
/* FOOTER */
#footer ul { position:absolute; right:50px; top:10px; }
	#footer li { display:inline; font-weight:bold; margin-right:10px }
	#footer li a { border:0; color:#000; padding-left:10px }
	#footer li a:hover { background-color:transparent; color:#1B4902 }



/*
----------------------------------------------------------
06. FORMS
---------------------------------------------------------- */
label, input { display:block;}
label { float:left; font-weight:bold; padding-right:15px; width:150px }
input.textfield { padding:2px;}
input, textarea { font:11px Arial, Helvetica, sans-serif; margin-bottom:1em; width:215px;}
input.submit { background-image:url(../images/btn_submit.jpg); border:0; height:39px; margin-left:165px; padding:3px 5px; text-transform:uppercase; width:84px;  }
	input.submit:hover { background-position:0 -40px; cursor:pointer; cursor:hand; }
span.required { color:#B0000D }
td { vertical-align:top; }