/*bootstrap override*/
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
    border:none;    
}
.table td {
    background:#fff;
}
.table { 
    border-spacing: 3px;
    border-collapse: separate;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;	
	color: #777777;
	text-align: left;
	margin:0;
	padding:0;
	height:100%;
	/*overflow-x:hidden;*/
	background-color: #eeeeee;
}

a:hover {
    text-decoration: none;
}

h1,h2,h3,h4,h5 {
    /*font-weight:800;*/
    color:#666666;
}

blockquote {
    border-left:none;
}

.full-width {
    width:100%;
}

.section {
    margin-top:20px;
    margin-bottom:20px;
}

.section.divider {
    background: url(../images/section-divider.gif) center top repeat-x;
}

.dummy-right-block {
    width:100%;
    height:250px;
    background: #ccc;
    margin:0 auto;
}

.stMainServices {
    height:22px !important;
}

#mobile-nav-btn-container {
    background: #2d2d2d;
    width:100%;
    height:50px;
    position:relative;
}
#mobile-nav-text,
#mobile-magnolia-nav-text {
    color:#888888;
    position:absolute;
    top:12px;
    right:70px;
    font-size:1.5em;
}
#mobile-magnolia-nav-text {

}
#mobile-nav-btn,
#mobile-magnolia-nav-btn {
    font-size:24px;
    cursor: pointer;    
    width:66px;
    height:100%;
    position:absolute;
    right:0px;
    padding-top:7px;
    padding-left:5px;
}
#mobile-nav-btn {
    background:#2d2d2d;
}
#mobile-nav-btn .glyphicon {
    margin-top:10px;
    margin-left:20px;
}
#mobile-fb-btn,
#mobile-twitter-btn {
    position:absolute;
    top:15px;
}
#mobile-fb-btn {
    left:10px;
}
#mobile-twitter-btn {
    left:70px;
}

/* Nav 
############################################################## */
#nav {
    background: #2d2d2d;
    width:100%;
    display:none;
}
#mobile-magnolia-nav {
    width:100%;
    display:none;
}
#nav ul,
#mobile-magnolia-nav ul {
    width:100%;
    margin:0px;
    padding:0px;    
}
#nav li,
#mobile-magnolia-nav li {
    list-style:none;
    padding:15px;
    font-size:1.5em;
    /*border-bottom:1px dashed #525252;*/
}
#nav li {
    border-top:1px dashed #525252;
}
#mobile-magnolia-nav li {
    border-top:1px dashed #eeeeee;
}
#nav li:hover {
    background: #8f8f8f;
}
/*
#mobile-magnolia-nav li:hover {
    background: #eeeeee;
}
*/
/*
#nav li.mobile-nav-title:hover {
    background: #2d2d2d !important;
}
#mobile-magnolia-nav li.mobile-nav-title:hover {
    background: #eeeeee !important;
}
*/
#nav li a {
    color: #c3c3c3;
}
#mobile-magnolia-nav li a {
    color: #5b5b5b;
}
/*
#nav .mobile-nav-title,
#mobile-magnolia-nav .mobile-nav-title {
    font-size:0.9em;
    font-weight:bold;
    border-top:1px solid #525252;
    color:#828282;
}
#mobile-magnolia-nav .mobile-nav-title {
    border-top:1px solid #cccccc;
    color:#5b5b5b;
}
*/


/* Header 
############################################################## */
#header {
    border-bottom:1px solid #ccc;
    background:#fff;    
}
#header a {
    color:#5b5b5b;
}
#header a:hover {
    color:#999;
}
#header-fb-btn {
    position:relative;
    top:5px;
    padding-left:10px;
}
#header-twitter-btn {
    position:relative;
    top:4px;
    padding-left:10px;
}
.header-nav-divider {
    padding:0px 5px;
}
#magnolia-nav ul {
    margin: 0px;
    padding: 0px;
    text-align: center;
    display:inline;
    margin-left:10px;
}
#magnolia-nav li {
    display: inline-block;
    zoom:1;
    margin: 0px;
    list-style: none;
    padding: 20px 10px;
    vertical-align: top;
    background: url(http://www.magpictures.com/global/images/globalNavDivider.gif) left center no-repeat;
}

