*{
 margin:0;
 padding:0;
}

body{
 margin:0;
 padding:0;
 background:#221e0f;
 font-family: Verdana, Helvetica, sans-serif;
 font-size: 62%;
 color:#535353;
}

img, div, a { behavior: url('img/iepngfix.htc') }

a img{ border:0;}

#content h1{
 font-family: Trebuchet MS, Verdana, Helvetica, sans-serif;
 color:#fbf9f8;
 font-weight:normal;
 font-size:2.2em;
 padding:41px 0 0;
 margin: 0 0 29px 0; 
 text-transform:uppercase;
}

#content p{
 color:#fefcfc;
 font-size:1.2em;
 line-height:1.3em;
 margin:0 0 22px;
 text-align:justify;
}

#home #content p{width:495px;}

/******************
*******************
Main layer styles    ****/

#main-wrapper{
 position:relative;
 width:974px;
 left:50%;
 margin:0 auto;
 padding:20px 0 0;
 margin-left:-487px;
}

#masthead{
 position:relative;
 width:974px;
 height:152px;
 background:url('../img/masthead-bg.gif') no-repeat;
}

#logo{
 position:absolute;
 top:26px;
 left:29px;
}

#content-wrapper{
 width:969px;
 padding:0 0 0 5px;
 background:url('../img/content-wrapper-bg.gif') repeat-y;
}







/******************
*******************
Main navigation  */

#navigation{
 width:752px;
 height:35px;
 padding: 0 0 0 0;
 position:absolute;
 bottom:0;
 right:4px;
 list-style:none;
 font-family: Trebuchet MS, Verdana, Helvetica, sans-serif;
}

#home #navigation{ background:url('../img/nav-home.jpg') no-repeat;}
#course-page #navigation, #subpage #navigation{ background:url('../img/nav-course.jpg') no-repeat;}
#blog #navigation{ background:url('../img/nav-blog.jpg') no-repeat;}
#free-chapter #navigation{ background:url('../img/nav-free-page.jpg') no-repeat;}
#faq #navigation{ background:url('../img/nav-faq.jpg') no-repeat;}
#about #navigation{ background:url('../img/nav-about.jpg') no-repeat;}
#contact #navigation{ background:url('../img/nav-contact.jpg') no-repeat;}

#navigation li{
 height:30px;
 float:left;
}

#navigation li a{
 height:22px;
 padding:8px 0 0 ;
 float:left;
 display:block;
 color:#000;
 font-size:1.7em;
 font-weight:normal;
 text-decoration:none;
 text-align:center;
 
}

#navigation #homea a{ width:85px; padding-left:22px;}
#navigation #coursea a{ width:136px;}
#navigation #bloga a{ width:74px;}
#navigation #freea a{ width:135px;}
#navigation #faqa a{ width:73px;}
#navigation #abouta a{ width:111px;}
#navigation #contacta a{ width:111px;}

#home #homea a, #course-page #coursea a, #blog #bloga a, #free-chapter #freea a, #faq #faqa a, #about #abouta a, #contact #contacta a{ color:#fff;}

#navigation li a:hover{ text-decoration:underline; color:#fff;}


#left-column{
 width:189px;
 float:left;
 display:inline;
}

#content{
 width:662px;
 margin:0 9px 0 0;
 position:relative;
 padding: 19px 53px 0 53px;
 float:right;
 display:inline;
 background:url('../img/content-bg.gif') repeat-y;
}

#home #content{padding-right:0; width: 715px;}

#content-top{
 position:absolute;
 top:0;
 left:0;
 width:768px;
 height:19px;
 background:url('../img/content-top.gif') no-repeat;
}

#home-content-wrapper{
	background:url('../img/home-bg.jpg') no-repeat right 0px;
	width:695px;
	height:min-height;
}

#bottom{
 width:774px;
 margin:0 3px 0 0;
 padding:0 0 16px 0;
 background:url('../img/content-bottom.gif') no-repeat;
 float:right;
 display:inline;
 clear:right;
 position:relative;
}

