@import url(http://fonts.googleapis.com/css?family=Cardo:400italic);
@import url(http://fonts.googleapis.com/css?family=Poiret+One);

#mainNav select {
  display: none;
}

/* start layout */
body {background:#020202 url(../img/mainbg.jpg) repeat-x top; font-family: 'Poiret One', serif; }
h1,h2,h3,h4,h5,h6{font-weight:normal; }
.cont { display: block; width:1040px; margin:0 auto; position:relative; }
/*header*/
header {position:relative; padding-top:85px; background: url(../img/topBg.png) no-repeat top center;}
header .cont { height:225px; }
header .cont h1 {color:#fff; font-size:15px; position:absolute; top:70px;}
header #logo {display:block; width:500px; height:82px; background:url(../img/logo.png) no-repeat;}

#mainNav { font-family: "Cardo"; }
#mainNav #menu {position:absolute; bottom:0px; left:20px; z-index:1000;}
#mainNav #menu li {display:block; float:left; height:30px; line-height:30px; list-style-type:none; position:relative; background:url(../img/menuseparator.png) no-repeat left;}
#mainNav #menu li a {color:#cecece;  padding:0 5px; min-width: 115px; text-align: center; font-size:14px; display:block; text-shadow:#000 0 -3px 3px; }
#mainNav #menu li a:hover {background:url(../img/rollover.png) no-repeat center top; text-decoration:none; color:#fff; }
#mainNav #menu li.active a {text-decoration:none; color:#fff; background:url(../img/rollover.png) no-repeat center top;}

#mainNav #menu ul {display:none; position:absolute; background:#000; box-shadow:#000 0px 5px 5px; -moz-box-shadow:#000 2px 0px 5px; -webkit-box-shadow:#000 0px 5px 5px; width:150px; padding:10px 0 5px;}
#mainNav #menu ul li { margin:0 0 0 0; padding: 6px 6px; height:auto; line-height:14px; background:none; float:none; display:block;  }
#mainNav #menu ul li a {font-size:15px; line-height:18px; text-align:center; color:#cecece !important;}
#mainNav #menu ul li a:hover { color:#fff !important; }
#mainNav #menu li.active li a {background: none !important}

#social {position:absolute; right:0px; top:70px;}
#social li {display:block; float:left; width:55px; height:28px; }
#social li a {display:block; width:55px; height:28px; background:url(../img/icons.png) no-repeat; }
#social li a:hover {background-position:-55px 0;}
#social .email {width:32px; height:21px; margin:7px 7px 0 7px;}
#social .email a {width:32px; height:21px; background-position:0 -28px; }
#social .email:hover a {width:32px; height:21px; background-position:-32px -28px;}
#social .video {width:30px; height:28px;}
#social .video a {width:30px; height:28px;  background-position:0 -49px;}
#social .video a:hover {background-position:-30px -49px;}
#social .facebook { width: 30px; height: 28px; margin: 0px 7px 0 7px; }
#social .facebook a { width: 30px; height: 28px; background-position: 0 -77px; }
#social .facebook a:hover { background-position: -30px -77px; }

/*footer*/
footer {padding:30px 0 60px 0; background: url(../img/footerBg.png) no-repeat center top; margin-top:0px; margin-bottom:50px;}
footer nav {margin-top:20px;}
footer nav ul {}
footer nav ul li {display:block; color:#416c64; margin-right:4px; float:left;}
footer nav ul li a {color:#416c64; font-size:14px;}
footer nav ul li a:hover {color:#439a8a;}
footer p {color:#6c6c6c; margin-top:5px;}
footer #social {top:0px; right:50px;}

#footer-logo {
	right:20px;
	bottom:-70px;
	position:absolute;
}

/*Content*/
#main {position:relative; z-index:10; }
#main .cont {}
#main .cont section {padding:350px 0 0 540px; }
#main .cont section h1 {color:#fff; font-size:25px; line-height:28px; 
text-shadow:#000 0px 1px 1px;}
#main .cont section h2 {color:#fff; font-weight:normal; font-style:italic; font-size:16px; line-height:18px; 
text-shadow:#000 0px 1px 1px; margin-bottom:10px; margin-top:10px;}
#main .cont section p {color:#d1d1d1; margin:10px 0; font-size:16px; line-height:18px;}
#main .cont .morevids {text-align:right; }
#main .cont section .source {}
#main .cont section .source li {display:block; margin-right:5px; list-style:none; width:105px; height:29px; float:left; }
#main .cont section .source li a {display:block; width:105px; height:29px; background:url(../img/btnSource.png) no-repeat;}
#main .cont section .source li:hover a {background-position:-105px 0;}

#main .cont section .source .follow a {background-position:0 -87px;}
#main .cont section .source .follow:hover a {background-position:-105px -87px;}

#main .cont section .source .tweet a {background-position:0 -58px;}
#main .cont section .source .tweet:hover a {background-position:-105px -58px;}

#main .cont section .source .share a {background-position:0 -29px;}
#main .cont section .source .share:hover a {background-position:-105px -29px;}

#main .services {width:651px; height:88px; background:url(../img/flag2.png) no-repeat; position:absolute; left:-120px; top:920px;}
#main .services h1 {position:absolute; color:#fff; font-size:20px; font-weight:normal; line-height:18px; top:21px; left:75px;}
#main .services h1 a {font-family:Impact, Charcoal, sans-serif; }
#main .services h1 a:hover {text-decoration:none; color:#3d0700;}
#main .services h1 a span {display:block; font-family:"Times New Roman", Times, serif; font-style:italic; font-size:12px;}
#main .services h1.right {left:auto; right:80px; text-align:right;}

/*Home*/
#home {
	background-image: url(../img/homeBg.png), url(../img/theresaHome.jpg);
	background-repeat: no-repeat, no-repeat;
	height:1270px;
  padding-bottom: 80px;
}

#home .welcome { top:290px; right:70px; position: absolute; width:455px; }
#home .welcome p { color:#a6a6a6; font-size:18px; line-height:20px; }
#home .welcome a { display: block; color:#416c64; font-size:20px; line-height:22px; padding: 20px 0 0 0; }

/*Galleries*/
.gallery #main { background:url(../img/gallery/lightBg.png) no-repeat -10px center; height:auto;}
.gallery #main .cont {  min-height:1200px; padding-top:50px; margin-bottom:50px; }
.gallery #main .cont1 {background:#000; min-height:1200px; padding-top:50px; margin-bottom:50px;  width:1240px; }
.gallery #main .cont2 {width:980px; margin:0 auto; background:#000 url(../img/gallery/galleryBg.png) no-repeat 0 -30px; min-height:1200px; }
.gallery #main .cont hgroup {color:#fff;}
.gallery #main .cont hgroup h1 {font-size:68px; line-height:68px; padding-left:20px;}
.gallery #main .cont hgroup h2 {font-size:48px; line-height:48px; padding-left:40px;}
.gallery #main .cont h3 {color:#ab3e5c; padding-left:30px; font-size:24px; line-height:24px; margin:25px 0 0;}
.gallery #main .cont p {color:#fff; padding:5px 500px 0 30px; font-size:16px; line-height:20px;}
.gallery #main .cont #glist {margin-top:30px; padding-left:30px; width:500px;}
.gallery #main .cont #glist li {list-style:none; float:left; margin:0 30px 20px 0;}
.gallery #main .cont #glist li h1 {color:#fff; font-size:18px;}
.gallery #main .cont #glist li figure {width:180px; height:13px; background:url(../img/gallery/gshadow.png) no-repeat center; margin:0; padding:0;}
.gallery #main .cont #glist li a.gcover {display:block; width:180px; height:180px; background:#ababab url(../img/gallery/covers.jpg) no-repeat -180px 0; border:5px solid #ababab;}
.gallery #main .cont #glist li a.gcover:hover {background-position:0 0;}
.gallery #main .cont #glist li a.gc1 {background-position:-180px -180px;}
.gallery #main .cont #glist li a.gc1:hover {background-position:0 -180px;}
.gallery #main .cont #glist li a.gc2 {background-position:-180px -360px;}
.gallery #main .cont #glist li a.gc2:hover {background-position:0 -360px;}
.gallery #main .cont #glist li a.gc3 {background-position:-180px -540px;}
.gallery #main .cont #glist li a.gc3:hover {background-position:0 -540px;}

/*Phonto Gallery*/
.phgallery #main {background:url(../img/gallery/lightBg.png) no-repeat center -10px;} 
.phgallery #main .cont hgroup h2 {font-size:26px; line-height:48px; padding-left:40px;}
.phgallery #main .cont {background:none; box-shadow:none;} 
.phgallery #main ul {width:900px; margin:0px auto;} 
.phgallery #main ul li {display:block; float:left; width:130px; height:130px; margin:5px; border:2px solid #fff;} 
.phgallery #main ul li a {display:block; width:130px; height:130px;} 
.phgallery #main .sargasso ul li {width:286px; height:286px;} 
.phgallery #main .sargasso ul li a {width:286px; height:286px;} 

/*Privacy*/
.privacy #main {height:1250px;}
.privacy #main .cont {background:url(../img/privacy/corner.png) no-repeat right 30px; color:#fff; font-style:italic; box-shadow:none;}
.privacy #main .cont h1 { padding-bottom:30px; font-style:italic; padding-top:100px;}
.privacy #main .cont p {padding:15px 80px; font-size:14px; line-height:16px;}
.privacy #main .cont ul {padding:0 110px;}
.privacy #main .cont ul li {font-size:14px; line-height:16px; list-style-type:square; margin-bottom:10px;}

/*Contact*/
.contact #main {background:url(../img/contact/contact-bkgd.jpg) no-repeat center; height:1099px;}
.contact #main .cont {color:#fff; background:none; box-shadow:none;}
.contact #main h1 {padding-top:0px; font-style:italic; font-weight:normal; text-shadow:#000 0 2px 5px; margin-bottom:20px;}
.contact #main h2 {padding-top:20px; padding-bottom:0; font-style:italic; font-weight:normal; font-size:22px; text-shadow:#000 0 2px 5px;}
.contact #main address {width:260px; margin-bottom:20px; }
.contact #mail address p { font-size:14px; line-height: 16px; }
.contact #main address a {display:block; width:49px; height:49px; margin-top:20px;}
.contact #main .cont p {text-shadow:#000 0 2px 5px; font-size:14px; line-height: 16px; padding:0;}
.contact #main .cont p span { color:#e8e8e8; }

.contact #main form {margin-top:30px;}
.contact #main form p { margin-bottom:10px; }
.contact #main form p input {width:300px; height:28px; line-height:28px; padding:0 10px; background:#f2f2f2;
border-radius:10px; 
 }
.contact #main form p textarea {background:#f2f2f2; border-radius:10px; padding:10px; width:400px; height:180px; }
.contact #main form .send {display:block; background:#565656; border:1px solid #000; height:30px; line-height:30px; width:140px; border-radius:10px; color:#fff;}
.contact #main form .send:hover {background:#131316;}

/*Video Gallery*/
.vgallery {}
.vgallery #main {height:auto; background:url(../img/gallery/lightBg.png) no-repeat center -10px; }
.vgallery #main .cont { background:url(../img/gallery/video/btmBg.png) no-repeat left bottom; box-shadow:none;}
.vgallery #main h1 {color:#ae600d;}
.vgallery #main p {color:#fff; font-size:14px; line-height: 16px; margin:5px 0 20px 0;}
.vgallery #main #player {background:url(../img/gallery/video/playerBg.jpg) no-repeat left top;}
.vgallery #main #player .video {width:735px; margin:0; height:400px; float:left;}
.vgallery #main #player .playlist {padding:0; width:245px; height:400px; float:left; }
.vgallery #main #player .playlist ol {list-style:none; overflow:auto; height:380px; padding:10px 0; -ms-overflow-style: none;}
.vgallery #main #player .playlist ol li { display:block; width:190px; margin:15px 0 0 23px; }
.vgallery #main #player .playlist ol li a { display:block; width:190px;  }
.vgallery #main #player .playlist ol li img {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40); -moz-opacity: 0.4; -webkit-opacity:0.4; opacity:0.4;  }
.vgallery #main #player .playlist ol li img:hover{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1; opacity:1; -webkit-opacity:1;}
.vgallery #main #player .playlist ol li.active img {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1; opacity:1; -webkit-opacity:1;}

.vgallery #main .vdetails {}
.vgallery #main .vdetails section {padding:0;}
.vgallery #main .vdetails .left {background:#ae600d; position:relative; float:left; padding:0; width:430px; height:350px;}
.vgallery #main .vdetails .left h1 {text-shadow:none; font-size:72px; line-height:72px; padding:25px 0 0 10px; margin:0;}
.vgallery #main .vdetails .left h2 {text-shadow:none; font-size:52px; line-height:52px; padding:0 0 10px 30px; margin:0;}
.vgallery #main .vdetails .left p {color:#fff; padding:0; font-size:14px; line-height: 16px; text-align:center; }
.vgallery #main .vdetails .left .details {background:url(../img/gallery/video/details.png) no-repeat; position:absolute;}
.vgallery #main .vdetails .left .vimeo {width:61px; height:17px; margin:0; padding:0; right:30px; top:25px;}
.vgallery #main .vdetails .left .garrow {width:11px; height:14px; background-position:0 -17px; margin:0; padding:0; right:0; top:30px;}
.vgallery #main .vdetails .left .yarrow {width:11px; height:14px; background-position:-11px -17px; margin:0; padding:0; right:-11px; top:170px;}

.vgallery #main .vdetails .right {width:550px; float:left;}
.vgallery #main .vdetails .right ol {position:relative;}
.vgallery #main .vdetails .right ol li {margin:0; display:block; position:absolute; z-index:100; top:0; left:0;}
.vgallery #main .vdetails .right ol li.active {display:block; z-index:9999;}
.vgallery #main .vdetails .right li h1 {height:65px; margin:0; background:#525252; font-size:24px; padding:10px 0 0 20px; line-height:26px;}
.vgallery #main .vdetails .right li article {background:#000; padding:15px 0 15px 30px; overflow:auto; height:245px; margin:0 0 0 0;}
.vgallery #main .vdetails .right li article p {margin:0; padding:10px 30px 0 0; font-size: 14px; line-height:16px;}

/* Schedule Styles */
#schedule { background-image: url(../img/schedulebg.png); background-repeat: no-repeat; height:1200px;  }
#schedule .heading { color: #f4f4f4; font-size: 45px; position: absolute; top: 100px; left: 0px; }
#schedule .divider-bottom { 
  width: 778px;
  height: 34px;
  background: url(../img/divider-bottom.png) no-repeat;
  position: absolute;  
  bottom: 40px;
  right: 0;
}

#schedule .pager {
  position: absolute;
  top: 216px;
  right: 480px;
}

#schedule .pager a {
  display: block;
  width: 10px;
  height: 10px;
  background: #fff;
  margin-bottom: 10px;  
}

#schedule .pager .active { background: #5becba; }

.schedule-items { width: 460px; height: 906px;
  background: url(../img/divider.png) no-repeat top left;
  position: absolute; 
  top: 198px;
  right: 0;
  overflow-y: auto;
}
.schedule-items .schedule-item { display: block; padding-left: 30px; padding-bottom: 50px; }
.schedule-items .schedule-item .title { color: #5becba; font-size: 28px; line-height: 34px; }
.schedule-items .schedule-item .body { color: #f4f4f4; font-size: 16px; line-height: 22px; }


/* Individual Schedule pages */

#schedule-single p.body { 
	font-family:Source Sans Pro, Arial, Sans-Serif;
	font-size: 15px;
   	font-weight:500;
   	line-height:18px;
   	color:#fff;
}



/* Yogadance FAQ's styles */

#faq { background-image: url(../img/bkgd-faq.gif); background-repeat: repeat-x;  background-color:#5f676c; }
#faq .heading { color: #f4f4f4; font-size: 48px; padding-top:80px; }

#faq .pager {
  position: absolute;
  top: 216px;
  right: 480px;
}

#faq .pager a {
  display: block;
  width: 10px;
  height: 10px;
  background: #fff;
  margin-bottom: 10px;  
}

