/* ----------------------------------------------
	Template Name : 88Four
	Version : 1.0
 ------------------------------------------------ */

/* Font Definition */
@font-face {
	font-family: 'CartoGothicStdBook';
	src: url('CartoGothicStd-Book.eot');
	src: local('CartoGothic Std Book'), local('CartoGothicStd-Book'), url('CartoGothicStd-Book.woff') format('woff'), url('CartoGothicStd-Book.otf') format('opentype'), url('CartoGothicStd-Book.svg#CartoGothicStd-Book') format('svg');
}

@font-face {
	font-family: 'CartoGothicStdItalic';
	src: url('CartoGothicStd-Italic.eot');
	src: local('CartoGothic Std Italic'), local('CartoGothicStd-Italic'), url('CartoGothicStd-Italic.woff') format('woff'), url('CartoGothicStd-Italic.otf') format('opentype'), url('CartoGothicStd-Italic.svg#CartoGothicStd-Italic') format('svg');
}

@font-face {
	font-family: 'CartoGothicStdBold';
	src: url('CartoGothicStd-Bold.eot');
	src: local('CartoGothic Std Bold'), local('CartoGothicStd-Bold'), url('CartoGothicStd-Bold.woff') format('woff'), url('CartoGothicStd-Bold.otf') format('opentype'), url('CartoGothicStd-Bold.svg#CartoGothicStd-Bold') format('svg');
}

@font-face {
	font-family: 'CartoGothicStdBoldItalic';
	src: url('CartoGothicStd-BoldItalic.eot');
	src: local('CartoGothic Std Bold Italic'), local('CartoGothicStd-BoldItalic'), url('CartoGothicStd-BoldItalic.woff') format('woff'), url('CartoGothicStd-BoldItalic.otf') format('opentype'), url('CartoGothicStd-BoldItalic.svg#CartoGothicStd-BoldItalic') format('svg');
}


