/* general setings */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr, button
{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align: baseline; background:none;}
ol, ul {list-style:none;}
h1, h2, h3, h4, h5, h6, li {line-height:100%;}
blockquote, q {quotes:none;}
table {border-collapse:collapse; border-spacing:0;}
input, textarea, button {margin:0; font-family:inherit; font-size:1em;}
body{
	font:12px/16px Verdana, Helvetica, sans-serif;
	color:#717171;
	background:#fff;
}
/* general reset */
a{
	color:#000;
	text-decoration:none;
}
a:hover{text-decoration:underline;}
html,body {
	height:100%;
}
#wrapper{
	width:100%;
	height:100%;
	display:table;
	margin:0 auto;
}
.main-wrapper {
	width:100%;
	display:table-row;
}
.main-holder{
	width:876px;
	margin:0 auto;
}
/* header */
#header{
	width:100%;
	overflow:hidden;
	padding:14px 0 0;
	position:relative;
	z-index:50;
}
#header .logo{
	background:url(../images/bg-logo.gif) no-repeat;
	width: 190px;
	height: 94px;
	overflow:hidden;
	float:left;
	margin:0 25px 0 0;
	text-indent:-9999px;
}
#header .logo a{
	height:100%;
	display:block;
}
* html .logo{margin-right:22px;}
/*  */
/* holder */
#header .holder{overflow:hidden;}
* html #header .holder {
	overflow:visible;
	height:1%;
}
#header .holder .row{
	width:100%;
	overflow:hidden;
	margin:0 0 28px;
}
/* socials */
.socials{float:right;}
.socials li{
	float:left;
	margin:0 0 0 11px;
	display:inline;
}
.socials li a{
	float:left;
	text-indent:-9999px;
	overflow:hidden;
	width:41px;
	height:44px;
}
.socials li a.facebook{background:url(../images/icon-socials.gif) no-repeat;}
.socials li a.twitter{background:url(../images/icon-socials.gif) no-repeat 0 -44px;}
.socials li a.youtube{background:url(../images/icon-socials.gif) no-repeat 0 100%;}
/* nav-holder */
.nav-holder{
	width:100%;
	overflow:hidden;
}
/* nav */
#nav{
	float:right;
	margin:0 0 0 0;
	overflow:hidden;
}
#nav li{
	float:left;
	background:url(../images/separator02.gif) no-repeat 100% 0;
	padding:0 18px 0 20px;
	list-style:none;
	display:inline;
	margin:0 -18px 0 18px;
	font-size:18px;
	line-height:22px;
}
#nav a{
	color:#717171;
	float:left;
	padding:2px 0 1px;
	text-decoration:none;
}
#nav a:hover,
#nav li.active a{
	text-decoration:none;
	border-bottom:1px solid #717171;
}
#nav a .cufon{
	float:left;
	margin:0 !important;
}
/* main */
#main{
	background:url(../images/bg-main.gif) repeat-x;
	padding:15px 0 75px;
	position:relative;
	z-index:50;
}
/* main-area */
.main-area{
	background:url(../images/bg-main-area.gif) repeat-y 570px 0;
	overflow:hidden;
	width:100%;
}
/* content */
#content{
	float:left;
	width:550px;
}
#content h3{
	color:#717171;
	width:100%;
	overflow:hidden;	font-size:18px;
	line-height:22px;
	padding:4px 0 0;
	margin:0 0 8px;
}
#content h3 .cufon{
	float:left;
	margin:0 !important;
}
#content p{
	margin:0 0 15px;
	line-height:14px;
}

#content-full{
	float:left;
	width:875px;
}

