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

body {
	margin: 0px;
	background:#000 url(../images/bg.png) no-repeat top center;
	font-family:Arial, Helvetica, sans-serif;
	color:#787878;
	font-size:12px;
}

body.form_popup {
	background:#000;
}

fieldset {
	border:1px solid #333;
}

legend {
	font-size:22px;
	font-weight:normal;
	color:#e80f57;
	text-transform:uppercase;
}

input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	color:#787878;
	font-size:11px;
	background:#111;
	border:solid 1px #222;
	width:100%;
	padding:4px;
}

input[type=submit] {
	width:120px;
	font-size:11px;
	text-transform:uppercase;
	cursor:pointer;
	background:#e80f57;
	color:#fff;
}

input[type=submit]:hover {
	background:#e80f57;
	color:#fff;
}

th {
	color:#ccc;
	font-size:11px;
	text-align:right;
	vertical-align:top;
	padding-top:2px;
}

td {
	padding-bottom:5px;
	vertical-align:top;
}

.cufon-loading { 
	visibility: hidden !important;
}

.hide {
	visibility:hidden !important;
	display:none;
}

a {
	color:#e80f57;
	text-decoration:none;
	outline:none;
}

a:active {
	outline:none;
}

a:hover {
	text-decoration:underline;
}

a.active {
	text-decoration:underline;
}

a img {
	border:0;
	outline:none;
}

hr {
	border:0;
	height:30px;
	clear:both;
	background:url(../images/postsep.png) no-repeat 0 10px;
	margin-bottom:-24px;
	margin-top:6px;
}

#container {
	width:940px;
	margin:0 auto;
}

#inner {
	width:100%;
	float:left;
	position:relative;
}

#left_col {
	width:212px;
	float:left;
	padding-left:15px;
}

#right_col {
	width:674px;
	float:left;
	padding-left:24px;
}

#logo {
	float:left;
	width:212px;
	height:145px;
}

#menu {
	float:left;
	font-size:25px;
	text-transform:uppercase;
	padding-bottom:30px;
}

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

ul#accordion li.normal {
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	display:block;
}

#menu li a {
	display:block;
	padding-left:2px;
	width:210px;
	padding-top:3px;
	padding-bottom:1px;
	height:22px;
	margin-bottom:1px;
}

#menu li a:hover, #menu li a.active {
	background:#E80F57;
	color:#fff;
	text-decoration:none;
}

#menu ul#sub_menu {
	margin:0;
	padding:0;
	list-style:none;
	font-size:12px;
}

#menu ul#sub_menu li a {
	display:block;
	padding-left:10px;
	width:202px;
	padding-top:1px;
	padding-bottom:0;
	height:16px;
	margin-bottom:0px;
}

#menu ul#sub_menu li a:hover, #menu ul#sub_menu li a.active {
	background:#E80F57;
	color:#fff;
	text-decoration:none;
}

.side_button {
	width:212px;
	height:68px;
	background:url(../images/side_button.png) no-repeat;
	float:left;
	clear:both;
	margin-top:15px;
	position:relative;
}

.side_button h3 {
	font-size:18px;
	color:#e80f57;
	font-weight:normal;
	margin:0;
	position:absolute;
	left:8px;
	top:12px;
	text-transform:uppercase;
}

.side_button a {
	font-size:12px;
	color:#999999;
	font-weight:normal;
	margin:0;
	position:absolute;
	left:32px;
	bottom:10px;
}

.side_button a:hover {
	color:#ccc;
	text-decoration:none;
}

#left_col h2 {
	font-size:22px;
	font-weight:normal;
	color:#e80f57;
	margin-top:18px;
	margin-bottom:10px;
	clear:both;
	text-transform:uppercase;
}

#latest_news {
	float:left;
	clear:both;
	margin-top:12px;
	width:212px;
}

.story {
	background:url(../images/dotted.png) repeat-x bottom;
	padding-bottom:12px;
	padding-top:6px;
	width:212px;
}

a.storytitle {
	color:#fff;
}

.date {
	font-size:9px;
	color:#bcbcbc;
	padding:4px 0px;
}

.teaser {
	font-size:11px;
	color:#7f7f7f;
	line-height:12px;
	padding-bottom:4px;
}

a.more {
	font-size:11px;
	font-weight:normal;
	text-decoration:underline;
}

a:hover.more {
	text-decoration:none;
}

#banner {
	float:left;
	margin-top:74px;
	width:674px;
	height:395px;
	background:url(../images/video_bg.png) no-repeat;
	overflow:hidden;
	clear:both;
	position:relative;
}

#case_studies {
	margin-top:15px;
}

#making_of {
	margin-top:15px;
}

.slider {
	width:674px;
	height:165px;
	background:url(../images/slider_bg.png) no-repeat;
	overflow:hidden;
	float:left;
	clear:both;
	position:relative;
}

.slider .title, .banner .title {
	position:absolute;
	bottom:6px;
	left:12px;
}

