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

body{
	margin:0;
	padding:0;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
	background:#1c1c1c;
}

iframe { border:none; }

/* - - - Main Styles - - - */

h1{
	color:#fff;
	font-size:26px;
	margin:0;
	padding:0;
	font-weight:normal;
}
h2{
	color:#fff;
	font-size:27px;
	margin:0;
	padding:0 0 0 0;
	font-weight:normal;
}

h3{
	color:#fff;
	font-size:18px;
	margin:10px 0 -5px 0;
	padding:5px 0 0 0;
	font-weight:normal;
}

h4{
	color:#fff;
	font-size:13px;
	margin:8px 0 -6px 0;
	padding:0;
	font-weight:bold;
}
a { color:#fff; text-decoration:none; }
a:hover { color:#CB067A; }
a.current { color:#0A8BC2; }
.content a { border-bottom: dotted 1px #fff; }
.content a:hover { border-bottom: solid 1px #CB067A; }
a img { border:none; }
object { outline:none; }
#content ul, #bodyContentSplitR ul { list-style-image: url(images/pinkBullet.gif); }
#content li, #bodyContentSplitR li { margin: 7px 0 7px 0; }

.mute { color:#444; font-weight:normal; }
.noShow { display:none; }
.floatLeft{
	float:left;
}

.floatRight{
	float:right;
	}
#content img.floatRight { margin: 0 0 5px 10px; }
#content img.floatLeft { margin: 0 10px 5px 0; }

.align-right, .alignRight { text-align:right; }

.clear{
	clear:both;
}

.largeText{
	font-size:18px;
}

/* - - - End of Main Styles - - - */

/* - - - Page Elements - - - */

#container{
	width:932px;
	margin-left:auto;
	margin-right:auto;
}

#header{
	background:#000;
	border-bottom:1px solid #6f7071;
	width:902px;
	height:62px;
	padding: 0 0 0 30px;
}

#logo{	float:right; margin:8px 40px 0 0; }

#logo span{
	display:none;
}

#topLinks{
	position:absolute;
	top:38px;
	z-index:10;
	font-size:11px;
	font-weight:bold;
	width:800px;
}
#topLinks a{display:inline-block; text-decoration:none; padding:0 0 7px 0; margin:0 14px 0 0; font-weight:bold;}
#topLinks a:hover{ text-decoration:none; }
#topLinks a.current {background:url(images/upArrow.gif) no-repeat 50% 100%;  }
#topLinks a.hide { position:absolute; left:-2500px; width:1px;}

#contactDetailsHeader{
	background:url(images/contactBG.gif) no-repeat;
	position:relative;
	float:right;
	width:148px;
	height:54px;
	color:#FFFFFF;
	font-size:11px;
	padding: 8px 0 0 10px;
	letter-spacing:1.1px;
}
#headerTel { font-size: 20px; letter-spacing:0; }

#flash{
	width:933px;
	height:136px;
	background:url(images/header.jpg) no-repeat left bottom #000;
	margin: 0 0 16px 0;
	padding:0 0 0 0;
	border-bottom:1px solid #6f7071;
}

#flashContent{
	z-index:15;
}

#bodyContent{
	width:690px;
	padding:0;
	float:left;
}
#bodyContentFull { width:932px; }
#bodyContentWide{
	width:932px;
	padding:0;
	float:left;
}


#bodyContentWide #content { float:right; width: 683px;  }
#bodyContentFull #content { float:left; width: 932px;  }
#content { float:right; width: 440px;  }

#col-left { float:left; width: 216px;  }

#rPanels{
	float:right;
	width:216px;

}

#bodyContent hr{
	height:0;
	border-top:1px dotted #7acbe9;
}

#bodyContentSplitL{
	float:left;
	border-right:1px dotted #7acbe9;
	border-top:1px dotted #7acbe9;
	width:300px;
	min-height:310px;
	padding:0 20px 0 0;
}

#bodyContentSplitR{
	border-top:1px dotted #7acbe9;
	float:left;
	width:300px;
	padding:0 0 0 25px;
}

#intro { width: 670px; float:left; }

/* HOME PAGE - LATEST PROJECTS */
#latestProjects { background:#000; border:solid 1px #6F7071; padding:10px; margin:0 0 10px 0; float:left; width:912px; }

#latestProjects .flash { width:544px; height:306px; background:url(images/latestProjectsFlashBG.jpg) no-repeat; float:left; margin:0; }

#latestProjectsList { width:350px; float:right; margin:0; }

#latestProjects h3 { margin:0 0 5px 0; padding:1px 0 1px 5px; background:#6f7071; }
#latestProjects h3 em { color:#000; font-style:normal; margin-left:-5px; }


