/*
	FUZZ PRODUCTIONS (c) 2010
	------------------------------------
	HOME STYLE SHEET
	
	USEAGE:
	STYLES FOR ALL ITEMS THAT ARE IN THE HOME SECTION
	
	------------------------------------	
	REFERANCE: 
	COLORS
	Orange- #fb4f14;
	YOrange- #f99522;
	Fuschia- #e71d5f;
	Green - #39b700;
	Blue - #005cff;
	Lt Gray - #bebebe; 
	Dk Gray = #989898;
		
*/

/*=======================================================================================================*/
/*	HOMEPAGE STYLES	*/
/*=======================================================================================================*/
.colOneThird{
	float:left;
	width:255px;
}
.colTwoThirds {
	float:left;
	margin-right:15px;
	width:585px;
}	
.colTwoThirds h1, .colOneThird h1{
	font-family:'FlamaBasic',Helvetica,Arial,sans-serif;
	font-size: 32px;
	letter-spacing:1px;
	font-weight: normal;
}
.colFull {
	float:left;
	margin-bottom:15px;
	margin-top:11px;
	position:relative;
	width:870px;
}
.welcomeText{
	font-size: 14px;
	color: #777777;
	letter-spacing:0.5px;
	vertical-align:top;
	line-height:19px;
}
.devisionBrief{
	float:left;
	margin-right:32px;
	width:268px;
}

.rightColumn{
	margin-right: 0px;
}

.ulWrap{
	display:block;
}

.devisionBrief h2{
	color: #686868 !important;
	font-family:'FlamaBasic',Helvetica,Arial,sans-serif;
	font-size: 27px !important;
	letter-spacing:1px;
	font-weight:normal !important;
}
.devisionBrief p{
	font-size: 12px;
	color: #777777;
	letter-spacing:0.3px;
	line-height:18px;
}
.devisionBrief p a.explore {
	float:left;
	margin: 4px 0 0 0;
	font-family:Helvetica,Arial,sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#686868;
	padding: 0 18px 0 0;
	background: url('../images/go_arrow.jpg') no-repeat center right;
}
.twitterFeed{
	font-size: 12px;
	font-style: italic;
	color: #777777;
	letter-spacing:0.3px;
	line-height:20px;
}
.twitterFeed a{
	color: #fb4f14;
}
.twitterFeed .followUs{
	color: #686868;
}
#viewAllClients{
	float:right;
	font-family:Helvetica,Arial,sans-serif;
	font-size: 12px;
	font-weight: normal;
	color:#686868;
	padding: 0 18px 0 0;
	background: url('../images/view_all_arrow.jpg') no-repeat center right;
}
#colSix{
	border-top: 1px solid #dadada;
	float: left;
	width: 870px;
}
.homeClientLogos{
	float:left;
}
/*=======================================================================================================*/
/*	CLIENTS STYLES	*/
/*=======================================================================================================*/
.colSixth {
 	float:left; 
	margin-right:30px; /* warning! use to be 28px */
	margin-top:4px;
	position:relative;
 	width:150px; 
}
.colSixth_exception_spacer {
	height:30px;
}
.colSixth_exception_link {
	left:-5px;
	position:relative;
	top:-45px;
}
	*html .colSixth {
	 	width:114px; 
	}
.colSixth li {
	font-size:90%;
	letter-spacing:0.35px;
	line-height:150%;
	margin:0 0 4px 0;
}

.colLegend{
	margin-right:0;
}

#clientsGroupLogo{
	background:transparent url(../images/clientsGroupLogo.jpg) no-repeat scroll 0 0;
	clear:right;
	float:left;
	height:249px;
	margin-bottom:35px;
	margin-top:6px;
	width:719px;
	}

.panel-wrapper .colSixth {margin-right: 20px;}
.full-width .colSixth {margin-right: 30px;}
.full-width .colLast {margin-right: 0px !important;}
.colLast {
	margin-right: 0;
}
.legend {
	left:0;
	padding-bottom: 20px;
}
.legend li {
	font-size:85%;
	letter-spacing:0.35px;
	line-height:138.5%;
}
.fuzzhover a:hover { color:#fb4f14;}
.interactivehover a:hover { color: #f99522;}
.identityhover a:hover { color: #e71d5f;}
.marketinghover a:hover { color: #39b700;}
.applicationshover a:hover { color: #005cff;}
.industryhover a:hover {color: #555;}

.filter_title {
	font-weight: bold;
	font-size: 90%;
	text-transform: uppercase;
}
/*=======================================================================================================*/
/*	PRESS AND NEWS	*/
/*=======================================================================================================*/
.orange, .orange .selected, .orange a:link,.orange a:active,.orange a:visited, .orange a:focus, span.orange a.orange {color: #fb4f14;}
.readMore a {
	float:left;
	margin: 4px 0 0 0;
	font-family:Helvetica,Arial,sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#fb4f14;
	padding: 0 18px 0 0;
	background:transparent url(../images/go_arrow.jpg) no-repeat scroll right 1px;
}
.readMore a img{
	float:left;
	margin:2px 4px 0 0;
}
.colFull h2 {
	font-family:'FlamaLight',Helvetica,Arial,sans-serif;
	font-size: 20px;
	font-weight: bold;
	color:#fb4f14;
}

.subTitle{
	color:#686868;
	font-family:'FlamaBasic',Helvetica,Arial,sans-serif;
	font-size:14px;
	font-weight:normal;
	letter-spacing:-0.1px;
	margin-bottom:10px;
	margin-top:-5px;
}

h2.sub_title{
	display:block;
	float:left;
	font-family:'FlamaBasic',Helvetica,Arial,sans-serif;
	font-size:20px;
	font-weight:normal;
	letter-spacing:1px;
	margin:0 0 10px;
	padding:0;
}

.news_item h2{
	float:left;
	line-height:16px;
	margin:0 0 10px;
}
.news_item h2 a {
	font-family:'FlamaLight',Helvetica,Arial,sans-serif;
	font-size: 16px;
	font-weight: normal;
	color:#fb4f14;
}
.news_article_back a{
	display:block;
	margin: 15px 0 0 0;
	font-family:Helvetica,Arial,sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:#fb4f14;
}
.news_article_back a img{
	float:left;
	margin:2px 4px 0 0;
}
/*=======================================================================================================*/
/*	CONTACT	*/
/*=======================================================================================================*/
p.caption {
	color: #989898;
	font-size:80%;
	letter-spacing:0.2px;
	line-height:120%;
	word-spacing:1px;
}


div.colFull small a{
 color:#FB4F14 !important;
}



/*=======================================================================================================*/
/*	DIVISION HOVERS	*/
/*=======================================================================================================*/



#web_brief:hover h2 a, #web_brief:hover a.explore{
	color:#9EC435 !important;
}

#web_brief:hover a.explore{
	background:transparent url(../images/go_arrow_web.jpg) no-repeat scroll right center;
}

#mobile_brief:hover h2 a, #mobile_brief:hover a.explore{
	color:#4eaff5 !important;
}

#mobile_brief:hover a.explore{
	background:transparent url(../images/go_arrow_mobile.jpg) no-repeat scroll right center;
}

#social_brief:hover h2 a, #social_brief:hover a.explore{
	color:#d20e68 !important;
}

#social_brief:hover a.explore{
	background:transparent url(../images/go_arrow_social.jpg) no-repeat scroll right center;
}