.slider h2, .banner h2 {
	margin:0;
	text-transform:uppercase;
	font-size:18px;
	color:#454545;
}

#content {
	clear:both;
	float:left;
	width:100%;
}

.nobanner, .blog {
	margin-top:130px;
}

#content h1 {
	font-size:32px;
	font-weight:normal;
	color:#e80f57;
	margin-top:18px;
	margin-bottom:10px;
	clear:both;
	text-transform:uppercase;
}

#content h1.service {
	font-size:32px;
	background:url(../images/service_title_bg.png) no-repeat bottom;
	padding-bottom:21px;
	margin-bottom:0;
}

#content h2 {
	font-size:14px;
	font-weight:normal;
	color:#e80f57;
	margin:0;
}

#content h2.service {
	font-size:18px;
	text-transform:uppercase;
	margin-bottom:6px;
	margin-top:24px;
}

#content h3 {
	font-size:14px;
	color:#cacaca;
	font-weight:normal;
	margin:0;
	margin-bottom:12px;
}

#content p {
	margin-top:0;
	color:#787878;
	text-align:justify;
	line-height:18px;
}

#case_studies {
	clear:both;
}

#case_studies .box {
	background:url(../images/case_study_bg.png) no-repeat;
	width:214px;
	height:155px;
	position:relative;
	float:left;
	margin-bottom:16px;
}

#case_studies .box img {
	position:absolute;
	left:15px;
	top:15px;
}

#case_studies .box .link {
	position:absolute;
	left:26px;
	bottom:5px;
}

#case_studies .box .link a {
	color:#999;
}

#case_studies .box .link a:hover {
	text-decoration:none;
	color:#fff;
}

#case_studies .box_spacer {
	width:16px;
	height:16px;
	float:left;
}

#featured_images, .featured_image {
	float:right;
	width:214px;
	position:relative;
	padding-left:22px;
}

.featured_image {
	 margin-top:-22px;
}

#featured_images .box, .featured_image .box {
	background:url(../images/case_study_bg.png) no-repeat;
	width:214px;
	height:155px;
	position:relative;
	float:left;
}

#featured_images .box img, .featured_image .box img {
	position:absolute;
	left:15px;
	top:15px;
}

#featured_images .box .link, .featured_image .box .link {
	position:absolute;
	left:26px;
	bottom:5px;
}

#featured_images .box .link a, .featured_image .box .link a {
	color:#999;
}

#featured_images .box .link a:hover, .featured_image .box .link a:hover {
	text-decoration:none;
	color:#fff;
}

#featured_images .box_spacer {
	width:16px;
	height:16px;
	float:left;
}

#footer {
	background: url(../images/footer_bg.png) repeat-x;
	height:257px;
	width:100%;
	float:left;
	clear:both;
	margin-top:25px;
}

#footer_inner {
	width:940px;
	background:url(../images/footer.png) no-repeat top;
	margin:0 auto;
	height:237px;
	font-size:11px;
	color:#838383;
	padding-top:20px;
}

#footer h2 {
	font-size:22px;
	color:#e80f57;
	margin:0;
	margin-bottom:8px;
}

#footer ul {
	float:left;
	width:50%;
	display:block;
	margin:0;
	padding:0;
	list-style:none;
}

#footer li {
	float:left;
	margin:0;
	padding:0;
	list-style:none;
}

#footer li a {
	display:block;
	width:140px;
	color:#999;
}

#footer li.sub a {
	font-size:10px;
	color:#666;
}

#footer .col1 {
	width:280px;
	float:left;
	padding-left:15px;
}

#footer .col2 {
	width:312px;
	float:left;
	padding-left:47px;
	visibility:hidden;
}

#footer .col3 {
	width:211px;
	float:left;
	padding-left:45px;
	font-size:11px;
	color:#666;
}

#footer .col3 b, #footer .col3 a {
	color:#ccc;
}

.case_study {
	padding-top:11px;
	width:176px;
	float:left;
	padding-right:7px;
	padding-left:5px;
}

.case_study img, .case_study a {
	clear:both;
}

a.arrow {
	color:#999999;
	display:block;
	background:url(../images/arrow.png) no-repeat left 10px;
	padding-left:12px;
	height:20px;
	padding-top:7px;
}

.image_carousel {
	padding: 15px 0 15px 56px;
	position: relative;
}
.image_carousel img {
	border: 0px solid #ccc;
	padding: 0px;
	margin: 0x;
	display: block;
	float: left;
}
a.prev, a.next {
	background: url(../images/slider_arrows.png) no-repeat transparent;
	width: 26px;
	height: 33px;
	display: block;
	position: absolute;
	top: 55px;
}
a.prev {			left: 24px;
					background-position: -26px 0; }
a.prev:hover {		background-position: 0px 0px; }
a.next {			right: 24px;
					background-position: -26px -33px; }
a.next:hover {		background-position: 0px -33px; }

a.prev span, a.next span {
	display: none;
}
.clearfix {
	float: none;
	clear: both;
}