/* Main 
############################################################## */
#main {
    border-top:2px solid #ddd;
    padding-top:20px;
    padding-bottom:20px;
}

/* Footer 
############################################################## */
#footer {
    background: #fff;
    color:999;
    padding-top:20px;
    padding-bottom:20px;
}
#footer a {
    color:#5b5b5b;
}
#footer a:hover {
    color:#999;
}
#footer-text {
    margin-top:20px;
    font-size:0.8em;
}
#footer-link {
    text-align:right;
    font-size:0.9em;
}
#footer-social {
    margin-top:20px;
    text-align:right;
}
#footer-social img {
    padding-left:5px;
}
#footer-copyright {
    margin-top:20px;
    text-align:right;
    font-size:0.8em;
}

/* Movie Nav 
############################################################## */
#movie-nav {
    background: #2d2d2d;
    color:#fff;
    margin:10px 0px;
}
#movie-nav ul {
    margin: 0px;
    padding: 0px;
    text-align: center;
}
#movie-nav li {
    display:inline-block;
    zoom: 1;
    margin: 0px;
    list-style: none;
    padding: 20px 20px;
    vertical-align: top;
}
#movie-nav li.need-right-divider {
    background: url(../images/dividers.gif) right center no-repeat;
}
#movie-nav li a {
    color:#eeeeee;
}
#movie-nav li a:hover {
    color:#ffffff;
}
#movie-nav .no-top-and-bottom-padding {
    padding-top:0px;
    padding-bottom:0px;
}
#movie-nav .nav-for-movie-right {
    float:right;
    /*background: url(../images/dividers.gif) left center no-repeat;*/
    height:58px;
}

/* Video Player
############################################################## */
#video-player-desktop {
    width:1024px;
    height:795px;
}
#video-player {
    width:1024px;
    height:576px;
    background:#000;
}
#video-player iframe,
#video-player-desktop iframe{
    width:100%;
    height:100%;
}


/* Scroller 
############################################################## */
#videoScollerContainer {
    width:100%;
    /*height:165px;*/
    height: 200px;
    background:#000;
}
#videoScollerContainer {
	position:relative;
	top:0px;
	z-index: 99;
}

#videoScoller,
#videoScoller2 {
	width: 100%;
	height: 180px;
	position:relative;
	padding-top:5px;
	overflow:hidden;
}

#videoScollerContent,
#videoScollerContent2 {
	width: 902px;
	/*height: 145px;*/
	height:100%;
	margin: 0 auto;		
	float:left;		
	margin-top: 3px;			
}	
#videoScollerContent ul,
#videoScollerContent2 ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	margin-left:0px;
	margin-top:5px;
}
#videoScollerContent li,
#videoScollerContent2 li {
	float:left;
	width:160px;
	/*height:150px;*/
	height:100%;
	text-align: center;
	padding: 0;
	margin: 0 10px;				
}
#videoScollerControlLeft, #videoScollerControlRight,
#videoScollerControlLeft2, #videoScollerControlRight2 {
	width: 60px;
	float: left;
	text-align:center;
	position:relative;
	top:30px;
	//margin-top:-10px;
}
#videoScollerControlLeft a, #videoScollerControlRight a,
#videoScollerControlLeft2 a, #videoScollerControlRight2 a {
	color: #fff;
}
#videoScollerList,
#videoScollerList2 {
	cursor: pointer;
}
#videoScollerList .top,
#videoScollerList2 .top {
	width: 100%;
	height: 96px;
	border: 1px solid #797979;
}
#videoScollerList .top img,
#videoScollerList2 .top img {
	width: 100%;
	height: 94px;
}
#videoScollerList .bottom,
#videoScollerList2 .bottom {
	color: #787878;
	margin-top:25px;
	padding: 2px;
	height: 55px;
	font-size: 0.9em;
	/*font-weight:bold;*/
	overflow: hidden;
	line-height: 15px;
}
#playlistClose{
	position:absolute;
	top:0px;
	right:10px;
	font-size: 1em;
	color: #b1682a;
	cursor: pointer;
}
#videoScollerContainer .playlistSectionTitle {
	text-align:center;
	font-weight:bold;
	color: #ccc;
}

