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

*{ margin:0; padding:0}

#wrapper {
	width:960px;
	margin:0 auto;
}
/* Header CSS Start */

.top-bar {
	width:960px;
	background:#f1f1f2;
	height:51px;
	float:left;
}
.top-bar-left {
	float:left;
	padding:19px 0 0 28px;
}
.top-bar-left strong.welcom {
	font:14px Arial, Helvetica, sans-serif;
	color:#919495;
	padding:0 33px 0 0;
}
.top-bar-left strong.you {
	font:14px Arial, Helvetica, sans-serif;
	color:#919495;
}
.top-bar-left strong.you a.mail {
	text-decoration:none;
	color:#b7ab22;
	padding:0 0 0 4px;
}
.top-bar-right {
	float:right;
	width:102px;
}
.top-bar-right strong.plus {
	background:#f7f7f8;
	width:51px;
	float:left;
	height:51px;
}
.top-bar-right strong.plus a {
	background:url(../images/plus-bg.gif) no-repeat left top;
	margin:15px 0 0 15px;
	float:left;
	text-decoration:none;
	text-indent:-9000px;
	overflow:hidden;
	height:21px;
	width:21px;
}
.sample {
	float:right;
}
/* Header CSS End */

/* Menu CSS Start */

#nav {
	padding:0;
	margin:0;
	list-style:none;
	float:left;
}
/*#nav li {
	float:left;
	padding:0 34px;
	background:url(../images/nav-splitter.gif) no-repeat left top;
	height:69px;
}*/
#nav li.first {
	float:left;
	padding:0 34px;
	height:69px;
}
#nav li a {
	font:13px/90px Arial, Helvetica, sans-serif;
	color:#919495;
	text-decoration:none;
	/*text-transform:uppercase;
	padding:27px 0 0 0;*/
}
/*#nav li a:hover {
	color:#4f5253;
	background:url(../images/nav-hover.gif) no-repeat center top;
}
#nav li.active a {
	color:#4f5253;
	background:url(../images/nav-hover.gif) no-repeat center top;
}*/
strong.logo {
	/*background:url(../images/logo.jpg) no-repeat left top; */
	width:210px;
	height:34px;
	float:right;
	margin:16px 18px 0 0;
	/*text-indent:-9000px;*/
	overflow:hidden;
}
strong.logo a {
	display:block;
	height:100%;
}
/* Menu CSS End */

/* Content CSS Start */

#main {
	width:980px;
}
#main:after {
	clear:both;
	height:0;
	display:block;
	content:"";
}


