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

* {
	margin:0;
	padding:0;
}

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,
#logo a {
	display:block;
	width:144px;
	height:57px;
	background-image:url(../imgs/logo.gif);
	overflow:hidden;
}

/*
#logo a:hover,
#logo a:active {
	background-position:0 -57px;
}
*/

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

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

#topLinks {
  display:inline-block;
  }

* html #topLinks {
  height:1%;
  }

#topLinks {
  display:block;
  }

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

#topLinksR {
  padding-top:40px;
  font-size:11px;
  float:right;
  color:#ed228e;
  width:559px;
  font-weight:bold;
  }

#topLinksR ul {
	list-style:none;
	margin:0;
	padding:0;
}

#topLinksR li {
	display:block;
	float:left;
	margin-right:1.5em;
}

#topLinksR a {
  font-size:19px;
  color:#ed228e;
  text-decoration:none;
  }

#topLinksR a:hover {
  color:#ed228e;
  text-decoration:underline;
  }

#topLinksR span {
  margin:0;
  padding:0;
  color:#999;
  }

#footer {
  clear:both;
  border-top:2px solid #000;
  display:block;
  font-size:11px;
  color:#ed228e;
  margin-top:12px;
  padding-top:12px;
  width:900px;
  background-color:#FFFFFF;
  }

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

* html #footer {
  height:1%;
  }

#footerL {
  color:#999;
  float:left;
  }

#footerL a{
  color:#ed228e;
  text-decoration:none;
  }

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

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

#footerR {
  float:right;
  color:#999;
  font-size:10px;
  }

/* 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;
  }

/* Contact us
-----------------------------------------*/

#content_contact {
  padding:30px 0 40px 0;
  }

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

#contactContent {
  width:900px;
  margin:0;
  padding:0;
  }



* html #contactContent {
  height:1%;
  }

#contactContent img {
  margin-bottom:20px;
  }

#contactContent div {
  float:left;
  padding:0;
  text-align:left;
  width:200px;
  }

#contactContent div.contactLA {
  width:240px;
}

#contactContent div.contactATL {
  width:250px;
}

#contactContent div#hugeEurope {
  width:210px;
}

#contactContent div:first-child {
  margin:0;
  }

#contactContent:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
  }
  
  
 
 
 #contactSingle div {
  border-top:2px solid #000;
  float:left;
  padding:0;
  text-align:left;
  padding-top:20px;
  padding-bottom:20px;
  *padding-bottom:12px;
  _margin-bottom:-40px;
  font-size:11px;
  }
  
 #contactSingle div#contactBecome {
  width:450px;
 }

 #contactSingle div#contactPress {
  width:450px;
 }
 
 

/* 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 #careers_title {
  width:270px;
  display:block;
  margin:50px 20px 0 0;
  float:left;
  }

#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 {
  width:270px;
  float:left;
  margin:0 0 20px 0;
  padding:0;
  list-style:none;
  border-top:1px solid #DEDEDE;
  }

#news_left #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;
  }

#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(../imgs/rss.gif) no-repeat 6px center;
  padding:5px 6px 5px 30px;
  font-size:11px;
  }

/* Careers styles
------------------------------------------*/

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

#careers_left #list_nav {
  width:270px;
  float:left;
  margin:0;
  padding:0;
  list-style:none;
  border-top:2px solid #000;
  }

#careers_left #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 a:hover,
#list_nav li a.active {
  color:#000;
  background:#F7F7F7;
  }

#careers_right {
  width:600px;
  float:right;
  margin:0;
  padding:5px 0 0 0;
  border-top:2px solid #ccc;
  }

#header_careers {
  clear:both;
  margin:0;
  padding:0;
  }

#careers_content {
  width:607px;
  float:left;
  margin:0;
  padding:0;
  }

#careers_content p {
  font-size:11px;line-height:24px;
  }

#you, #us {
  height:432px;
  }

* html #you,
* html #us {
  height:449px;
  }

#you {
  float:left;
  width:297px;
  }

#us {
  float:left;
  width:298px;
  border-left:1px solid #eaeaea;
  padding-left:8px;
  }

#you p,
#us p {
  margin-top:2em;
  }

#you h2,
#us h2,
#current-openings h2 {
  float:left;
  clear:both;
  display:inline;
  margin:0;
  overflow:hidden;
  text-indent:-9999px;
  }

#you h2 {
  width:162px;
  height:60px;
  background:url(/imgs/careers/h_you.gif) no-repeat 0 0;
  }

#us h2 {
  width:165px;
  height:60px;
  background:url(../imgs/careers/h_us.gif) no-repeat 0 0;
  }

#current-openings h2 {
  width:130px;
  height:22px;
  background:url(../imgs/careers/h_current-openings.gif) no-repeat 0 0;
  }

#careers_content #job-listing {
  width:597px;
  }

#careers_content #job-listing h1 {
  font-size:16px;
  margin:0;
  padding:0;
  height:22px;
  }

#careers_content #job-listing p,
#careers_content #job-listing li,
#careers_content #job-listing label {
  font-size:12px;
  line-height:normal;
  }

#careers_content #job-listing label {
  font-weight:bold;
  display:block;
  }

#careers_content #job-listing input,
#careers_content #job-listing textarea {
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  }

#careers_content #job-listing textarea {
  width:402px;
  }

#careers_content #btn_submit {
  margin-top:1em;
  }

#careers_list {
  width:260px;
  float:left;
  display:block;
  margin:0 5px 0 0;
  padding:0 0 0 10px;
  border-left:1px solid #eaeaea;
  }

#careers_list #list_nav {
  width:260px;
  float:left;
  margin:0;
  padding:0;
  list-style:none;
  border-top:2px solid #000;
  }

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

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

* html #list_nav li a {
  padding:3px 5px 3px 10px;
  }

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

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

.error {
  color:#ed228e;
  font-weight:bold;
  }

 #careerThanks {
 	background:url(../imgs/careers/thankYou.png) no-repeat;
	width:641px;
	height:163px;
	margin:123px 0 230px 0;
	text-indent:-9999px;
 	}

/* 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 {
  width:340px;
  float:left;
  display:inline;
  margin:0 10px 0px 0;
  border-top:3px solid #f1f1f1;
}

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

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

.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(../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(../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:hover,
#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;
}