/* sidebar */
#sidebar{
	float:right;
	width:282px;
	padding:7px 0 0;
}
#sidebar h3{
	color:#717171;
	font-size:18px;
	line-height:22px;
	width:100%;
	overflow:hidden;
	margin:0 0 6px;
}
#sidebar h3 .cufon{
	float:left;
	margin:0 !important;
}
/* news-list */
.news-list{
	width:100%;
	overflow:hidden;
}
.news-list a{color:#717171;}
.news-list li{
	padding:0 0 0 18px;
	color:#717171;
	width:94%;
	line-height:16px;
	background:url(../images/bullet01.gif) no-repeat 0 2px;
}
.news-list li p{margin:0 0 12px;}
/* visual-box */
.visual-box{
	width:100%;
	overflow:hidden;
	position:relative;
	margin:0 0 23px;
}
.visual-box .visual-holder{
	overflow:hidden;
	width:940px;
	position: relative;
}
.visual-box .box{
	float:left;
	padding:13px 15px;
	width:233px;
	margin:0 40px 0 0;
	height:219px;
	display:inline;
	overflow:hidden;
	background:url(../images/bg-box.png);
}
.visual-box .box .holder{
	width:100%;
	overflow:hidden;
	position:relative;
}
.visual-holder #blue-hover {
height:247px;
left:0;
opacity:0.5;
position:absolute;
top:0;
width:265px;
display: block;
}

.visual-holder #blue-hover:hover {
background:url("../images/rollover-square1.gif") repeat scroll 0 0 transparent;
filter: alpha(opacity = 50);
text-decoration: none;
}

