/*
	FUZZ PRODUCTIONS (c) 2010
	------------------------------------
	CORE STYLE SHEET
	
	USEAGE:
	ALL FONTS AND OBJECTS IN application.html.erb ARE STYLED IN THIS DOCUMENT
	
	------------------------------------	
	REFERANCE: 
	COLORS
	Orange- #fb4f14;
	YOrange- #f99522;
	Fuschia- #e71d5f;
	Green - #39b700;
	Blue - #005cff;
	Lt Gray - #bebebe; 
	Dk Gray = #989898;
		
*/
/* IE6 .PNG FIX!!! */
img, div, span, p {
	behavior: url(../javascripts/iepngfix.htc)
}
body {
	color:#777;
	font-family:Helvetica,"Helvetica Neue",Arial;
	font-size:13px;
	line-height:20px;
	overflow-x:hidden;
	text-align:center;
}
#wrapper {
	width: 870px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
	position:relative;
	text-align: left;
	min-height: 736px;
}
/*=======================================================================================================*/
/*	SOCIAL ICONS	*/
/*=======================================================================================================*/
#follow {
	float:right;
	height:0;
	position:relative;
	text-align:right;
	top:-28px;
}
#follow span.follow_text {
	color:#989898;
	float:left;
	font-size:80%;
	letter-spacing:0.2px;
	padding:10px 4px 0 0;
	word-spacing:1px;
}
#follow span a.follow_fb {
	background:transparent url(../images/follow_fb.jpg) no-repeat scroll 0 0;
	float:left;
	height:26px;
	padding-right:1px;
	width:26px;
}
#follow span a.follow_fb:hover {
	background:transparent url(../images/follow_fb_hov.jpg) no-repeat scroll 0 0;
}
#follow span a.follow_twit {
	background:transparent url(../images/follow_twit.jpg) no-repeat scroll 0 0;
	float:left;
	height:26px;
	width:26px;
}
#follow span a.follow_twit:hover {
	background:transparent url(../images/follow_twit_hov.jpg) no-repeat scroll 0 0;
}
#follow span a.follow_twit span, #follow span a.follow_fb span {
	height:26px;
	width:26px;
}
/*=======================================================================================================*/
/*	LOGO  */
/*=======================================================================================================*/
#header {
	background:transparent;
	border-top:5px solid;
	border-color:#fb4f14;
	clear:both;
	float:left;
	height:42px;
	padding-top:37px;
	width:870px;
}
#header.fuzz {border-top: 5px solid #fb4f14;}
#logo_wrapper {
	clear:none;
	float:left;
	height:34px;
	left:0;
	top:41px;
	position:absolute;
	width:300px;
}
#fuzzLogo {
	clear:both;
	float:left;
	margin:0;
}
/*=======================================================================================================*/
/*	NAVTOP STYLES	*/
/*=======================================================================================================*/
ul#navTop {
	clear:none;
	color:#6a6a6a;
	float:right;
	font-family:"News Gothic MT",Helvetica,"Helvetica Neue",Arial;
	font-size:131%;
	height:20px;
	margin:0;
	text-align:right;
	width:319px;
}
ul#navTop li {
	clear:none;
	cursor:default;
	display:inline;
	font-weight:bold;
	margin:0 0 0 12px;
}
ul#navTop li a:link, ul#navBottom li a:link {
	color: #6a6a6a;
	text-decoration: none;
}	
ul#navTop li a:visited, ul#navBottom li a:visited {
	color: #6a6a6a;
	text-decoration: none;
}		
ul#navTop li a:hover, ul#navBottom li a:hover {
	text-decoration: none;
	color:#6a6a6a;
}
ul#navTop li a {
	font-family:'FlamaBasic',Helvetica,Arial,sans-serif;
	font-size:23px;
	font-weight:normal;
	letter-spacing:0.6px;
	color: #686868;
	float: left;
	position: relative;
}

