@charset "UTF-8";
/* CSS Document */
*{margin: 0; padding: 0;}
html{ repeat-x #fcfcec; height: 100%; width:100%;}
/*background:url(assets/bg.jpg)*/
body{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333; height: 100%; width:100%;}
h1{font-size:16px; color:#060}
h2{font-size:14px; color:#060;}
h3{font-size:16px; color:#006; margin-bottom: 8px}
h4{font-size:14px; color:#063; margin-bottom: 8px}
p {line-height:17px;}
ul li{display:inline; margin:0 1em}
a:link, a:visited {text-decoration:none ; color:#006 ;}
a:hover, a:active {text-decoration:underline ; color:#006 ;}

/*Header*/

#hd_wrap{width: 1000px; margin:-92px auto 0; position:relative;}
	#w4g{position: relative;}
		#w4g a:link, #w4g a:visited {color:#CDAB7F; text-decoration:none;}
		#w4g a:hover, #w4g a:active {color:white; text-decoration:none;}

	#hd_wrap .apple { position:absolute; left:368px; top:-15px; }
/*classes*/
.nav{float:right; font-family:Arial, Helvetica, sans-serif; font-weight:600; top:15px; font-size:16px; position:absolute; right:0;}
.login{float:right; font-family:Arial, Helvetica, sans-serif; color:#CDAB7F; clear:right; position:absolute; right:0; top:44px; white-space:nowrap;}
.strong{font-weight:600;}
.ital{font-family:"Times New Roman", Times, serif; font-size:18px; color:#CDAB7F; font-style:italic; float:left; clear:left;}
.w4g{font-family:"Times New Roman", Times, serif; font-size:24px; color:#fff; float:left; margin-top:5px; letter-spacing:2px;}
.mrg5{margin: 0 5px;}

/*#CDAB7F*/

.hide{display:none;}
.show{display:block;}
.error_txt{color:#600;}

/* --- MAIN --------- */

#master_wrapper {min-height:100%; position:relative;}
#wrapper{position: relative; width:1000px; margin:100px auto 10px !important; clear:both; background: url(assets/wrapper-bg.gif) repeat-y; margin-top:30px; padding-bottom:80px;}
#ebook #wrapper, #book #wrapper{position: relative; width:1000px; margin:100px auto 10px !important; clear:both; background: url(assets/wrapper-bg.gif) repeat-y 531px; margin-top:30px; padding-bottom:80px;}
#wrapperwrapper{position: relative; width:1000px; margin:0 auto; clear:both;}

/*LEFT DIV*/
#left{position: relative; width:220px; float:left; margin: 10px 5px 0 0; padding:0 10px 0 5px; }
	.lft_top { padding:0 0 10px 0; margin:0 0 10px 0;}
		#wrapper .lft_top h3 a {color:#006;}
		.lft_top .esntl {text-align: center; color:#060; display:block; margin: 5px 0; font-size:14	px;}
		.lft_top .quot {font-style:italic; text-align:center; display:block; margin: 5px 0;}
		.lft_top .download {margin: 10px 0 0 0;}
.lft_border{border-bottom:solid 1px #333;}
	#left ul {margin:0 0 10px 8px}
	#left ul li{display:list-item;}
	
/*CENTER DIV*/
#center{position: relative; float:left; width:500px; margin:10px 5px 0 5px; padding: 0 5px; }
#ebook #center, #book #center{position: relative; float:left; width:745px; margin:10px 5px 0 0; padding: 0 5px; }
	#ebook #emailPage .email_page_form{width:400px; margin:10px auto;}
		#emailPage .label {float:left}
		#emailPage .input {float:right}
		#emailPage .area {width:100%; margin:10px 0;}
	
#center .cnt_mod{position:relative; margin-bottom:10px; padding:0 0 10px 0;}
	#center .cnt_mod .esntl {font-style:italic; font-size:14px; float: right; margin:3px; color:#060}
	#center .cnt_mod .quot {text-align:center; font-style:italic; display:block; margin-bottom:5px;}
	#center .cnt_mod .download {margin: 5px 0;}
		.cnt_bottom_img {margin: 0 auto; width:100%; text-align:center;}
		.description_bx{margin: 10px 0;}
	#center .cnt_mod a {color:#006}
#center .cnt_border{border-bottom:solid 1px #333;}
	
	#center ul {margin:0 0 10px 8px;}
	#center ul li{display:list-item;}
	/*#center #cnt_bot p {margin-bottom:5px;}*/
	
/*#cnt_bot{position: relative; height:45%; margin-top:10px;}*/

/*RIGHT DIV*/
#right{position: relative; width:210px; float:left; margin:10px 5px 0 5px; padding:0 5px 0 10px;}
#rt_top{position: relative; width:100%; border-bottom: thin solid #333; margin-bottom:10px;}
	#rt_top .jeff {float:right;}
	.blog-content h3{ }
	#rt_top.share {margin: 5px 0;}
		#rt_top ul{ margin: 10px auto; width:70%;}
			#rt_top ul li {display:inline; margin: 0 5px;}
			
#rt_mid{position: relative; width:100%; margin-top:10px;}
	.wrk-shp{text-align:center;}
		.wrk-shp .wrk-shp-title {font-family:"Times New Roman", Times, serif; font-size:16px; font-weight:bold; display:block; margin:5px 0;}
		.wrk-shp .hero {display: block; margin:5px 0; font-weight:bold;}
		.wrk-shp .date {display: block; margin:5px 0;}
		#rt_mid .wrk-shp .more a{display:block; margin:5px 0; color:#006}

p{text-align:justify; font:Arial, Helvetica, sans-serif;}

.book{float: left; margin:0 15px 5px 0;}

/* --- END: MAIN --------- */

/*--- LINKS ---------*/
#links #center h1{text-align:center; color:#003; font-size:18px;}
#links_content {}
	#links_content .link {margin: 10px 0;}
		#links_content .link .link-title {font-size:16px; font-weight:bold; margin-bottom: 5px; display:block}
		#links_content .link .link-url {font-size:14px; font-weight:normal; margin-bottom: 5px; display:block}
		#links_content .link .link-scrip {font-size:14px; font-style:italic; display:block; clear:both;}

/*--- END:LINKS ---------*/

/*--- ABOUT ---------*/
#about #cnt_top{}
	#about #cnt_top h1{text-align:center; color:#003; font-size:18px;}
	#about .photo {float:left; margin-right:10px;}
	#about #cnt_bot p { }

/*--- CONTACT ---------*/
#contact #wrapper {}
#contact #center { height:650px; }
	#contact h1{text-align:center; color:#003; font-size:18px;}
		#contact .contact-left {float:left; width: 45%; margin-top:30px;}
			#contact .contact-vcard {font-size:18px; margin-bottom:30px;}
			#contact .quot {}
				#contact .item {margin-bottom: 20px;}
				
		#contact .contact-right {float:right; width: 45%; margin-top:30px; text-align:left;}
			#contact-form .title {font-size:18px; margin-bottom:30px;}
			#contact-form .label {font-size:14px; margin: 5px 0;}
			#contact-form .input {margin: 5px 0;}
				#contact-form input {text-align:right;}
			#contact-form .input-text textarea {margin:5px 0; height:120px; width:100%; overflow:hidden;}
			
#email-notification { position:absolute; top:100px; left:75px; width:350px; height:200px; border: thin solid #333; background-color:#C4E0FF; z-index:99999; padding-top:10px;}
	#email-notification .email-notification-deatil {width:300px; margin:10px auto; font-size:18px; font-weight:bold; color:#600;}
		#email-notification .email-notification-deatil p {margin:10px 0;}
			
/*--- END CONTACT ---------*/

/*--- EXERCISE ---------*/
#exercises{}
	#exercises_content {margin-top:20px;}
		#exercises h1{text-align:center; color:#003; font-size:18px;}
		#exercises .exercise{position:relative;}
				#exercises .exercise-top {background: transparent url('assets/blue_top.png') no-repeat; height:22px; width:398px; float:left}
				#exercises .exercise-mid {background: transparent url('assets/blue-mid.png') repeat-y; width:398px; float:left}
					#exercises_content .title {font-size:18px; position:relative; top:-10px; left:17px;}
					#exercises_content .description {position:relative; left:18px; width:350px;}
				#exercises .exercise-bot {background: transparent url('assets/blue-bottom.png') no-repeat; width:399px; height:26px; float:left;}
				
				#exercises .exercises-right {background: transparent url('assets/blue-box-small.png') no-repeat; width:210px; height:70px; 
					position: relative; top:30px; right: 0; z-index:-1; position:absolute;}
				#exercises .exercises-right-detail {font-size:12px; position:absolute; top:45px; right:0; width:100px; margin-right:8px;}
				#exercises .clear {clear:both;}

/*--- END EXERCISE ---------*/


/*--- WORKSHOP ---------*/
#workshops{}
	#workshops_content {margin-top:20px;}
		#workshops h1{text-align:center; color:#003; font-size:18px;}
		#workshops .workshop{}
				#workshops .workshop-top {background: transparent url('assets/blue_top.png') no-repeat; height:22px; width:398px; float:left}
				#workshops .workshop-mid {background: transparent url('assets/blue-mid.png') repeat-y; width:398px; float:left}
					#workshops_content .title {font-size:18px; position:relative; padding:0 20px; display:block;}
					#workshops_content .description {position:relative; padding:0 20px; display:block;}
					#workshops_content .location {position:relative; padding:0 20px; margin:0 0 10px 0; display:block;}
				#workshops .workshop-bot {background: transparent url('assets/blue-bottom.png') no-repeat; width:399px; height:26px; float:left;}
				
				#workshops .workshops-right {background: transparent url('assets/blue-box-small.png') no-repeat; width:210px; height:70px; 
					position: relative; left: 285px; z-index:-1}
				#workshops .workshops-right-detail {font-size:12px; position:relative; left:-10px; top:52px;}
				#workshops .clear {clear:both;}
					
		

/*--- END WORKSHOP ---------*/

/*--- Book ---------*/
#book{}
	#book #center ul { margin:5px 0 5px 15px ; }
		#book #center ul li { display:list-item; margin-left:5px; }

/*--- ENDBook ---------*/


/*--- LOGIN ---------*/
#login {position:absolute; top:70px; left:619px; width:400px; height:150px; border: thin solid #333; background-color:#B2CDD5; z-index:99999;}
	#login .form-wrap {margin: 10px;}
		#login .close {float:right; margin: 10px 10px 0 0}
	/*#error {display:none;}*/
	#forgot-pw {text-align:center}
	#forgot-id {text-align:center}
		#login-form table tr td {height:30px; text-align:right; width:125px;}
			#forgot-id td {color:#6F0;}

/*--- END LOGIN ---------*/

/*--- SIGN-UP ---------*/
#sign-up {position:absolute; top:70px; left:516px; width:600px; height:280px; border: thin solid #333; background-color:#B2CDD5; z-index:99999;}
	#sign-up .close {float:right; margin: 10px 10px 0 0;}
	#sign-up .signup-wrap {margin: 10px;}
		#signup-form #info {width:300px; float:left;}
		#signup-form table tr td {height:30px; text-align:right; width:125px;}
		#sign-up .sign-up-info {float:right; margin:5px;}
			#sign-up .sign-up-info p {padding: 10px 0; font-size:12px;}
			#sign-up .sign-up-info .center{ text-align:center;}

/*--- END SIGN-UP ---------*/

/*--- FOOTER ---------*/
#clear {clear:both; text-indent:-999999px;}

#footer {width: 100%; height:80px; background: url('assets/footer-bg.png') top repeat-x #2E8841; position:absolute; bottom:0;}
	#footer .link-cloud {width:800px; margin:0 auto; text-align:center; position:relative; top:10px;}
		#footer .links {}
			#footer .links li {display:inline; margin: 0 5px;}
				#footer .link { margin: 0 auto;}
					#footer a:link, #footer a:hover, #footer a:active, #footer a:visited {color:#006}
				
	#footer .info {width:1000px; margin:0 auto; position:relative; top:25px; text-align:center; font-size:10px;}
		#footer .copywrite { text-align:center;}
		

/*--- END: FOOTER ---------*/