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

* {margin:0;padding:0;}

img {border:none;}

html, body {
	background-color:#000000;
	font-family:Arial, Helvetica, sans-serif;
}

body {
	
}

#wrapper {
}

#wrapper #header {
	position:relative;
	z-index:2;
}

#header {
	position:relative;
	height:80px;
	border-bottom:2px #ff0606 solid;
	min-width:1010px;
	background:url(images/dg-entertainment-movie-trailers-production.jpg) no-repeat #000;
	/*z-index:2;*/
}

#homeBtn {
	position:absolute;
	top:0;
	left:0;
	width:400px;
	height:90px;
	z-index:999;
	cursor:pointer;
}

#nav {
	position:absolute;
	top:0;
	right:0;
	width:530px;
	padding-right:40px;
	/*z-index:100;*/
}

/* =========== DROP DOWN ============== */
.dropdown {
	position:absolute;
	top:78px;
	padding-top:2px;
	z-index:200;
}

.dropdown ul {
	padding:0;
	margin:0;
	list-style:none;
	font-family:'DINLight',Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	background:url(images/bg-dropdown.png);
	border-top:2px #ff0606 solid;
}

.dropdown ul li {
	height:29px;
	line-height:29px;
	padding-left:24px;
	color:#fff;
	letter-spacing:1px;
	border-bottom:1px solid #666;
}

.dropdown ul li.last {
	border-bottom:none;
}

.dropdown ul li:hover {
	cursor:pointer;
	color:#fff;
	background:url(images/bg-dropdown-arrow.gif) no-repeat right #000;
}

#drop-about {
	left:86px;
	width:167px;
	visibility:hidden;
}

#drop-services {
	left:182px;
	width:210px;
	visibility:hidden;
}

#drop-portfolio {
	left:295px;
	width:230px;
	visibility:hidden;
}
/* END DROPDOWN */

#wrapper #page {
	position:relative;
	/*z-index:1;*/
}

#footer {
	position:relative;
	height:76px;
	border-top:2px #ff0606 solid;
	background-color:#000;
}

#footerNav {
	position:absolute;
	top:22px;
	left:47px;
	width:900px;
	height:16px;
	line-height:16px;
	color:#999;
	font-size:10px;
}

#footerNav ul {
	list-style:none;
}

#footerNav ul li {
	float:left;
	padding-right:15px;
}

#footerNav a:link {
	color: #999999;
	text-decoration: none;
}
#footerNav a:visited {
	text-decoration: none;
	color: #999999;
}
#footerNav a:hover {
	text-decoration: none;
	color: #FFFFFF;
}
#footerNav a:active {
	text-decoration: none;
	color: #FFFFFF;
}	

/* ====================== HOME PAGE ===================== */
#home #page {
	height:542px;
	background:url(images/bg-home.jpg) no-repeat #333;
	overflow:hidden;
}

#iemsg {
	position:absolute; top:82px; left:130px; width:501px; height:20px; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#fff; z-index:9999;display:none;
}

#grayBar {
	position:absolute;
	top:60px;
	left:0;
	background:url(images/bg-home-stripe.png);
	height:426px;
	width:100%;
	padding-left:50px;
}

#grayBar a {color:#fff;}

#simpleNext {
	float:left;
	display:block;
	width:26px;
	height:20px;
	background:url(images/btn-next-home.gif) no-repeat;
}
#simpleNext:hover {
	background-position:0 -20px;
}
#simpleNext span {display:none;}

#simplePrevious {
	float:left;
	padding-right:7px;
	display:block;
	width:26px;
	height:20px;
	background:url(images/btn-previous-home.gif) no-repeat;
}
#simplePrevious:hover {
	background-position:0 -20px;
}
#simplePrevious span {display:none;}

