/* ---------------------------------------------- */
/* ---------------- CSS RESET ------------------- */
/* ---------------------------------------------- */

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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfot, thead, tr, th, td {
	
	margin: 0;
	padding:  0;
	border:  0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}

ol, ul {
	
	list-style: none;
}

/* ---------------------------------------------- */
/* ------------------ BODY ---------------------- */
/* ---------------------------------------------- */

body {
		line-height: 12px;		
		background-color: #fff;	
		margin:  0;	
		padding:  0;
		font: 13px Verdana;
		color: #472A2B;	
}

/* ---------------------------------------------- */
/* ----------------- GENERAL -------------------- */
/* ---------------------------------------------- */

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

h1 {
	font-size: 20px;
	color: #A13E93;
	margin-bottom: 37px;
}

h2 {

}

h3 {
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 13px;
}

h4 {
	
}

h5 {
	
}

h6 {
	
}

p {
	margin: 0 0 10px 0;
	color: #472A2B;
}

a {
	color: #3A4DA0;
}

a:hover {
	
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

#wrapper {
	width: 1015px;
	margin: 0 auto;
}

#top {
	height: 165px;
	background: url(/images/top.gif) no-repeat;
	padding: 0 69px 0 69px;
}


.home {
	margin: 88px 0 0 0;
	padding: 0 69px 0 69px;
}

.inner {
	margin: 46px 0 0 0;
	padding: 0 25px 0 69px;
}

.video {
	margin: 46px 0 0 0;
	padding: 0 25px 0 49px;
}

#left {
	float: left;
	/*width: 542px;*/
	width: 340px;
}

#top .left ul {
	position: relative;
	top: 94px;
}

#top .left ul li {
	width: 126px;
	height: 28px;
	background: url(/images/top-b.png) no-repeat;
	float: left;
	padding: 43px 0 0 20px;
	text-align: center;
	font-size: 18px;
	margin-right: 20px;
}

#top .left ul li a {
	color: #fff;
	text-decoration: none;
}

#top .right {
	margin: 30px 0 0 0;
}

#right {
	width: 532px;
	float: right;
	padding: 10px 0 0 0;
}

#right li {
	
}

#right li a {
	width: 204px;
	height: 45px;
	float: left;
	padding: 72px 0 0 41px;
	text-align: center;
	font-size: 22px;
	color: #fff;
	text-decoration: none;
	margin: 0 0 85px 14px;
}

#right li a.vid {
	background: url(/images/videos-h.gif) no-repeat;
}

#right li a.fac {
	background: url(/images/facilit-h.gif) no-repeat;
}

#right li a.ab {
	background: url(/images/about-h.gif) no-repeat;
}

#right li a.down {
	background: url(/images/down-h.gif) no-repeat;
}

#menu {
	float: right;
	margin-bottom: 18px;
	margin-right: 64px;
	clear: right;
}

#menu li {
	width: 126px;
	height: 25px;
	float: left;
	padding: 46px 0 0 20px;
	text-align: center;
	font-size: 12px;	
	margin: 0 0 0 13px;
}

#menu li a {
	color: #fff;
	text-decoration: none;
}

#menu li.vid {
	background: url(/images/vid-i.png) no-repeat;
}

#menu li.facilit {
	background: url(/images/facilit-i.png) no-repeat;
}

#menu li.ab {
	background: url(/images/ab-i.png) no-repeat;
}

#menu li.down {
	background: url(/images/down-i.png) no-repeat;
}

#pagename {
	font-size: 25px;
}


#content {
	width: 636px;
	margin: 0 0 0 -17px;
}

#c-t {
	width: 636px;
	height: 17px;
	background: url(/images/ct.png) no-repeat;
}

#c-m {
	height: 100%;
	background: url(/images/cm.png) repeat-y;
	padding: 1px 17px 14px 17px;
}

#c-m img {
	float: left;
}

#c-b {
	width: 636px;
	height: 17px;
	background: url(/images/cb.png) no-repeat;
}

#sidebar {
	float: right;
	width: 303px;
	margin: 15px 0 0 0;
}

#s-t {
	width: 303px;
	height: 65px;
}

