@charset "UTF-8";
body {
	background-color: #252525;
	margin: 0px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
}
a  img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#header {
	background-image: url(../Images/Common/mediaworks-trust.jpg);
	background-repeat: no-repeat;
	height: 190px;
	width: 1117px;
	float: left;
	background-position: 0px -14px;
}
#header  a img.logo {
	float: left;
	margin-left: 80px;
	margin-top: 0px;
}
.nav {
	width: 974px;
	float: left;
	background-color: #FFF;
	margin-left: 61px;
	padding: 10px;
	font-size: 14px;
}
.nav   ul {
	float: left;
	width: 900px;
	margin: 0px;
	list-style-type: none;
	padding: 0px;
}
.nav  li {
	float: left;
	margin-right: 8px;
	padding: 0px;
	background-image: url(../Images/Common/menuDots.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 8px;
}
.nav   a {
	color: #000000;
	text-decoration: none;
}
.nav    a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #00CCFF;
}
.subnav {
	width: 974px;
	float: left;
	background-color: #0099FF;
	margin-left: 61px;
	padding: 10px;
	font-size: 14px;
	background-image: url(../Images/Common/subnav.gif);
}
.subnav    ul {
	float: left;
	width: 900px;
	margin: 0px;
	list-style-type: none;
	padding: 0px;
}
.subnav   li {
	float: left;
	margin-right: 8px;
	padding: 0px;
	background-image: url(../Images/Common/submenuDots.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 8px;
}
.subnav     a {
	color: #FFF;
	text-decoration: none;
}
.subnav     a:hover {
	color: #0099FF;
	text-decoration: none;
	background-color: #FFFFFF;
}
.blue  {
	color: #239ED2;
	text-decoration: none;
}
#wrap {
	width: 1117px;
	margin-left: auto;
	margin-right: auto;
}
#main {
	width: 994px;
	float: left;
	background-color: #000000;
	margin-left: 61px;
	padding: 0px;
	padding-top: 25px;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
#topLinks {
	float: right;
	width: 320px;
	color: #FFF;
	font-size: 11px;
	margin-top: 10px;
}
#topLinks a {
	color: #F40088;
	text-decoration: none;
}
#topLinks  a.facebook {
	color: #00CCFF;
}
.leftColumn {
	float: left;
	width: 206px;
	margin-left: 0px;
	margin-bottom: 20px;
	color: #FFF;
	margin-right: 20px;
}
.leftColumn {
	float: left;
	width: 206px;
	margin-left: 0px;
	margin-bottom: 20px;
	color: #FFF;
	margin-right: 20px;
}
.leftColumn p {
	font-size: 11px;
	margin-top: 8px;
}
.leftColumn  a {
	font-size: 11px;
	margin-top: 8px;
	color: #DD2461;
	text-decoration: none;
}
.leftColumn h2 {
	margin-bottom: 6px;
	color: #FFF;
	background-image: url(../Images/Common/star.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	text-transform: uppercase;
	font-size: 11px;
	padding-left: 15px;
	margin-top: 0px;
	font-weight: normal;
}
.leftColumn  h2 a {
	color: #FFF;
	text-decoration: none;
}
.leftColumn #galleryLink {
	margin-bottom: 10px;
	color: #FFF;
}
.leftColumn  #screenPlay {
	float: left;
	margin-bottom: 8px;
}
.leftColumnWide {
	float: left;
	width: 670px;
	margin-left: 30px;
	margin-bottom: 20px;
	color: #FFF;
}
.leftColumnWide .content p {
	font-size: 12px;
	margin-bottom: 6px;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	line-height: 16px;
}
.leftColumnWide   .content a  {
	color: #FFFFFF;
	text-decoration: none;
}
.leftColumnWide  .content  ul {
	font-size: 12px;
	margin-bottom: 6px;
	margin-top: 10px;
	margin-left: 20px;
	margin-right: 10px;
	padding: 0;
}
.leftColumnWide   .content   li {
	font-size: 12px;
	margin-bottom: 6px;
	margin-right: 0px;
	margin-left: 0px;
	list-style-type: none;
	background-image: url(../Images/Common/list-arrow.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	padding-left: 20px;
	line-height: 16px;
}
.leftColumnWide   #projects  {
	width: 650px;
}
.leftColumnWide  #projects h1 {
	background-image: url(none);
	margin-top: 0px;
	color: #FFFFFF;
	font-size: 24px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	text-transform: uppercase;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