#viewport{
	position:absolute;
	top:50px;
	left:23px;
	width: 100%; /* Defines the size of the visible part of the carousel
		Attention : if you only want to see plain items in the viewport,
		the width of the viewport should take into account of :
		- the items width
		- the right and left padding of items
		- the number of items you want to see in the viewport
	 */
	overflow:hidden; /* Hides extra elements, those outside the viewport area */
}
#viewport ul{
	position: relative; /* Enables positionning of elements inside viewport */
	padding: 0; /* Resets default - User Agent - style */
}
#viewport li{
	position:relative;
	width: 378px; /* Defines the size of inner element */
	height: 190px;
	float: left; /* Places list items side by side*/
	list-style: none; /* Resets default - User Agent - style */
	padding-left:25px;
	border-right:dotted 1px #544b42;
}

/*.tooltip_home {
	display:none;
	z-index:99999;
	background:transparent url(images/home-overlay.png) no-repeat;
	font-size:13px;
	line-height:18px;
	width:352px;
	height:190px;
	padding:25px;
	color:#fff;
	text-align:center;
	cursor:pointer;
}
*/
/*#home a:link {
	color: #FFFFFF;
}
#home a:visited {
	color: #FFFFFF;
}
#home a:hover {
	color: #CCCCCC;
}
#home a:active {
	color: #CCCCCC;
}
*/
#homeText {
	font-family:'DINLight',Arial, Helvetica, sans-serif;
	position:absolute;
	top:278px;
	left:54px;
	font-size:25px;
	width:740px;
	color:#dcd3c9;
	line-height:36px;
	z-index:1;
}


/* ====================== COMPANY PAGE ===================== */

#company #page {
	height:542px;
	background:url(images/bg-company.jpg) no-repeat #333;
	overflow:hidden;
}

#company #grayBar {
	position:absolute;
	top:0;
	left:0;
	background:url(images/bg-company-stripe.png) no-repeat;
	height:542px;
	width:100%;
	padding-left:50px;
}

#companyText {
	position:absolute;
	top:191px;
	left:48px;
	width:440px;
	height:203px;
	font-family:'DINLight',Arial, Helvetica, sans-serif;
	line-height:26px;
	font-size:17px;
	color:#fff;
}

#companyHeadline {
	position:absolute;
	top:150px;
	left:48px;
	width:250px;
	height:30px;
	font-family:'DINLight',Arial, Helvetica, sans-serif;
	font-size:25px;
	color:#fff;
}

/* ====================== CLIENTS PAGE ===================== */

#clients #page {
/*	height:542px; */
	background:url(images/bg-clients.jpg) no-repeat #000;
	overflow:hidden;
}


#clients #grayBar {
	position:absolute;
	top:0;
	left:0;
	background:url(images/bg-clients-stripe.png) no-repeat;
	height:542px;
	width:100%;
	padding-left:50px;
}

#clientsLogos {
	position:absolute;
	top:150px;
	left:48px;
	width:437px;
	height:251px;
	z-index:1000;
}

#logos1 {
	position:absolute;
	top:0;
	left:0;
	width:437px;
	height:251px;
	z-index:2000;
	background:url(images/clients-logos1.png) no-repeat;
	display:none;
}

#logos2 {
	position:absolute;
	top:0;
	left:0;
	width:437px;
	height:251px;
	z-index:3000;
	background:url(images/clients-logos2.png) no-repeat;
	display:none;
}

#logos3 {
	position:absolute;
	top:0;
	left:0;
	width:437px;
	height:251px;
	z-index:4000;
	background:url(images/clients-logos3.png) no-repeat;
	display:none;
}

#clientsHeadline {
	position:absolute;
	top:100px;
	left:48px;
	width:250px;
	height:30px;
	font-family:'DINLight',Arial, Helvetica, sans-serif;
	font-size:25px;
	color:#fff;
}

/* ====================== CMS PAGE ===================== */

#cms #page {
	height:542px;
	background:url(images/bg-cms.jpg) no-repeat #333;
	overflow:hidden;
}

#cms #grayBar {
	position:absolute;
	top:0;
	left:0;
	background:url(images/bg-cms-stripe.png) no-repeat;
	height:542px;
	width:100%;
	padding-left:50px;
}

#cmsHeadline {
	position: absolute;
	top: 100px;
	left: 48px;
	width: 951px;
	height: 30px;
	font-family: 'DINLight',Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #fff;
}

