/* main screen css */
html, body { margin:0; padding:0; }
body { font-size: 11px;	font-family: Helvetica, Arial, Sans-Serif; background:#d0d0d0 url('images/bg.body.png') top fixed repeat-x;	color: #333; text-align: center; padding-bottom: 80px; }
#admin-only { display:none; }
body.edit-mode #admin-only { display:block; }
a:link, a:visited, a:active { color:#bf1e2d; text-decoration:none; }
a:hover { text-decoration:underline; }
a.link-external { padding-right:15px; background-image:url('images/link-external.gif'); background-position:right; background-repeat:no-repeat; }
a img {border:none;}
iframe { z-index:1; }
.clear { clear:both; }
.lfloat,.float-left{ float:left; }
.rfloat,.float-right { float:right; }
.lclear,.clear-left{ clear:left; }
.rclear,.clear-right { clear:right; }
.bclear { clear:both; }
#page hr { clear:both; margin:10px 0px; border:1px solid #8e8e8f; }
/* HEADLINES */
#page .content h1, #page .content h2 { text-align:left; margin:0px 0px 3px; text-transform:uppercase; }
#page .content h1 { font-size:20px; text-transform:uppercase;  }
#page .content h1.page-title {  }
#page .content h2 { font-size:16px; }
#page .content h3 { font-size:14px; margin:0px 0px 3px; line-height:21px; }
/* END: HEADLINES */
#page .content p { margin:0px 0px 22px; }
#page .content table p { margin:3px 0px; font-size:10px; }
/* Begin Images */
#page .content p img {	padding: 0;	max-width: 100%; }
/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
.centered {	display: block;	margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px;	display: inline; }
img.alignleft {	padding: 4px;	margin: 0 7px 2px 0; display: inline;	}
.alignright {	float: right;	}
.alignleft { float: left; }
/* End Images */
.content ul li { list-style:url('images/bullet.png'); margin:1px 0px; }
.content-block table tbody tr td ul,.toggled ul { margin:0px 0px 0px 10px; padding:0 0 0 10px; }
#page .content form ol { margin:0; padding:0; }
#page .content form ol li{ margin:0; padding:0; list-style:none; }
#page .content form fieldset { border:none; }
#page .content input[type=text], #page .content select, #page .content textarea { padding:4px; border:1px solid #808080; background:#808080; }
#page .content form fieldset input[type=submit]{ }
.col-half { width:443px; }
.col-half * { max-width:443px; }
#page { padding-top:145px;padding-bottom:145px; z-index:1; }
#header-wrap { position:fixed; top:0px; left:0px; right:0px; border-top:20px solid #bf1e2d; background: url(images/bg.header.solid.png) bottom repeat-x; z-index:3;  }
body.active-member #page { padding-top: 145px;}
body.active-member #header-wrap { top: 49px;}
#header { position:relative; margin:0 auto; padding:0px; width:865px; height:90px; text-align:left; }
#header h1 { margin:13px 0px 0px; padding:0px; width:267px; text-indent:-3333px; }
#header h1.logo a:link,#header h1.logo a:active,#header h1.logo a:visited { display:block; height:63px; background: url(images/sprite.main.png) 0 0 no-repeat; }
#header-nav { position:absolute; bottom:35px; right:0px; height:20px;}
#header-nav ul { display:block;margin:0px; padding:0px;  }
#header-nav ul li { list-style:none; display:block; float:left; margin:0px 5px; padding:0px; }
#header-nav ul.nav li a:link
,#header-nav ul.nav li a:active
,#header-nav ul.nav li a:visited { position:relative; display:block; margin:0px;height:20px;  font-size:11px; font-weight:bold; text-transform:uppercase; text-indent:-3333px; color:#3a3a3c; background:url('images/sprite.headernav.png') no-repeat; z-index:3; }
#header-nav ul.nav li#news-li a { width:46px; background-position: 0 0; }
#header-nav ul.nav li#about-li a { width:55px; background-position: -48px 0; }
#header-nav ul.nav li#studios-li a { width:68px; background-position: -103px 0; }
#header-nav ul.nav li#resources-li a { width:85px; background-position: -171px 0; }
#header-nav ul.nav li#contact-li a { width:70px; background-position: -257px 0; }
#header-nav ul.nav li#news-li a.nav-selected { background-position: 0 -20px; }
#header-nav ul.nav li#about-li a.nav-selected { background-position: -48px -20px; }
#header-nav ul.nav li#studios-li a.nav-selected { background-position: -103px -20px; }
#header-nav ul.nav li#resources-li a.nav-selected { background-position: -171px -20px; }
#header-nav ul.nav li#contact-li a.nav-selected { background-position: -257px -20px; }
#header-nav ul.sub-nav { display:block; visibility:hidden; border-top:1px solid #BF1E2D; position:absolute; top:19px; left:96px; }
#header-nav ul.sub-nav li a:link
,#header-nav ul.sub-nav li a:active
,#header-nav ul.sub-nav li a:visited { font-size:11px; line-height:20px; font-weight:normal; text-transform:uppercase; color:#3a3a3c; }
#header-nav ul.sub-nav li.nav-selected {background:none;}
#header-nav ul.sub-nav li.nav-selected a,#header-nav ul.sub-nav li a.nav-selected { color:#bf1e2d; }
#header-nav ul li a:hover { text-decoration:none; }
#header-nav ul li#active-nav { display:block; position:absolute; margin:0px; padding:0px; color:#fff; background:#333; z-index:-1; }
#header-nav ul li.nav-selected {background:#bf1e2d;}
#header-nav ul li.nav-selected a
,#header-nav ul li a.nav-selected { color:#fff; }
.header-nav-a-on { color:#fff; }
.header-nav-a-off { color:#3a3a3c; }
.content, .nextpage { position:relative; margin:0 auto 100px; width:865px;  padding:0px; text-align:left; }
.wide-column { width:865px;  }
.content-block { margin-bottom:20px; padding-top:5px; clear:both; }
.content-block hr { clear:both; margin:10px 0px; border:1px solid #8e8e8f; }
.content-block p img { margin: 0px; padding:2px; }
hr.big-red { border:0px none #bf1e2d!important; margin-bottom:25px; display:block; height:10px; background:#bf1e2d; }
hr.big-grey { margin-bottom:25px; display:block; height:10px; border:0px none #808080!important; background:#808080; }
hr.big-black { margin-bottom:25px; display:block; height:10px; border:0px none #000000!important; background:#000000; }
#footer { position:fixed; bottom:0px; left:0px; right:0px; padding-top:26px; height:40px; background: #3a3a3c; color:#fff;  z-index:3; }
#footer p { font-size:10px; }
#footer a { color:#fff; }
#footer span, #footer address, #footer div.rss { vertical-align:middle; font-size:9px; display:inline; padding:0px 7px; border-right:1px solid #eee; }

#footer div.rss { display:none; border-right:none; }
#footer .knead { border-right:none; }
#footer .knead a { color:#cc0000; text-decoration:none; }
#gototop { display:block; width:60px; height:18px; position:absolute; right:20px; top:0px; border:1px solid #000; background:#222; font-size:9px; text-transform:uppercase; line-height:18px; }
/* PAGE: GLOBAL */
#page .home .page-title
, #page .news .page-title
, #page .resources .page-title{ display:none; }
/* END: PAGE: HOME */
/* PAGE: NEW ARTICLE */
.page-links { display:block; margin:0px; padding: 0px 0px 25px 0px; }
.page-links li {float:left; display:inline; list-style:none!important; list-style-image:none!important; margin:0px; padding:0px; }
.page-links li a { display:block; padding:2px; /*background:url(images/sprite.navigation.png) no-repeat; */ }
.page-links li.prev-link  { text-align:left; /*background-position: 0 -20px; padding-left:25px!important; */ }
.page-links li.next-link  { float:right; text-align:right; /*background-position: -80% -40px; padding-right:25px!important; */ }
/* END: PAGE: NEW ARTICLE */
/* PAGE: STUDIOS */
#page .studio-a .page-title
, #page .studio-b .page-title
, #page .studios .page-title { display:none; }
#page .studios .page-link a h3 { text-transform:uppercase; color:#333; font-size:18px; }
#studio-a #header-nav ul.sub-nav
, #studio-b #header-nav ul.sub-nav { display:block; }
/* END: PAGE: STUDIOS PAGE */
/* PAGE: ABOUT */
.services .service-item { float:left; padding-left:10px; }
.services:first-child { padding-left:0px; }
/* END: PAGE: ABOUT PAGE */
/* PAGE: CONTANT */
 #page .contact .page-title { margin-bottom:15px; }
/* END: PAGE: CONTACT */
/* PAGE: RESOURCES */
.resources .googleMapCanvas { position:absolute; right:0px; height:225px}
/* END: PAGE: RESOURCES */
/* BLOCK: FEATURED PAGE */
.featured-page-summary { position:relative; }
.featured-page-summary .hor-slider { overflow:hidden; }
.featured-page-summary .hor-slider .wrap .item { float:left; width:23%; }
.featured-page-summary .hor-slider .wrap .item h3 { text-transform:none!important; font-size:12px!important; line-height:13px!important; }
.featured-page-summary .fp-controls { position:absolute; font-size:10px; }
.featured-page-summary { position:relative;height:200px; }
.featured-page-summary .hor-slider .wrap { height:200px; }
.featured-page-summary .hor-slider .wrap .item { height:100%; margin:0px 15px 0px 0px; }
.featured-page-summary .hor-slider .wrap .item p { margin:2px 0 5px; font-size:11px; }
.featured-page-summary .fp-controls { top:0px; right:0px;  }
.featured-page-summary .fp-controls .next
,.featured-page-summary .fp-controls .prev { display:block; width:18px; height:18px; cursor:pointer; }
.featured-page-summary .fp-controls .fp-display-text { height:18px; line-height:20px; padding-right:5px; }
.featured-page-summary .fp-controls .fp-display-text
,.featured-page-summary .fp-controls .next
,.featured-page-summary .fp-controls .prev { float:left; margin-left:2px; }
.featured-page-summary .fp-controls .next { background-position:-60px -1px; }
.featured-page-summary .fp-controls .prev { background-position:-40px -1px; }
.fp-controlsOn { background-color: #555; }
.fp-controlsClick { background-color: #bf1e2d; }
.featured-page-summary .fp-controls .next
,.featured-page-summary .fp-controls .prev { background:#3A3A3C url(images/sprite.navigation.png) no-repeat; text-indent:-3333px; }
.featured-page-summary .hor-slider .wrap .item span small {display:block; color:#808080; margin:5px 0px; }
.featured-page-summary .hor-slider .wrap .item h3 { margin:0px!important; padding:0px!important; font-size:12px; font-weight:normal; text-transform:capitalize; }
.page-link a img { border:1px solid #808080; }
.page-link a:hover img { border:1px solid #bf1e2d; }
/* END: BLOCK: FEATURED PAGE */
/* BLOCK: ACCORDION */
.accordion-block { margin-bottom:20px; }
.accordion-block .item-grid { width:165px; margin-bottom: 10px; }
.accordion-block .toggler h1,.accordion-block .toggler h2,.accordion-block .toggler h3
,.accordion-block .toggler h4,.accordion-block .toggler h5 { text-transform:capitalize!important; }
.accordion-block .toggler h3 { font-size:13px!important; }
.accordion-block .toggled ul li {margin-top:11px!important; font-size:10px;}
.accordion-block .item-grid { float:left; margin-left:9px; }
.accordion-block .item-grid img { border:1px solid #808080; }
.accordion-block .item-grid:hover img { border:1px solid #bf1e2d; }
.accordion-block .first-item { margin-left:0px; }
.accordion-block .toggler { cursor:pointer; }
.accordion-block .toggler h1,.accordion-block .toggler h2,.accordion-block .toggler h3
,.accordion-block .toggler h4,.accordion-block .toggler h5 { text-transform:capitalize; }
/* END: BLOCK: ACCORDION */
/* BLOCK: CONTENT */
.sliding-content-holder { position:relative; width:638px;  overflow:hidden; }
.sliding-content-holder .wraper { width:100000px; }
.sliding-content-holder .wraper .sliding-content { float:left; width:620px; margin-right:250px; }
.slider-nav { width:230px; padding:0px;  }
.slider-nav li { cursor:pointer; width:115px; float:left; font-size:10px; }
/* END: BLOCK: CONTENT */
/* BLOCK: USER-LIST */
.user-list-wrap { margin-top:25px; }
.users-list { display:block; }
.users-list li { display:block; list-style:none!important; list-style-image:none!important; margin-right:35px!important; padding:0px 20px 0px 0px; overflow:hidden; float:left; }
.users-list li h3 small { display:block; font-weight:normal; }
.users-list li ul { margin:0px; padding:0px; }
.users-list li ul li { margin:0px; padding:0px; float:none; width:auto; }
/* END: BLOCK: USER-LIST */
/* MOOTOOLS FX */
#overlay { position:fixed; top:0px; left:0px; right:0px; bottom:0px; z-index:3333; background:#000; }
#modal-wrap { position:fixed; top:15%; left:15%; z-index:3334; margin:auto; padding:15px; background:#222; }
#modal-content { margin:0px; padding:10px; background:#fff; border:1px solid #222; text-align:left; }
#modal-close { position:absolute; bottom:3px; right:3px; font-size:9px;display:block; padding:2px; cursor:pointer; color:#fff; }
.opener { cursor:pointer; background: url(images/opener.gif) 100% 0 no-repeat; }
.closer { background-image:url(images/closer.gif); }

.modal-opener { text-decoration:underline; cursor:pointer; }
.modal-content {  display:none;}
.modal-wrap { padding:20px; border:3px solid #eee; background-color:#fff; }

.inputOn { border-color:#dddddd; background-color:#f2f2f2; }
.inputFocus { border-color:#333333; background-color:#f2f2f2; }
.overTxtDiv {	font-weight: bold; font-family: helvetica, arial, verdana; font-size: 11px;	color: #FFFFFF; text-transform:uppercase; text-indent:0px!important; z-index:3; }
.validation-failed {  border: 1px solid #f00!important; background:transparent url('images/red10.png')!important; }
.validation-passed { border: 1px solid #808080!important; }
.validation-advice { margin: 2px; padding: 2px; color:#fff; background-color:#f00; }
.warning { border: 1px solid #c66!important; }
.warning-advice {	margin: 2px; padding: 2px; color:#fff;background-color:#bbb; }
.message { margin:0px 0px 10px 0px; padding:12px; color:#333; border:4px double #eee; background:#FAF9F0; }
.message .error { color:#BF1E2D; font-weight:bold;  }