html, body {
	background: #000;
	color: #605e5e;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10.5px;
	margin: 0;
	padding: 0;
}
body#backroom { color: #008e00; }

#backroom a { color: #00c000; }
 
span.hidden-text {
	text-indent: 0;
	visibility: hidden;
	line-height: 1px;
	height: 1px;
	display: block;
}

.left { float: left; }
.right { float: right; }
.clear {
	clear: both;
	padding: 0;
	width: 1px;
	overflow: hidden;
	height: 1px;
	display: block;
}

.yellow-font,
a:hover span.yellow-font { color: #adac01; }

.white-font { color: #fff; }
.dark-grey-font { color: #333; }
.dark-grey-font a { color: #333; }

#backroom .yellow-font,
#backroom a:hover span.yellow-font { color: #30911e; }

.large-font{ font-size: 1.15em; }

img { 
	margin: 0;
	padding: 0;
	display: block;
}


a { 
	color: #adac01; 
	text-decoration: none; 
}

a:hover, a:active { color: #fff; }

a img { border: none; }

a span,
a:hover span {
	color: #605e5e;
}

.arrow,
.arrow-back {
	display: block;
	padding-left: 7px;
}

.arrow { background: url('../img/main/arrow.gif') no-repeat 0 1px; }
.arrow-back { background: url('../img/main/arrow-back.gif') no-repeat 0 1px; }


.image-text, a span.hidden {
	text-indent: -9999px;
	line-height: 0;
	overflow: hidden;
	background:url('../img/main/blank.gif') no-repeat top left;
}

h1.image-text { 
	display: block;
	padding: 0;
	margin: 65px 15px 0 0; 
}


h2.image-text { 
	text-transform: uppercase; 
	height: 11px;
}

a span {
	display: block;
	cursor: hand;
	position: relative;
}


h1 {
	margin: 0 0 7px 0;
	color: #adac01;
	font-size: 1.3em;
}

h2 {
	color: #adac01;
	font-size: 1em;
	text-indent: 0;
	line-height: 1em;
	text-transform: none;
	margin: 0 0 5px 0;
	padding: 0;
}


h3 {
	font-size: 1em;
	color: #fff;
	margin: 30px 0 9px 0;
}



div.wide-col div.panel div.header-right h3,
span.casestudy-media {
	margin: 0;
	color: #878686;
}
span.casestudy-media {
	float: right;
	text-align: right;
	text-transform: none;	
}

.line-space { line-height: 1.5em; }
.white-text { color: #fff }

.date { color: #fff; }
.margin-top { margin-top: 10px; }
.margin-btm { margin-bottom: 10px; }
.margin-top-xtra { margin-top: 20px; }
.no-margin-top { margin-top: 0; }
.no-margin-right { margin-right: 0; }


ul { 
	list-style: none; 
	margin: 0;
	padding: 0;
}

div#crop-top-left {
	width: 1007px;
	margin: 0 auto;
	margin-top: 10px;
	background: url('../img/main/crop-top-left.gif') no-repeat top left;
}
div#crop-top-right { background: url('../img/main/crop-top-right.gif') no-repeat top right; }
div#crop-btm-left { background: url('../img/main/crop-btm-left.gif') no-repeat bottom left; }
div#crop-btm-right { background: url('../img/main/crop-btm-right.gif') no-repeat bottom right; padding: 19px;}

#backroom div#crop-top-left {	background: url('../img/backroom/crop-top-left.gif') no-repeat top left; }
#backroom div#crop-top-right { background: url('../img/backroom/crop-top-right.gif') no-repeat top right; }
#backroom div#crop-btm-left { background: url('../img/backroom/crop-btm-left.gif') no-repeat bottom left; }
#backroom div#crop-btm-right { background: url('../img/backroom/crop-btm-right.gif') no-repeat bottom right; padding: 19px;}


div#container{ 
	width: 970px;
	margin: 0 auto;
	background: url('../img/main/bg-top.jpg') no-repeat top left;
}
#backroom div#container{ background: url('../img/backroom/bg-top.jpg') no-repeat top left; }

div#container div#bg-btm,
#backroom div#container div#bg-btm-right{
	width: 970px;
	min-height:630px;
	height:630px;
}
div#container div#bg-btm{ height:auto; background: url('../img/main/bg-btm-top.jpg') no-repeat bottom right; }


#backroom div#container div#bg-btm-right{	background: url('../img/backroom/bg-btm-right.gif') no-repeat bottom right; }
#backroom div#container div#bg-btm-left{	background: url('../img/backroom/bg-btm-left.gif') no-repeat bottom left; }


div#footer {
	width: 940px;
	height: 39px;
	padding: 11px 15px;
	margin: 0 auto;
	background: url('../img/main/bg-btm.jpg') no-repeat top left;
	font-size: 0.9em;
}

#backroom div#footer{
	width: 970px;
	height: 61px;
	background: url('../img/main/bg-footer-left.gif') no-repeat top left;
}
#backroom div#footer { background: url('../img/backroom/bg-footer-left.gif') no-repeat top left; }

#backroom div#footer div#bg-right{
	width: 940px;
	height: 39px;
	padding: 11px 15px;
	background: url('../img/main/bg-footer-right.gif') no-repeat top right;
}
#backroom div#footer div#bg-right{ background: url('../img/backroom/bg-footer-right.gif') no-repeat top right; }
#backroom div#footer span { color: #145901; }
div#logo {
	width: 198px;
	height: 81px;
	overflow: hidden;
	margin: 9px 0 0 8px;
	background:url('../img/main/logo.gif') no-repeat top left;
}