#cmsText {
	position: absolute;
	top: 146px;
	left: 48px;
	width: 890px;
	height: 300px;
	font-family: 'DINLight',Arial, Helvetica, sans-serif;
	line-height: 18px;
	font-size: 14px;
	color: #fff;
}


/* ====================== BIOS PAGE ===================== */
#bios #page {
	height:542px;
	background:url(images/bg-bios.jpg) no-repeat #333;
	overflow:hidden;
}

#bios #grayBar {
	position:absolute;
	top:0;
	left:0;
	background:url(images/bg-bios-stripe.png) no-repeat;
	height:542px;
	width:100%;
	padding-left:50px;
}

#biosHeadline {
	position:absolute;
	top:126px;
	left:48px;
	width:250px;
	height:30px;
	font-family:'DINLight',Arial, Helvetica, sans-serif;
	font-size:25px;
	color:#fff;
}

#biosText {
	position:absolute;
	top:107px;
	left:48px;
	width:201px;
	height:249px;
	padding-top:74px;
	font-family:'DINLight',Arial, Helvetica, sans-serif;
	line-height:24px;
	font-size:17px;
	color:#fff;
	border-right:dotted 1px #544b42;
}

#biosText2 {
	position:absolute;
	top:129px;
	left:289px;
	width:550px;
	height:290px;
	font-family:'DINLight',Arial, Helvetica, sans-serif;
	line-height:18px;
	font-size:14px;
	color:#fff;
}

#btnJohnMurphy {
	position:absolute;
	top:254px;
	left:1px;
	width:205px;
	height:42px;
	display:block;
	background:url(images/btn-bio-john-murphy.png) no-repeat;
	cursor:pointer;
	z-index:2;
}
#btnJohnMurphy:hover {background-position:0 -42px;}

#btnRobbieDavis {
	position:absolute;
	top:182px;
	left:1px;
	width:205px;
	height:42px;
	display:block;
	background:url(images/btn-bio-robbie-davis.png) no-repeat;
	cursor:pointer;
	z-index:2;
}
#btnRobbieDavis:hover {background-position:0 -42px;}

/* ====================== PRODUCTION SERVICES PAGE ===================== */

#production #page {
	height:542px;
	background:url(images/bg-production.jpg) no-repeat #333;
	overflow:hidden;
}

#production #grayBar {
	position:absolute;
	top:0;
	left:0;
	background:url(images/bg-production-stripe.png) no-repeat;
	height:542px;
	width:100%;
	padding-left:50px;
}

#productionText {
	position:absolute;
	top:196px;
	left:84px;
	width:593px;
	height:203px;
	font-family:'DINLight',Arial, Helvetica, sans-serif;
	line-height:34px;
	font-size:17px;
	color:#fff;
}

#productionHeadline {
	position:absolute;
	top:126px;
	left:84px;
	width:442px;
	height:30px;
	font-family:'DINLight',Arial, Helvetica, sans-serif;
	font-size:25px;
	color:#fff;
}

.btnServicesPDF {
	position:absolute;
	display:block;
	left:0px;
	width:414px;
	height:23px;
	line-height:23px;
}
.btnServicesPDF:hover {
	background-position:0 -23px;
}
.btnServicesPDF span {display:none;}
	
#btnVideoServices {
	top:338px;
	background:url(images/btn-video-services.png) no-repeat;
}
#btnVideoServices:hover {
	background-position:0 -23px;
}

#btnAudioServices {
	top:378px;
	background:url(images/btn-audio-services.png) no-repeat;
}
#btnAudioServices:hover {
	background-position:0 -23px;
}

/* ====================== CREATIVE SERVICES PAGE ===================== */

#creative #page {
	height:542px;
	overflow:hidden;
	z-index:1;
	background-color:#333;
}

#creative #grayBar {
	position:absolute;
	top:0;
	left:0;
	background:url(images/bg-creative-stripe.png) no-repeat;
	height:542px;
	width:100%;
	padding-left:50px;
	z-index:3;
}

#serviceImages {
	margin-left:-48px;
	display:block;
	height:5000px; /* MAY NEED TO ADJUST IF MORE CATEGORIES ADDED */
 	width:1900px;
	background:url(images/bg-creative.jpg) no-repeat;
	z-index:2;
}