#s-m {
	padding-left: 46px;

}

#s-m ul {
	margin-top: 35px;
}

#s-m ul li {
	margin-top: 15px;
}

#s-m ul li a {
	color: #fff;
	text-decoration: none;
	font-size: 13px;
}

#s-b {
	width: 303px;
	height: 35px;
}

#pagename2 {
	font-size: 24px;
	color: #fff;
}

p.menu_head {
	font-size: 14px;
	color: #3A4DA0;
	cursor: pointer;
	margin-top: 20px;
}

.menu_body {
	display: none;
}

.menu_body ul, ul.it {
	/*list-style-type: disc;*/
	/*margin-left: 20px;*/
}

ul.it {
	margin-bottom: 14px;
}

.click {
	font-size: 11px;
	font-style: italic;
	color: #333;
}

/*VARIANTS*/

/*ABOUT*/
.ab-t {
	background: url(/images/st.gif) repeat-y;
}

.ab-m {
	background: url(/images/sm.gif) repeat-y;
}

.ab-b {
	background: url(/images/sb.gif) repeat-y;
}


.pagename-a {
	color: #ADD038;
}

/*DOWNLOADS*/

.pagename-d {
	color: #F37421;
}

.down-t {
	background: url(/images/st2.png) repeat-y;
}

.down-m {
	background: url(/images/sm2.png) repeat-y;
}

.down-b {
	background: url(/images/sb2.png) repeat-y;
}

.down-m ul li {
	list-style-type: decimal;
	margin: 0 0 0 20px;
	color: #fff;
}


/*LESSON*/

.pagename-l {
	color: #3A4DA0;
}

.lesson-t {
	background: url(/images/st3.png) repeat-y;
}

.lesson-m {
	background: url(/images/sm3.gif) repeat-y;
}

.lesson-b {
	background: url(/images/sb3.gif) repeat-y;
}


.lessons h1 {
	color: #3A4DA0;
	margin-bottom: 0 !important;
}

.lesson-m ul li {
color:#FFFFFF;
list-style-type:decimal;
margin-left:20px;
}

#box {
	margin: 20px 0 0 0;
}

.bt {
	width: 303px;
	height: 20px;
	background: url(/images/bt.gif) no-repeat;
}

.bm {
	width: 303px;
	height: 100%;
	background: url(/images/bm.gif) repeat-y;
	padding: 0 0 0 46px;
}

.bm ul li {
	color: #fff;
	margin-top: 10px;
}

.bm ul li a {
	color: #fff;
	margin-bottom: 10px;
}

.bm p {
	color: #fff !important;
}

.bb {
	width: 303px;
	height: 20px;
	background: url(/images/bb.gif) no-repeat;
}


#video-t {
	width: 939px;
	height: 25px;
	background: url(/images/video-t.gif) no-repeat;
}

#video-m {
	width: 898px;
	height: 100%;
	background: url(/images/video-m.gif) repeat-y;
	padding: 0 16px 0 25px;
}

#video-b {
	width: 939px;
	height: 25px;
	background: url(/images/video-b.gif) no-repeat;
}

.thumb {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}

.thumb p {
	text-align: center;
}

.row {
	margin: 0 0 30px 0;
}

.row .last {
	margin: 0 !important;
}

.row h1 {
	color: #3A4DA0;
	font-size: 25px !important;
}

#c-m h2 {
	color: #3A4DA0;
	font-size: 15px;
	/*font-style: italic;*/
}

#c-m ul {
	margin-bottom: 10px;
}

.pagename-v {
	color: #3A4DA0;
	width: 500px;
	display: block;
}

.icon {
	display: block;
	margin-bottom: 3px;
	width: 47px;
	height: 47px;
}

.icon2 {
	display: block;
	margin-bottom: 3px;
	width: 95px;
	height: 47px;
}

.icon2 button {
	width: 95px;
	height: 47px;
	background: url(/images/tag2.png) no-repeat;
	border: none;
	cursor: pointer;
}

.flash {
	height: 100%;
	display: block;
	margin-bottom: 20px;
}

object {
	margin-bottom: 40px;
}

.purple {
	color: #A13E93;
}