#navTop_fuzz{width:85px; margin: 0 !important; float:left;}
#navTop_web{width:70px; margin: 0 !important; float:left;}
#navTop_mobile{width:93px; margin: 0 !important; float:left;}
#navTop_social{width:71px; margin: 0 !important; float:left;}


/*=======================================================================================================*/
/*	NAVBOTTOM STYLES	*/
/*=======================================================================================================*/
div.height_fix {
	height:141px;
}
*html div.height_fix {
	height:0;
}

#subNavWrap{
	clear:right;
	float:right;
}

ul#navBottom {
	color:#BEBEBE;
	float:left;
	font-family:"News Gothic MT",Helvetica,"Helvetica Neue",Arial;
	font-size:100%;
	margin-top:3px;
	position:relative;
	right:0;
	text-align:left;
	width:327px;
}	

ul#navBottom li {
	clear:none;
	float:left;
	font-weight:bold;
	margin:0 0 0 8px;
	text-align: left;
}
						
ul#navBottom li a:link,  ul#navBottom li a:visited {
	font-family:'FlamaLight',Helvetica,Arial,sans-serif;
	font-size:17px;
	float:left;
	letter-spacing:1px;
	font-weight: normal;
	color:#777777;
}

ul#navBottom li a.active{
	font-family:'FlamaLight',Helvetica,Arial,sans-serif;
	font-size:17px;
	letter-spacing:1px;
	font-weight: normal;
}

.yorange #subnav_default{
margin-left:84px;
}


/*=======================================================================================================*/
/*	NAV STATES	*/
/*=======================================================================================================*/
ul#navTop li.orange a.active{
	color:#fb4f14;
}
ul#navBottom li.orange a.active{
	color: #fb4f14;
}
/*Hover states*/
ul#navBottom li.orange a:hover {
	color: #fb4f14;
}

/* NAV HOVER STATES */
a#fuzz:hover{color:#fb4f14 !important;}
a#web:hover{color:#9ec435 !important;}
a#mobile:hover{color:#4eaff5 !important;}
a#social:hover{color:#d20e68 !important;}

/*=======================================================================================================*/
/*	CONTENT	*/
/*=======================================================================================================*/
#content {
	float:left;
	position:relative;
	width:870px;
}
#content_internal {
	float: left;
	padding: 30px 0 35px 0;
}

.hideText{
	float: left;
	text-indent: -9999px !important;
}

span.hideText{
position: absolute;
}
.contactSpriteWeb{
	background:transparent url(../images/contact_sprite.jpg) no-repeat 0 -87px !important;
	width:270px !important;
	float:left !important;
	margin-top:20px;
	padding-left:0 !important;
}

.contactSpriteMobile{
	background:transparent url(../images/contact_sprite.jpg) no-repeat 0 0 !important;
	width:270px !important;
	float:left !important;
	padding-left:0 !important;
}

.contactSpriteSocial{
	background:transparent url(../images/contact_sprite.jpg) no-repeat 0 -174px !important;
	width:270px !important;
	float:left !important;
	padding-left:0 !important;
}

.contactSpriteWeb:hover{
	background:transparent url(../images/contact_sprite.jpg) no-repeat -270px -87px !important;

}

.contactSpriteMobile:hover{
	background:transparent url(../images/contact_sprite.jpg) no-repeat -270px 0 !important;
}

.contactSpriteSocial:hover{
	background:transparent url(../images/contact_sprite.jpg) no-repeat -270px -174px !important;
}



.contactMail{
	height:20px;
	padding-top:67px;
	width:250px;
}

.colFull p.leader{
	padding:0 !important;
	width:870px;
}

