@charset "utf-8";
/*
-----------------------------------------------
Layout Style Sheet
Site: Glenn Armstrong
Author: Tim Wright
Version: 07/2009
----------------------------------------------- 
*/
body {background:url(../img/bg.png) repeat-x #666; text-align:center;}

#wrapper{width:960px; margin:0 auto; text-align:left;}

/* Masthead */
#masthead {width:920px; margin:20px 0px 0px 0px; padding:20px 20px 20px 20px; background:url(../img/mh-bg.png) top no-repeat #fff;}
	#masthead .logo{float:left; margin-top:20px;}
	#masthead .login{float:right;}
	
	
/* Navigation */
#nav {width:960px; height:40px; background:url(../img/navbg.png) repeat-x #e5e5e5; border-top:5px solid #D2232A; font:normal 14px "Times New Roman", Times, serif; color:#333; z-index:100;}
#nav ul li a, .nav ul li a:visited {display:block; text-decoration:none; color:#000; height:29px; text-align:center; color:#333; overflow:hidden; padding-top:11px;}
#nav ul {padding:0; margin:0; list-style: none;}
#nav ul li {float:left; position:relative;}
#nav ul li ul {display: none;}

/* specific to non IE browsers */
#nav ul li:hover a {color:#fff; background:#D2232A;}
#nav ul li:hover ul {display:block; position:absolute; top:40px; left:0; width:180px; text-align:left; color:#fff;}
#nav ul li:hover ul li a.hide {background:#333; color:#fff;}
#nav ul li:hover ul li:hover a.hide {background:#999; color:#000;}
#nav ul li:hover ul li ul {display: none;}
#nav ul li:hover ul li a {display:block; padding-left:20px; background:#333; color:#000; width:180px; border:0; color:#fff; text-align:left;}
#nav ul li:hover ul li a:hover {background:#999; color:#000; width:180px; border:0; color:#fff;}
#nav ul li:hover ul li:hover ul {display:block; position:absolute; left:180px; top:0;}
#nav ul li:hover ul li:hover ul.left {left:-180px;}
	
.li-why {width:60px; padding-left:20px;}
.li-about {width:90px; border-left:1px solid #ccc; border-right:1px solid #fff;}
.li-buying {width:80px; border-left:1px solid #ccc; border-right:1px solid #fff;}
.li-courses {width:85px; border-left:1px solid #ccc; border-right:1px solid #fff;}
/*.li-courses {width:60px; border-left:1px solid #ccc; border-right:1px solid #fff;}*/
.li-mentoring {width:75px; border-left:1px solid #ccc; border-right:1px solid #fff;}
.li-tyr {width:140px; border-left:1px solid #ccc; border-right:1px solid #fff;}
.li-finance {width:65px; border-left:1px solid #ccc; border-right:1px solid #fff;}
.li-lead {width:70px; border-left:1px solid #ccc; border-right:1px solid #fff;}
.li-armchair {width:70px; border-left:1px solid #ccc; border-right:1px solid #fff;}
.li-options {width:85px; border-left:1px solid #ccc; border-right:1px solid #fff;}
.li-estate {width:125px; border-left:1px solid #ccc; border-right:1px solid #fff;}
.li-fast {width:75px; border-left:1px solid #ccc; border-right:1px solid #fff;}
.li-contact {width:60px; border-left:1px solid #ccc;}


/* Feature */
#feature{width:920px; height:260px; padding:20px; background:url(../img/featurebg.png) no-repeat #ccc;}
  #featuretabs {float:right; font:normal 20px "Times New Roman", Times, serif;}
  #featuretabs li a {height:46px; width:280px; text-align:left; padding:20px; background:#e7e7e7; *margin:0px; display:block; text-decoration:none; font:normal 20px "Times New Roman", Times, serif; border-bottom:1px solid #999; color:#D2222A;}
  #featuretabs li .text{font:normal 15px "Times New Roman", Times, serif; color:#333;}
  #featuretabs li .text a{font:normal 15px "Times New Roman", Times, serif; color:#333;}
  #featuretabs li a:hover {font:normal 20px "Times New Roman", Times, serif; background:#fff;}
  #featuretabs li a.selected {font:normal 20px "Times New Roman", Times, serif; background:#fff; color:#D2222A; cursor:default;}
  .tabContainer {float:left; height:260px; width:599px; background:#ccc; margin:0px; padding:0px; border-right:1px solid #999;}

/* Content */
#content{width:920px; margin:0; padding:20px; background:#eee; border-top:5px solid #333;}
	#content .col1{width:540px; float:left; margin:0; padding:35px 20px 20px 20px; background:#fff;}
	#content .col2{width:320px; float:right; margin:0px 0px 0px 20px; padding:0px;}

/* Footer */
#footer{width:920px; margin:0px 0px 20px 0px; padding:20px; background:#333;}
	#footer .text{float:left;}
	#footer .facebook{float:right;}

.clear{clear:both;}