.banner{ width:960px; height:480px; float:left; border-bottom:20px solid #103353; background:url(../images/banner.jpg) no-repeat}

.banner ul{ float:left; list-style: none; position:absolute; z-index:9999}
.banner ul li{width:220px; height:220px; float:left;}
.banner ul li.first{ background: url(../images/circle.png) no-repeat center rgba(50, 47, 49, 0.9); float:left; padding:10px; font-family:"Proxima Nova"; font-size:15px; color:#fff; font-weight:normal}
.banner ul li.first span{ color: #373736;
							display: table-cell;
							font-family: "Proxima Nova";
							font-size: 111px;
							font-weight: bold;
							height: 200px;
							text-align: center;
							vertical-align: middle;
							width: 230px;}

.banner ul li.scnd{ background:rgba(129, 130, 133, 0.9); float:left; padding:10px; font-family:"Proxima Nova"; font-size:15px; color:#fff; font-weight:normal}
.banner ul li.scnd span{ color: #fff;
							display: table-cell;
							font-family: "Proxima Nova";
							font-size: 16px;
							height: 200px;
							text-align: left;
							vertical-align: middle;
							width: 230px;}

.banner ul li.third{ background: url(../images/light-green.jpg) no-repeat; float:left; padding:10px; font-family:"Proxima Nova"; font-size:15px; color:#fff; font-weight:normal}
.banner ul li.third span{ color: #585757;
							display: table-cell;
							font-family: "Proxima Nova";
							font-size: 60px;
							height: 234px;
							text-align: center;
							vertical-align: middle;
							width: 230px;}

.banner ul li.fourth{ background: rgba(50, 47, 49, 0.9); float:left; padding:10px; font-family:"Proxima Nova"; font-size:15px; color:#fff; font-weight:normal; width:460px}
.banner ul li.fourth span{  color: #fff;
							display: table-cell;
							font-family: "Proxima Nova";
							font-size: 22px;
							height: 200px;
							text-align: center;
							vertical-align: middle;
							width: 460px;}

.otherContent{ width:960px; float:left;}
.contentBlock{ float:left; width:480px;}
.workingOn{ width:450px; height:90px; background:#3a3a3c; float:left; padding:15px; font-family:"Proxima Nova"; font-size:15px; color:#c1c1c3; font-weight:normal;}
.workingOn span{ width:450px; height:89px; display:table-cell; text-align:left; font-family:"Proxima Nova"; font-size:19px; color:#fafafc; font-weight:normal; vertical-align:middle}

.recentDrills{ width:450px; height:90px; background:#464648; float:left; padding:15px; font-family:"Proxima Nova"; font-size:17px; color:#bbbbbd; font-weight:normal;}
.recentDrills ul{ float:left; list-style:none; width:450px}
.recentDrills ul li{ font-family:"Proxima Nova"; font-size:13px; color:#bbbbbd; font-weight:normal; margin:25px 0 10px 0; float:left; width:450px}
.recentDrills ul li span.left{ width:100px; float:left}
.recentDrills ul li span.right{ width:100px; float:right; text-align:right}
.recentDrills ul li.last{ font-family:"Proxima Nova"; font-size:13px; color:#bbbbbd; font-weight:normal; margin:0}

.addStats{ width:200px; height:200px; background:#505455; float:left; padding:20px; font-family:"Proxima Nova"; font-size:17px; color:#fff; font-weight:600;}
.addStats a span{ display:table-cell; vertical-align:middle; text-align:center; width:200px; height:180px;}

.mediaBtn1 a{ width:200px; height:80px; float:left; padding:20px; font-family:"Proxima Nova"; font-size:17px; color:#fff; font-weight:600; background:url(../images/media-btn.png) no-repeat  165px #464648; text-decoration:none}
.mediaBtn2 a{ width:200px; height:80px; float:left; padding:20px; font-family:"Proxima Nova"; font-size:17px; color:#fff; font-weight:600; background:url(../images/media-btn.png) no-repeat  165px #3d3d3f; text-decoration:none}

.weather{ width:480px; height:120px; float:left}
.shareSomething{ width:440px; height:81px; float:left; background:#b2c0c9; padding:20px; font-family:"Proxima Nova"; font-size:18px; color:#feffff; font-weight:400;}
.shareSomething input[type="text"]{ width:350px; height:51px; background:url(../images/field-top-bg.jpg) repeat-x top #fff; border:0; font-family:Tahoma, Geneva, sans-serif; font-size:20px; color:#b2b3b7; padding-left:5px; margin-top:10px}
.shareSomething a{width:30px; height:30px; float:right; text-decoration:none; margin-top:32px}

.myVideos{ width:440px; height:200px; float:left; padding:20px; background:url(../images/my-videos.jpg);  font-family:"Proxima Nova"; font-size:18px; color:#E6E7E8; font-weight:400;}

.pkgs {float:left; width:480px;}
.pkgs ul {
	padding:0;
	margin:0;
	list-style:none;
}
.pkgs ul li {
	float:left;
	padding:0;
}
.text-area {
	float:left;
	height:60px;
	width:220px;
	background:#414140;
	padding:20px 0 0 20px;
}
.text-area strong.heading {
	font:20px Arial, Helvetica, sans-serif;
	color:#fff;
	text-transform:uppercase;
	display:block;
	padding:0 0 2px 0;
}
.text-area strong.text {
	font:14px Arial, Helvetica, sans-serif;
	color:#fff;
}
.text-area strong.text span.price {
	font:14px Arial, Helvetica, sans-serif;
	color:#fff;
}
.text-area strong.text a.book {
	text-decoration:none;
	color:#eae40b;
}
.text-area strong.text a.book:hover {
	text-decoration:underline;
}
.pkgs ul li img {
	display:block;
	margin:0;
}


.lastRound{ width:440px; height:80px; float:left; padding:20px; font-family:"Proxima Nova"; font-size:18px; color:#fff; font-weight:400; background:rgba(142, 163, 174, 0.8)}
.lastRound span{width:250px; font-family:"Proxima Nova"; font-size:30px; color:#4F5253; padding-left:5px; margin-top:10px; float:left}
.lastRound a{width:30px; height:30px; float:right; text-decoration:none; margin-top:32px}

.recentComp{ width:440px; height:80px; float:left; padding:20px; font-family:"Proxima Nova"; font-size:18px; color:#fff; font-weight:400; background:#8fa3ae}
.recentComp span{width:250px; font-family:"Proxima Nova"; font-size:30px; color:#4F5253; padding-left:5px; margin-top:10px; float:left}
.recentComp a{width:30px; height:30px; float:right; text-decoration:none; margin-top:32px}

.ad{ width:480px; height:240px; float:left}

#footer {
	width:960px;
	height:121px;
	background:url(../images/footer-bg.jpg);
}
.copy {
	display:block;
	text-align:center;
	padding:52px 0 0 0;
}
.copy strong.copyright {
	font:14px Arial, Helvetica, sans-serif;
	color:#939598;
	text-transform:uppercase;
	display:block;
	padding:0 0 20px 0;
}
.footer-nav {
	padding:0 0 0 12px;
	margin:0;
	list-style:none;
	display:block;
}
.footer-nav li {
	display:inline;
	padding:0 8px 0 0;
}
.footer-nav li a {
	font:10px Arial, Helvetica, sans-serif;
	color:#939598;
	text-decoration:none;
}
.footer-nav li a:hover {
	text-decoration:underline;
}
/* Footer CSS End */




.topHead{ width:960px; height:260px; background: url(../images/topHead-bg.jpg) bottom repeat-x #353534; margin:0 auto}
.topHeadNav{ width:100%; float:left; list-style:none; margin:15px 0 0 15px}
.topHeadNav li{ padding:0 10px; float:left; color:#9d9d9c; border-right:1px solid #9d9d9c; font-family:"Proxima Nova"; font-size:12px; line-height:11px}
.topHeadNav li a{ text-decoration:none; float:left; color:#9d9d9c;}
.topHeadNav li a:hover{ color:#cdd218;}
.topHeadNav li.last{ padding:0 10px; float:left; color:#9d9d9c; border-right:0px solid #9d9d9c; font-family:"Proxima Nova"; font-size:12px;}


.firstUl{ width:224px; border-right:1px solid #282827; float:left; margin:60px 0 0 20px; list-style:none; min-height:125px}
.firstUl li{ color:#fff; width:100%; font-family:"Proxima Nova"; font-size:24px; font-weight:normal; margin-bottom:8px}

.secondUl{ width:202px; border-right:1px solid #282827; border-left:1px solid #494948; float:left; margin:60px 0 0 0px; list-style:none; min-height:125px; padding-left:20px}
.secondUl li p{ color:#9d9d9c; width:100%; font-family:"Proxima Nova"; font-size:11px; font-weight:normal; margin-bottom:5px}
.secondUl li{ color:#fff; width:100%; font-family:"Proxima Nova"; font-size:24px; font-weight:normal}
.secondUl li.last{ color:#fff; width:100%; font-family:"Proxima Nova"; font-size:26px; font-weight:normal; margin-top:20px}

.thirdUl{ width:430px; border-right:0px solid #282827; border-left:1px solid #494948; float:left; margin:60px 0 0 0px; list-style:none; min-height:125px; padding-left:20px}
.thirdUl li p{ color:#9d9d9c; width:100%; font-family:"Proxima Nova"; font-size:11px; font-weight:normal; margin-bottom:5px}
.thirdUl li{ color:#fff; width:100%; font-family:"Proxima Nova"; font-size:24px; font-weight:normal}
.thirdUl li.last{ color:#fff; width:100%; font-family:"Proxima Nova"; font-size:26px; font-weight:normal; margin-top:20px}

.editProfile a{ font-family:"Proxima Nova"; font-size:12px; color:#cdd218; text-decoration:none; float:left; margin:15px 0 0 20px}
.editProfile a:hover{ text-decoration:underline}

.crossBtn-top{ position:absolute; width:50px; height:50px; margin-left:910px; }
.crossBtn-top a{ background:url(../images/cross-btn.jpg); width:50px; height:50px; float:left}

.clr{ clear:both}