div#header div#dashed {
	margin: 8px 0 8px 8px;
	width: 190px;
	height: 1px;
	overflow: hidden;
	background:url('../img/main/dashed.gif') repeat-x top left;
}
#backroom div#header { height: 110px; }
div.dashed,
div#header div#dashed { 
	height: 1px;
	overflow: hidden;
	background:url('../img/main/dashed.gif') repeat-x top left;
}

div.dashed { width: 100%; margin-bottom: 19px; }
div#post-home-player{ margin: 19px 0; }

div#main-nav {
	width: 216px;
	height: 180px;
	position: relative;
	margin-left: -10px;
	margin-top: 48px;
}

#backroom div#main-nav {
	width: 226px;
	position: relative;
	margin-left: -20px;
	overflow: hidden;
	background:url('../img/backroom/main-nav.jpg') no-repeat top left;
}
#backroom div#main-nav[id] { margin-left: -10px; }

div#left-container {
	width: 206px;
	float: left;
}

div#content {
	width: 729px;
	padding: 10px 15px 10px 19px;
	float: right;
}

div.narrow-col { width: 232px }

div.wide-col { width: 480px }

div.half-width-col { width: 320px }

span.btn-arrow {
	width: 15px;
	height: 15px;
	overflow: hidden;
	display: block;
	position: relative;
	cursor: hand;
	z-index: 1000;
	background:url('../img/main/blank.gif') no-repeat top left;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/main/btn-arrow-out.png', sizingMethod='scale'); 
}
span.btn-arrow[class] { background: url('../img/main/btn-arrow-out.png') no-repeat top left; }

#backroom span.btn-arrow { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/backroom/btn-arrow-out.png', sizingMethod='scale'); }
#backroom span.btn-arrow[class] { background: url('../img/backroom/btn-arrow-out.png') no-repeat top left; }


/* panels */
a.home-work-panel {
	width: 230px;
	height: 58px;
	display: block;
	overflow: hidden;
	margin-right: 15px;
}


a.home-work-panel img {
	width: 230px;
	height: 58px;
	overflow: hidden;
}

a.home-work-panel span.panel-content{
	display: block;
	width: 162px;
	height: 58px;
	margin-top: -58px;
	position: relative;
	background:url('../img/panels/home-work-content-bg.gif') no-repeat top left;
	float: right;
}
#backroom a.home-work-panel span.panel-content{ background:url('../img/backroom/home-work-content-bg.gif') no-repeat top left; }

a.home-work-panel span.text {
	width: 133px;
	padding-top: 5px;
	padding-left: 8px;
	float: left;
	display: block;
}
#backroom a.home-work-panel span.text { color: #4fd636; }