/*=============================================================================================*/
/*Footer*/
/*=============================================================================================*/
#footer {
	border-top:5px solid #FB4F14;
	clear:both;
	cursor:pointer;
	margin:auto;
	padding-top:3px;
	position:relative;
	text-align:left;
	width:870px;
}
*html #footer {
	margin-top:10px;
}
p.location {
	color:#BEBEBE;
	float:left;
	font-size:77%;
	letter-spacing:0.5px;
	line-height:123%;
	margin:14px 20px 0 0;
	width:130px;
	word-spacing:0.5px;
}	
p.location a {color:#bebebe;}
/*=============================================================================================*/
/*	WINDMILL	*/
/*=============================================================================================*/
#windmill {
	height:85px;
	position:absolute;
	right:0;
	width:150px;
}
/*=======================================================================================================*/
/*	TYPOGRAPHY	*/
/*=======================================================================================================*/
/*
9px =  69%
10px = 77%
11px = 85%
12px = 93%
13px = 100%
14px = 108%
15px = 116%
16px = 123.1%
17px = 131%
18px = 138.5% 
19px = 146.5% 
20px = 153.9% 
21px = 161.6%
22px = 167%
23px = 174%
24px = 182%
25px = 189%
26px = 197%
31px = 238.5%
*/

h1 {
	color:#FB4F14;
	font-family:"News Gothic", "News Gothic MT", "NewsGothic", "NewsGothicMT", Helvetica,"Helvetica Neue",Arial;
	font-size:290%;
	letter-spacing:.01em;
	padding:25px 0 15px;
	width:100%;
	font-weight: bold;
	word-spacing:1px;
}

*html h1 {
	line-height:150%;
}

h2 {
	font-family:Helvetica,"Helvetica Neue",Arial;
	font-size:120%;
	letter-spacing:0;
	line-height:138.5%;
	margin-bottom:2px;
	word-spacing:0;
}

h3 {
	font-family: Helvetica, "Helvetica Neue", Arial;
	font-size: 123.1%
	line-height: 123.1%;
	color: #fb4f14;
	font-weight: bold;
}

h3.small_title{
	color:#686868;
	font-family:Helvetica,Arial,sans-serif;
	font-size:14px;
	font-weight:bold;
	line-height:21px;
}


h4 {
	font-family: Helvetica, "Helvetica Neue", Arial;
	font-size: 108%
	line-height: 108%;
	color: #fb4f14;
	font-weight: bold;
}	

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

p {
	font-size:95%;
	letter-spacing:0.5px;
	line-height:17px;
	word-spacing:1px;
}


p.leader{
	color:#686868;
	font-family:Helvetica,Arial,sans-serif;
	font-size:15px;
	font-weight:normal;
	line-height:21px;
	margin:0 0 20px;
	padding:0 40px 0 0;
}

/*   -------@FONT FACING-------	*/

@font-face {
	font-family: 'FlamaBasic';
	src: url('../fonts/FlamaBasic.eot');
	src: local('Flama Basic'), local('Flama-Basic'), url('../fonts/FlamaBasic.otf') format('opentype');
}

@font-face {
	font-family: 'FlamaMedium';
	src: url('../fonts/FlamaMedium.eot');
	src: local('Flama Medium'), local('Flama-Medium'), url('../fonts/FlamaMedium.otf') format('opentype');
}

@font-face {
	font-family: 'FlamaLight';
	src: url('../fonts/FlamaLight.eot');
	src: local('Flama Light'), local('Flama-Light'), url('../fonts/FlamaLight.otf') format('opentype');
}

strong {font-weight: bold;}
em {font-style: italic;}	

.ltgray {color: #e4e4e4;}
.dkdkgray {color: #555!important;}
.dkgray, .dkgray .selected, .dkgray a:active, .dkgray a:focus, span.dkgray a.dkgray {color: #989898;}


/*=======================================================================================================*/
/*	TWITTER	*/
/*=======================================================================================================*/


#twitter_update_list{
	clear:both;
	float:left;
	width:272px;
}

#twitter_update_list li{
	font-size:12px;
	font-style:italic;
	letter-spacing:0.5px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	word-break:break-all;
	}

	#twitter_update_list li span{
		color:#989898;
	}
	
#twitter_update_list li a{
	color:#FB4F14; 
	float:left; 
	clear:both;
	display:none;
	}
	
#twitter_update_list li span a{
	color:#FB4F14;
	float: none !important;
	display:inline !important;
	}
	
	
#followFuzz{
	float:left;
	margin-bottom:10px;
}