/*Press
################################################ */
#quotes-wrapper {
    position:relative; 
    width:100%;
}
#quotes {
    position:relative; 
    width:100%;
    overflow:hidden;
}
#quotesContent {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    border: 1px solid #cccccc;
    background: #dddddd;
    color: #777777;
    -moz-border-radius: 5px;
    border-radius: 5px;
    
}
#quotesContent p {
    margin:0px;
    padding:0px;
    margin-bottom:10px;   
}
#quotesContent blockquote {
    margin:0px;
    padding:15px;
    font-style:italic;
}
.largequote{
font-size: 12pt;

}
.smallquote{
font-size: 15pt;

}
.author{
font-size: 9pt;
color: #666666;

}
#quotesPrev,
#quotesNext {
    position:absolute;
    top:-40px;
    border: 1px solid #cccccc;
    background: #dddddd;
    color: #777777;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-weight: bold;
    cursor:pointer;
}
#quotesPrev p,
#quotesNext p {
    margin:0px;
    padding:5px 10px;
}
#quotesPrev {
    right:65px;   
}
#quotesNext {
    right:0px;   
}

/* Connect and share
################################################ */
#connect-and-share-container {
    background:#fff;
    border:1px solid #ccc;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width:200px;    
    position:relative;
    left:50%;
    margin-left:-100px;
}
.share-btn {
    padding: 10px 0px;
    text-align:center;
}

/* Gallery
################################################ */
#galleryPhoto-container {
    width: 1024px;
    height: 586px;
    position:relative;
    background:url(../images/loading.gif) center center no-repeat;
}
#galleryPhoto,
#galleryPhoto img {
    /*width:100%;
    height:100%;*/
    width: auto;
    /*height:576px;*/
    height:100%;
    text-align:center;
    overflow: hidden;
}
#gallery-arrow-left,
#gallery-arrow-right {
    width:54px;
    height:63px;
    position:absolute;
    top:50%;
    margin-top:-32px;
    cursor: pointer;
}
#gallery-arrow-left {
    left:0px;
}
#gallery-arrow-right {
    right:0px;
}
#gallery-arrow-left img,
#gallery-arrow-right img {
    position:relative;
    top:8px;
}
#gallery-arrow-left img {
    left:0px;
}
#gallery-arrow-right img {
    left:0px;
}
#gallery-copyright,
.gallery-copyright {
    text-align:right;
}
.gallery-copyright {
    padding-bottom:5px;
}
#gallery-dot-container {
    width:100%;
    height:35px;
    padding-top:10px;
}
#gallery-dot-container ul {    
    margin: 0px;
    padding: 0px;
    text-align: center;
}
#gallery-dot-container li {
    display:inline-block;
    zoom: 1;
    margin: 0px 5px;
    padding:0px;
    list-style: none;
    vertical-align: top;
    background: url(../images/gallery-dot.png) center top no-repeat;
    width:10px;
    height:10px;
    cursor:pointer;
}
#gallery-dot-container li.active {
    background: url(../images/gallery-dot.png) center bottom no-repeat;
}
.mobile-gallery-item img {
    margin-bottom:5px;
}

ul#poster {
    margin: 0px;
    padding: 0px;
    text-align: center;
}
#poster li {
    display: inline-block;
    zoom:1;
    margin: 0px 17px;
    padding:0px;
    list-style: none;
    vertical-align: top;    
    width:166px;
    height:279px;
}
#poster li iframe {
    margin-top:5px;
}