#CreativeButtons { /* IMPORTANT - IPAD CSS TURNS ON DIFFERENT BUTTON SET!!!! */
	display:block;
}

#CreativeButtonsIPad {
	display:none;
}

#creativeHeadline {
	position:absolute;
	top:126px;
	left:45px;
	width:442px;
	height:30px;
	font-family:'DINLight',Arial, Helvetica, sans-serif;
	font-size:25px;
	color:#fff;
}

.btnCreativeServices {
	position:absolute;
	display:block;
	left:0px;
	height:35px;
	line-height:23px;
}
.btnCreativeServices span {display:none;}

#btnCreativeServices1:hover, #btnCreativeServices2:hover, #btnCreativeServices3:hover, #btnCreativeServices4:hover, #btnCreativeServices5:hover, #btnCreativeServices6:hover {
	background-position:0 -77px;
}

#btnCreativeServices1b:hover, #btnCreativeServices2b:hover, #btnCreativeServices3b:hover, #btnCreativeServices4b:hover, #btnCreativeServices5b:hover, #btnCreativeServices6b:hover {
	background-position:0 -77px;
}
	
#btnCreativeServices1, #btnCreativeServices1b {
	top:195px;
	width:500px;
	background:url(images/btn-creative-services-tv.png) no-repeat;
}

#btnCreativeServices2,#btnCreativeServices2b {
	top:230px;
	width:700px;
	background:url(images/btn-creative-services-dvd.png) no-repeat;
}

#btnCreativeServices3, #btnCreativeServices3b {
	top:265px;
	width:592px;
	background:url(images/btn-creative-services-trailers.png) no-repeat;
}

#btnCreativeServices4, #btnCreativeServices4b {
	top:300px;
	width:542px;
	background:url(images/btn-creative-services-mobile.png) no-repeat;
}

#btnCreativeServices5, #btnCreativeServices5b {
	top:335px;
	width:506px;
	background:url(images/btn-creative-services-web.png) no-repeat;
}

#btnCreativeServices6, #btnCreativeServices6b {
	top:370px;
	width:390px;
	background:url(images/btn-creative-services-radio.png) no-repeat;
}

/* ====================== PORTFOLIO PAGE ===================== */

#work #page {
	padding:21px 30px 30px 41px;
	color:#000;
	font-size: 1.2em;
	background:url(images/bg-work.jpg) no-repeat #333;
	overflow:hidden;
	min-height:491px;
}

#work #page img {
	border:1px solid #fff;
}

#work h1 {
	font-family:'DINLight',Arial, Helvetica, sans-serif;
	font-size:25px;
	font-weight:normal;
	color:#fff;
}

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

#work #page ul li {
	float:left;
	margin:0 40px 40px 0;
	padding:0;
}

/*.jwbox {position:relative; cursor:pointer;}*/
.jwbox { cursor:pointer;}

.jwbox_content {
	font-family:'DINLight',Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:30px;
}


.tooltip {
	display:none;
	background:transparent url(images/black_arrow.png) no-repeat;
	font-size:13px;
	line-height:18px;
	height:231px;
	width:154px;
	padding-top:70px;
	color:#fff;
	margin-top:215px;	
	margin-left:2px;
	z-index:9999;
	text-align:center;
	cursor:pointer;
}

.tooltip p {padding: 0 10px;}


.tooltip_radio {
	display:none;
	background:transparent url(images/black_arrow-horiz.png) no-repeat;
	font-size:13px;
	line-height:18px;
	height:144px;
	width:212px;
	padding:0;
	color:#fff;
	margin-top:82px;	
	margin-left:2px;
	padding-top:22px;
	z-index:9999;
	text-align:center;
	cursor:pointer;
}

.tooltip_radio p {padding: 0 10px;}


/*
.tooltip_horiz {
	display:none;
	background:transparent url(images/black_arrow-horiz.png) no-repeat;
	font-size:13px;
	line-height:18px;
	height:144px;
	width:212px;
	padding:0;
	color:#fff;
	margin-top:6px;	
	margin-left:-38px;
	padding:22px 20px 0 20px;
	z-index:9999;
	text-align:center;
	cursor:pointer;
}*/

