@charset "UTF-8";
/* CSS Document */

html{height:100.01%;}

body{text-align:center; font-family:Arial, Arial, Helvetica, sans-serif; font-size: 62.5%; color:#ffffff; line-height:1.3em; 
background:#a3a391;}

#container{width:875px; margin:29px auto 0 auto; background:url(../images/background.jpg) repeat-y top center;}

#header{width:875px; height:353px; background:url(../images/header.jpg) no-repeat top center;}

#nav{width:875px;}
	
	#nav ul{text-align:center; width:875px; padding:17px 0 15px 0;}
	#nav ul li{display:inline; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:15px; padding:0 16px 0 16px;}
	#nav ul li a{color:#FFFFFF; text-decoration:none;}
	
	
#content{width:815px; margin:0 auto 0 auto; background:#FFFFFF url(../images/content_planet.jpg) no-repeat top right;}


#date{width:201px; height:106px; padding:23px 0 0 0; float:left;}

	#date ul li{float:left;}
	
	
#welcome{width:614px; float:left; margin:33px 0 0 0; background:url(../images/building_top.jpg) no-repeat bottom right;}

	#welcome p{width:538px;}
	#welcome a{background:url(../images/link.jpg) no-repeat right center; padding:5px 50px 5px 0; position:relative;}
	#welcome a:hover{text-decoration:none;}


#break{width:829px; height:129px; background:url(../images/image_break.jpg) no-repeat; float:left; background-position:-7px 0px;}


#this_week{width:794px; background:url(../images/stars.png) no-repeat bottom center; background-position:-7px bottom; float:left; padding:0 0 55px 35px;}

	#this_week p{margin:5px 0 0 7px; position:relative;}


#suggestions{width:786px; float:left; margin:20px 0 0 10px;}
#suggestions_top{width:786px; height:96px; background:url(../images/suggestions_top.png) no-repeat; float:left;}
#suggestions_bottom{width:786px; background:url(../images/suggestions_bottom.png) no-repeat bottom center; float:left;}
	
	#suggestions_bottom p{width:600px; margin:0 0 70px 75px;}
	
	
#friends{width:829px; background:url(../images/friends_of_butterfly_effect.png) no-repeat; float:left; background-position:-7px top; margin:10px 0 0 0;}
	
	.image_1{margin:100px 0 0 32px; width:123px; height:123px; border:#ded4c1 solid 1px; float:left;}


#company_break{width:829px; height:67px; background:url(../images/company_listed.png) no-repeat; float:left; background-position:-7px top; margin:10px 0 0 0;}


#form{width:411px; float:left; background-color:#818053; margin:10px 0 0 0; padding:0 0 10px 0;}

	#form_top{width:361px; background:url(../images/form_top.png) no-repeat; height:92px; float:left; margin:0 0 0 23px;}
	#form_middle{width:325px; background:url(../images/form_middle.png) repeat-y; float:left; margin:0 0 0 23px; padding:0 18px 0 18px;}
	
	#form_bottom{width:361px; height:68px; background:url(../images/contact_info.png) no-repeat; float:left; margin:0 0 0 23px;}
	
		#form_middle p{color:#FFFFFF; margin:10px 0 13px 0;}

		.text{border:#FFFFFF solid 1px; background-color:#8e8d65; color:#FFFFFF; padding:10px 0 10px 5px; width:153px; 
		font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px;}
		.textarea{border:#FFFFFF solid 1px; background-color:#8e8d65; color:#FFFFFF; padding:10px 0 0px 5px; width:317px; height:88px;
		font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px;}
		
		#send{border:#aead90 solid 1px; background-color:#8e8d65; color:#FFFFFF; padding:4px 7px 4px 7px; cursor:pointer; margin:0 0 0 145px;}
		
		p#gun{background:url(../images/send.png) no-repeat right; width:325px; float:left; background-position:40px 0px; padding-bottom:10px;}
		
		
#bottom_right{width:393px; float:left; margin:10px 0 0 10px; height:500px}

	#bottom_right_top{width:393px; background:url(../images/order_online.jpg) no-repeat top center #818053;}
	#bottom_right_top p{color:#FFFFFF; padding:0 0 13px 27px;}
	#bottom_right_top a{width:393px; height:90px; display:block;}
	#bottom_right img{position:relative; margin:-35px 0 0 0;}
	
	@media screen and (-webkit-min-device-pixel-ratio:0){
	#bottom_right img {margin:-30px 0 0 0;}
	}	
	


#footer{width:875px; height:97px; background:url(../images/footer.png) no-repeat;}


#content_coming{width:815px; margin:0 auto 0 auto; background:#FFFFFF; text-align:center; padding:15px 0 0 0;}



/************* Frame ***************/

#frame_container{width:875px; margin:0 auto 0 auto;}

#frame{width:100%; background:#818053; height:36px;}

	#frame_container img{float:left;}
	#frame_container a{color:#FFFFFF; text-decoration:underline; float:left; margin:12px 0 0 20px;}
	#frame_container a:hover{text-decoration:none;}


/************* About Us ***************/

#content_about{width:815px; margin:0 auto 0 auto; background:#FFFFFF url(../images/about/top_break.png) no-repeat top center; padding:80px 0 0 0;}
#content_about_bottom{width:815px; background:url(../images/about/about_buildings.png) no-repeat bottom center; padding:0 0 100px 0;}

	#content_about_bottom p{margin:0 18px 0 100px; padding:20px 0 0 0;}
	#content_about_bottom h1{margin:0 18px 0 100px;}
	
#about_white{background-color:#FFFFFF; width:820px; margin:0 auto 0 auto; padding:20px 0 0 0;}
	
#green_box{width:793px; margin:0 auto 0 auto; background:url(../images/about/green_box_top.png) no-repeat top center #818054; padding:89px 0 0 0;}
#green_box_bottom{width:793px; background:url(../images/about/green_box_bottom.png) no-repeat bottom center; padding:0 0 90px 0;}
	
	#green_box_bottom p{color:#FFFFFF; margin:0 24px 20px 24px; text-align:justify;}
	#green_box_bottom p.narrow{width:521px; float:right;}



/************* Contact Us ***************/

#content_contact{width:815px; margin:0 auto 0 auto; background:url(../images/contact/contact_top.png) no-repeat top center #FFFFFF; padding:116px 0 0 0;}

#book_top{width:789px; background:url(../images/contact/book_top.png) no-repeat top center; margin:0 auto 0 auto;}
#book_bottom{width:789px; background:url(../images/contact/book_bottom.png) no-repeat bottom center;}

	#book_left{width:353px; float:left; margin:30px 0 0 23px; padding:0 0 20px 0;}
	
		#book_left p{color:#818054; line-height:1.5em; background:url(../images/contact/break.png) no-repeat center bottom; padding:10px 0 30px 10px;}
		#book_left a{color:#818054; text-decoration:none; font-weight:normal;}

	#book_right{width:335px; float:left; margin:30px 0 0 42px; padding:60px 0 39px 10px; 
	background:#818054 url(../images/contact/post_us_a_message.png) no-repeat top center;}
	
	@media screen and (-webkit-min-device-pixel-ratio:0){
	#book_right{padding:60px 0 34px 10px; 
	}
	}	
	
		#book_right p{color:#ffffff; line-height:1.5em; margin:12px 0px 0 0;}
		
		
/************* Buy the Journal ***************/

#buy_box_top{width:780px; background:url(../images/buy_the_journal/box_top.png) no-repeat top; padding:53px 0 0 24px;}
#buy_box_bottom{width:804px; background:url(../images/buy_the_journal/box_bottom.png) no-repeat bottom #818054; margin:0 auto 0 auto;}

	
	#buy_box_top p{width:340px; color:#FFFFFF; margin:0 0 0 5px;}	
	#buy_box_top p a{color:#FFFFFF; font-weight:normal;}	
	#buy_box_top p a:hover{text-decoration:none;}
	#buy_box_top img#kalahari{float:right; margin:-110px 47px 38px 0;}
		
		#books_bg{width:800px; height:104px; background:url(../images/buy_the_journal/books.png) no-repeat; margin:20px 0 0 0;}


/************* FUQ's ***************/

.fuq{width:811px; margin:0px auto 30px auto; background:url(../images/fuqs/fuq_top.png) no-repeat center top; padding:50px 0 0 0; min-height:70px; height:auto !important; height:70px;}

	p.fuq_bold{font-weight:bold; width:540px; margin:0 0 0 200px;}
	
	.white_sep{width:688px; height:40px; background:url(../images/fuqs/fuq_white_sep.png) no-repeat; margin:0 auto 0 auto;}
	
	p.quote_white{width:646px; background:url(../images/fuqs/66_white.png) no-repeat top left; padding:20px 0 0 40px; margin:0 auto 0 auto;}
	p.quote_white span{background:url(../images/fuqs/99_white.png) no-repeat bottom right; display:block; line-height:1.3em; padding:0 40px 0 0;}

.fuq_green{width:811px; margin:0px auto 30px auto; background:#818053 url(../images/fuqs/fuq_green_top.png) no-repeat top; padding:32px 0 0 0;}
.fuq_green_bottom{width:811px; background:url(../images/fuqs/fuq_green_bottom.png) no-repeat bottom; padding:0 0 35px 0; min-height:70px; height:auto !important; height:70px;}

	p.p_green{color:#FFFFFF; font-weight:bold; width:540px; margin:0 0 0 200px;}
	
	.green_sep{width:664px; height:14px; background:url(../images/fuqs/fuq_green_sep.png) no-repeat; margin:20px auto 0 auto;}
	
	p.quote_green{width:646px; background:url(../images/fuqs/66_green.png) no-repeat top left; padding:20px 0 0 40px; margin:0 auto 0 auto; color:#FFFFFF;}
	p.quote_green span{background:url(../images/fuqs/99_green.png) no-repeat bottom right; display:block; line-height:1.3em; padding:0 40px 0 0;}
	
	
	
/************* Links ***************/
	
.link{width:796px; margin:0 0 0 15px; float:left;}

	.link img{border:#ded4c1 solid 1px; padding:1px; float:left; position:relative; display:inline-block;}
	.link p{color:#818154; width:460px; margin:15px 0 0 20px; float:left;}
	.link p a{color:#818154;}
	
	.link p a:hover{text-decoration:none;}
	
	.seperator_1{width:797px; height:43px; background:url(../images/links/seperator_1.png) no-repeat; float:left; margin:10px 0 20px 10px;}
	.seperator_2{width:797px; height:43px; background:url(../images/links/seperator_2.png) no-repeat; float:left; margin:10px 0 20px 10px;}
	
	
body#page_links #content_coming{background:url(../images/links/bottom_page.png) no-repeat bottom center #FFFFFF; padding:0 0 150px 0;}	
	

/************* Text Styles ***************/	

p{font-family:Geneva, Arial, Helvetica, sans-serif; color:#4b4b4b; font-size:12px; margin:0 0 22px 0; line-height:1.3em;}

a{color:#4b4b4b; font-weight:bold;}

h1{font-family:Geneva, Arial, Helvetica, sans-serif; font-size:24px; color:#818054;}

strong{font-weight:bold;}


/************* Form Styles ***************/	
	

.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 0px;
}

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
    color:#CC0000;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #336600;
	
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #990000;
	
}


hr{background:url(../images/links/seperator_2.png) no-repeat; width:797px; height:43px; border:none; margin:20px 0 20px 0; float:left;}


/************* Accessibility ***************/	

/* clearing */ 
.clear{clear:both; height:1px; margin:0; padding:0; font-size: 15px; line-height: 1px;}
.clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;} 
* html>body .clearfix{display: inline-block; width:100%;}
* html .clearfix {/* Hides from IE-mac \*/ height: 1%; /* End hide from IE-mac */ }

/* accessibility */ 
.accessibility { position: absolute; top: -999em; left: -999em;}