/* HUGEInc.com Global Styles
-----------------------------------------*/

* {
	margin:0;
	padding:0;
}

.clearfix{*zoom:1;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

body {
	margin:0 auto;
	padding:0 0 50px 0;
	font:normal 13px/18px Arial, Helvetica, sans-serif;
	background:#fff;
}

a {
	border:none;
	color:#ed228e;
	outline:none;
}

a:link,
a:visited {
	text-decoration:none;
}

a:hover,
a:active {
	text-decoration:underline;
}

img {
	border:none;
}

h2 {
	margin:15px 0 5px 0;
	font-size:18px;
	line-height:20px;
	color:#333;
}

h4 {
	font-weight:bold;
	font-size:12px;
	color:#666;
}

.clear {
	clear:both;
}

#logo {
	display:block;
	width:156px;
	height:57px;
	background:url(public/logo_print.gif) no-repeat;
	overflow:hidden;
	text-indent:-9999px;
	z-index:1000;
}


#logo a {
	display:block;
	width:143px;
	height:42px;
	overflow:hidden;
	text-indent:-9999px;
	z-index:1000;	
}

#container {
  width:900px;
  margin:0 auto;
  position:relative;
  }

#topLinks:after {
  content:"."; 
  display:block; 
  height:0; 
  clear:both; 
  visibility:hidden;
  }

#topLinks {
  display:inline-block;
  }

* html #topLinks {
  height:1%;
  }

#topLinks {
  display:block;
  }

#topLinks a.active {
    color: #999;
    margin: 0;
    padding: 0;
}

#logo {
  float:left;
  position:relative;
  z-index:1000;
  }

#topLinksR {
	color:#ED228E;
	float:right;
	font-size:11px;
	padding-top:40px;
	position:relative;
	width:463px;
	z-index:1000;
  }

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

#topLinksR li {
	display:block;
	float:left;
	margin-right:1.5em;
}

#topLinksR a {
  font-size:11px;
  color:#ed228e;
  text-decoration:none;
  }

#topLinksR a:hover {
  color:#ed228e;
  text-decoration:underline;
  }

#topLinksR span {
  margin:0;
  padding:0;
  color:#999;
  }


/* new footer
---------------*/

#funcionaFooter {
  clear:both;
  border-top:2px solid #000;
  display:block;
  font-size:11px;
  color:#000;
  padding-top:20px;
  width:900px;
  background-color:#FFFFFF;
  position:relative;
  overflow:hidden;
  height:205px;
  }
  
#funcionaFooter a {
	display:block;
	outline:none;
	}
	
#funcionaFooter h3 {
	margin-bottom:8px;
	}
  
  #footerContact {
  	width:532px;
	float:left;
	overflow:hidden;
	padding-top:10px;
	}
  
 #footerContact .footerHuge {
	background:transparent url(public/images/homeTitles_es.png) no-repeat scroll -2px -62px;
	height:15px;
	width:122px;
	}
	
#footerContact .footerLocation {
	width:177px;
	float:left;
	margin-bottom:15px;
	color:#333;
	}
	
#footerContact strong {
	display:block;
	}
	
#footerContact strong a {
	color:#333;
	}
	
#footerClassics {
	width:135px;
	float:left;
	padding-top:10px;
	
	}
	
#footerClassics .classicsTitle {
	background:transparent url(public/images/homeTitles_es.png) no-repeat scroll -2px -81px;
	height:14px;
	width:80px;
	}
	
#footerWorld {
	width:205px;
	float:left;
	padding:10px 0 0 20px;
	height:178px;

	}
	
#footerWorld .funcionaWorld {
	background:transparent url(public/images/homeTitles_es.png) no-repeat scroll -2px -98px;
	height:13px;
	overflow:hidden;
	width:142px;
	}
	
#footerWorld #pdf {
	display:inline;
	}
	
#footerWorld span {
	font:9px Arial, Helvetica, sans-serif;
	color:#666;
	}
	
#footerRights {
  position:absolute;
  right:0;
  bottom:0;
  color:#999;
  font-size:10px;
  z-index:1000;
  display:block;
  }

.title { text-indent:-9999px; }
/* Case studies
-----------------------------------------*/

#headlineCs {
  clear:both;
  margin-top:12px;
  margin:15px 0 35px 0;
  width:900px;
  display:inline-block;
  }

#headlineCs .headline {
  float:left;
  }

#headlineCs a {
  margin-top:120px;
  float:right;
  }

#headlineCs:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
  }

* html #headlineCs {
  height:1%;
  }

#contentCsFrame {
  overflow:hidden;
  position:relative;
  width:900px;
  }

