@charset "utf-8";

/* =General
--------------------------------------------------------------------------------------------------------*/

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;font-family:Arial, Helvetica, sans-serif; background:url(../img/background.jpg);
}
ol, ul {
	list-style:none;
	}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Class for clearing floats */
.clear {
  clear: both;
}

.clearfix:after {  content: "."; display:block; height:0; clear:both; visibility:hidden; }/* ----- clear fix for floats ----- */
.clearfix { display:inline-block;}		
* html .clearfix { height:1%; }/* hides clearfix from IE-mac */
.clearfix { display:block; }/* end hide from IE-mac */

/* class for float  */
.alignleft { float:left; }
.alignright { float:right; }
.alignnone { clear:both; }

img {
	border: 0; vertical-align:top;
}



/* Setting up the fonts */
body {
 font: 13px/18px Arial, Helvetica, sans-serif; color:#000000;
}




/* =Branding
--------------------------------------------------------------------------------------------------------*/
p { padding:0 0 10px 0}

html, body {}
#wrapper{ background:url(../img/wrapper-bg.png) no-repeat; width:900px; margin:17px auto; height:760px;}
header {}

#logo { margin-left:92px; padding:17px 19px ;}

header
{
	padding:17px 0px 0px19px; 
}

#logo h1{ float:left; padding:14px 8px;}
#logo span { height:80px; width:80px; float:left}
#logo a{ text-decoration:none;color:#000;font:normal 38px Arial, Helvetica, sans-serif; padding:10px;}
#site-name h1
{
	padding:0px 0px 0px 16px; font:Arial, Helvetica, sans-serif; font-weight:normal;
}

#heading { margin: 0px 22px; background:url(../img/heading-bg.png) no-repeat left; width:861px; height:55px; padding:0px 20px;}
#heading a { color:#FFF; font:bold 27px Arial, Helvetica, sans-serif; text-decoration:none;
line-height:53px; display:block;} 


/* =Main Content
--------------------------------------------------------------------------------------------------------*/

#content {margin:22px 0px 0px 19px; }
#content-top { background:url(../img/content-top-bg.png) no-repeat top left; height:38px; width:861px;} 
#content-middle { background:url(../img/content-middle-bg.png) repeat-y top left; height:340px;}
#content-middle1 { background:url(../img/content-middle-bg.png) repeat-y top left; height:414px;}
#content-middle h2{ color:#000; font-size:50px; padding:50px 75px; text-align:center; line-height:50px; position:relative;}
#content-middle h1{ color:#999; font-size:62px; padding:60px 65px;}
/*#content-middle{ background:#fff;}*/
#first-text{width:500px; text-align:center; margin:0px auto;}
#content-down { background:url(../img/content-down-bg.png) no-repeat top left; height:45px; width:861px; }	
#content-down1 { background:url(../img/content-down-bg.png) no-repeat top left; height:48px; width:861px; }	
.middle-text{ margin:0px; padding:0px; height:222px; width:855px;}
.middle-text h3 {
	font-size:50px;width:652px; margin:0px auto;
	line-height:50px;
	font-weight:normal;
	position:relative;
	text-align:center;
}

.middle-text h3 span{
	position:absolute;
	display:block;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background:url(../img/line-gradient.png) repeat;
	background-position:0px 6px;
}

.middle-text h4 {
	font-size:55px;width:690px; margin:0px auto;
	line-height:55px;
	font-weight:normal;
	position:relative;
	text-align:center;
	color:#666;
	
}

.middle-text h4 span{
	position:absolute;
	display:block;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background:url(../img/line-gradient-second.png) repeat;
	background-position:0px 6px;
}
.enter 
{  width:860px; text-align:center;  
	
}