#faq .title { color: #5becba; font-size: 28px; line-height: 34px; margin-top:20px; }
#faq .body { color: #f4f4f4; font-size: 16px; line-height: 22px; }

#faq ul {
	list-style-type:disc;
	margin-left:40px;
}

#faq li {
	color:#fff; color: #f4f4f4; font-size: 16px; line-height: 22px;
}


/* Video Galleries*/
.video #main { background:url(../img/gallery/lightBg.png) no-repeat -10px center; height:auto;}
.video #main .cont {  min-height:1200px; padding-top:50px; margin-bottom:50px; }
.video #main .cont1 {background:#000; min-height:1200px; padding-top:50px; margin-bottom:50px;  width:1240px; }
.video #main .cont2 {width:980px; margin:0 auto; background:#000 url(../img/gallery/videos-bkgd.jpg) no-repeat 0 -20px; min-height:1200px; }
.video #main .cont3 {width:490px; margin-left:400px; padding-top:360px; }
.video #main .cont hgroup {color:#fff;}
.video #main .cont hgroup h1 {font-size:68px; line-height:68px; padding-left:20px;}
.video #main .cont hgroup h2 {font-size:48px; line-height:48px; padding-left:40px;}
.video #main .cont h3 {color:#ab3e5c; padding-left:30px; font-size:24px; line-height:24px; margin:25px 0 0;}
.video #main .cont p {color:#fff; font-size:16px; line-height:20px;}
.video #main .cont #glist {margin-top:30px; padding-left:30px; width:500px;}
.video #main .cont #glist li {list-style:none; float:left; margin:0 30px 20px 0;}
.video #main .cont #glist li h1 {color:#fff; font-size:18px;}
.video #main .cont #glist li figure {width:180px; height:13px; background:url(../img/gallery/gshadow.png) no-repeat center; margin:0; padding:0;}
.video #main .cont #glist li a.gcover {display:block; width:180px; height:180px; background:#ababab url(../img/gallery/video-covers.jpg) no-repeat -180px 0; border:5px solid #ababab;}
.video #main .cont #glist li a.gcover:hover {background-position:0 0;}
.video #main .cont #glist li a.gc1 {background-position:-180px -180px;}
.video #main .cont #glist li a.gc1:hover {background-position:0 -180px;}
.video #main .cont #glist li a.gc2 {background-position:-180px -360px;}
.video #main .cont #glist li a.gc2:hover {background-position:0 -360px;}
.video #main .cont #glist li a.gc3 {background-position:-180px -540px;}
.video #main .cont #glist li a.gc3:hover {background-position:0 -540px;}


.mCSB_dragger { height:30px !important; }
 
 #video-list li { list-style:none; }