a.home-work-panel span.btn-arrow {
	display: block;
	float: left;
	left: 4px;
	margin-top: 21px;
}

div.narrow-col div.panel-top,
div.narrow-col div.header-top,
div.narrow-col div.panel-content-top,
div.narrow-col div.panel-btm {
	width: 232px;
	height: 4px;
	overflow: hidden;
	background:url('../img/main/blank.gif') no-repeat top left;	
}

div.narrow-col div.panel-top { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/panels/narrow-top.png', sizingMethod='scale'); } 
div.narrow-col div.panel-top[class] { background: url('../img/panels/narrow-top.png') no-repeat top left; }

div.narrow-col div.header-top { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/panels/narrow-header-top.png', sizingMethod='scale'); } 
div.narrow-col div.header-top[class] { background: url('../img/panels/narrow-header-top.png') no-repeat top left; }

div.narrow-col div.panel-content-top { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/panels/narrow-content-top.png', sizingMethod='scale'); } 
div.narrow-col div.panel-content-top[class] { background: url('../img/panels/narrow-content-top.png') no-repeat top left; }

div.narrow-col div.panel-btm { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/panels/narrow-btm.png', sizingMethod='scale'); } 
div.narrow-col div.panel-btm[class] { background: url('../img/panels/narrow-btm.png') no-repeat top left; }


#backroom div.narrow-col div.header-top { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/backroom/narrow-header-top.png', sizingMethod='scale'); } 
#backroom div.narrow-col div.header-top[class] { background: url('../img/backroom/narrow-header-top.png') no-repeat top left; }

#backroom div.narrow-col div.panel-content-top { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/backroom/narrow-content-top.png', sizingMethod='scale'); } 
#backroom div.narrow-col div.panel-content-top[class] { background: url('../img/backroom/narrow-content-top.png') no-repeat top left; }

#backroom div.narrow-col div.panel-btm { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/backroom/narrow-btm.png', sizingMethod='scale'); } 
#backroom div.narrow-col div.panel-btm[class] { background: url('../img/backroom/narrow-btm.png') no-repeat top left; }


div.narrow-col div.panel-content-top { margin-top: -4px }

div.narrow-col div.panel-content{
	width: 232px;
	padding: 13px 0 26px 0;
	background: #080808;
	overflow: hidden;	
}
#backroom div.narrow-col div.panel-content{ background: #000a00; }

div.narrow-col div.panel { margin-bottom: 19px; }

div.narrow-col div.panel div.header {
	width: 217px;
	height: 24px;
	overflow: hidden;
	background-color: #080d13;
	padding: 6px 0 0 15px;
}

div.narrow-col div.panel div.header h2 { margin: 0; }
#backroom div.narrow-col div.panel div.header { background-color: #001000; }



div.narrow-col div.panel ul li span { text-transform: none; color: #666; }

div.wide-col div.panel-top,
div.wide-col div.panel-content-top,
div.wide-col div.panel-btm {
	width: 480px;
	height: 5px;
	overflow: hidden;
	background:url('../img/main/blank.gif') no-repeat top left;	
}

div.wide-col div.panel-top { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/panels/wide-top.png', sizingMethod='scale'); } 
div.wide-col div.panel-top[class] { background: url('../img/panels/wide-top.png') no-repeat top left; }

div.wide-col div.panel div.header {
	width: 458px;
	overflow: hidden;
	background-color: #080d13;
	padding: 3px 11px;
}


div.wide-col div.panel div.header-left {
	float: left;
	width: 300px;
}

div.wide-col div.panel div.header-right {
	float: right;
	width: 100px;
	text-align: right;
}

a.service-panel {
	display: block;
	width: 356px; 
	height: 120px;
	margin-bottom: 20px;
	overflow: hidden;
	background:url('../img/main/blank.gif') no-repeat top left;	
}


a.case-study-panel {
	display: block;
	height: 120px;
	width: 480px;
	margin-bottom: 20px;
	overflow: hidden;
	background:url('../img/main/blank.gif') no-repeat top left;	
}


a.case-study-panel span.bg-image { 
	display: block;	
	width: 475px; 
	height: 120px; 
	overflow: hidden;
}


a.case-study-panel span.panel-content {
	display: block;
	width: 345px;
	height: 102px;
	padding: 9px 7px;
	overflow: hidden;
	margin-top: -120px;
	margin-left: 121px;
	position: relative;
	color: #878686;
	background:url('../img/main/blank.gif') no-repeat top left;	
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/panels/case-study-bg.png', sizingMethod='scale'); 
} 
a.case-study-panel span.panel-content[class] { background: url('../img/panels/case-study-bg.png') no-repeat top left; }

a.case-study-panel span.panel-content span.text { width: 320px; float: left; display: block;}


a.service-panel span.header {
	display: block;
	height: 14px;
	padding: 8px;
}


a.service-panel span.panel-content {
	display: block;
	width: 338px;
	height: 48px;
	padding: 9px;
	overflow: hidden;
	background:url('../img/main/blank.gif') no-repeat top left;	
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/panels/service-top.png', sizingMethod='scale'); 
} 
a.service-panel span.panel-content[class] { background: url('../img/panels/service-top.png') no-repeat top left; }

a.service-panel span.panel-btm {
	width: 338px;
	height: 19px;
	display: block;
	padding: 5px 9px 0 9px;
	overflow: hidden;
	background:url('../img/main/blank.gif') no-repeat top left;	
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/panels/service-btm.png', sizingMethod='scale'); 
} 
a.service-panel span.panel-btm[class] { background: url('../img/panels/service-btm.png') no-repeat top left; }



/* lists */


ul li { 
	color: #59590f;
	font-weight: bold;
	text-transform:uppercase;
	background: url('../img/main/dotted.gif') repeat-x top left;
	padding: 0 12px;
	padding-top: 10px;	
}

#backroom ul li { color: #005400; }

ul.group li.first {
	background: none;
	padding-top: 0;
}

ul.group li { padding-left: 0; }

ul.group li ul {
	margin-top: 10px;
	margin-left: 0;
}

ul { margin-left: 15px; }

ul.thin li {
	margin-bottom: 10px;
	padding: 0;
	padding-left: 9px;
	position: relative;
	background: url('../img/main/arrow.gif') no-repeat 0 4px;
}

ul.fat li {
	margin-bottom: 10px;
	padding: 0;
	padding-left: 11px;
	background: url('../img/main/fat-arrow.gif') no-repeat 0 4px;
}

#backroom ul.fat li { background: url('../img/backroom/fat-arrow.gif') no-repeat 0 4px; }
#backroom ul li a { color: #00e200; }
#backroom ul li a:hover { color: #005400; }

ul li a { color: #afacac; }
ul li a:hover { color: #fff; }

div#map {
	width: 232px;
	height: 230px;
	overflow: hidden;
	float: right;
	background:url('../img/main/blank.gif') no-repeat top left;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/main/map.png', sizingMethod='scale'); 
}
div#map[id] { background: url('../img/main/map.png') no-repeat top left; }



/* header image */
div.header-image {
	width: 480px;
	height: 120px;
	overflow: hidden;
	margin-bottom: 13px;
	background:url('../img/main/blank.gif') no-repeat top left;	
}

/*backroom onle */
h2.piece-title {
	display: block;
	width: 300px;
	font-size: 1em;
	height: auto;
	color: #008e00;
	float: left;
	margin: 16px 0 37px 0;
}

span.work-type{ 
	text-transform: uppercase;
	float: right;
	padding-top: 16px;
}

/* service panels */
a#service-creative { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/cms/panel-creative.png', sizingMethod='scale'); }
a#service-creative[id] { background: url('../img/cms/panel-creative.png') no-repeat top left; }

a#service-production { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/cms/panel-production.png', sizingMethod='scale'); }
a#service-production[id] { background: url('../img/cms/panel-production.png') no-repeat top left; }	

a#service-post-production { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/cms/panel-post-production.png', sizingMethod='scale'); }
a#service-post-production[id] { background: url('../img/cms/panel-post-production.png') no-repeat top left; }

a#service-audio { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/cms/panel-audio.png', sizingMethod='scale'); }
a#service-audio[id] { background: url('../img/cms/panel-audio.png') no-repeat top left; }


/* main nav */
div#main-nav ul { margin: 0; }

div#main-nav ul li {
	margin: 0;
	padding: 0;
	width: 216px;
	height:20px;	
	overflow: hidden;
	display: block;
	background: none;
	position: relative;
}
* html div#main-nav ul li { margin-bottom: -2px;}

#backroom div#main-nav ul li { width: 236px; }


div#main-nav ul li.gap { margin-top: 40px; }

div#main-nav ul li a {
	display: block; 
	height: 20px;
	border: none;
	text-decoration: none;
}

div#main-nav ul li a img {
  	border:none;
	vertical-align:bottom; /* for IE6 */
}
div#main-nav ul li a:hover img {
	visibility:visible;
}
div#main-nav ul li a:hover img/**/ {
    visibility:hidden; /* hide from IE5.0/win */
}
/* fixes for IE/win \*/
* html div#main-nav ul li a{
	cursor:hand;
}
* html div#main-nav ul li a:hover {
	height:1%;
}
/* */