.visual-holder #red-hover{
  height:247px;
  left:305px;
  opacity:0.5;
  position:absolute;
  top:0;
  width:265px;
  display: block;
}
.visual-holder #red-hover:hover{
  background:url("../images/rollover-square2.gif") repeat scroll 0 0 transparent;
  filter: alpha(opacity = 50);
  text-decoration: none;
}
.visual-holder #purple-hover{
  height:247px;
  left:610px;
  opacity:0.5;
  position:absolute;
  top:0;
  width:265px;
  display: block;
}
.visual-holder #purple-hover a, .visual-holder #red-hover a, .visual-holder #blue-hover a{
  display: block;
  width: 100%;
  height: 100%;
}
.visual-holder #purple-hover:hover{
  background:url("../images/rollover-square3.gif") repeat scroll 0 0 transparent;
  filter: alpha(opacity = 50);
  text-decoration: none;
}
.visual-box .visual-holder .show{
  display: block !important;
}
.visual-box .blue-box{border:1px solid #00aeef;}
.visual-box .red-box{border:1px solid #ed1e99;}
.visual-box .colored-box{border:1px solid #8a00ff;}
.visual-box .box h2{
	font-size:24px;
	line-height:27px;
	padding:3px 0 0;
	margin:0 0 12px;
	width:100%;
	overflow:hidden;
}
.visual-box .blue-box h2{color:#0099d3;}
.visual-box .box h2 .cufon{
	float:left;
	margin:0 !important;
}
.visual-box .red-box h2{color:#ec008c;}
.visual-box .colored-box h2{color:#8a00ff;}
.visual-box .box .img{
	width:240px;
	overflow:hidden;
	margin:0 0 11px;
}
.visual-box .box .img img{display:block;}
.visual-box .box p{
	color:#717171;
	font:12px/14px Arial, Helvetica, sans-serif;
}
/* banner-area */
.banner-area{
	width:874px;
	overflow:hidden;
	position:relative;
	z-index:0;
	margin:-67px 0 -237px 1px;
}
.banner-area .link-prev,
.banner-area .link-next{display:none;}
.banner-area ul{
	width:99999px;
	overflow:hidden;
}
.banner-area li{
	width:874px;
	height:624px;
	float:left;
}
/* slide1 */
.banner-area li.slide1{background:url(../images/slide02.jpg) no-repeat;}
.banner-area li.slide1 .txt{
	padding:132px 25px 0 0;
	width:435px;
	float:right;
	text-align:right;
}
.banner-area li.slide1 .txt h2{
	margin:0 0 5px;
}
.banner-area li.slide1 .btn-sign-up{float:right;}
.banner-area li.slide1 p{margin:0 0 15px;}


.banner-area li.slide3 .txt{
	padding:119px 0 0 25px;
	width:350px;
}
.banner-area li h2{
	color:#fff;
	font:48px/54px Impact, Charcoal, sans-serif;
	margin:0 0 21px;
}
.banner-area li h2 span{font:36px/54px Arial, Helvetica, sans-serif;}
.banner-area li p{
	color:#fff;
	margin:0 0 23px;
	font:22px/23px Arial, Helvetica, sans-serif;
}
.banner-area li .btn-holder{
	width:100%;
	overflow:hidden;
}
.banner-area li .btn-sign-up{
	border:1px solid #fff;
	background:url(../images/btn-sign-up.gif) repeat-x;
	float:left;
	padding:0 9px;
	font:italic 18px/28px Arial, Helvetica, sans-serif;
	color:#fff;
	height:29px;
}
* html .banner-area li .btn-sign-up {
	padding:0 6px 0 9px;
}
.banner-area li .btn-sign-up:hover{text-decoration:none;}
/* slide2 */
.banner-area li.slide2{background:url(../images/banner4.jpg) no-repeat;}
.banner-area li.slide2 .txt{
	padding:132px 25px 0 0;
	width:435px;
	float:right;
	text-align:right;
}
.banner-area li.slide2 .txt h2{
	margin:0 0 5px;
}
.banner-area li.slide2 .btn-sign-up{float:right;}
.banner-area li.slide2 p{margin:0 0 15px;}
.banner-area li.slide3{background:url(../images/slide03.jpg) no-repeat;}
/* slide4 */

.banner-area li.slide4 .txt{
	padding:132px 0 0 25px;
	width:435px;
	float:left;
	text-align:left;
}
.banner-area li.slide4 .txt h2{
	margin:0 0 5px;
}
.banner-area li.slide4 .btn-sign-up{float:right;}
.banner-area li.slide4 p{margin:0 0 15px;}
.banner-area li.slide4{background:url(../images/codybanner.jpg) no-repeat;}

/* slide5 */

.banner-area li.slide5 .txt{
	padding:132px 0 0 25px;
	width:435px;
	float:left;
	text-align:left;
}
.banner-area li.slide5 .txt h2{
	margin:0 0 5px;
}
.banner-area li.slide5 .btn-sign-up{float:right;}
.banner-area li.slide5 p{margin:0 0 15px;}
.banner-area li.slide5 a{text-decoration:underline;}
.banner-area li.slide5{background:url(../images/freeclassesbanner.jpg) no-repeat;}



/* footer */
#footer {
	width:100%;
	overflow:hidden;
	display:table-footer-group;
	background:#00aeef;
}
#footer .footer-holder {
	height:1%;
	display:table-row;
}
#footer .footer-frame { display:table-cell;}
/* footer-area */
.footer-area{
	width:876px;
	margin:0 auto;
	color:#fff;
	padding:17px 0 0;
}
.footer-area a{color:#fff;}
.footer-area .top{
	width:100%;
	overflow:hidden;
	margin:0 0 27px;
}
.footer-area .col-area{
	float:left;
	width:567px;
	overflow:hidden;
}
.footer-area .col-holder{
	overflow:hidden;
	width:650px;
}
.footer-area .col{
	float:left;
	width:170px;
	margin:0 25px 0 0;
}
.footer-area .col h4{
	font:bold 14px/17px Arial, Helvetica, sans-serif;
}
.footer-area .col ul{
	width:100%;
	overflow:hidden;
}
.footer-area .col li{
	vertical-align:top;
	overflow:hidden;
	font:14px/17px Arial, Helvetica, sans-serif;
}
/* logo */
#footer .logo{
	background:url(../images/bg-footer-logo.gif) no-repeat;
	width: 142px;
	height: 72px;
	overflow:hidden;
	float:left;
	text-indent:-9999px;
}
#footer .logo a{
	height:100%;
	display:block;
}
/* information */
.footer-area .information{
	float:right;
	width:145px;
	text-align:center;
	font:12px/14px Arial, Helvetica, sans-serif;
}
.footer-area .information address{font-style:normal;}
/* info-holder */
.footer-area .info-holder{
	width:100%;
	overflow:hidden;
	margin:0 0 5px;
	font:12px/16px Arial, Helvetica, sans-serif;
}
.footer-area .info-holder .holder{float:right;}
.footer-area .info-holder strong{
	float:left;
	font-style:normal;
}
.footer-area .info-holder ul{
	float:left;
	overflow:hidden;
}
.footer-area .info-holder li{
	float:left;
	line-height:17px;
	display:inline;
	margin:0 1px 0 -1px;
	background:url(../images/separator01.gif) no-repeat 0 3px;
	padding:0 7px;
}
/* copy-holder */
.copy-holder{
	font:12px/16px Arial, Helvetica, sans-serif;
	overflow:hidden;
	text-align:right;
	padding:0 7px 25px 0;
}