.leftColumnWide   #projects  h2 {
	background-image: url(none);
	margin-top: 0px;
	color: #DB2460;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 18px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	text-transform: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	height: 20px;
}
.leftColumnWide    #projects   p {
	margin-top: 0px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	padding-left: 0px;
	padding-top: 0px;
	margin-bottom: 10px;
	line-height: 16px;
}
.leftColumnWide     #projects    a {
	color: #FFF;
}
.leftColumnWide     #projects    ul {
	margin-top: 0px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	padding-left: 0px;
	padding-top: 0px;
	margin-bottom: 10px;
	line-height: 16px;
}
.leftColumnWide   #projects   ul {
	font-size: 12px;
	margin-bottom: 6px;
	margin-top: 10px;
	margin-left: 5px;
	margin-right: 10px;
	padding: 0;
}
.leftColumnWide    #projects    li {
	font-size: 12px;
	margin-bottom: 6px;
	margin-right: 0px;
	margin-left: 0px;
	list-style-type: none;
	background-image: url(../Images/Common/list-arrow.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	padding-left: 20px;
	line-height: 16px;
}
.leftColumnWide   #projects  img.banner {
	background-image: url(none);
	color: #CCCCCC;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.leftColumnWide   .content   h2 {
	font-size: 18px;
	margin-bottom: 6px;
	margin-top: 20px;
	margin-left: 10px;
	margin-right: 10px;
	text-transform: uppercase;
	padding-bottom: 6px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
}
.leftColumnWide .content {
	width: 439px;
	background-position: 0 37px;
	padding-bottom: 20px;
	background-color: #2c2c2c;
	float: left;
}
.leftColumnWide  .content h1 {
	background-image: url(../Images/Common/header-back.gif);
	margin-top: 0px;
	color: #FFF;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 18px;
	padding-left: 6px;
	padding-top: 10px;
	padding-bottom: 25px;
	background-position: bottom left;
	margin-bottom: 10px;
	text-transform: uppercase;
	height: 20px;
}
.rightColumn {
	float: right;
	width: 247px;
	margin-right: 30px;
}
.rightColumn img {
	margin-top: 11px;
}
.rightColumn  a img {
	border: 0;
}
.projectList              {
	margin-top: 15px;
	padding-left: 0px;
	padding-top: 0px;
	color: #FFF;
	margin-left: 0px;
	list-style-type: none;
}
.projectList a              {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color: #FFF;
	text-decoration: none;
}
.projectList  a:hover              {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	text-decoration: none;
	background-color: #00FFFF;
	color: #333333;
}
.projectList        li      {
	margin-top: 0px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	padding-left: 0px;
	padding-top: 0px;
	margin-bottom: 4px;
	color: #FFF;
	margin-left: 0px;
	list-style-type: none;
	padding-bottom: 4px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
}
.projectList         p      {
	font-size: 12px;
	color: #FFF;
	border-bottom-width: 1px;
	border-bottom-color: #FFFFFF;
	line-height: 16px;
}
.video {
	margin-bottom: 20px;
	text-align: center;
	padding: 20px;
	background-color: #1d1d1d;
}
.pinkHeaderBox {
	background-image: url(../Images/Common/pink-rectangle.gif);
	width: 231px;
	padding-top: 40px;
	padding-bottom: 10px;
	padding-left: 8px;
	padding-right: 8px;
}
.pinkHeaderBox h2 {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	text-transform: uppercase;
	color: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 6px;
	font-size: 18px;
}
.pinkHeaderBox  p {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color: #FFFFFF;
	margin-top: 6px;
	margin-bottom: 0px;
	font-size: 12px;
}
.arrowtab {
	background-image: url(../Images/Home/Studio-Space.jpg);
	height: 149px;
	width: 380px;
	color: #FFF;
}
.arrowtab h2 {
	margin-left: 10px;
	width: 120px;
	font-size: 15px;
	text-transform: uppercase;
	margin-bottom: 5px;
	padding-top: 50px;
	margin-top: 0px;
}
.arrowtab  p {
	margin-left: 10px;
	width: 120px;
	font-size: 12px;
	margin-top: 6px;
}
.arrowtab   a {
	color: #FFF;
	text-decoration: none;
}
.floatright {
	float: right;
	margin-right: 20px;
}
#footer {
	float: left;
	width: 935px;
	margin-left: 30px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333333;
	padding-top: 10px;
	color: #666666;
	font-size: 11px;
	margin-top: 8px;
}
#footer a {
	color: #666666;
	text-decoration: none;
}
#projects  .share {
	width: 194px;
	float: right;
	margin-left: 20px;
	clear: right;
	color: #FFFFFF;
	margin-top: 8px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999999;
	padding-top: 5px;
	margin-bottom: 10px;
}
#projects   .share a {
	color: #FFFFFF;
	text-align: right;
	font-size: 11px;
	text-decoration: none;
}
#projects .blueBox {
	background-image: url(../Images/Common/BlueBox.gif);
	padding: 10px;
	width: 174px;
	color: #FFF;
	float: right;
	margin-left: 20px;
}
#projects    .blueBox h2 {
	color: #FFF;
	margin-bottom: 8px;
	height: 14px;
	border-bottom-color: #FFFFFF;
}
#projects     .blueBox  a {
	color: #FFF;
	text-decoration: none;
}
#projects        .blueBox     a:hover  {
	text-decoration: none;
}
.currentProject {
	margin-bottom: 10px;
	padding-bottom: 6px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	float: left;
	width: 650px;
}
.currentProject  p {
	font-size: 12px;
	margin-top: 8px;
	margin-bottom: 6px;
	line-height: 16px;
	float: left;
	width: 300px;
	background-image: url(../Images/Common/blue_Arrow.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	padding-left: 15px;
}
.currentProject    span.link {
	margin-top: 6px;
	margin-bottom: 6px;
	padding: 2px;
	float: right;
}
.currentProject     span.link a {
	font-size: 11px;
	margin-top: 6px;
	background-color: #DC2460;
	color: #FFFFFF;
	text-decoration: none;
	padding: 2px;
	margin-right: 0px;
}
#galleryWrap {
	float: left;
	width: 650px;
}
#galleryWrap h1 {
	font-size: 24px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	margin-bottom: 10px;
	text-transform: uppercase;
	width: 630px;
}
#galleryWrap  a img {
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 0px;
	margin-top: 0px;
}
#galleryWrap ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#galleryWrap  ul li {
	float: left;
	margin: 0px;
	padding: 0px;
}
.pastProject  {
	font-size: 14px;
	width: 305px;
	padding: 9px;
	background-color: #1d1d1d;
	float: left;
	margin-right: 12px;
	margin-bottom: 12px;
}
.pastProject   img {
	float: right;
	padding: 1px;
	border: 1px solid #999999;
}
.pastProject h2 {
	font-size: 14px;
	margin: 0;
	color: #fb296e;
	width: 172px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.pastProject  p {
	font-size: 11px;
	width: 172px;
	margin-top: 10px;
	line-height: 14px;
}
.pastProject   .projectLink {
	font-size: 11px;
	width: 305px;
	line-height: 14px;
	padding-top: 8px;
	float: left;
}
.pastProject    .projectLink a {
	font-size: 11px;
	padding-top: 3px;
	float: right;
	background-color: #000000;
	background-image: url(../Images/Common/white-arrow-small.gif);
	background-repeat: no-repeat;
	background-position: 4px 6px;
	padding-right: 6px;
	padding-bottom: 3px;
	padding-left: 20px;
	color: #FFF;
	text-decoration: none;
}
.noMargin  {
	margin-right: 0px;
}
.dot-h1  {
	font-size: 24px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	margin-bottom: 20px;
	text-transform: uppercase;
	width: 660px;
	padding-bottom: 10px;
}
.leftColumnWide #projects .projectLinks  {
	background-image: url(none);
	margin-top: 0px;
	color: #FFFFFF;
	font-size: 11px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	text-align: right;
}
.leftColumnWide #projects .projectLinks a    {
	text-decoration: none;
	color: #fb296e;
}