#latestProjects .snippet { padding:8px 8px 8px 130px; margin:0; height:74px; overflow:hidden; float:left; border:solid 1px #000; }
#latestProjects .snippet img { position:relative; left:-125px; float:left; margin-right:-125px; border:solid 1px #fff; width:112px; height:61px; }
#latestProjects .snippet p { font-size:10px; color:#949494; margin:0; padding:0; }
#latestProjects .snippet h4 {  margin:0; padding:0 0 3px 0; line-height:1; position:relative; top:-2px; margin-bottom:-2px; }
#latestProjects .snippet:hover { cursor:pointer; }
#latestProjects .snippet.current { background:#333; border:solid 1px #666; }
#latestProjects .snippet:hover p, 
#latestProjects .snippet.current p { color:#fff;  }
#latestProjects .snippet:hover img, 
#latestProjects .snippet.current img { border-color:#CB067A; }
#latestProjects .snippet:hover h4, 
#latestProjects .snippet.current h4 { color:#CB067A;  }



/* NEXT STEPS PANEL */
#nextSteps { float:right; }
#nextSteps a { border-bottom:none; width:195px; height:45px; display:block;}
#nextSteps #callMe { position:relative; top:-2px; margin-bottom:-2px; }

#callMe a{background:url(images/rPanelCallMe.gif) no-repeat; }
#callMe a:hover{background:url(images/rPanelCallMe.gif) bottom no-repeat; }
#chatlive a{background:url(images/rPanelChatLive.gif) no-repeat; }
#chatlive a:hover{background:url(images/rPanelChatLive.gif) bottom no-repeat; }
#submitBrief a{background:url(images/rPanelSubmitBrief.gif) no-repeat; }
#submitBrief a:hover{background:url(images/rPanelSubmitBrief.gif) bottom no-repeat; }
#requestDemo a{background:url(images/rPanelRequestDemo.gif) no-repeat; }
#requestDemo a:hover{background:url(images/rPanelRequestDemo.gif) bottom no-repeat; }


/* HOME PANEL GROUP PAGE */
#groupPanel { background:url(images/groupPanelBG.jpg) no-repeat; width:460px; height:167px; overflow:hidden; float:right; }
#groupPanel h3 { padding:0 0 0 0; color:#fff; width:222px; float:left;}
#groupPanel .inner { padding:0 5px 0 15px; }
#groupPanel p { width:222px; float:left; padding:5px 0 0 0; clear:left; }
#groupPanel a { border-bottom:none;  }
#groupPanel a.floatRight {  }
#groupPanel img {  }

#groupLinks { width:209px; float:right; text-align:right; overflow:hidden; }
#groupLinks a { margin:0; padding:0; }
#groupLinks img { margin:0; padding:0; border:none; }
#groupLinks a:hover img { position:relative; top:-1px; }


/* NEWS PANELS */
#newsPanel { background:url(images/newsPanelBG.jpg) no-repeat; width:455px; height:167px; overflow:hidden; float:left; margin-bottom:22px;}
#newsPanel .inner { padding:0 15px; }
#newsPanel h3 { color:#000; padding:0; }
#newsPanel h3 em { color:#fff; font-style:normal; }
#newsPanel h4 { padding:5px 0; }
#newsPanel h4 a { border: none; color:#fff; }
#newsPanel p { padding:0; }
#newsPanel .snippet:hover { cursor:pointer; }
#newsPanel .snippet:hover a { color:#CB067A;  }

/* LOGOS PANELS */
#logosPanel { background:url(images/logosPanelBG.jpg) no-repeat; width:455px; height:167px; overflow:hidden; float:left;margin-right:22px;margin-bottom:22px;}
#logosPanel .inner { padding:0 25px; }
#logosPanel h3 { color:#000; padding:0; }
#logosPanel h3 em { color:#fff; font-style:normal; }
#logosPanel #flashScroller{margin-top:20px;}

/* PAGES - SUBNAV */
#subNav { padding:0 0 10px 0; }
#subNav ul { list-style:none; padding:0; margin:0; }
#subNav li { list-style:none; padding:0; margin:0 0 5px 0; }
#subNav a { line-height:1; padding:10px 5px 0 30px; width:184px; height:59px; display:block; font-size:17px; border:none; background:url(images/subNavItemBG.jpg) no-repeat; }
#subNav h3 { display:none; }


