/*

Site: PowerMyCareer
Design: Lyndia Haryanto for Schipul
Build: David Stagg for Schipul
URI: 

*/

* { font-size: 100%; margin: 0; padding: 0; }
a img { border: none; }
a { outline: none; }

body {
	background: #b3ea75 url(/images/body-bg.jpg) repeat-x top left;
	font: 12px/1.4em Arial, Helvetica, sans-serif;
	color: #333;
	}

ul, ol { margin: 1em 0; padding-left: 2.5em; }
dt { margin: 0.5em 0 0; }
dd { margin: 0.25em 0 0.5em 2.5em; }

h1, h2, h3, h5, h5, h6 { font-weight: normal; color: #114c81; margin: 20px 0 8px 0;  } 
h1 { font-size: 24px; color: #000; line-height: 28px; }
h2 { font-size: 18px; line-height: 26px; color:#425DB4; font-weight:bold; }
h3 { font-size: 18px; line-height: 22px; color:#55432B }
h2.price { font-size: 18px; line-height: 26px; color:#425DB4; font-weight:bold; margin:0px; padding: 0px;}

p { margin-bottom: 10px; }

a { color: #000000;  }
a:hover { text-decoration: none; }
a:active { }
a:visited { }

/* STRUCTURE */

#dough-wrap {
	width: 1000px;
	margin: 0 auto;
	background: transparent url(/images/home/ppl-box-bg2.jpg) no-repeat top center;
	}
	.sub #dough-wrap { background: none; }

#main-wrap2 { margin: 0 0 0 172px; position: relative; }

#logo { display: block; width: 300px; height: 70px; }

#top-links {width: 245px; margin:0; position:absolute; top: 90px; left:350px;}
	#top-links a {color:#3C311A; text-decoration:none;}
	#top-links a:hover {color:#CD6E00;}
	#top-links a.login {color:#2C458F; text-decoration:none;}
	#top-links a.login:hover {color:#CD6E00;}
	
	#webinar {width: 174px; position: absolute; top: 56px; right: 5px; }
	#webinar p{font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; color:#4F4027; padding-top:8px;}
	#webinar:hover { z-index: 100; }
	
	#webinar ul {width: 174px; list-style:none; margin:0; padding:0; list-style-type:none}
	#webinar ul .free-btn { width: 144px; height: 197px; display:block; z-index: 1;
	background:url(/images/home/free-webinars.png) top left no-repeat; font-size:18px; 
	font-family:Georgia, "Times New Roman", Times, serif; text-decoration:none; padding: 38px 0 0 20px;  }
	#webinar ul .free-btn a{text-decoration:none; color:#4C4028} 

	#webinar ul li .drop-down {background:url(../images/home/paper-bg.png) top left no-repeat; height: 128px; display:block; width: 161px}
	
	/*Stories Module*/
	
	#story-wrap {height: 280px; width: 825px; clear:both; z-index: 10 !important; overflow: hidden; margin-left: 10px;}
	
	.stories {display: block; width: 825px; height: 270px; position: relative; float: right; }

	.stories-bg { width: 815px; height: 270px; background: none !important; background: transparent url(/images/home/rotator-shadow.png) no-repeat bottom right !important; }

		.story-item { overflow: hidden !important; float:right; background: transparent url(/images/home/rotator-shadow.png)}
		.story-item img { margin: 0; padding: 0; }
		div.story-content {margin: -250px 0 0 0; padding: 0 315px 0 20px; width: 480px; height: 270px;  z-index: 1500; }
		
		.story-content h1 {color: #FFF; margin: 0 0 12px 0; padding: 0; font-family:Georgia, "Times New Roman", Times, serif; font-size:28px; }	
		.story-content p {color: #FFF; margin:0; padding:0; line-height: 20px }
		.story-content a {color: #FFF; text-decoration: underline}
		.story-content a:hover {color:#ccc; text-decoration:none; color:#000}
		
		.story-item .image-header {display: block; width: 815px; height: 270px; overflow: hidden !important; z-index: 10;}
		.story-item img { border:0px; z-index: 999; }
		
		#story-link {margin: 12px 0 0 0!important}

	
		#nav-stories {display: block; height: 30px; padding: 5px 10px 0 0; text-align:right; float:right;
		position:relative; z-index:100; margin: -65px 400px 0 0
		}
			#nav-stories a { display: block; width: 30px; height:30px; border: 1px solid #CCC; float: left; margin-right: 5px;
			text-align: center; text-decoration: none; color:#CCC; font-weight:bold; font-size:16px;
			line-height:30px
			}
			#nav-stories a.activeSlide { border: 1px solid #FFF;  width: 30px; height:30px; 
			color: #FFF; background: url(/images/home/page-over.png) top left repeat }	
	
	
	#bottom-wrap {width: 828px; clear:both; margin: 22px 0 0 0}
	
		.green-box {width: 314px; height: 249px; background-color:none; padding: 0 0 0 10px; float:left;}
		
		.right-boxes {height: 290px; width: 242px; float:left; display:inline; margin: 0 0 0 10px}
		
			#blog-box {background: url(../images/home/blog.jpg) top left no-repeat;}
			
			#career-box {background:url(../images/home/center.jpg) top left no-repeat;}
			#career-box p { padding: 0 10px; }
			
			.box-text {width: 245px; height:156px; margin: 62px auto 0 auto; color:#FFF; font-size:12px}
			span.blog-title, span.blog-title a {font-weight:bold; font-size: 14px; color:#fbf58f; text-decoration:none}
			
			ul#num-list {list-style:none; font-size: 14px; text-decoration:underline; padding:0 0 0 10px}
			ul#num-list li a {color:#FFF; text-decoration:underline;}
			ul#num-list li a:hover {text-decoration:none; color:#9FD462;}
				
				ul#num-list li {padding: 0 0 5px 30px; display:block; line-height:22px;}
				
				ul#num-list li.li-one {background:url(../images/home/list-1.jpg) top left no-repeat;}
				ul#num-list li.li-two {background:url(../images/home/list-2.jpg) top left no-repeat;}
				ul#num-list li.li-three {background:url(../images/home/list-3.jpg) top left no-repeat;}
			
			a.tag-btn {height: 68px; clear: both; margin: 0 12px 0 80px; padding: 9px 5px 0 30px; display:block; 
			font-family:Georgia, "Times New Roman", Times, serif; color:#433821; font-weight:bold; text-decoration:underline; letter-spacing: -.01em;}
			a.tag-btn:hover {color:#416317}
			
		div.green-line {height: 18px; border-bottom: solid 1px #7BA948; clear:both; margin: 0 0 15px 0}
			
		#footer-area {font-size: 12px; color:#312617; font-family:Georgia, "Times New Roman", Times, serif; margin: 0 0 15px 0; width: 300px; float:left}
		#contact-btm {text-align:right; width: 146px; float:right;font-size: 11px; color:#312617; font-family:Georgia, "Times New Roman", Times, serif;}
		#partners { width: 520px; float:right; margin-bottom: 20px;}
		#partners p{ float:right;font-size: 16px; font-weight:bold; color:#312617; font-family:Georgia, "Times New Roman", Times, serif; padding: 0 20px 10px 0;}

		
		
		
/***TEMPLATE***/

#template-bg {width: 100%; background:url(../images/template/ppl-box-bg.jpg) top left no-repeat; margin:0; padding:0;}

#content-wrap {width: 900px; clear:both; display:block}
		
		.template-left {float:left; background-color:#A3CB6D; width: 590px; }
			#bodycontent {margin:  3px; background-color: #FFF; width: 550px; padding: 5px 17px 17px 17px; color: #666;
			min-height: 700px; height: auto !important; height: 500px; float:left; display:inline
			}
			#bodycontent h1 {margin-top: 10px;}
			#bodycontent h1  {color: #425DB4; font-weight:bold;}
			#bodycontent a {color:#425DB4;}
			#bodycontent a:hover {color: #6F9A40}
			#bodycontent p {color:#666}
			#bodycontent h1 a, #bodycontent h2 a {color: #425DB4 !important; text-decoration:none !important}
			#bodycontent h1 a:hover, #bodycontent h2 a:hover {color:#d07309 !important; text-decoration:underline !important}
		
		.template-right {width: 223px; z-index: 10; position: absolute; top: 173px; right: 0;}
			.right-content {background:url(../images/template/right-bg.jpg) top left repeat-y;}
			.right-content a {color:#FFF;} .right-content a:hover {color:#000;}
			.right-top {width: 223px; height: 51px; z-index: 10; position: absolute; top: 122px; right: 0;
			background:url(../images/template/right-top.jpg) top left no-repeat; vertical-align:bottom; margin:0; padding:0}
			.right-btm {width: 223px; height: 21px; float:right; background:url(../images/template/right-btm.jpg) top left no-repeat;
			vertical-align:top; margin:0; padding:0;}
			.right-text {width: 195px; margin:0 auto; padding: 15px 0; color:#FFF}
				#template-services-links a {color:#FFF; font-size: 14px;}
				#template-services-links a:hover {color: #6F9A40}
				
				#bodycontent input {margin: 2px}
				
		
#pricing{
	padding: 5px;
}

#pricing a{
	color:#54422A;
}


td.pricing {
	padding:5px;
}

.clear { clear: both; }