.tooltip_horiz {
	display:none;
	background:transparent url(images/black_arrow-horiz.png) no-repeat;
	font-size:13px;
	line-height:18px;
	height:144px;
	width:212px;
	padding:0;
	color:#fff;
	margin-top:82px;	
	margin-left:2px;
	padding-top:22px;
	z-index:9999;
	text-align:center;
	cursor:pointer;
}

.tooltip_horiz p {padding: 0 10px;}






/* ====================== CONTACT PAGE ===================== */
#contact #page {
	height:542px;
	background:url(images/bg-contact.jpg) no-repeat #333;
	overflow:hidden;
}

#contact #grayBar {
	position:absolute;
	top:0;
	left:0;
	background:url(images/bg-contact-stripe.png) no-repeat;
	height:542px;
	width:100%;
	padding-left:50px;
}

#contactHeadline {
	position:absolute;
	top:120px;
	left:48px;
	width:250px;
	height:30px;
	font-family:'DINLight',Arial, Helvetica, sans-serif;
	font-size:25px;
	color:#fff;
}

#contactText {
	position:absolute;
	top:162px;
	left:48px;
	width:247px;
	height:250px;
	font-family:'DINLight',Arial, Helvetica, sans-serif;
	line-height:26px;
	font-size:17px;
	color:#fff;
	border-right:dotted 1px #544b42;
}

.small14 {
	font-size:14px;
}

#contactText a:link {
	color: #fff;
	text-decoration: none;
}
#contactText a:visited {
	text-decoration: none;
	color: #fff;
}
#contactText a:hover {
	text-decoration: none;
	color: #999;
}
#contactText a:active {
	text-decoration: none;
	color: #999;
}
	

#contactForm {
	position:absolute;
	top:168px;
	left:336px;
	width:250px;
	height:260px;
	opacity:0.9;filter:alpha(opacity=90);zoom:1;
}

#btnSubmit {
	width:82px;
	height:19px;
	background:url(images/btn-submit.gif) no-repeat;
	display:block;
	float:right;
}
#btnSubmit:hover {background-position:0 -19px;}
		

#contactForm input {border:0;width:247px;margin-bottom:7px;height:19px;font-family:Arial, Helvetica, sans-serif;font-size:10px;padding-left:6px;color:#000;background-color:#cbcbcb;}

#contactForm textarea {border:0;width:241px;height:100px;margin-bottom:7px;font-family:Arial, Helvetica, sans-serif;font-size:10px;color:#000;background-color:#cbcbcb;padding:6px;}


/* ====================== MAIN NAV ===================== */
	
.navBtn {
	float:right;
	height:79px;
	background-repeat:no-repeat;
	display:block;
}
.navBtn span {display:none;}

#btnHome {
	width:86px;
	background:url(images/btn-home.gif);
}
#btnHome:hover {
	background-position:0 -79px;
}
#home #btnHome {
	background-position:0 -79px;
}

#btnAbout {
	width:96px;
	background:url(images/btn-about.gif);
}
#btnAbout:hover {
	background-position:0 -79px;
}
#company #btnAbout {
	background-position:0 -79px;
}
#clients #btnAbout {
	background-position:0 -79px;
}
#bios #btnAbout {
	background-position:0 -79px;
}

#btnServices {
	width:113px;
	background:url(images/btn-services.gif);
}
#btnServices:hover {
	background-position:0 -79px;
}
#production #btnServices {
	background-position:0 -79px;
}
#creative #btnServices {
	background-position:0 -79px;
}
#cms #btnServices {
	background-position:0 -79px;
}

#btnPortfolio {
	width:125px;
	background:url(images/btn-portfolio.gif);
}
#btnPortfolio:hover {
	background-position:0 -79px;
}
#portfolio #btnPortfolio {
	background-position:0 -79px;
}

#btnContact {
	width:110px;
	background:url(images/btn-contact.gif);
}
#btnContact:hover {
	background-position:0 -79px;
}
#contact #btnContact {
	background-position:0 -79px;
}