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

/* start layout */

/* vertical orientation 
@media screen and (min-width: 320px) {
		header .banner .tagline {right:0;}
}
*/

/* horizontal orientation 
@media screen and (min-width: 480px) {
		header .banner .tagline {right:80px;}
}		
*/

/* start layout */
body {background-color:#020202; background-image:url('../img/spacer.gif'); font-family: 'Poiret One', serif; color:#fff; }
h1,h2,h3,h4,h5,h6{font-weight:normal; }

/* Nav Bar */
#mainNav { display:table; margin:0 auto; margin-top: 35px; margin-bottom: 15px;  }
#mainNav #menu li {display:block; float:left; height:30px; line-height:30px; list-style-type:none; position:relative;}
#mainNav #menu li a {color:#cecece;  padding:0 5px; text-align: center; font-size:14px; display:block; }
#mainNav #menu li.active a {text-decoration:none; color:#fff; }

#mainNav #menu ul {display:none; position:absolute; background:#000; 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:80px;}
#social li {display:block; float:left; width:55px; height:28px; }
#social li a {display:block; width:55px; height:28px; background:url(../img/icons.png); background-repeat: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; }

/*Home Page */
#home {
	background-image: url(../img/theresaHome-phone.jpg);
	background-repeat: no-repeat;
	min-height:570px;
	background-position:100px 250px;
}


/*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;}


/*Galleries*/
.gallery #main {  }
.gallery #main .cont {  min-height:1200px; margin-bottom:50px; }
.gallery #main .cont1 {background:#000; min-height:1200px;  }
.gallery #main .cont2 {margin:0 auto; }
.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 30px 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 {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-phone.jpg) no-repeat center; background-position:0px 55px; height:500px;}
.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; }
.vgallery #main .cont { }
.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 {margin:0; height:400px; float:left;}
.vgallery #main #player .playlist {padding:0;  float:left; }
.vgallery #main #player .playlist ol {list-style:none; overflow:auto; padding:10px 0; -ms-overflow-style: none;}
.vgallery #main #player .playlist ol li { display:block; margin:15px 0 0 23px; }
.vgallery #main #player .playlist ol li a { display:block;   }


.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 { height:1200px;  }
#schedule .heading { color: #f4f4f4; font-size: 48px; position: absolute; top: 20px; right: 0px; width:778px; }
#schedule .divider-bottom { <a href="/" id="logo"><img src="assets/img/logo.png" border="0" /><i class="hide-text">Theresa Elliott Home</i></a>
  width: 778px;
  height: 34px;
  background: url(../img/divider-bottom.png) no-repeat;
  position: absolute;  
  bottom: 40px;
  right: 0;
}

#schedule .pager {
  position: absolute;
  top: 216px;
  left: 20px;
}

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

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

.schedule-items { width: 423px; height: 906px;
  background: url(../img/divider.png) no-repeat top left;
  position: absolute; 
  top: 120px;
  left: 50px;
  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; }







/* 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:400px; padding-top:50px; margin-bottom:50px; }
.video #main .cont2 {margin:0 auto; background:#000 url(../img/gallery/videos-bkgd-phone.jpg) no-repeat 0 -20px; min-height:400px; }
.video #main .cont3 {padding-top:200px; }
.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;}


/*footer*/
footer {padding:30px 0 60px 0; 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 {display:none;}

#footer-logo {
	display:none;	
}

.mCSB_container li {
	float:left;
}