*{ margin: 0; padding: 0; }*

body { background: #fff url(../images/bg_header.jpg) repeat-x left top; font: 62.5% Georgia, Arial, Sans-Serif; color: #444; min-width: 950px;}

	h1 { font-size: 3em; font-weight: normal; padding: 0 0 0 0; float:left; }

	h1 a { text-decoration: none; }

	h2 { font-size: 2em; color: #444; font-weight: normal; margin: 0 0 .2em 0; }

	h3 { font-size: 1.6em; border-bottom: 0px solid #ccc; margin: 10px 0 15px 0; text-align: center; color: #666; }
	
	h4 { font-size: 1.5em; margin: 0 0 0 0; text-align: center; color: #fff; font-weight: normal; }

	p  { font-size: 1.5em; margin: 0 0 2em 0; }

	em { border-bottom: .1em dotted #fff; cursor: pointer; }

	a { color: #858585; }

	a:hover { color: #e47a00; text-decoration: none; }

	img { border: 0; }

	.highlight { color: #e47a00; }
	
	.white { color: #fff; }
	
	.clear { clear: both; margin: 0; }

.content_left { width: 66%; }

.wrap { width: 900px; margin: 0 auto; clear: both; }

.rss { background:url(../images/rss.png) no-repeat left center; padding: 20px 0 20px 35px; }

.add { background:url(../images/add_rec.png) no-repeat left center; padding: 5px 0 5px 30px; font-size:14px; text-decoration:none; }	

.admin_home { background:url(../images/home.png) no-repeat left center; padding: 5px 10px 5px 30px; font-size:14px; text-decoration:none; float:right }

#header { width: 900px; height: 115px; margin: 0 auto; }

#teaser { height: 428px; background: #fff url(../images/photo_bg1.jpg) right top no-repeat; }

	.box_left { float: left; padding: 52px 20px 0 0; width: 62%; color: #444; position: absolute; min-width: 650px;}
	
	* html .box_left { width: expression(document.body.clientWidth <965 ? "650px" : "62%" ); }
	
	.box_left p { font-size: 1.7em; line-height: 1.5em; margin: 0; color: #333; }
	.box_right { float: left; padding: 20px 0 0; width: 379px; color: #fff; }
	
	.inner { text-align: left; margin: 0 auto; }
	
	#testimonials { margin: 10px 0 0 0; padding: 0; }

	#image { float: right; width: 388px; position: relative; top: 16px; background: #fff url(../images/logotype.jpg) no-repeat top right; height: 258px; }

	#home_nav { position: absolute; top: 363px; right: 60px; }
	#why_nav { position: absolute; top: 664px; right: 323px; }


#bar { height: 30px; padding: 8px 0 0 0;  background: #444; }

	#bar p { text-align: center; color: #fff; font-size: 1.6em; margin: 0;}
	#bar img { padding: 0 8px 0 0; vertical-align:middle;}
	#bar a { color: #fff; }
	#bar a:hover, #bar .active a { color: #e47a00; }

.bar { padding-top:400px; color:#fff; text-align:center; font-size: 16px; }


#col_left, #col_mid { float: left; width: 277px; margin: 0 30px 20px 0; }
#col_right { float: left; width: 277px; margin: 0 0 20px 0; }

#col_left h2, #col_mid h2, #col_right h2 { text-align: center; font-size: 16px; font-style:italic; }
#col_left h3, #col_mid h3, #col_right h3 { font-family: Arial, Helvetica, sans-serif; color: #666; font-weight: normal; margin:10px 0 5px 0; }

	.list { font-size: 1.5em; line-height: 1.5em; margin: 0 0 0 50px; font-family: Arial, Helvetica, sans-serif; }

	.more { font-size: 1.4em; text-align: center; }
	
.base_col, .base_last { float: left; margin: 20px 10px 10px 0; padding: 12px; width: 415px; height: 240px; }
.base_col, .base_last { float: left; margin: 20px 0; width: 415px; height: 240px; }	

	.base_col { border-right: solid 0px #ddd; padding: 0 20px 0 0; }
	.base_last { padding: 0 0 0 20px; }
	
	.base_col h3, .base_last h3 { font-size:16px; margin:0 0 10px 0; font-style:italic; font-weight: normal; color: #444; }

	#base_video { float: left; padding: 5px 0 0 0; }
	#base_video a { display: block; width: 211px; height: 147px; background: url(../images/tip_destroyer.jpg) 0 0 no-repeat; text-decoration: none; }
	#base_video a:hover { background-position: -211px 0; }

	#base_text { float: left; width: 190px; margin: 10px 0 0 10px; }
	#base_text p { padding:20px 0 0 0; margin:0; font-family: Arial, Helvetica, sans-serif; font-size: 1.4em; line-height:1.4em; }
	#base_text a { font-size: 15px; }

blockquote { padding: 1px 0 0 0; background-image: url(../images/openquote.gif); background-position: top left; background-repeat: no-repeat; text-indent: 30px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height:1.4em; }

  	blockquote span { display: block; background-image: url(../images/closequote.gif); background-repeat: no-repeat; background-position: bottom right; }

	.testimonial { float: left; width: 770px; padding: 12px 0 0 0; }
	.testimonial h3 {font-size: 1.6em; text-align: left; margin: 0; padding: 0;  color: #e47a00; font-weight: normal; display:inline; }
	.test_image { float: left; width: 120px; margin: 0 10px 10px 0; }
	.test_wrap { clear: both; }
	
	.intro_testimonial { float: left; width: 900px; padding: 0 0 20px 0; }
	.intro_testimonial h3 {font-size: 1.6em; text-align: left; margin: 0; padding: 0;  color: #e47a00; font-weight: normal; display:inline; }
	
#base { background: #fff url(../images/bg_base.gif) repeat-x; }
#base { background: #fff; }

#footer { clear: both; width: 100%; margin: 0 auto; padding: 20px 0 1px 0;  background-color: #ddd; border-top: 0px #666 solid; color: #444; font-size: 8px; }	

	#footer .inner { width: 900px; }

	#footer .right { float: right; padding: 15px 0 0 0; }

	#footer .left { padding: 15px 0 0 0; }

	#footer a { color: #808080; font-weight: normal; }
	
	#footer a:link, #footer a:visited { text-decoration: none; }

	#footer a:hover, #footer a:active { text-decoration: underline; }
	
	
/* ----------------------------------- */
/* ABOUT
/* ----------------------------------- */	
	.aboutus { float: left; width: 745px; padding: 5px 0 0 0; }
	.aboutus p { font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; line-height:1.4em; }
	.aboutus h3 { font-size: 1.6em; text-align: left; margin:5px 0 5px 0;  color: #e47a00; font-weight: normal;}
	.aboutus_image { float: left; width: 145px; margin: 0 10px 10px 0; }
	.aboutus_wrap { clear: both; }

	#about_video { float: left; padding: 5px 10px 0 0; }
	#about_video a { display: block; width: 145px; height: 151px; background: url(../images/company_video.jpg) 0 0 no-repeat; text-decoration: none; }
	#about_video a:hover { background-position: -145px 0; }	
	
/* ----------------------------------- */
/* TIPS
/* ----------------------------------- */
	.tip_wrap { clear: both; }
	.tip { float: left; width: 895px; padding: 15px 0 0 0; }
	.video_tip { float: left; width: 675px; padding: 15px 5px 0 0; }
	
	.video_tip p, .tip p { margin:5px 0 1em 0; font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; line-height:1.4em; }
	.video_tip h3, .tip h3 {font-size: 1.6em; text-align: left; margin: 0; padding:0; color: #e47a00; font-weight: normal;}
	
	.grey { color: #aaa; font-size: .85em; }

	.video { float: right; padding: 5px 0 0 0; width: 211px; }
	.video a { display: block; width: 211px; height: 147px; text-decoration: none; }
	/*.video a:hover { background-position: -211px 0; }*/	

/* ----------------------------------- */
/* WEBINAR
/* ----------------------------------- */
	#webinar p { font-family:Arial, Helvetica, sans-serif; line-height:20px; }
	#webinar ul { margin: 0; padding: 0 0 30px 40px; line-height: 24px; font-family:Arial, Helvetica, sans-serif; font-size:14px; } 
	#webinar ul li { list-style:none; }
	
	#offer { float:left; width:690px; }
	#offer_paypal { float:left; width:155px; text-align:center; margin:0; padding:10px; }
	
	.rounded_box {
	   background: #eee;
	}
	.rounded_top div {
	   background: url(../images/rounded_tl.png) no-repeat top left;
	}
	.rounded_top {
	   background: url(../images/rounded_tr.png) no-repeat top right;
	}
	.rounded_bottom div {
	   background: url(../images/rounded_bl.png) no-repeat bottom left;
	}
	.rounded_bottom {
	   background: url(../images/rounded_br.png) no-repeat bottom right;
	}
	
	.rounded_top div, .rounded_top, 
	.rounded_bottom div, .rounded_bottom {
	   width: 100%;
	   height: 10px;
	   font-size: 1px;
	}
	.rounded_content{ margin: 0 10px 0 20px; height: 120px; overflow:hidden; }
	
	
/* ----------------------------------- */
/* CONTACT
/* ----------------------------------- */
#contact h1 { margin-left: 10px; }

#address_wrap { float: left; width: 440px; color: #666; }

#address_wrap h2 { font-size:16px; margin:0 0 10px 0; font-style:italic; }

#address_wrap p { font-family: Arial, Helvetica, sans-serif; font-size:13px; line-height:16px; }

#address { font-size: 15px; padding: 0 0 15px 20px; background-color: #ddd; }

#address a:link, #address a:visited { color: #666; text-decoration: none; font-size: 15px; }

#address a:hover, #address a:active { color: #666; text-decoration: underline; }

#message { float: left; width: 380px; padding: 0 20px 0 50px; position:relative; }

#message h1, #address h1 { font-size: 20px; margin: 5px 0 20px 0; color: #666; }

.contact_label { color: #57841e; font-size: 13px; }

form label { line-height: 15px; display: inline; color: #e47a00; color: #666; font-size: 13px; }

.form_left { position: relative; float: left; width: 42%; overflow: hidden; margin: 0 1px 10px 0; }

.form_right { position: relative; float: right; width: 55%; overflow: hidden; margin: 0 0 10px 0; }

.text_box, .pwd_box { display: block; position: relative; overflow: hidden; height: 22px; border: solid 1px #666; background: #eee; padding: 2px; }

.text_area { display: block; position: relative; overflow: hidden; border: solid 1px #666; width: 100%; height: 100px; padding: 2px; }

.tip_desc, .testimonial_desc { display: block; position: relative; overflow: hidden; border: solid 1px #666; width: 100%; height: 225px; padding: 2px; }
.testimonial_desc { height: 150px;}

.text_inner { line-height: 22px; padding: 2px 0 0 0; font-size: 14px; }

.text_box input, .text_area textarea, .tip_desc textarea, .testimonial_desc textarea { display: block; border: none; background: #eee; height:100%; width:100%; top: 0; left: 0; font-size: 16px; font-family: Georgia, Arial, Sans-Serif; color:#444; padding:0; margin:0; }

.pwd_box input { border: none; background: #eee; top: 0; left: 0; font-size: 16px; color:#444; }

.form_bottom { position: relative; float: left; width: 100%; }

.warning { color: #e47a00; }

.message { color: #808080; }

/* ----------------------------------- */
/* PAGE NAVIGATION
/* ----------------------------------- */

#page_nav { clear: both; height: 25px; margin: 0 auto 15px auto; text-align: center; }

#page1, #page1_selected, #page2, #page2_selected, #page3, #page3_selected, #page4, #page4_selected, #page5, #page5_selected, #page6, #page6_selected, #page7, #page7_selected, #page8, #page8_selected, #page9, #page9_selected, #page10, #page10_selected, #prev, #prev_disabled, #next, #next_disabled { float: left; padding: 20px 0; margin: 0 auto; text-align: center; }

#page1 a { background: url(../images/page_nav.gif) 0 0 no-repeat; }
#page1_selected a { background: url(../images/page_nav.gif) -29px 0 no-repeat; }

#page2 a { background: url(../images/page_nav.gif) 0 -25px no-repeat; }
#page2_selected a { background: url(../images/page_nav.gif) -29px -25px no-repeat; }

#page3 a { background: url(../images/page_nav.gif) 0 -50px no-repeat; }
#page3_selected a { background: url(../images/page_nav.gif) -29px -50px no-repeat; }

#page4 a { background: url(../images/page_nav.gif) 0 -75px no-repeat; }
#page4_selected a { background: url(../images/page_nav.gif) -29px -75px no-repeat; }

#page5 a { background: url(../images/page_nav.gif) 0 -100px no-repeat; }
#page5_selected a { background: url(../images/page_nav.gif) -29px -100px no-repeat; }

#page6 a { background: url(../images/page_nav.gif) 0 -125px no-repeat; }
#page6_selected a { background: url(../images/page_nav.gif) -29px -125px no-repeat; }

#page7 a { background: url(../images/page_nav.gif) 0 -150px no-repeat; }
#page7_selected a { background: url(../images/page_nav.gif) -29px -150px no-repeat; }

#page8 a { background: url(../images/page_nav.gif) 0 -175px no-repeat; }
#page8_selected a { background: url(../images/page_nav.gif) -29px -175px no-repeat; }

#page9 a { background: url(../images/page_nav.gif) 0 -200px no-repeat; }
#page9_selected a { background: url(../images/page_nav.gif) -29px -200px no-repeat; }

#page10 a { background: url(../images/page_nav.gif) 0 -225px no-repeat; }
#page10_selected a { background: url(../images/page_nav.gif) -29px -225px no-repeat; }

#prev a { background: url(../images/page_nav.gif) 0 -250px no-repeat; }
#next a { background: url(../images/page_nav.gif) 0 -275px no-repeat; }

#page1 a, #page1_selected a, #page2 a, #page2_selected a, #page3 a, #page3_selected a, #page4 a, #page4_selected a, #page5 a, #page5_selected a, #page6 a, #page6_selected a, #page7 a, #page7_selected a, #page8 a, #page8_selected a, #page9 a, #page9_selected a, #page10 a, #page10_selected a, #prev a, #next a { width: 25px; height: 24px; display: block; text-decoration: none; padding-right: 3px; }

#page1 a:hover { background-position: -29px 0; overflow: visible; height: 24px; }
#page2 a:hover { background-position: -29px -25px; overflow: visible; height: 24px; }
#page3 a:hover { background-position: -29px -50px; overflow: visible; height: 24px; }
#page4 a:hover { background-position: -29px -75px; overflow: visible; height: 24px; }
#page5 a:hover { background-position: -29px -100px; overflow: visible; height: 24px; }
#page6 a:hover { background-position: -29px -125px; overflow: visible; height: 24px; }
#page7 a:hover { background-position: -29px -150px; overflow: visible; height: 24px; }
#page8 a:hover { background-position: -29px -175px; overflow: visible; height: 24px; }
#page9 a:hover { background-position: -29px -200px; overflow: visible; height: 24px; }
#page10 a:hover { background-position: -29px -225px; overflow: visible; height: 24px; }
#prev a:hover { background-position: -29px -250px; overflow: visible; height: 24px; }
#next a:hover { background-position: -29px -275px; overflow: visible; height: 24px; }