ul#promo {
    margin: 20px 0px 0px 0px;
    padding: 0px;
    text-align: center;
}
#promo li.promo-item {
    display: inline-block;
    zoom:1;
    margin: 0px 10px;
    margin-bottom:10px;
    padding:0px;
    list-style: none;
    vertical-align: top;    
    width:310px;
    height:228px;
}


/*Features
############################################# */
#featuresContainer {
    position:absolute;
    top:0px;
    left:0px;   
    width:100%;
    /*z-index:999;*/
}
#features {
    position:relative;
    top:50px;
    width:auto;    
    margin:0 auto;
    /*background: #fff;*/
    padding:10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    display:none;
    z-index:2;
    color: #777777;
}
#featuresShare {
    position:absolute;
    top:40px;
    right:10px;
    width:90px;
    height:75px;
    z-index:5;
}
#featuresPhotoTop {
    position:relative;
    z-index:4;    
}
#featuresPhotoTopWrapper {
    width:100%; 
    height:20px;  
}
#featuresPhotoTopText,
#featuresPhotoClose {
    width:50%;
    float:left;
}
#featuresPhotoFb #fb-like {
    width:40px;
    height:25px;
    overflow: hidden;       
}
#featuresPhotoTopText {
   
}
#featuresPhotoClose {
    cursor: pointer;
    text-align:right;
    background:url('../images/close.png') no-repeat;
    width:15px;
    height:15px;
    float:right;
}
#featuresPhoto {
    position:relative; 
}
#featuresPhoto img {
    width:100%;
    display:none;
}
   
#featuresPhoto img.active {
    display:block;
}
#featuresOverlay {
    background: #000;
    position:absolute;
    top:0px;
    left:0px;
    z-index:1;
    opacity:0.8;
    filter:alpha(opacity=80);
}


/* Mobile Video Share
############################################# */
#videoShareContainer {
/*
    position:relative;
    */
    width:100%;
    height:30px;
    /*background:#1b1b1b;*/
    background:#000000;
}
ul#videoShare {
    margin: 0px;
    padding: 0px;
    text-align: center;
}
#videoShare li {
    display: inline-block;
    zoom:1;
    margin: 0px 5px;
    padding:5px 0px 0px 0px;
    list-style: none;
    vertical-align: top; 
/*    
    width:249px;
    height:249px;
    */
}
/*
#mobile_video_share_on_fb {
    position:absolute;
    top:0px;
}
#mobile_video_share_twitter {
    position:absolute;
    top:0px;
}
#mobile_video_sharev_fb {
    position:absolute;
    top:0px;
}
#mobile_video_share_google {
    position:absolute;
    top:0px;
}
#mobile_video_share_mail {
    position:absolute;
    top:0px;
}
*/

/* Gallery Share
############################################# */
ul#galleryShare {
    margin: 0px;
    padding: 0px;
    text-align: right;
    position:relative;
    top:15px;
}
#galleryShare li {
    display: inline-block;
    zoom:1;
    margin: 0px 5px;
    padding:5px 0px 0px 0px;
    list-style: none;
    vertical-align: top; 
}


/* Media Query
############################################# */
/* Small desktop screen and tablet landscape */
@media (min-width: 992px) and (max-width:1054px) {
    #magnolia-nav a {
        font-size: 0.88em;
    }
    #magnolia-nav li {
        padding: 20px 8px;
    }    
}
@media (min-width: 0px) and (max-width:991px) {
    h3 {
        text-align:center;
    }
    #footer-link,
    #footer-social,
    #footer-copyright{
        text-align:left;
    }
    #footer-link {
        margin-top:10px;
    }
    /*
    #poster li {
        float:none;
        display:inline-block;
        zoom:1;
    }
    */
}
@media (min-width: 768px) {
    
}
@media (min-width: 992px) {
    
}
@media (min-width: 1054px) {
    
}