body { background: #fdfdfd url('../images/footer_bg.jpg') repeat; font-family: Helvetica, Verdana, sans-serif; font-size: 12px; color: #797979; margin: 0px; padding: 0px; }

.clear { clear: both; }

a { color:#C9592B; text-decoration: none; outline: 0; border: 0;}

h1 { font-family: "CartoGothicStdBook", "Helvetica Neue", Helvetica, sans-serif; }

h2 { font-family: "CartoGothicStdBook", "Helvetica Neue", Helvetica, sans-serif; }

h3 { font-family: "CartoGothicStdBook", "Helvetica Neue", Helvetica, sans-serif; }

.left { float: left; }

.right { float: right; }

img {outline: 0; border: none}

.hide {visibility: hidden;}

#award {position: absolute; top: 0; right: 0;}

/* Login */

.client_login {width: 100%; height: 0px; background: url('../images/client_login_bg.jpg') repeat-x top center; overflow: hidden; font-weight: bold; color: #5d2105 ;}
	
	.form_wrapper {width: 1100px; margin: auto; height: 30px; margin-top: 4px ;}
	
		.form_wrapper form {float: right;}
		
			.form_wrapper span {background: #c34616; height: 30px; padding: 2px 0 1px 0;}
			
			.form_wrapper form input {height: 12px; font-size: 10px; background: transparent; border: 0px solid #5d2105; color: #5d2105}
			
			.form_wrapper form input#remember {height: 13px; margin: 0; background: transparent;}
			
			.form_wrapper form button {font-weight: bold; color: #5d2105 ; font-size: 10px; background: #c34616; border: 0px solid #5d2105;}

/* Header */

.header_wrapper {margin: 0px; width: 100%; height: 509px; background: url("../images/header_bg_tiled.png") repeat-x top center; }

	.header { width: 1100px; height: 509px; margin: auto; margin-top: 0px; background: url("../images/header_bg.png") no-repeat; }

	.header_content { width: 1100px; height: auto; margin: 0 auto; position: relative;}
	
		.header_content.IE6 {padding-bottom: 30px;}
		
			.header_content.IE6 p{margin-top: 0px; margin-left: 60px; margin-bottom: 10px; font-size: 20px; font-family: Helvetica; font-weight: bold; line-height: 25px; color: #fff;}
			
			.header_content.IE6 h1{margin-top: 0px; margin-left: 60px; font-size: 30px; font-family: Helvetica; font-weight: bold; line-height: 30px; color: #fff;}
			
				.header_content.IE6 p a{ color: #fff; text-decoration: underline;}
			
			.header_content.IE6 .left {margin-top: 0px; margin-left: 80px; font-size: 15px; font-family: Helvetica; font-weight: normal; line-height: 25px; color: #fff;}
			
			.header_content.IE6 .left.download {margin-top: 0px; margin-left: 40px; font-size: 15px; font-family: Helvetica; font-weight: normal; line-height: 25px; color: #fff;}
			
		.logo {float:left; width: 150px; height: 45px; text-align: left; margin-top: 42px; margin-left: 32px; background: url('../images/logo.png') no-repeat top center;}
			
			.logo span {visibility: hidden;}



/* Menu */

.menu { float: right; margin-top: 10px; margin-right: 18px; margin-bottom: 65px; text-align: right; width: 475px; height: 56px; list-style-image: none; list-style-type: none; padding: 0px; text-transform: uppercase;}

	.menu .login_reveal {margin-bottom: 10px;  margin-right: 10px; } 
		
		.menu .login_reveal .indicator {width:16px; height: 17px; float: right; overflow: hidden; background: url('../images/close.png') no-repeat; background-position: bottom center;}
	
		.menu .login_reveal a {color: #5d2105; font-weight: bold; font-size: 10px; text-shadow: #e65c14 0px 1px 0px;} 
	
		.menu .login_reveal span {position: relative; float: right; top: 5px; right: 3px;}
	
	.menu ul { width: 475px; height: 26px; margin: 0px; padding: 0px; }

		.menu li { display: block; float: right; height: 26px; margin-left: 20px; margin-right: 2px; list-style-image: none; list-style-type: none; }

			.menu li a, .menu li a:active, .menu li a:visited { display: block; position: relative; right: -6px; height: 26px; color: #fff; font-size: 12px; font-weight: bold; line-height: 27px; text-align: center; padding-left: 6px; padding-right: 13px; }

			.menu a, .menu li:hover a { text-decoration: none;}

			.menu li.current_page_item { background: url('../images/button.png') no-repeat left; }

			.menu  li.current_page_item a, .menu li.current_page_item a:active, .menu li.current_page_item a:visited { background: url('../images/button_left.png') no-repeat right; }
			
			

/* banner */

#banner_tagline { color: #fff; font-size: 22px; text-align: center; margin: auto;  margin-bottom: 17px; text-shadow: 0px 2px 5px #a84318; }

	#banner_tagline h1 { margin-top: 0px; margin-bottom: 0px; margin: auto; background: url('../images/cream_of_the_crop.png') no-repeat top center; width: 100%; height: 37px; margin: 0px;}
		
		#banner_tagline h1 span, #banner_tagline h2 span, #banner_tagline h3 span   {visibility: hidden;}

	#banner_tagline h2 { margin: 0px; background: url('../images/it_doesnt_get_better.png') no-repeat bottom center; height: 48px;}
	
	#banner_tagline h3 { margin: 0px; background: url('../images/creative_minds.png') no-repeat top center; height: 38px;}

	.thumbnail_wrapper { margin: auto; position: relative; width: 975px; padding: 0px; visibility: visible;}

		.thumbnail_wrapper .holder { width: 975px; height: 182px; overflow: hidden; position: relative; }

			.thumbnail_wrapper .holder .home_slider div.pane { width: 975px; margin: 0px; padding: 0px; }

				.thumbnail_wrapper ul {padding: 0px; margin: 0 15px; z-index: 0; list-style-image: none; list-style-type: none;}

					.thumbnail_wrapper li.post { overflow: hidden; position: relative; margin: 10px 0 5px 30px; float: left; width: 295px; height: 182px; padding: 0px; background: url('../images/thumbnails/thumbnail_frame.png') no-repeat; list-style-image: none; list-style-type: none; }

						.thumbnail_wrapper li.first { margin-left: 0px }
						
						.thumbnail_wrapper li img { margin: 5px; border: none}
						
						.thumbnail_wrapper li a {border: none; outline: none}

						.thumbnail_wrapper ul li .details_wrapper .details { visibility: hidden; }

						.thumbnail_wrapper ul li:hover .details_wrapper .details { visibility: visible; } 
						
						.thumbnail_wrapper li .details_wrapper { position: absolute; bottom: 14px; left: 5px; width: 286px; height: 62px; overflow: hidden;}

						.thumbnail_wrapper li .details_wrapper .details {position: absolute; width: 286px; height: 62px; background: url('../images/detail_bg.png') no-repeat; color: #ffffff; }
						
							.thumbnail_wrapper li .details_wrapper .details a {color: #FFFFFF; border: none}
							
							.thumbnail_wrapper li .details_wrapper .details h3 { margin: 18px 0 3px 15px; font-size: 14px; font-weight: bold; }

							.thumbnail_wrapper li .details_wrapper .details h4 { margin: 0px 15px; font-size: 12px; font-weight: normal; text-transform: uppercase; }

				.left-tab { position: absolute; top: 10px; left: -16px; width: 55px; height: 182px; z-index: 1; }

				.left-tab img, .right-tab img { cursor: pointer; outline: 0px;}
				
				.left-tab a img, .right-tab a img {  outline: none; border: none;}

				.right-tab { position: absolute; top: 10px; right: -16px; margin-left: -7px; width: 55px; height: 182px; z-index: 1; }
				
				

/* Content */

.home_content_wrapper { width: 100%; height: 225px; background: url('../images/white_noise_bg.jpg'); /*border-bottom: 2px #f6f6f6 solid;*/ }

	.home_content { width: 1100px; height: 225px; margin: auto; }

		.home_content .left { width: 370px; height: 225px; }
		
			.home_content .left #dpp {position: relative; top: 10px; left: 40px;}

		.home_content .right { width: 370px; height: 225px; }
			
			.home_content .weblog { margin: 30px 15px; }
			
				.home_content .weblog div {position: relative; font-size: 11px; width: 360px;}

				.home_content .weblog div.title { text-transform: uppercase; color: #d94608; font-weight: bold; width: 360px; margin-top: 15px;}

		.home_content .center { margin: 0px; height: 225px; width: 360px; margin-left: 370px; background: url('../images/home_content_center.jpg') no-repeat center top; position: relative; z-index: 1;}

			.home_content .center p { position: relative; width: 345px; float: left; bottom: 0px; margin-left: 15px; z-index: 2;}

			.home_content .center p span { font-size: 20px; }
			
			.home_content .center #creativestrategy {position: absolute; float: left;top: 10px; left: 0px; z-index: 1;}

		.home_content .title_holder { position: relative; margin: 30px 15px 10px 0; float: right; z-index: 2}

		.home_content h2 { font-weight: normal; text-align: left; margin-top: 0px; font-size: 23px;}
			
			.home_content h2 a {color: #797979;}
		
.blog_content p strong {
	font-weight: bold;
}

/* Footer */

.home_footer_wrapper { width: 100%; height: 100px; background: url('../images/footer_content_bg.jpg') repeat; }

	.footer_content { width: 1100px; margin: auto; padding-top: 20px; text-transform: uppercase; color: #acacac; font-size: 10px; font-weight: bold; }

		.footer_content a { color: #acacac; text-decoration: underline; }

		.footer_content .right { font-weight: normal; font-size: 10px; }
		
		
		
/* Contact */

#contact_tagline { color: #fff; font-size: 22px; text-align: center; margin-left: 60px;}

	#contact_tagline h1 { font-size: 45px; margin-top: 0px; margin-bottom: 0px; background: url('../images/contact_us.png') no-repeat top left;}
	
		#contact_tagline h1 span {visibility: hidden;}

	#contact_tagline h2 { margin-top: 0px; font-size: 32px; margin-bottom: 12px; font-weight: normal; }
	
.locations {width: 975px; margin: auto; color: #ffffff; font-size: 14px; line-height: 20px;}

.locations ul {padding: 0px; margin: 0px;}

	.locations ul li.parent {float: left; width: 295px; margin: 0 15px; list-style-image: none; list-style-type: none;}
	
	.locations ul li.parent ul li {list-style-image: none; list-style-type: none;}
	
		.locations ul li.parent ul li h2 {margin:0 0 10px 0; text-transform: uppercase; font-weight: normal; font-size: 18px;}
		
		.locations ul li.parent ul li.studio_image {background: url('../images/thumbnails/thumbnail_frame.png') no-repeat top center; width: 295px; height: 182px; margin-top: 25px;}
			
			.locations ul li.parent ul li.studio_image img {margin: 5px;}
		
		
.contact_content_wrapper { width: 100%; background: url('../images/white_noise_bg.jpg'); /*border-bottom: 2px #f6f6f6 solid;*/ }

	.contact_content { width: 1100px; margin: auto; padding-top: 40px;}

		.contact_content .left { width: 600px; margin-left: 70px; margin-bottom: 40px;}
			
			.contact_content .left .jqTransformInputWrapper {float: left; margin-left: 5px; margin-bottom: 5px;}
			
				.contact_content .left span.form_fail {color: red;}

		.contact_content .right { width: 320px; height: 225px; margin-right: 70px;}
		
			.contact_content .right h1 {font-weight: lighter; text-transform: uppercase; font-size: 18px;}
			
			.contact_content .right p {font-size: 14px; line-height: 20px;}