@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'akzidenz_grotesk_bq_bold_condensed';
    src: url('../font/akzidenz_grotesk_bq_bold_condensed.eot');
    src: url('../font/akzidenz_grotesk_bq_bold_condensed?#iefix') format('embedded-opentype'),
         url('../font/akzidenz_grotesk_bq_bold_condensed.woff') format('woff'),
         url('../font/akzidenz_grotesk_bq_bold_condensed.ttf') format('truetype'),
         url('../font/akzidenz_grotesk_bq_bold_condensed#akzidenz_grotesk_bq_bold_condensed') format('svg');
    font-weight: normal;
    font-style: normal;
}


html, body {background:url(../img/background.png) #E1E8F5 repeat-x; margin:0px; padding:0px; font-family:Arial, serif; color:#fff; font-size:18px; }
div {position:relative;}
a, a:visited {text-decoration:none; color:#FFF; border:none;}
a img {text-decoration:none; color:#FFF; border:none;}
.header a {text-decoration:none; color:#FFFFFF; border:none;}
th {text-align:left;}

.paragraphContainer h1, .mmtitle { font-weight:normal !important; font-size: 28px !important; text-transform:uppercase; font-family:akzidenz_grotesk_bq_bold_condensed, serif;letter-spacing:1px;} 


h1{margin:15px auto 0 auto;text-align:left;font-size: 28px !important; text-transform:uppercase;color:#fff;text-shadow:1px 1px 0 #888;font-weight:normal !important; font-family:akzidenz_grotesk_bq_bold_condensed, serif; letter-spacing:1px;}
h2.ah2 span{margin:15px auto 0 auto;font-size:26px;color:#444;text-shadow:1px 1px 0 #888;font-weight:bold;border-bottom:1px solid #888;font-family:akzidenz_grotesk_bq_bold_condensed, serif; letter-spacing:1px;}
h3{margin:30px 0 0 0!important;line-height:0;text-align:left;font-size:14px;color:#b9a141;text-shadow:1px 1px 0 #888;font-weight:bold}
.background{position:relative;width:1000px;height:auto;margin:5px auto;background-color: #70BD7B;}
.header{position:relative;width:969px;height:155px;margin:0 auto;color:#FFF;z-index:2}
.header .logo{position:relative;width:153px;height:148px;margin:5px 0 0 0;float:left;font-family:akzidenz_grotesk_bq_bold_condensed, serif; letter-spacing:1px;}
.header .companyname{display:inline-block;position:absolute;bottom:83px;color:#fff;text-shadow:1px 1px 0 #777;left:160px;font-size:36px;font-weight:bold; font-family:akzidenz_grotesk_bq_bold_condensed, serif; letter-spacing:1px;}
.header .slogan{position:absolute;bottom:63px;color:#fff;left:163px;font-size:24px;text-shadow:1px 1px 0 #777;font-family:akzidenz_grotesk_bq_bold_condensed, serif;letter-spacing:1px;}

.nav{position:relative;width:100%;height:35px;background:#C0504D url(../img/nav.png) repeat-x;color:#FFF;font-size:18px; font-weight:700;text-transform:uppercase; text-shadow:1px 1px 0 #3d3d3d;text-align:center;list-style:none;z-index:2;margin:0;padding:0}
.nav li{position:relative;display:inline;cursor:pointer}
.nav a{position:relative;display:inline-block;padding:0 10px;line-height:35px;height:35px;color:#EEE;border-left:1px solid #555}
.nav li:first-child a{border-left:none}
.nav a:hover{color:#FFF}
.nav a.selected{color:#E0E7F5;cursor:default}
.nav a.selected:after{content:'';height:0;position:absolute;width:0;border:10px solid transparent;border-top-color:#4d4d4d;top:100%;left:50%;margin-left:-10px}
.nav li:hover ul{left:0}
.nav ul{position:absolute;left:-9999px;margin:0;padding:0;text-shadow:0 0 0 #fff;text-align:left;background:url(../img/background.png) repeat;-moz-box-shadow:0 0 5px #888;-webkit-box-shadow:0 0 5px#888;box-shadow:0 0 5px #888;z-index:900}
.nav ul li{display:block;border-left:10px solid #444}
.nav ul a{white-space:nowrap;display:block;color:#444;border-top:1px solid #444;border-left:0}
.nav ul li.selected{background:#666}
.nav ul li.selected:hover{background:#666}
.nav ul li.selected a{color:#ffba01;cursor:default;text-shadow:none}
.nav ul li:hover{background:#444;color:#DDD}
.nav ul li:first-child a{border-top:0}




#container {text-align:center;}
#container.item { margin: 0; padding: 0; width: 220px; }
.element { float: left; overflow: hidden; position: relative; margin: 0 5px 5px 0; padding: 0; height:210px;}
.element * { margin: 0;}
.filler { background: url('http://admin.miraclemediatv.com/img/trans/white/60.png') repeat; border: 1px solid #E6E4DF; margin: 5px 5px 5px 0 !important;}
span.gallery_image { -moz-transition: all 0.2s ease-in-out 0s; background: url('http://admin.miraclemediatv.com/img/trans/white/10.png') repeat; border: 0px solid #E6E4DF; display: block; margin: 5px 0 0; overflow: hidden; padding: 4px; position: relative; }
span.gallery_image:hover { opacity: 0.99; }
img.img_grayscale {}
.open-image { background: url("../img/galleryopen.png") no-repeat scroll 0 0 transparent; position: absolute; z-index: 100; }
.play-image { background: url("../img/play.png") no-repeat scroll 0 0 transparent; position: absolute; z-index: 100; }
.zoom-image { background: url("../img/zoom.png") no-repeat scroll 0 0 transparent; position: absolute; z-index: 100; }
.item-desc h4 { font: 14px 'Arial',sans-serif; margin: 10px 0 0; padding: 0 6px; position: relative; font-weight:bold; }
.item-desc h5 { font: 11px 'Arial',sans-serif; margin: 4px 0; padding: 0 7px; position: relative; font-weight:normal; }
.imageelement { width: 230px; }

#container a, a:visited { color: #EEE; text-decoration: none; text-shadow:1px 1px 0 #000; }
.imageelement .item-desc h4 { font-weight:normal; }
a.more-link { font: 12px 'Arial',sans-serif; background-color: #A39B84; border: medium none; color: #FFFFFF !important; display: inline-block; font-size: 12px; margin-top: 5px; max-width: 80px; outline: medium none; padding: 2px 10px; text-align: center; text-transform: capitalize; }
a.more-link:hover {background-color: #48412f; text-decoration: none; cursor: pointer;}
.video-subtitle {margin: 0; padding: 3px 6px;font: 12px 'Arial',sans-serif !important;}

.widget {position:relative;}
#videoWidget{width:700px;height:430px;float:left;margin:auto;background-color:#000;}
.video-desc{margin-left:20px;width:185px;background-color:#FFF;float:left;height:430px;}
.video-desc h4 { font: 12px 'Arial',sans-serif; margin: 0; padding: 6px; position: relative; }


.pagination_filter { clear: both; float: right; font-size: 11px; line-height: 13px; padding: 0 0 20px; position: relative; font: 14px 'Arial',sans-serif; }
.pagination_filter span, .pagination_filter a { border: 1px solid ##805353; display: block; float: left; margin: 2px 2px 2px 0; padding: 6px 9px 5px; text-decoration: none; width: auto; color:#EEE; }
.pagination_filter a:hover { background: none repeat scroll 0 0 #CCC; color: #FFF; }
.pagination_filter .current { background: none repeat scroll 0 0 #242424; color: #FFFFFF; padding: 6px 9px 5px; }





.borders{position:relative;width:100%;height:auto;background:url(../img/borders.png) repeat-y center;margin:0}
.wrapper{position:relative;width:979px;margin:0 auto;height:auto;padding:10px 10px 20px 10px}
.sides{position:relative;width:100%;min-height:500px;height:auto;padding-top:20px;}
.leftSide{position:relative;width:705px;margin-left:10px;height:auto;float:left}
.leftSide a {text-decoration:underline; color:#fff;}
.oneSide{position:relative;margin:0 10px;height:auto;width:959px}
.rightSideMask{position:absolute;width:0;height:0;bottom:0;right:0}
.rightSide{position:relative;width:222px;margin-left:20px;padding:0px 10px 20px 10px;background:#C0504D;float:left}
.rightSideContent{position:relative;margin-top:10px;padding-bottom:5px}
.rightSideContent hr{border:0;border-bottom:1px solid #DDD;margin:0 10px}
.rightSide h1{display:inline-block;text-shadow:1px 1px 0 #999;font-weight:bold;margin:15px 0 10px 0;color:#444;font-size:18px;text-align:center}

.rightSide .featuredContainer { margin:5px 5px 5px 10px; width:202px;background: url("../img/gradient.png") repeat-x 0 0 #444;}
.rightSide .featuredContainer:hover { cursor:pointer; -moz-box-shadow: 0 0 1px #DDD; -webkit-box-shadow: 0 0 1px #DDD; box-shadow: 0 0 1px 1px #DDD;}
.rightSide .featuredContainer.document {color: #EEE;}
.rightSide .featuredContainer.picture { padding:10px; margin:5px 5px 5px 10px; width:202px; hight:auto; overflow:auto; display:table;}
.rightSide .featuredContainer.picture .featuredName, .rightSide .featuredContainer.picture .featuredAuthor, .rightSide .featuredContainer.picture .featuredDescription, .rightSide .featuredContainer.picture .featuredTime { display:block;}
.rightSide .featuredContainer.picture .featuredImgAndName { display:inline-block;}
.rightSide .featuredContainer.picture .featuredImage { max-width:202px; max-height:167px;}
.rightSide p{margin:0 10px}

.mainAd { position:relative; background:#FFF; /*background:url(../img/maindAdBack.png);*/ margin-bottom:10px; }

.footerFade{position:relative;width:100%;height:10px;margin:-10px auto 0 auto;background:url(../img/borderBottom.png) repeat-x}
.footer{position:relative;width:949px;height:auto;margin:0 auto;padding:10px;text-align:center}
.footer span{position:relative;display:inline-block;line-height:30px;color:#fff;text-shadow:1px 1px 3px #000;}
.qbc{position:relative;display:inline-block;float:right;height:50px;margin-top:10px}
.mmadmin{position:relative;display:inline-block;float:left;height:50px;margin-top:0px}
.qbcLogo{position:relative;display:inline-block;width:61px;height:20px}
.mmLogo{position:relative;display:inline-block;width:121px;height:37px;background-position:0 0;}
.mmLogo:hover, .mmLogo.hover{background-position:0px -37px !important;}
.mmLogo.selected{background-position:0px -74px !important;}
.socialIcons{position:relative;float:left;height:70px;width:175px}
.facebook{position:relative;display:inline-block;width:175px;height:30px;background:url(../img/facebook2.png) top;margin-bottom:5px}
.facebook span{color:#FFF}
.twitter{position:relative;display:inline-block;width:175px;height:30px;background:url(../img/twitter2.png) top}
.twitter span{color:#3178a5}

/*Generics*/
div.button {position:relative; display:inline; margin:0px 2px}
div.button a {position:relative; display:inline-block; height:25px; line-height:25px; padding:0px 10px; border-radius:3px; background:#767676 url(../img/button.png) top repeat-x; color:#DDD; border:1px solid #333; text-decoration:none;}
div.button a:hover {color:#FFF; cursor:pointer;}

div.lrgbutton {position:relative; display:inline-block; width:242px; height:77px; margin-left:20px; background:#444;}
div.lrgbutton a {position:relative; display:inline-block; height:75px; line-height:75px; width:242px; background:url(../img/signupButton.png) 0 0 repeat-x; color:#DDD; border:1px solid #333; text-decoration:none;margin:0px;float:left;}
div.lrgbutton a:hover {color:#FFF; cursor:pointer; background-position:0px -75px;}
div.lrgbutton.selected a {background-position:0px -150px;}
div.lrgbutton a h2 {margin-top:0px;margin-left:80px;font-size:16px;}

.tb10 {background:url(../img/trans/black/10.png) repeat;}
.tb20 {background:url(../img/trans/black/20.png) repeat;}
.tb30 {background:url(../img/trans/black/30.png) repeat;}
.tb40 {background:url(../img/trans/black/40.png) repeat;}
.tb50 {background:url(../img/trans/black/50.png) repeat;}
.tb60 {background:url(../img/trans/black/60.png) repeat;}

.hiddenDiv {display:none !important;}