* {font-size: 100.01%;}
html {font-size: 68.8%;}
body{
	margin:0;
	font:1em Arial, Helvetica, sans-serif;
	background:#2f2e2e;
	color:#3a3636;
}
img{border:0;}
a{
	text-decoration:none;
	color:#3a3636;
}
a:hover{
	text-decoration:underline;
}
#wrapper {
	width:850px;
	margin:0 auto;
	padding:357px 10px 0 13px;
	background:#000 url(../images/bg-wrapper.jpg) no-repeat 50% 0;
	position:relative;
}
#header {
	margin:0 0 0 17px;
	position:absolute;
	left:13px;
	top:101px;
}
.header-holder{
	background: url(../images/bg-header.png) no-repeat;
	height:256px;
	width:745px;
	padding:0 32px 0 36px;
}
#header .logo {
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background: url(../images/logo.png) no-repeat;
	height:234px;
}
.logo a {
	display:block;
	height:100%;
	width:749px;
	position:relative;
	cursor:pointer;
}
#nav {
	list-style:none;
	margin:-8px -20px 0 0;
	padding:0;
	overflow:hidden;
	float:right;
	position:relative;
	z-index:10;
	display:inline;
}
#nav li {
	float:left;
	background: url(../images/separator.gif) no-repeat 0 1px;
	padding:0 10px 0 12px;
	margin:0 0 0 -2px;
}
#nav li a {
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	height:16px;
	background: url(../images/bg-nav.gif) no-repeat;
	position:relative;
}
#nav a.menus {
	width:48px;
}
#nav a.menus:hover,
#nav li.active a.menus {
	background-position:0 -24px;
}
#nav a.philosophy {
	width:79px;
	background-position:-68px 0;
}
#nav a.philosophy:hover,
#nav li.active a.philosophy {
	background-position:-68px -24px;
}
#nav a.gallery {
	width:51px;
	background-position:-167px 0;
}
#nav a.gallery:hover,
#nav li.active a.gallery {
	background-position:-167px -24px;
}
#nav a.news {
	width:36px;
	background-position:-238px 0;
}
#nav a.news:hover,
#nav li.active a.news {
	background-position:-238px -24px;
}
#nav a.contacts {
	width:57px;
	background-position:-294px 0;
}
#nav a.contacts:hover,
#nav li.active a.contacts {
	background-position:-294px -24px;
}
#nav a.home {
	width:40px;
	background-position:-371px 0;
}
#nav a.home:hover,
#nav li.active a.home {
	background-position:-371px -24px;
}
#main {
	height:1%;
	overflow:hidden;
	background:#fffbea;
	padding:12px 15px 16px 22px;
}
#main .courses-box {
	background: url(../images/bg-courses-c.gif) repeat-y;
}
.courses-box .holder {
	background: url(../images/bg-courses-t.gif) no-repeat;
}
.courses-box ul {
	list-style:none;
	height:1%;
	overflow:hidden;
	padding:9px 20px 9px 53px;
	margin:0 0 14px;
	background: url(../images/bg-courses-b.gif) no-repeat 0 100%;
}
.courses-box ul li {
	float:left;
	margin:0 10px 0 0;
	width:170px;
}
.courses-box ul a {
	position:relative;
	display:block;
}
.courses-box ul img {
	display:block;
}
.courses-box ul a .stripe {
	position:absolute;
	width:158px;
	height:25px;
	background: url(../images/bg-course-text.png) no-repeat;
	left:0;
	top:120px;
	cursor:pointer;
	padding:11px 6px 0 6px;
}
.courses-box ul a strong {
	display:block;
	height:14px;
	text-indent:-9999px;
	overflow:hidden;
}
.courses-box ul a .first {
	background: url(../images/text-first.png) no-repeat;
}
.courses-box ul a .second {
	background: url(../images/text-second.png) no-repeat;
}
.courses-box ul a .third{
	background: url(../images/text-third.png) no-repeat;
}
.courses-box ul a .fourth{
	background: url(../images/text-fourth.png) no-repeat;
}
#content {
	height:1%;
	padding:0 0 0 5px;
}
#content:after{
	content:"";
	display:block;
	clear:both;
}
#content .data {
	float:left;
	width:536px;
	padding:15px 0 0;
}
.data h1.welcome {
	text-indent:-9999px;
	overflow:hidden;
	margin:0 0 4px;
	height:15px;
	background: url(../images/text-welcome.gif) no-repeat 7px 0;
}
.data .text-box {
	background: url(../images/bg-text-box.gif) no-repeat;
	padding:13px 20px 0 21px;
	margin:0 0 29px;
	line-height:1.818em;
	height:1%;
	overflow:hidden;
}
.text-box p {
	margin:0 0 20px;
}
.text-box .more{
	margin:-19px 0 0;
}
.data .gallery {
	list-style:none;
	margin:0 0 0 -14px;
	padding:0;
	height:1%;
	overflow:hidden;
}
.data .gallery li {
	float:left;
	background: url(../images/bg-gallery.png) no-repeat;
	width:125px;
	height:126px;
	padding:6px 0 0 23px;
}
.data .gallery li img {
	display:block;
	border:1px solid #fff;
	margin:0 0 8px;
}
.data .gallery li a {
	display:block;
	position:relative;
}
.data .gallery li a:hover {
	text-decoration:none;
}
.data .gallery li a span {
	display:block;
	font:1.091em "Trebuchet MS", Helvetica, sans-serif;
}
#sidebar {
	float:right;
	width:280px;
	margin:0 -10px 0 0;
	background: url(../images/bg-sidebar.jpg) no-repeat 0 4px;
	min-height:309px;
	position:relative;
}
* html #sidebar {height:309px}
#sidebar .social a{
	position:absolute;
	text-indent:-9999px;
	overflow:hidden;
	width:28px;
	height:21px;
}
.social a.facebook {
	top:63px;
	left:50px;
}
.social a.myspace {
	top:63px;
	left:90px;
}
.social a.twitter {
	top:93px;
	left:24px;
}
.form-links {
	list-style:none;
	margin:0;
	padding:85px 0 0 49px;
}
.form-links li a {
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer;
}
.form-links li a.fan {
	background: url(../images/bg-fan.png) no-repeat;
	width:126px;
	height:57px;
	margin:0 0 0 10px;
}
.form-links li a.join {
	background: url(../images/bg-join.png) no-repeat;
	width:178px;
	height:38px;
	margin:-10px 0 0;
}
.form-links li a.event {
	background: url(../images/bg-event.png) no-repeat;
	width:163px;
	height:53px;
	margin:-9px 0 0 18px;
}
#footer {
	background:#5c0100;
	padding:8px 38px 8px 7px;
	height:1%;
	overflow:hidden;
}
#footer .develop {
	float:left;
	width:230px;
	color:#fff;
}
#footer .develop a {
	color:#fff;
}
#footer a.quest {
	float:right;
	color:#fffbea;
	font:1.545em Helvetica, sans-serif;
	margin:-3px 0 0;
}
#footer a.quest:hover {
	color:#d6bc4c;
	text-decoration:none;
}
#footer .footer-logo {
	text-align:center;
	color:#ceb165;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
}
.footer-logo span {
	margin:0 0 0 -70px;
}
.closed{
	display:none !important;
}