div#main-nav a#home { background: url('../img/nav/home-over.gif') bottom left no-repeat; }
div#main-nav a#work { background: url('../img/nav/work-over.gif') bottom left no-repeat; }
div#main-nav a#services { background: url('../img/nav/services-over.gif') bottom left no-repeat; }
div#main-nav a#who { background: url('../img/nav/who-over.gif') bottom left no-repeat; }
div#main-nav a#contact { background: url('../img/nav/contact-over.gif') bottom left no-repeat; }
div#main-nav a#backroom { background: url('../img/nav/backroom-over.gif') bottom left no-repeat; }
div#main-nav a#client { background: url('../img/nav/client-over.gif') bottom left no-repeat; }

#backroom div#main-nav a#home { background: url('../img/backroom/nav/home-over.gif') bottom left no-repeat; }
#backroom div#main-nav a#work { background: url('../img/backroom/nav/work-over.gif') bottom left no-repeat; }
#backroom div#main-nav a#services { background: url('../img/backroom/nav/services-over.gif') bottom left no-repeat; }
#backroom div#main-nav a#who { background: url('../img/backroom/nav/who-over.gif') bottom left no-repeat; }
#backroom div#main-nav a#contact { background: url('../img/backroom/nav/contact-over.gif') bottom left no-repeat; }
#backroom div#main-nav a#backroom { background: url('../img/backroom/nav/backroom-over.gif') bottom left no-repeat; }
#backroom div#main-nav a#client { background: url('../img/backroom/nav/client-over.gif') bottom left no-repeat; }