#followFuzz li, #facebook_update_list li, #blog_update_list li{
	bottom:-2px;
	color:#333333;
	font-size:11px;
	font-style:normal;
	font-weight:normal;
	left:78px;
	letter-spacing:-0.05px;
	line-height:25px;
	margin-top:5px;
	position:absolute;
}

#followFuzz li a, #facebook_update_list li a, #blog_update_list li a{
	color:#FB4F14;
	font-weight:normal;
}

#followFuzz #twitter_update_list a{
	display: inline !important;
	clear:none !important;
	float: none !important;
}


.noTweets{
    color:#666666;
    font-family:'FlamaBasic',Helvetica,Arial,sans-serif;
    font-size:18px !important;
    font-style:normal !important;
    line-height:24px;
}
.noTweets a{
    display:inline !important;
    float:none !important;
}




/*=======================================================================================================*/
/*	HOMEPAGE SOCIAL SWITCH	*/
/*=======================================================================================================*/

#iconSocialContain{
	float:left;
	margin-bottom:15px;
	position:relative;
}
	#tweetToggle_LG{
		float:left;
		width:272px;
		min-height:90px;
	}
	#facebookBadge_LG{
		float:left;
		width:270px;
		min-height:90px;
	}
		#facebookBadge_LG div{
			display:block;
			color:#ffffff;
		}
		#facebookBadge_LG div a{
			color:#FFFFFF;
		}
		
	#tumblrPull_LG{
		float:left;
		min-height:90px;
	}
	
		#homeBlog_feed{}
			#homeBlog_feed li{}
				#homeBlog_feed li a{
					display:block;
					font-family:'FlamaBasic',helvetica,arial,sans-serif;
					font-size:12px;
					letter-spacing:0.3px;
					color:#FB4F14;
				}
				
					#homeBlog_feed li a .readMore{
						color:#686868;
					}
		
	#iconNav{
		background:transparent url(../images/social_sprite.jpg) no-repeat scroll 0 0;
		clear:both;
		float:left;
		width:272px;
	}
		#iconNav li{
			cursor:pointer;
			float:left;
			height:23px;
			text-indent:-9999px;
			width:23px;
		}
		
		#tweetToggle{
			background:transparent url(../images/social_sprite.jpg) no-repeat scroll 0 0px;
		}
		
		#facebookBadge{
			background:transparent url(../images/social_sprite.jpg) no-repeat scroll -23px 0;		
		}
		
		#tumblrPull{
			background:transparent url(../images/social_sprite.jpg) no-repeat scroll -46px 0px;
		}

		#tweetToggle.toggled{
			background-position:0 -23px !important;
		}
		#facebookBadge.toggled{
			background-position:-23px -23px !important;
		}
		#tumblrPull.toggled{
			background-position:-46px -23px !important;
		}
 
/*=======================================================================================================*/
/*	LOWER CLIENT SLIDER	*/
/*=======================================================================================================*/

#clientSlider{
	float: left;
	position: relative;
	width:870px;
}

#innerClientSlider{
	float:left;
	position:relative;
	width:870px;
	overflow: hidden;
}


#innerClientSlider ul{
	float:left;
	height:149px;
	overflow:hidden;
	position:relative;
	width:9999px;
}

#innerClientSlider ul li a{
	float:left;
	margin-right:30px;
	position:relative;
}

.thumb_6{
	margin-right:0 !important;
}

#innerClientSlider ul li{
	width:870px;
	height: 149px;
	float:left;
}

#clientSlider #thumbNav{
	left:160px;
	top:-45px !important;
}

#clientSlider #thumbNav a{
	color:#9EC435;
	border: 1px solid #9EC435;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

#clientSlider #thumbNav a.cur{
	background: #9EC435;
	color: #FFFFFF;
}

/*=======================================================================================================*/
/*	DETAIL POP-UP	*/
/*=======================================================================================================*/


