@charset "UTF-8";

/* Load Universal Styles */

@import url('universal.css');

body {
	margin: 0px;
}

/* STRUCTURE */

/* Flash Content */

div#flashhead {
	width:100%;
	height:300px;
	background:#f8f8f8 url(../images/bg_flash.png) center top repeat-x;
	text-align:center;
	clear:both;
}
div#flashcontent {
	position:relative;
	width:950px;
	height:300px;
	margin:0px auto;
}



/* Main Content */

div#main_container {
	width:984px;
	padding: 20px 20px 20px 20px;
	margin:0 auto;
	overflow:hidden;
	background:none;
}

div#switcher{
	padding-top:40px;
}
/* Client Modules */

div.client {
	float:left;
	width:276px;
	height:145px;
	padding:10px;
	margin:10px 15px;
	background:#f8f8f8 url(../images/bg_flash.png) 0px 0px no-repeat;
	border:#e1e1e1 1px solid;
	overflow:hidden;
}

div.clientimg {
	width:276px;
	height:100px;
	margin: 0px 0px 10px 0px;
	background:#666;
}

.clientimg img{
	border:none;
}

span.client_title{
	display:block;
	font-size:16px;
	line-height:20px;
	height:20px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	margin:5px 0px 0px 0px;
	color:#666;
	
}
span.client_title_red{
	display:block;
	font-size:16px;
	line-height:20px;
	height:20px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	margin:5px 0px 0px 0px;
	color:#eb2a2e;
	
}

.client_desc{
	display:block;
	font-size:11px;
	font-style:italic;
}

/* Case Study */

h2.ourwork{
	display:block;
	width:170px;
	height:32px;
	margin:0px;
	padding:0px;
	text-indent:-9999px;
	background:url(../images/h2_ourwork.png) 0px 0px no-repeat;
}

h2.ourwork2{
	position:absolute;
	top:105px;
	right:47px;
	display:block;
	width:170px;
	height:32px;
	margin:0px;
	padding:0px;
	text-indent:-9999px;
	background:url(../images/h2_ourwork.png) 0px 0px no-repeat;
}

div#cs_left{
	float:left;
	width:287px;
	padding:40px 20px 20px 20px;
}

div#cs_left p{
	text-align: justify;
	line-height: 18px;
}
div#cs_right{
	position:relative;
	float:right;
	width:637px;
	padding:40px 0px;
	background:url(../images/bg_casestudy.png) 0px 30px no-repeat;
}

/* Jflow */

div#slider_container{
	width:424px;
	height:424px;
	padding:20px;
	border:#e1e1e1 1px solid;
	margin:0 auto;
	background:#f8f8f8 url(../images/bg_flash.png) 0px 0px no-repeat;
	overflow:hidden;
}
#mySlides{
	overflow:hidden;
	width:424px;
	height:424px;
	margin:0px;
	padding:0px;
}

#mySlides img{
	border:#e1e1e1 1px solid;
}
a.view_this{
	position:absolute;
	display:block;
	top:515px;
	left:110px;
	height:22px;
	margin:0px;
	background:#eb2a2e;
	border:#eb2a2e 1px solid;
	color:#FFF;
	font-size:12px;
	line-height:22px;
	padding:0px 10px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
a.view_this:hover{
	background:#9c1213;
	border:#9c1213 1px solid;
	color:#FFF;
	text-decoration:none;
}

div#myController{
	position:absolute;
	top:515px;
	right:110px;
}

#myController span{
display:block;
width:22px;
height:22px;
background:#FFF;
margin-right:5px;
cursor:pointer;
text-align:center;
font-weight:bold;
border:#e1e1e1 1px solid;
line-height:22px;
float:left;
}
#myController span:hover{
border:#eb2a2e 1px solid;
}

#jFlowSlide{
background: url(../images/cnbg.jpg) top left no-repeat;
}

#myController span.jFlowSelected {
color:#FFF;
background:#eb2a2e;
border:#eb2a2e 1px solid;
}


.jFlowPrev, .jFlowNext{
	position:absolute;
cursor:pointer;
width:76px;
height:48px;
}

.jFlowPrev{
	background:url(../images/cs_prev.png) 0px 0px no-repeat;
	top:250px;
	left:10px;
}
.jFlowPrev:hover{
	background:url(../images/cs_prev.png) 0px -53px no-repeat;
}

.jFlowNext{
	background:url(../images/cs_next.png) 0px 0px no-repeat;
	top:250px;
	right:10px;
}
.jFlowNext:hover{
	background:url(../images/cs_next.png) 0px -53px no-repeat;
}
	

/* Misc. */


.getflash{
	position:absolute;
	display:block;
	width:160px;
	height:41px;
	text-indent:-9999px;
	background:url(../images/getflashplayer.jpg) 0px 0px no-repeat;
	top:129px;
	left:395px;
}

/* Show Reel */

div#headline{
	width:984px;
	height:65px;
	margin:0px;
	position:relative;
	border-bottom:#e1e1e1 1px solid;
}

ul#cs_nav, #cs_nav li {
	margin:0px;
	padding:0px;
	list-style:none;
	display:inline;
}
ul#cs_nav {
	position:absolute;
	left:10px;
	bottom:0px;
}
#cs_nav li a {
	display:inline-block;
	min-width: 64px; /* be nice to Opera */
	padding:5px 10px;
	background:#FFF;
	border:#e1e1e1 1px solid;
	border-bottom:none;
	font-size:12px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #999;
	margin-right:2px;
	text-align:center;
}

#cs_nav li a:hover{
	background:#eb2a2e;
	border:#eb2a2e 1px solid;
	border-bottom:none;
	color:#FFF;
	text-decoration:none;
}
	



a.returnhome{
	position:absolute;
	display:block;
	padding:5px 7px;
	background:#FFF;
	border:#e1e1e1 1px solid;
	border-bottom:none;
	font-size:12px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #999;
	bottom:0px;
	left:10px;
}
a.returnhome:hover{
	background:#eb2a2e;
	border:#eb2a2e 1px solid;
	border-bottom:none;
	color:#FFF;
	text-decoration:none;
}
	

h2#h2showreel{
	position:absolute;
	height:33px;
	width:264px;
	display:block;
	margin:0px;
	padding:0px;
	text-indent:-9999px;
	background:url(../images/h2_showreel.png) 0px 0px no-repeat;
	right:27px;
	bottom:10px;
}
	

div#reelcontainer{
	padding:20px 0px;
	width:984px;
	background:url(../images/bg_showreel.png) center 20px no-repeat;
}

div#reelbox{
	width:720px;
	height:405px;
	padding:20px;
	border:#e1e1e1 1px solid;
	margin:0 auto;
	background:#f8f8f8 url(../images/bg_flash.png) 0px 0px no-repeat;
	overflow:hidden;
}

div#reel{
	width:720px;
	height:405px;
	background:#666;
}

div#itunesinfo{
	width:720px;
	margin:0 auto;
	padding:10px;
	font-size:11px
}

span.songinfo{
	width:40px;
	display:inline-block;
}