.latestBox{
	width:402px;
	background:url(images/botBoxTopAWide.gif) no-repeat;
	background-position:0 0;
	padding:6px 9px 5px 9px;
	margin-top:10px;
	color:#6F7071;
	cursor:pointer;
}
.latestBox h4 { margin: 0 0 4px 0; }
.latestBox a { border: none; color:#fff; }
.latestBox img { float:right; margin: 5px 0 5px 10px; }
.latestBox p { margin: 3px 0 0 0; }
.latestBox:hover { cursor:pointer; color:#fff; background-position:0 -320px;}
.latestBox h4 a { text-decoration:none; color:#fff;}
.latestBox:hover h4 a { color:#fff; text-decoration:none;}
.latestBox img{
	float:right;
	margin-left:16px;
	display:inline-block;
}
.latestBoxBot{
	width:420px;
	height:5px;
	background:url(images/botBoxBotWide.gif) no-repeat;
	display:none;
}

.rPanel{
	width:195px;
	padding:8px 11px 5px 10px;
	background:#000;
	border:1px solid #6f7071;
	margin:0 0 10px 0;
}
.rPanelBot { display:none; }
.rPanel h3 { margin: 0 0 3px 0; }

.panel {
	width:216px;
}
.panel .inner { padding:0; }
.panel h3 { padding:0 0 0 0; margin: 0 0 0 0; }
.panel h4 {  padding-top:5px; }
.panel h4 a {  border:none; }
.panel a {font-weight:bold; }
.panel a:hover {  }
.panel ul {list-style:none;margin:0;padding:0;list-style-type:none;  }
.panel li { margin:0; padding:0; list-style:none; list-style-type:none; }
.panel li a {text-decoration:none; padding:5px 0 5px 14px; display:block; background:url(images/menuMarker.gif) no-repeat 0; font-weight:normal; border-color:#20252e; margin:0; width:182px;}
.panel li a:hover {  }
.panel li a.current { }


.sectionButton { display:block; line-height:18px; width:136px; height:61px; font-size:18px; background:url(images/sectionButton1.jpg) no-repeat; padding: 10px 70px 0 10px; margin: 14px 0 0 0; color:#20252e;}
.sectionButton:hover { color:#00aeef; }

#sectionButton2 { background-image:url(images/sectionButton2.jpg); }
#sectionButton3 { background-image:url(images/sectionButton3.jpg); }

.rPanelBot{
	width:216px;
	height:7px;
	background:url(images/rPanelBot.gif) no-repeat;
	margin-bottom:17px;
}

#rPanels hr {
	height:0;
	border-top:1px solid #fff;
	clear:both;
}

#footer1{
	clear:both;
	width:932px;
	background:#20252e;
	border-top:20px solid #1C1C1C;
	display:inline-block;
	color:#FFFFFF;
	padding:18px 0;
}

.footColumn{
	width:217px;
	float:left;
	padding-left:14px;
	margin:0;
	display:inline-block;
}
.footColumn h4 {background:url(images/footerBullet.gif) no-repeat 0 6px; padding: 0 0 0 14px; font-size:15px; margin:0 0 8px 0; }
.footColumn h4 a { border-bottom:dotted 1px #fff; display:block; padding: 0 0 0 0; }
.footColumn ul{
	margin:0;
	list-style:none;
	padding:0 0 0 14px;
	font-size:12px;
}


#footer2{
	clear:both;
	background:#000;
	width:904px;
	padding:8px 14px 8px 14px;
}
#footer2 p { margin:0; padding:4px 0; }
#footer2 a { font-weight:bold;}


/* - - - Homepage Panels - - - */


.panelHeader{
	color:#00334f;
	font-size:18px;
	margin:0;
	padding:0;
	font-weight:normal;
}

.homePanel{
	width:197px;
	height:229px;
	padding:10px 10px 0 10px;
	margin:0 21px 23px 0;
	float:left;
	background-image:url(images/homePanel1.jpg);
	background-repeat:no-repeat;
	background-position:top;
	display:inline-block;
	color:#fff;
	text-decoration:none;
}
.homePanel.last { margin-right:0; }
.homePanel:hover{ cursor:pointer;}
.homePanel:hover p { color:#CB067A; }
.homePanel:hover h3 { font-weight:normal;  }
.homePanel h3 { padding:5px; margin:0 0 8px 0; line-height:1; border:solid 1px transparent; }
.homePanel h3 a { color:#000; text-decoration:none; border-bottom:none; }
.homePanel h3 a:hover { border-bottom:none; }
.homePanel h3 em { color:#fff; font-style:normal; }
.homePanel p { padding: 0 5px; line-height:1.6em; }
#homePanel1 {background-image:url(images/panelCorpVideo.jpg);}
#homePanel2 {background-image:url(images/panelAniVideo.jpg);}
#homePanel3 {background-image:url(images/panelWebVideo.jpg);}
#homePanel4 {background-image:url(images/panelInterviews.jpg);}
#homePanel1 h3 {background-image:url(images/panelCorpVideoTitle.jpg);}
#homePanel2 h3 {background-image:url(images/panelAniVideoTitle.jpg);}
#homePanel3 h3 {background-image:url(images/panelWebVideoTitle.jpg);}
#homePanel4 h3 {background-image:url(images/panelInterviewsTitle.jpg);}


/* - - - End of Homepage Panels - - - */

/* CASE STUDY PANELS */
.caseStudy { padding:5px 10px; width:197px; height:401px; float:left; background:url(images/caseStudyBG.jpg) no-repeat; overflow:hidden; margin:0 16px 8px 0; background-position:top left; color:#6F7071; }
.caseStudy.last { margin-right:0; }
.caseStudy img { border:solid 1px #000; width:199px; }
.caseStudy:hover { background-position:bottom left; cursor:pointer; color:#fff; }
.caseStudy:hover p {  }
.caseStudy:hover img { border-color:#fff; }
.caseStudy:hover h3 { color:#CB067A; }
.caseStudy h3 { padding:10px 5px 10px 5px; margin:0; font-size:16px; }


/* CASE STUDY PAGE */
#casestudies #container { background:#000; }
#casestudies #footer1 { border-top-color:#000; }

/* WHY USE US PAGE */
#why-use-us #container { background:#000; }
#why-use-us #footer1 { border-top-color:#000; }
#why-use-us #content { text-align:center; }


/* TESTIMONIALS */
.testimonial { margin:10px 0 0 0; width:416px; padding:14px 0 6px 0; background:url(images/bubble-top.gif) no-repeat; }
.testimonial .middle { background:url(images/bubble-middle.gif) repeat-y; padding:0 16px; }
.testimonial .bottom { background:url(images/bubble-bottom.gif) no-repeat; height:57px; }
.testimonial .quotee { font-weight:bold; color:#00AEEF; }



/* Forms */
form { margin: 10px 0 10px 0; padding: 15px 10px 5px 10px; background:#000; width:400px; overflow:hidden; border:solid 1px; border-color:#6F7071 #000 #6F7071 #000; }
p.legend { margin: 1em; }
p.legend em { color: #C00; font-style: normal; }
form p { margin: 0; }
form p.note { margin: 0 0 0 120px; font-size: 90%; color: #333; }
form fieldset { margin: 10px 0; padding: 10px; border: #DDD 1px solid; }
form legend { font-weight: bold; color: #888888; }
form div { padding: 2px 10px;  }
form div:after { display:block; visibility:hidden; clear:both; height:0; content: "."; }
form fieldset div { padding: 2px 0; }
label, span.label { margin-right: 10px; padding-right: 10px; width: 100px; display: block; float: left; text-align: right; position: relative; }
label em, span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }
textarea { width:240px; }
input:focus,textarea:focus { background-color: #F0F9FD; border-color: #00AEEF; }
div.controlset label, div.controlset input { display: inline; float: none; }
div.controlset div { margin-left: 120px; }
div.buttonrow { padding-left: 130px; }
div.errors { padding: 10px 50px 0 50px; background: #c6d8de; margin: 0 0 20px 0; border: solid 1px #416b89; }
div.errors li { color: #C00; font-style: normal; font-size: 12px; line-height: 1.4em; }
div.info { padding: 5px 15px 0 15px; background: #c6d8de; margin: 8px 0 8px 0; border: solid 1px #416b89; }
input.long { width: 200px; }

/* NEWS PAGE */
#newsDate { color:#00aeef; font-size:14px; margin:5px 0 -5px 0; }
#newsArchive { margin:5px 0 0 0; }
ul#newsArchive, ul#newsArchive ul { list-style-image:none; }
#newsArchive li { font-weight:bold; }
#newsArchive a { border:none;  }
#newsArchive a:hover { border:none; }
#newsArchive span.mute { display:block; }

/* NEWS Menu PANEL */
.newsMenuPanel{width:219px; min-height:300px; float:left; background:url(images/newsmenuPanelBG.jpg);no-repeat; overflow:hidden; margin:0 16px 8px 0; background-position:top left; color:#6F7071;}
.newsMenuPanel .inner {padding:13px 0 0 16px; }
.newsMenuPanel h3{ color:#000;padding:0;margin:0;}
.newsMenuPanel h3 em { color:#fff; font-style:normal;padding:0;margin:0; }
.newsMenuPanel ul { padding:10px;margin-top:10px; }



#map { width:400px; height:300px; border:none; margin: 10px 0 10px 0; }
#map a { border:none; }

/* clearfix */
.clearfix:after { display:block; visibility:hidden; clear:both; height:0; content: "."; }