/*CSS specially for Video.html */
#inner-content{ margin:0px 19px; position:relative; z-index:9;}
.video-wrapper{ margin:0px;}
.left-nav{ margin:0px; padding:0px; width:180px;}
ul.left-nav li { background:url(../img/left-nav-button.png) no-repeat; width:162px;color:#FFF; font-weight:bold; font-size:40px; height:81px; text-align:center; padding:20px 0px 8px 0px; position:relative;}
ul.left-nav li a{ text-decoration:none; color:#FFF; text-shadow:-2px -2px 1px  #000; line-height:40px;}
ul.left-nav li a.active{ color:#00a651; text-shadow:-2px -2px 1px  #000;  }

.video-content{width:646px; height:452px; overflow:hidden;background:url(../img/video-image.png) no-repeat;}
.video-data{ position:absolute; display:block; padding:7px 0px 0px 6px;/* width:646px;height:437px;*/}

.mystics-data{ background:#fff; color:#000;width:646px; height:452px; font-family:Cambria,serif; -webkit-perspective: 1000;-webkit-backface-visibility: hidden; -moz-overflow:auto; -webkit-overflow:auto; -O-overflow:auto; overflow:auto; overflow-x:hidden;}

.mystics-data h3{ font-family:Cambria,serif; font-size:24px; text-align:center; color:#000; padding:30px 0px; margin:0px auto; line-height:28px;}
.mystics-data p{ font-family:Cambria,serif; font-size:18px; text-align:justify; color:#000; padding:10px 40px 10px 20px;line-height:25px;}
.mystics-data h4{ font-family:Cambria,serif; font-size:22px; text-align:center; color:#000; padding-top:35px;}
.mystics-data h5{ font-family:Cambria,serif; font-size:18px; text-align:center; color:#000; padding:0px; font-weight:bold; padding-bottom:25px;}
.mystics-data h6{ font-family:Cambria,serif; font-size:18px; margin-left:25%;color:#000; padding:0px; font-weight:bold; font-style:italic; }
/*.mystics-data a{background:url(../img/readmore.jpg) no-repeat left top; width:150px; margin:0px auto; height:150px; display:block;}
*/

.brains-data{position:absolute; background:#fff; color:#000;width:646px; height:452px; font-family:Cambria,serif; overflow-y:auto; -webkit-perspective: 1000;-webkit-backface-visibility: hidden;}
.brains-data h3{ font-family:Cambria,serif; font-size:24px; text-align:center; color:#000; padding:20px 10px; line-height:30px;}
.brains-data ul{ margin:0px; padding:0px;}
.brains-data ul li{ font-family:Cambria,serif; font-size:18px; text-align:justify; font-weight:200; color:#000; padding:0px 20px; line-height:25px; background:url(../img/circle_bullet.gif) no-repeat left 6px; margin:10px 10px 10px 20px;}
.brains-data p{font-family:Cambria,serif; font-size:18px; text-align:center; font-weight:200; color:#000; padding:10px 20px; line-height:25px;}
.brains-data h4{ font-family:Cambria,serif; font-size:22px; text-align:left; color:#000; padding:20px 20px;}
.brains-data h6{ font-family:Cambria,serif; font-size:18px; margin:30px 0px 30px 200px; color:#000; padding:0px; font-weight:bold; font-style:italic; }
.brains-data span{font-family:Cambria,serif; font-size:18px; text-align:justify; display:block; font-weight:200; color:#000; padding:10px 30px; line-height:25px; font-style:italic;}
.brains-data a{ font-family:Cambria,serif; font-size:22px; margin-left:140px;color:#000; padding:20px 20px; text-decoration:none; font-weight:bold;}
.readmore1{background:url(../img/readmore.gif) no-repeat left top; width:150px; margin-left:240px !important; height:100px; display:block; float:left; padding:20px;}


.now-playing{ color:#FFF; font-size:24px; font-weight:bold; margin:3px 0px 0px 45px;text-shadow:-2px -2px 1px  #000;}
.now-playing span{ margin-right:35px; float:left}
.now-playing a { text-decoration:none; color:#FFF; text-align:center;width:100px; display:block; float: left;text-shadow:-2px -2px 1px  #000;  font-size:35px;}
.now-playing a:hover{color:#00a651; font-size:35px;}
.slide-control{ background:url(../img/nowplaying-bg.png) no-repeat left top; margin:0px 17px; padding:13px; width:861px; display:block;z-index:99;}
ul.slide-control li a.active{ color:#00a651; text-shadow:-2px -2px 3px  #000;}
.pre{ display: block;margin-left: 40px;text-align: center;width: 50px;}
.next{ margin-right:50px;display: block;text-align: center;width: 50px;}
.slide{width:826px;height:451px;overflow:visible;padding:0px;position:relative; margin:0px 17px 0px 17px;}
.main{ height: 100%;overflow: hidden;position:absolute;width: 100%; top:-23px;}
.sliderbase{margin:0px;padding:0px;list-style:none;height: 451px; position: absolute;width:4130px;}
.sliderbase li{display:block;margin:0px;padding:0px;float:left;}

/* =End Main Content
--------------------------------------------------------------------------------------------------------*/




/* =Footer
--------------------------------------------------------------------------------------------------------*/
footer{ background:url(../img/heading-bg.png) no-repeat left top; margin:17px 19px; height:55px; display:block; visibility:visible; width:861px;}
#footer-text { color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold;}
#footer-text p { margin:0px; padding:17px 0px 0px 12px;  float: left;}
#footer-seal p { margin:0px; padding:12px 12px 0px 0px;  float: right;}


footer label {  background: url("../img/btn.png") no-repeat scroll 0 -46px transparent;
    display: block;
    float: right;
    height: 46px;
    margin: 5px 12px 0 0;
    padding-left: 6px;
    text-align: center;
    /*width: 122px*/;}
footer label span{   background: url("../img/btn.png") no-repeat scroll 100% 0px transparent;
    display: block;
    height: 46px;
    padding: 12px 24px 0px 24px;
    /*width: 130px;*/}

/*############# CSS related to Jquery ##############*/ 

#slideshow1{margin:0 auto;width:650px;position:relative;}
#slideshow1 #slidesContainer1 {margin:0 auto;width:620px;overflow:auto; position:relative;}
#slideshow1 #slidesContainer1 .slide1 {  margin:0 auto;  width:540px; }

.control1 { display:block; width:57px; height:70px; text-indent:-10000px; position:absolute; cursor: pointer;}
#leftControl1 { top:200px; left:-20px; background:transparent url(../img/left-arrow.png) no-repeat 0 0;}
#rightControl1 { top:200px; right:-88px;  background:transparent url(../img/right-arrow.png) no-repeat 0 0;}

.slide1 {margin:0px; padding:0px;width:640px; }


.vjs-big-play-button {
  display: block;/* Start hidden */z-index: 2;
  position: absolute; top: 24%; left: 50%; width: 80px; height: 80px; margin: -43px 0 0 -43px; text-align: center; vertical-align: center;
  border: 3px solid #fff;/* opacity: 0.9;*/
  border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;
  
  /* CSS Background Gradients */
  /* Default */ background-color: #0B151A;
  /* Webkit  */ background: #1F3744 -webkit-gradient(linear, left top, left bottom, from(#0B151A), to(#1F3744)) left 40px;
  /* Firefox */ background: #1F3744 -moz-linear-gradient(top,  #0B151A,  #1F3744) left 40px;

  /* CSS Shadows */
  box-shadow: 4px 4px 8px #000; -webkit-box-shadow: 4px 4px 8px #000; -moz-box-shadow: 4px 4px 8px #000;
}
.vjs-big-play-button:hover{
	cursor:pointer !important;
	box-shadow: 0px 0px 80px #fff; -webkit-box-shadow: 0px 0px 80px #fff; -moz-box-shadow: 0px 0px 80px #fff;
}

.vjs-big-play-button span {
  display: block; font-size: 0; line-height: 0;
  width: 0; height: 0; margin: 20px 0 0 23px;
  /* Drawing the play triangle with borders - http://www.infimum.dk/HTML/slantinfo.html */
  border-left: 40px solid #fff; /* Width & Color of play icon */
  /* Height of play icon is total top & bottom border widths. Color is transparent. */
  border-top: 20px solid rgba(0,0,0,0); border-bottom: 20px solid rgba(0,0,0,0);
}
.slidedata{ margin-top:-26px; border:1px solid #F00;}


video a {	
	display:block;
	width:634px;
	height:437px;
	text-align:center;
	color:#fff;
	text-decoration:none;
	cursor:pointer;	background: url(../img/BLACK.png) no-repeat;
}

video a img {
	margin-top:170px;
	border:0px;
}