#contentCs {
  font:13px arial, helvetica, sans-serif;
  padding:40px 0;
  width:1800px;
  }

#contentCs:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
  }

* html #contentCs {
  height:1%;
  }

#csGrid {
  float:left;
  }

#csGrid tr.mid td {
  border-top:1px solid #eee;
  height:2px;
  }

#csGrid td {
  border-left:1px solid #eee;
  border-top:1px solid #eee;
  width:275px;
  height:14em;
  padding:1.5em 1.5em 0 1.5em;
  vertical-align:top;
  position:relative;
  }

#csGrid td.left {
  border-left:0;
  width:283px;
  padding-left:0;
  }

#csGrid td.top {
  border-top:0;
  padding-top:0;
  }

#csGrid td .logo {
  height:56px;
  display:block;
  margin:0;
  padding:0;
  position:relative;
  }

#csGrid td div.bgLinkWrapper {
  position:relative;
  }

#csGrid td div.bgLinkWrapper a.bgLink {
  display:block;
  width:100%;
  height:14em;
  position:absolute;
  left:0;
  right:0;
  }

#csGrid p {
  margin:0 0 1em 0;
  }

#csSelected div {
  border-left:solid 1px #eee;
  float:left;
  width:275px;
  padding:0 7px;
  }

#csSelected div.first {
  border-left:0;
  width:283px;
  padding-right:7px;
  }

#csSelected ul {
  margin:10px 0 40px 0;
  list-style:none;
  padding:0;
  }

#nextCs {
  text-align:right;
  margin-top:30px;
  }

#contentCsIkea {
  color:#333;
  padding:30px 0 70px 0;
  }

#contentCsIkea h4 {
  margin:0;
  padding:0;
  font-size:12px;
  font-weight:bold;
  color:#333;
  }

#contentCsScholastic {
  color:#333;
  padding:5px 0 50px 0;
  }

#scholasticLogoXL {
  margin-top:36px;
  }

#contentCsScholastic h4 {
  margin:0;
  padding:0;
  font-size:12px;
  font-weight:bold;
  color:#333;
  }

#csImg0 {
  margin:0 0 20px 25px;
  }

#csImg1 {
  margin:10px 25px 0 0px;
  }

#csImg2 {
  margin:0 0 0px 25px;
  }

#csImg3 {
  margin:0 0 10px 25px;
  display:block;
  clear:both;
  }

#headlineCsAll {
  clear:both;
  margin-top:12px;
  text-align:center;
  padding:30px 0 0px 0;
  }

#contentCsAll {
  margin-top:12px;
  padding:80px 0 0px 0;
  }

#contentCsAll:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
  }

* html #contentCsAll {
  height:1%;
  }

#contentCsAll div {
  padding-bottom:40px;
  }

#contentCsAll img {
  margin-bottom:15px;
  }

#csAllColL {
  width:50%;
  float:left;
  }

#csAllColR {
  padding-left:60px;
  float:left;
  }

* html #csNav {
  height:1%;
  }

#csNav {
  padding:5px 0 0 0;
  border-top:1px solid #EAEAEA;
  display:block;
  width:750px;
  clear:both;
  font-size:11px;
  }

#csNav:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
  }

#csNavL {
  float:left;
  }

#csNavR {
  float:right;
  }


/* About
------------------------------------------*/

#aboutHeadline {
  text-align:center;
  margin-bottom:35px;
  }

#contentAbout {
  margin:12px 0 0px 0;
  padding:30px 0 0px 0;
  border-top:2px solid #000;
  }

#contentAbout img {
  margin-bottom:10px;
  }

/* News
------------------------------------------*/

#wrapper {
  width:900px;
  margin:0;
  padding:0 0 20px 0;
  }

#line {
  margin:15px 0;
  border-top:1px solid #EAEAEA;
  display:block;
  clear:both;
  }

#header {
  width:750px;
  height:70px;
  margin:20px 0 0 0;
  }

#header h2, span {
  margin:0;
  }

#header span {
  font-size:11px;
  }

#header img {
  margin:0;
  }

#header_news h1 {
  font-size:36px;
  line-height:44px;
  letter-spacing:-3px;
  margin:0 0 .5em 0;
  padding:0;
  }

#header_news span {
  font-size:11px;
  line-height:11px;
  }

#news_left {
  width:270px;
  float:left;
  display:inline;
  margin:0 5px 0 0;
  padding:0;
  }

#news_left p {
  margin:20px 0 0 0;
  padding:0;
  text-align:center;
  line-height:20px;
  }

