﻿/* 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:930px;
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:20px;
font-size:11px;
float:right;
color:#ed228e;
width:617px;
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;
}