/* no qt */

div#no-qt {
	width: 440px;
	height: 190px;
	padding: 60px 20px 20px 20px;
	background: #000;
	color: #fff;	
	text-align: center;
}

div#no-qt img { margin: 0 auto 10px auto; }



/* logos */

div#cyl {
	width: 65px;
	height: 42px;
	overflow: hidden;
	background:url('../img/main/blank.gif') no-repeat top left;	
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/logos/cyl.png', sizingMethod='scale'); 
}
div#cyl[id] { background: url('../img/logos/cyl.png') no-repeat top left; }

div#liferide {
	width: 52px;
	height: 65px;
	overflow: hidden;
	background:url('../img/main/blank.gif') no-repeat top left;	
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/logos/liferide.png', sizingMethod='scale'); 
}
div#liferide[id] { background: url('../img/logos/liferide.png') no-repeat top left; }

/* mailing list */

input.mail-text {
	width: 153px;
	padding: 5px;
	background: #080d13;
	color: #999;
	border: 1px solid #2b3035;
	float: left;
	margin-right: 25px;
}

input#submit-mail {
	margin-top: 10px;
}

/* footer links */

div#footer li {
	display: inline;
	padding: 0 5px;
	margin: 0;
	border-right: 1px solid #605e5e;
	background: none;
}

div#footer li.start { padding-left: 0; }
div#footer li.end {	border: none; }