.popUp_1, .popUp_2, .popUp_3, .popUp_4, .popUp_5, .popUp_6{
	background:transparent url(../images/popBG.png) repeat-y scroll 0 0;
	bottom:186px;
	display:none;
	float:left;
	height:auto;
	left:17px;
	position:absolute;
	width:860px;
	z-index:9998;
}

.popUp_1 a, .popUp_2 a, .popUp_3 a, .popUp_4 a, .popUp_5 a, .popUp_6 a{
	position:absolute;
	right:105px;
	top:2px;
	z-index:9999;
}

.popUp_1 .CNN, .popUp_2 .CNN, .popUp_3 .CNN, .popUp_4 .CNN, .popUp_5 .CNN, .popUp_6 .CNN {
	clear:both;
	display:block;
	float:none;
	margin-top:15px;
	position:relative;
	right:auto;
	top:auto;
}



.popTop{
	background:transparent url(../images/popTopShadow.png) no-repeat scroll 0 top;
	float:left;
	left:0;
	margin-bottom:-36px;
	padding:30px 0 0 30px;
	position:relative;
	top:-55px;
	width:820px;
}

.popUp_1 .popBottom{
	background:transparent url(../images/popBottomShadow_1.png) no-repeat 0 bottom;
	}
.popUp_2 .popBottom{background:transparent url(../images/popBottomShadow_2.png) no-repeat 0 bottom;}
.popUp_3 .popBottom{background:transparent url(../images/popBottomShadow_3.png) no-repeat 0 bottom;}
.popUp_4 .popBottom{background:transparent url(../images/popBottomShadow_4.png) no-repeat 0 bottom;}
.popUp_5 .popBottom{background:transparent url(../images/popBottomShadow_5.png) no-repeat 0 bottom;}
.popUp_6 .popBottom{background:transparent url(../images/popBottomShadow_6.png) no-repeat 0 bottom;}

.popBottom{
	bottom:-53px;
	float:left;
	height:69px;
	left:1px;
	position:absolute;
	width:960px;
}

.clientDescription h1, .clientDescription p{
	float:left;
	font-size:16px;
	margin-bottom:10px;
	padding:0;
	width:195px;
}

.clientDescription h1{
line-height:19px;
width:150px;
}

.clientDescription ul{
	float:left;
	margin-bottom:10px;
}

.clientDescription ul li{
	float:left;
	font-size:11px;
	line-height:14px;
	list-style-image:none;
	list-style-position:inside;
	list-style-type:disc;
	margin-bottom:5px;
	margin-left:13px;
	text-indent:-12px;
	width:150px;
}

.yorange h1{color:#9ec435}
.blue h1{color:#4eaff5;}
.fuschia h1{color:#d20e68;}

.clientDescription p{
	color:#595959;
	font-size:12px;
	width:195px;
}

.clientDescription{
	float:right;
	margin-right:40px;
	margin-top:0;
	width:195px !important;
}



#case_study_slider{
	float:left;
	width:570px;
	position:relative;
}
#case_study_slider_rel{
	left:0;
	overflow:auto;
	position:relative;
	top:0;
	width:571px;
}
#case_study_slider_rel ul{
	background:#FFFFFF none repeat scroll 0 0;
	float:left;
	overflow:hidden;
	position:relative;
	width:9999px;
}

#caseCount li img{
	border:1px solid #EFEFEF;
	float:left;
}

#case_study_slider_rel ul li{
	float: left;
	width: 870px;
	display: block;
}

#case_study_extras{
	clear:right;
	float:right;
	margin-right:55px;
	width:180px;
}


a.closeBtn{
	background:transparent url(../images/close_btn.jpg) no-repeat scroll right 0;
	float:right;
	font-size:11px;
	height:17px;
	line-height:15px;
	right:45px;
	top:-36px;
	width:110px;
}

a.closeBtn:hover{
	background:transparent url(../images/close_btn.jpg) no-repeat scroll right -17px;
}

.popTop #case_study_extras h2{
	clear:both;
	color:#595959;
	float:left;
	font-family:arial,trebuchet MS,sans-serif;
	font-size:12px;
	font-weight:bold;
}