#footer{
 width:958px;
 height:20px;
 padding:30px 0 30px 16px;
 background:url('../img/footer-bg.gif') no-repeat;
 clear:both;
 font-size:1.2em;
 color:#917e40;
}

#footer a{color:#917e40;} 

#footer a:hover{ color:#fff;}

#footer p#copyright{float:right;}

#online-course{
 width:187px;
 height:183px;
 margin: 0 0 3px 0;
 position:relative;
 background:url('../img/online-course-bg.jpg') no-repeat;
 border:1px solid #4b4834;
}

#online-course h1{
 font-size:1.6em; 
 line-height:1.2em;
}

#online-course h1 a{ 
 font-family: Trebuchet MS, Verdana, Helvetica, sans-serif;
 color:#fff;
 text-align:center;
 text-decoration:none;
 font-weight:normal;
 display:block;
 padding:10px 0 0; 
 height:173px;
}

#online-course img{
 position:absolute;
 bottom:15px;
 right:4px;
}

#authenticate{
 width:189px;
 height:250px;
 background:url('../img/authenticate-bg.jpg') no-repeat;
 margin: 0 0 30px;
}

#authenticate h1{ 
 font-family: Trebuchet MS, Verdana, Helvetica, sans-serif;
 color:#f7ecac;
 text-align:center;
 font-weight:bold;
 font-size:1.6em;
 padding:16px 0 0;
 margin: 0 0 19px 0; 
}

#authenticate h1 span{ font-weight:normal; margin-left:2px;}  

#authenticate form{ padding:0 0 0 17px;}

#authenticate form fieldset{ border:0;}

#authenticate form label{
 width:139px;
 padding:0 0 5px 8px;
 font-size:1.2em;
 font-weight:bold;
 color:#fbf5b8;
 line-height:1em;
}

#authenticate form input{
 width:137px;
 height:15px;
 background:#f7f3cb;
 margin: 3px 0 14px 5px;
 padding:0px 0 0 2px;
 font-size:1.2em;
 font-weight:bold;
 line-height:1em;
}

#authenticate form input#login-button{ width:auto;height:auto; margin:8px 0 8px 0; padding:0;}

#authenticate p{
 color:#f5efc1;
 text-align:center;
 font-weight:bold;
 font-size:1.1em;
 line-height:1.4em;
}

#authenticate p a{color:#f5efc1;}
#authenticate p a:hover{ color:#fff;}

.note{
 width:248px;
 height:252px;
 background:url('../img/note-bg.png') no-repeat;
 float:left;
 margin:0 0px 0 0;
 padding: 0 0 0 10px;

}

.note h1{
 font-family: Trebuchet MS, Verdana, Helvetica, sans-serif;
 color:#000;
 font-weight:bold;
 font-size:1.4em;
 padding:77px 0 0;
 text-align:center;
 margin: 0 0 10px 0; 
 text-transform:uppercase;
}

.note h1 span{ font-weight:normal; margin-left:2px; }  

.note p{
 color:#000;
 font-size:1.2em;
 line-height:1.4em;
 padding: 0 28px 0 12px;
 text-align:justify;
}

.note p.note-links{ padding:0 0 0 25px; text-align:left;}

.note p a{
 color:#000;
 text-align:left;
} 

.note a:hover{ color:#FF6B00;}

.note ul{
 list-style:none;
 margin:0 0 0 15px;
 padding: 0 50px 0 0 ;
 color:#000;
 font-size:1.2em;
 line-height:1.4em;
}

.note ul li{
 padding:0 0 0 20px;
 background:url('../img/tick.gif') no-repeat left 2px;
} 

#magnifying-glass{
	position:absolute;
	top:190px;
	right:24px;
	width:92px;
	height:44px;
}

#magnifying-glass a{
 width:92px;
 height:44px;
 background:url('../img/magnifying-glass.gif') no-repeat;
 display:block;
 text-decoration:none;
}



.clear{
 width:100%;
 height:1px;
 clear:both;
 line-height:1px;
 font-size:1px;
}