#news_left .small {
  margin:20px 0 0 0;
  padding:0;
  text-align:center;
  font-size:11px;
  line-height:15px;
  }

#news_left #list_nav , .list_nav , .blogroll {
  width:270px;
  float:left;
  margin:0 0 20px 0;
  padding:0;
  list-style:none;
 /*border-top:1px solid #DEDEDE;*/
  }

#news_left #list_nav li , .list_nav li {
  display:block;
  border-bottom:1px solid #DEDEDE;
  }

#list_nav li a {
  display:block;
  padding:5px 5px 5px 10px;
  font-size:11px;
  color:#ed228e;
  text-decoration:none;
  line-height:15px;
  }

#list_nav li span {
  color:#9d9d9d;
  display:block;
  padding:5px 5px 5px 10px;
  font-size:11px;
  text-decoration:none;
  line-height:15px;
}
#list_nav li a:hover {
  color:#000;
  background:#F7F7F7;
  }

#list_nav li a.active {
  color:#000;
  background:#F7F7F7;
  }


/**/

.list_nav li a {
  display:block;
  padding:5px 5px 5px 10px;
  font-size:11px;
  color:#ed228e;
  text-decoration:none;
  line-height:15px;
  }

.list_nav li span {
  color:#9d9d9d;
  display:block;
  padding:5px 5px 5px 10px;
  font-size:11px;
  text-decoration:none;
  line-height:15px;
}
.list_nav li a:hover {
  color:#000;
  background:#F7F7F7;
  }

.list_nav li a.active {
  color:#000;
  background:#F7F7F7;
  }

#news_right {
  width:600px;
  float:right;
  margin:0;
  padding:0;
  }

#news_right #imgContainer {
  width:600px;
  margin:0;
  padding:0;
  }

#news_right #imgContainer img {
  /*float:left;*/
  margin:0 10px 0 0;
  padding:0;
  display:inline;
  }

#news_right #imgContainer span {
  display:block;
  margin:5px 0 0 0;
  padding:0;
  }

#news_right #imgContainer span.caption {
  text-align:right;
  font-size:10px;
  margin:1em 0 0 0;
  }

#news_right img#headline_smart  {
  margin:0 0 20px 5px;
  padding:0;
  }

#news_right img#bigImg {
  margin:0;
  padding:0;
  }

#news_right .newsCopy {
  width:600px;
  float:left;
  display:block;
  margin:10px 0 0 0;
  padding:0;
  border-top:1px solid #EAEAEA;
  }

#news_right .newsCopy p {
  margin:10px 0 20px 0;
  padding:0;
  font-size:11px;
  }

#news_right .newsCopy img {
  margin:15px 0;
  padding:0;
  }

#news_right .newsCopy span {
  display:block;
  margin:10px 0;
  padding:0;
  font-size:11px;
  }

#news_right .newsCopy #newsLine{
  border-top:1px solid #EAEAEA;
  margin:0;
  padding:0;
  }

#news_right .selected div  {margin:0 0 30px 0;
  padding:0;
  }

#news_right .selected img {
  margin-bottom:15px;
  }

#news_right blockquote {
  display:block;
  padding-left:10px;
  border-left:1px solid #dedede;
  font-size:12px;
  }

.rssLink {
  clear:left;
  display:block;
  margin-top:27px;
  background:#f7f7f7 url(public/images/rss.gif) no-repeat 6px center;
  padding:5px 6px 5px 30px;
  font-size:11px;
  } 

/* Process styles
------------------------------------------*/

#header_process {
  height:212px;
  margin:0;
}

.process_row {
  clear:both;
  height:229px;
  margin:0 0 3px 0;
}

* html .process_row {
  margin:0;
}

.process_left {
  width:340px;
  float:left;
  display:inline;
  margin:0 10px 0 0;
}

.process_center {
	border-top:3px solid #F1F1F1;
	display:inline;
	float:left;
	margin:0 10px 0 0;
	width:507px;
}

.process_center div {
  margin:15px 0 0 15px;
}

.process_center div p {
	margin:15px 0 20px;
	width:487px;
}

.process_right {
  width:190px;
  float:left;
  display:inline;
  margin:0 0 3px 0;
}

.process_right img {
  margin:0;
}

.process_right div {
  margin:7px 0 0 0;
}

.process_right p {
  margin:0;
  padding:0;
  font-size:11px;
  font-width:bold;
}

/* Different styles
------------------------------------------*/

#mainpic {
  margin-top:50px;
  }

#different_content {
  padding:23px 0 40px 0;
  }

#different_content h1 {
	margin-bottom:1em;
}

#different_content p {
  line-height:22px;
  }