.popTop #case_study_extras em{
	float:left;
	font-family:arial,trebuchet MS,sans-serif;
	font-size:11px;
	line-height:15px;
	position:relative;
}


.popTop #case_study_extras p.author{
	color:#ABABAB;
	float:left;
	font-family:arial,trebuchet MS,sans-serif;
	font-size:11px;
	margin-top:15px;
}


.popTop #thumbNav{
	bottom:auto;
	float:left;
	left:auto;
	margin-left:107px;
	margin-top:0;
	position:relative;
	top:auto;
	width:200px;
	z-index:9999 !important;
}


.popTop #case_study_slider_rel ul li {
	float:left;
	position:relative;
	width:570px;
}

.popTop .blue #case_study_slider_rel ul li {margin-bottom:15px; width:571px;}
.popTop .yorange #case_study_slider_rel ul li,.popTop .fuschia #case_study_slider_rel ul li {margin-bottom:15px;}


#thumbNav a{
	position: relative;
	background: none;
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	-webkit-border-radius:3px;
	}

.yorange #thumbNav a{border:1px solid #9EC435;	color:#9EC435;}
.yorange #thumbNav a.cur{background:#9EC435 none repeat scroll 0 0;	color:#FFFFFF !important;}

.blue #thumbNav a{border:1px solid #4EA9EC;	color:#4EA9EC;}
.blue #thumbNav a.cur{background:#4EA9EC none repeat scroll 0 0;	color:#FFFFFF !important;}

.fuschia #thumbNav a{border:1px solid #D20E68;	color:#D20E68;}
.fuschia #thumbNav a.cur{background:#D20E68 none repeat scroll 0 0;	color:#FFFFFF !important;}

#launch_link{
	float:left;
	margin: 10px 0 0 0;
	font-family:'FlamaBasic',Helvetica,Arial,sans-serif;
	font-size: 20px;
	font-weight: normal;
	padding: 0 18px 0 0;
	background: url('../images/go_arrow.jpg') no-repeat center right;
}

.launchWidth{
	clear:both;
	float:right;
	margin-right:40px;
	margin-top:0;
	width:195px;
}

.popTop #launch_link{
	float:left;
	font-family:'FlamaBasic',Helvetica,Arial,sans-serif;
	font-size:20px;
	font-weight:normal;
	height:22px;
	position:relative;
	right:auto;
	top:auto;
}

#launch_link.yorange{
	background:transparent url(../images/go_arrow_web.jpg) no-repeat scroll right center;
	color:#9EC435;
}

#launch_link.blue{
	background:transparent url(../images/go_arrow_mobile.jpg) no-repeat scroll right center;
	color:#4EA9EC;
}

#launch_link.fuschia{
	background:transparent url(../images/go_arrow_social.jpg) no-repeat scroll right center;
	color:#D20E68;
}


/*=======================================================================================================*/
/*	SUBPAGE	*/
/*=======================================================================================================*/
.intTag{
	float:left;
	margin-bottom:20px;
}


#ieSixKillerWrapper{
	display:none;
}

/* =========== */
/* = Sidebar = */
/* =========== */
ul#admin_sidebar{
	position:absolute;
	right:-60px;
}

/*=======================================================================================================*/
/*	ANALYTICS PAGE	*/
/*=======================================================================================================*/

#redirectHolder{
	background:#FFFFFF none repeat scroll 0 0;
	height:400px;
	left:0;
	opacity:0.9;
	padding-top:150px;
	position:absolute;
	top:-100px;
	width:1000px;
	z-index:9999;
}

	#redirectHolder h2{
		color:#555555;
		float:left;
		font-family:FlamaLight;
		font-size:24px;
	}
	
	#redirectHolder h2 a{
		color:#FB4F14;
	}
	
.windMillLink{
	cursor:pointer;
	display:block;
	height:71px;
	position:absolute;
	right:0;
	width:100px;
	z-index:10000;
}


/* ============== */
/* =  JOBS TAB  = */
/* ============== */

#jobs_tab{
	position:fixed;
	top:200px;
	left:0px;
}