/* http://meyerweb.com/eric/tools/css/reset/  v2.0 | 20110126 License: none (public domain) */
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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

*{ margin:0; padding:0; }
* html { filter: expression(document.execCommand("BackgroundImageCache", false, true)); }

@font-face { font-family: 'ITCAvantGardeGothicProExtraLi'; src: url('../fonts/itcavantgardepro-xlt-webfont.eot'); src: url('../fonts/itcavantgardepro-xlt-webfont.eot?iefix') format('eot'), url('../fonts/itcavantgardepro-xlt-webfont.woff') format('woff'), url('../fonts/itcavantgardepro-xlt-webfont.ttf') format('truetype'),url('../fonts/itcavantgardepro-xlt-webfont.svg#webfont1PErIm5v') format('svg'); font-weight: normal; font-style: normal; }

body { background: #000000; color:#000; font-family: 'ITCAvantGardeGothicProExtraLi'; font-size:12px; height:100%;  margin:0; padding:0; width:100%; }

table { font-size: 10px; }

a,
a:link,
a:visited,
a:active { color: #757575; text-decoration: none;  }
a:hover { text-decoration: underline; color: #000000;  }

h1, h2, h3, h4, h5, h6 { color:#a5a5a5; font-style:normal; font-weight:normal; margin:0; }
h1 { font-size:1.5em; line-height: 1.5em; }
h2 { font-size:1.3em; line-height:1.3em;  }
h3 { font-size:1.1em; line-height:1.1em; margin:12px 0 0 0; }
h3.cat {border-bottom: 1px solid #CCCCCC;
    color: #000000;
    font-size: 14px;
    line-height: 1.5em;
    margin: 0 0 5px;
    text-transform: uppercase;
    width: 230px;}
h4 { font-size:1.0em; line-height:1.0em; margin:12px 0 0 0; }
h5 { font-size:0.95em; line-height:.95em; }

h2.admin { margin: 0; line-height: 1em;}

img { border:0px; padding:0px; margin:0px; }

p { line-height: 1.2em; }

ul { list-style: none; margin: 0; padding: 0; }
li, 
input, 
select { padding: 0; margin: 0; }

ul li { list-style: none;}

input { background: none; border: 1px solid #ccc; }
input:focus { background: #fff; }

input.reel-label { width: 120px;}
input.reel-url { width: 600px; }
input.reel-order { width: 60px; }

#wrapper { height: 100%; width: 100%; margin: 0 auto;}

/***************** header ******************/
#qtobject { background:transparent; height:328px; left:718px; position:absolute; top:427px; width:416px; z-index:3;}

.header { height:84px; margin:12px 12px 0; overflow:hidden; }

.header-top-container{}

.header-top { float:left; width:130px; }

.logo.float { margin-left: 10px;}

h1.logo { background:transparent url(../images/client_header_logo.gif) repeat scroll 0 0; float: left; height:72px; position:relative; width:112px;}
h1.logo span { display: none;}

.header-nav {float:left; margin:11px 0 0 30px;}
.header-nav #nav { float: left; position: relative;}
.header-nav #nav li { float: left; font-size: 1em; margin: 0 20px 0 0; }
.header-nav #nav li a { text-decoration: none } 
.header-nav #nav li a.select { color: #fff; }
.header-nav #nav li a:hover { color: #fff; }


ul.breadcrumbs {  display:block; padding:33px 0 0; font-size:0.75em; line-height:0.75em; text-transform:lowercase;}
.breadcrumbs li { display:inline; }
.breadcrumbs li a { text-decoration: none; }
.breadcrumbs li a:hover { text-decoration: underline; }

.category-head { position: relative; float: left; width: 120px; }
.category-head h2 { font-size:1.6em; font-weight:normal; line-height:1.3em; margin:0; max-width:100%; overflow:hidden; padding:3px 0; }

/**************** container ***************/
.container { background:#FFFFFF none repeat scroll 0 0; clear:both; float:left; margin:0; padding: 10px 0px; position:relative; width:100%; min-height: 500px; }

.container.fixedh {margin:60px 0 0; min-height:570px;}

.middle { padding: 0 30px;}

.center no-repeat -104px
.float { float: left; position: relative;}


.scrollButtons.left 	{ position: absolute: top: 30px; left: 210px;}
.scrollButtons.right	{ position: absolute: top: 30px; left: 240px;}
.scrollButtons.left,
.scrollButtons.right { display: none; visibility: hidden; }
.credits { display: none; }
.spot { clear: both; float: left; margin-bottom: 5px; position: relative; width: 228px; border: 1px solid #ffffff; border-right: 0; }
.spot img { float: left; margin-right: 7px; position: relative; width: 75px; }

.panel .spot_menu a:hover .spot { background: #efefef; color: #000000; }
.panel .spot_menu a.select .spot { border-bottom:1px solid #CECECE; border-right:1px solid #CECECE; border-top:1px solid #eee; color:#000000;}

.spot .client { float:left; font-size:10px; line-height:1.5em; margin-top:3px; position:relative; width:120px;  }
.spot .stitle { float:left; font-size:12px; line-height:1.5em; margin-top:0px; position:relative; width:120px; }

.spot_detail .client { clear: both; color: #000000; float:left; font-size:12px; line-height:12px; margin-top:7px; position:relative; }
.spot_detail .stitle { clear: both; color: #000000; float:left; font-size:14px; line-height:12px; margin-top:3px; position:relative;}

.spot_detail p { color: #666; clear: both; font-size: 12px; line-height: 1.5em; padding: 7px 0 0 0; font-family: helvetica,arial,sans-serif; }

.panel .spot_menu { float:left; height:520px; overflow-x:hidden; overflow-y:auto; position:relative; width:240px; }
.panel .spot_menu_uline { border-bottom:1px solid #CCCCCC; float:left; margin-top:3px; position:absolute; top:543px; width:210px; }

.global .panel .spot_menu { float:left; height:460px; overflow:auto; position:relative; width:210px; }


.panel a .continuous_play { background: url("../images/continue_play.gif") no-repeat scroll 0 0 transparent; height: 17px; left: 180px; position: absolute; top: 10px; width: 48px; z-index: 3;}
.panel a:hover .continuous_play { background: url(../images/continue_play.gif) no-repeat -52px 0px; }

.panel a .continuous_play.single { background: url(../images/continue_play.gif) no-repeat 0px -14px; }
.panel a:hover .continuous_play.single { background: url(../images/continue_play.gif) no-repeat -52px -14px; }

.panel a .continuous_play span { display: none;}

.panel .spot_detail { float:left; height:530px; margin:0 0 0 30px; position:relative; width:416px; }

.panel .spotcredits { line-height: 1.5em; margin: 7px 0 0 0;}
.panel .spotcredits ul.credits { display: block; }
.panel .spotcredits ul.credits li { color: #666666; float: left; font-family: helvetica,arial,sans-serif; margin: 0 15px 0 0;}
.panel .spotcredits ul.credits li .role { color: #999999; margin: 0 3px 0 0; text-transform: uppercase;}
.panel .spotcredits ul.credits li .value {}
.panel .spotcredits .credit { color: $666; float: left; font-family: helvetica,arial,sans-serif; font-size: 12px; margin: 0 15px 7px 0;}

.panel { height:21px; margin-bottom:1px; width:210px; }

#mslogo { background:transparent url(../images/director_mn.gif) no-repeat scroll 7px 0; height:21px; width:150px; }

a:hover #mslogo { background-position: 7px -21px; }

/* begin nav area */
#nav ul li { clear: both; margin-left: 12px; }
#nav ul li a { text-decoration: none; }


/****************** admin area *******************************/
table { border: none; }
td { padding: 3px 0 0 3px; }
th { text-align: left; font-size: 10px; }
tr.odd { background: #ececec; }
tr.even td,
tr.odd td { border-bottom: 1px solid #999999; }
tr.even { background: #ffffff; }

tr td { vertical-align: middle; }

.tcenter { text-align: center; }

.spot_desc { width: 400px; height: 300px; }

/* hovered items */
tr.odd:hover,
tr.even:hover,
tr.hover { background: #cccccc; color: #000000; }

.col { float: left; position: relative; }

.btn { margin: 3px 0 0 0;}

#cancel { float: left; margin: 0 7px;}
#submit { float: right; margin:0 7px;}

/* begin footer area */
/*#footer{ background:#000000; clear:both; color:#ffffff; padding:12px 0 0 30px; position:relative; z-index:3;  }

#footer ul { float: right; position: relative;}

#footer li{ clear:both; color:#333333; float:left; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10px; margin-right:10px; position:relative; }
#footer .locations{ color:#757575; float:left; font-size:10px; margin:0; position:relative; width:417px; }
#footer .locations .loc{  clear:both; float:left; margin-bottom:12px; position:relative;}
#footer .locations .loc .loctitle{ color: #cecece; float:left; font-size: 21px; position:relative; width:39px; }
#footer .locations .loc .address{ float:left; line-height: 11px; padding:3px 0 0 0; position:relative; width:150px; }
#footer .locations .loc .tel{ padding:0; position:relative; float:left; width:200px; }

.footer { display:block; float:left; height:40px;  }

*/

.clear { float: left; width: 100%; height: 12px; clear: both;}

.footer { font-size:10px;  margin:10px auto 0; padding:10px 30px; position:relative; width:940px; color: #999;  }
.footer ul { float: left; position: relative; }
.footer ul li { float: left; margin:0;}
.footer .fcontact { margin-left:30px; width:184px; }
.footer h2 { margin-bottom: 3px; line-height: 1em; }
.footer a { color: #fff; }

.footer .contacttitle { position: relative; float: left;  }
.footer .contacttitle h4 { float: left; position: relative; margin: 3px 0 0 0;}
.footer .contacttitle a:hover { color: #ffffff; }
.footer .loc .loctel { margin: 3px 0 0 0;}
/* end footer area */

/* begin menu items */
.menuholder { margin:12px auto; width:988px; }
.contact  { font-size: 24px; }
.director { font-size: 14px; }
.sales    { font-size: 24px; }

ul.navigation { position: relative; float: left; }

ul.menu,
ul.menu ul { list-style-type:none; margin: 0; padding: 0; width: 180px; font-size: 14px; }

ul.menu a { display: block; text-decoration: none; }

ul.menu li.first { border-bottom: 1px solid #ECECEC; border-top: 1px solid #ECECEC; margin: 0 0 10px 0; padding: 10px 0; }
ul.menu li.last {border-bottom: 1px solid #ECECEC; border-top: 1px solid #ECECEC; margin: 10px 0 0; padding: 10px 0; }

ul.menu li { margin-top: 7px; }

ul.menu li a 		{ color: #666; }
ul.menu li a:hover	{ color: #000; }

ul.menu li ul li a  	 { color: #666; padding:0 0 0 3px; }
ul.menu li ul li a:hover { color: #333; }
ul.menu li ul li a.selected { color: #000; }

ul.menu.navigation.global { margin-left: 10px; }
ul.menu.navigation.global ul { width: 210px; }
ul.menu.navigation.global li ul li a  	 { color: #666; padding:0 0 0 7px; }

ul.menu li a.category { padding: 0 0 0 9px; text-transform: uppercase; }

ul.menu li a.category:hover { background: url("../images/nav.gif") no-repeat scroll 0 -12px transparent;}
ul.menu li a.category.selected { background: url("../images/nav.gif") no-repeat scroll 0 -51px transparent;}


ul.menu li a.category span {}


.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }
.indent3 { padding-left: 3em; }
.indent4 { padding-left: 4em; }
.indent5 { padding-left: 5em; }

/* end menu items */

/* editor screen */
ul.editormenu { margin-top: 12px;}
ul.editormenu li { float: left; margin: 0px 21px 0 0; position: relative; }
ul.editormenu li a { text-decoration: none; }
ul.editormenu li a:hover { color:#333; }
ul.editormenu li a.selected { color:#000; }

/* contact screen */
h2.hdr { float: left; margin:0 12px 12px 0; position: relative; }

.personnel { margin-top: 24px; }
.personnel p { color: #666666; }
.personnel ul { float: left; position: relative; width: 300px; }
.personnel ul li { font-size: 12px; margin:0 0 3px 0; text-decoration: none; }
.personnel ul li a { font-size: 12px; text-decoration: none; }
.personnel ul li a:hover { color:#000000; text-decoration: underline; }

.personnel .person span { color: #bbbbbb; padding-left: 7px; }

/* sales screen */
.representing p { color: #666666; }
.representing ul { float: left; position: relative; width: 140px; }
.representing ul li a { font-size: 10px; text-decoration: none; }
.representing ul li a:hover { color:#000000;  text-decoration: underline; }

.loc .loctel { clear: both; margin: 12px 0 0 0; }
.loc p { margin-top: 4px;}

/* PANEL ITEMS */
.scroll {    float: right; position: relative; width: 800px; }

.scrollContainer { height: 545px; overflow: hidden; margin-left: 15px; width: 760px; }
.scrollContainer div.panel { background: transparent url(../images/sidebar_shadow.gif) no-repeat scroll 240px 12px; float: left; height: 545px; padding: 7px 0 0 0; position: relative; width: 900px; }

#slider {   background: url("../images/sidebar_shadow.gif") no-repeat scroll 184px 12px transparent; float: left; height: 545px; position: relative; width: 100%;}

.hide { display: none; }

.body { width: 400px; }
.body p { line-height: 1.5em; margin: 0 7px 0 0; }

.qt_holder { float:left; position:relative; width:480px; }
.qt_holder img { margin-bottom: 0;}