#different_left  {
  width:466px;
  float:left;
  display:block;
  margin:0;
  padding:0;
  }

#different_left p {
  width:426px;
  }

#different_right {
  width:434px;
  float:left;
  display:block;
  margin:0;
  padding:0;
  }

/* We Moved styles
------------------------------------------*/

#headlineMove {
  clear:both;
  margin-top:12px;
  padding:0;
  border-top:2px solid #000;
  text-align:center;
  width:900px;
  height:373px;
  background:url(http://funciona.info/imgs/move/move.jpg) no-repeat;
  }

#headlineMove img {
  margin-top:294px;
  margin-left:647px;
  }

.cta {
  background:#F7F7F7;
  border:1px solid #DEDEDE;
  padding:5px 10px;
  text-align:right;
  }

.arrowLink {
  font-size:11px;
  background:url(http://funciona.info/imgs/arrowR.gif) no-repeat left center;
  padding:0 0 0 10px;
  }

#news_right #imgContainer #trigger {
  font-size:10px;
  float:right;
  text-align:right;
  }

hr {
  border:0;
  height:1px;
  background-color:#ccc;
  color:#ccc;
  }

#news_left #news_nav {
  width:270px;
  float:left;
  margin:0 0 20px 0;
  padding:0;
  list-style:none;
  font-size:10px;
  color:#999;
  }

#news_left #news_nav li {
  float:left;
  margin-right:10px;
  }

#news_nav li {
  margin-left:10px;
}

#news_left #news_nav li a:active {
  color:#8f8f8f;
  text-decoration:none;
  }

#news_left #news_nav .selected {
  color:#8f8f8f;
  text-decoration:none;
  }

#pagination {
  font-size:10px;
  color:#999;
  margin-left:10px;
  
  }

#pagination .older {
  font-size:9px;
  color:#999;
  margin-right:10px;
  }

#pagination a {
  border:1px solid #ed228e;
  padding:2px 6px;
  text-align:center;
  margin-right:4px;
  margin-left:4px;
  width:18px;
  }

#pagination a:hover {
  border:1px solid;
  color:#fff;
  background-color:#ed228e;
  text-decoration:none;
  }

#preload {
  position:absolute;
  left:-9999px;
  }

#printFooter, #printLogo {
  position:absolute;
  left:-9999px;
  }

#logo_print  {
  display:none;
 }

.print {
	display: none;
}

/* facebook*/

.facebookconnector {
	float:left;
}
.facebookconnector h3 {
	font-size:175%;
	margin-bottom:12px;
}
.fbconnect_miniprofile {
}
.fbconnect_miniprofile p {
	float:left !important;
	font-size:100% !important;
	margin-bottom:20px;
	width:203px !important;
}
.fbconnect_miniprofile .fbconnect_userpicmain {
	float:left;
	width:50px !important;
}
.invitebutton {
	float:left;
	font-size:145%;
	font-weight:bolder;
	line-height:243%;
}
.fbconnect_title {
	font-size:100%;
	font-style:normal;
	font-weight:bolder;
	margin:10px 10px 10px 0;
}
.fbconnect_userpics {
	
}

#searchform {
	float:left;
	margin:10px;
}

.commentlist li {
	margin-top:5px;
	margin-bottom:10px;
	border-bottom:3px solid #ccc;
}
.commentlist li p {
	font-size:120px;
}
.comment-author img {
	float:left !important;
	margin:19px 23px 30px !important;
	padding:0px !important;
}
.comment-author cite {
	font-size:120%;
	font-weight:bold;
}


/*
	Styles for Header 
    border:1px solid #ccc;
*/
#topLinks_cs { width:900px; }
#topLinks_cs:after { content: "."; display: block; height: 0; clear: both;  visibility: hidden; }
* html #topLinks_cs { height: 1%; }
#topLinksR_cs { padding-top: 4px; font-size: 11px; float: right; color: #ed228e; }
#logo_cs { float: left; }
#topLinksR_cs a { font-size: 11px; color: #ed228e; text-decoration:none; }
#topLinksR_cs a:hover { color: #ed228e; text-decoration:underline; }
#topLinksR_cs span { margin:0; padding:0; color: #999999; }
/*
	Styles for content
*/
#banner_cs { width:900px; margin: 0 0 0 0; position:relative; } 

/* Evan's styles */
a img { border: 0; padding: 0; margin: 0; }

/* #content { padding: 40px 0; width: 900px; } */
#wrap { /*background: url(http://funciona.info/imgs/viewerwrapbg.gif) no-repeat center;*/ position: relative; width: 900px; }
#viewer { background: url(http://funciona.info/imgs/viewerbg.gif) repeat-x top left;}
#screenshot { display: block; }
#clientUrl { display:block; font-size:11px; }
#trigger { width: 115px; display: block; margin-top:1em; margin-bottom:1em; }
.triggerUrlWrapper { width:300px; margin-top:.3em;}
.triggerUrlWrapper #clientUrl { float:right; margin-top:1em; }
.triggerUrlWrapper #trigger { float:left; }
#arrows { height: 580px; position: absolute; top: 39px; width: 900px; margin:0 0 1em 0; }
#arrows div { background-color:#fff;cursor: pointer; height: 20px; font-family:Arial; }
#btnPrevious { background: url(http://funciona.info/imgs/casestudies/arrow_L.gif) no-repeat center left; float: left; }
#btnNext { background: url(http://funciona.info/imgs/casestudies/arrow_R.gif) no-repeat center right; float: right; }

p { line-height: 1.5em; margin: 0 0 15px 0; padding: 0; }
	
.none { display:none; }
#content_cs { background: url(http://funciona.info/imgs/bannerbg.gif) no-repeat top left; padding: 14px 0 20px 0; }
	#content_cs .content_cs_item { float:left; }
		#content_cs .content_cs_item .promo_txt { margin: 0 0 30px 0; }
		ul#services_utilized { list-style:none; font-size:11px; line-height:15px; margin:1em 0 0 0; padding:0; }
		#content_cs .content_cs_item .services_utilized {}
		#leftCol { width:304px; }
			#leftCol ul { list-style:none;margin:1em 0 0 3px;padding:0;font-size:11px;line-height:14px;color:#333; }
		#rightCol { width:550px; margin-left:5px; min-height:429px; *min-height:339px }
		#content_cs .content_cs_item #bottom_item { width:300px; margin: 40px 0 0 0; position:absolute; bottom:0px; }
			#content_cs .content_cs_item #bottom_item #image { float:left; width:106px; display:block; margin: 0 10px 0 0;  }
		#content_cs .content_cs_item #bottom_txt { float:left;width:150px; display:block; padding: 20px 0 0 0; font-size:11px; color:#333; }
			#content_cs .content_cs_item #bottom_txt img { display:block; float:none; margin: 0 0 10px 0; }

		#two_columns { width:550px; clear:both; display:block; margin: 30px 0 0 0; }
		#two_columns:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
		* html #two_columns { height:1%; }
			#two_columns .column_item { width:230px; float:left; margin: 0 0 0 50px; }
			#two_columns .column_item:first-child { margin: 0 0 0 0; }
			#two_columns .column_item { margin: expression((this.parentNode.firstChild == this)? "0 0 0 0" : "0 0 0 50px"); }

	#cs_nav { width:900px; clear:both; margin: 30px 0 0 0; }
	#cs_nav:after { content: "."; display: block; height: 0; clear: both;  visibility: hidden; }
	* html #cs_nav { height: 1%; }
		#cs_nav_container { width:550px; float:right; margin: 0 10px 0 0; padding: 0 15px 0 0; }
		#cs_nav_container a { font-size:11px; }
			#cs_nav #bars { width:550px; height:13px; margin:0 0 5px 0; padding:0; background:url(http://funciona.info/imgs/casestudies/bars_bg.gif); background-repeat:repeat-x; }
			#cs_nav #previous { float:left; }
			#cs_nav #next { float:right; }

/*
	Case Studies Navigation Top
*/

a.caseLink {
  font-size:10px;
  color:#ed228e; 
  text-decoration:none;
  margin-left:5px;
  margin-right:5px;
  }

a:hover.caseLink {
  text-decoration:underline; 
  }

a.caseLink span {
  color:#666; 
  }

#caseNavi {
  position:absolute;
  top:39px;
  width: 900px;
  height:20px;
  z-index:10;
}

#caseNavi ul {
  text-align:right;
  margin:0;
  padding:0;
  font-family:Arial,sans-serif;
  font-size:10px;  
}

#caseNavi ul li{
  display:inline;
  white-space:nowrap;
}

#caseNavi ul li.prev {
  float:left;
} 
/*
	Case Studies Navigation Bottom
*/
#caseNaviBottom {
  width: 550px;
  height: 20px;
}

#caseNaviBottom ul {
  text-align:right;
  margin:0;
  padding:0;
  font-family:Arial,sans-serif;
  font-size:11px;
}

#caseNaviBottom ul li{
  display:inline;
  white-space:nowrap;
  background-color:#fff;
}

#caseNaviBottom ul li.prev {
  float:left;
} 

#caseNavi .page_item {
	
}

.projects .row {
float:left;

}