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

* {
margin:0;
padding:0;
}

.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}

.clearfix {
display: inline-block;
}

html[xmlns] .clearfix {
display: block;
}

* html .clearfix {
height: 1%;
}

body {
margin:0 auto;
padding:0 0 50px 0!important;
font:normal 12px/20px Arial, Helvetica, sans-serif;
background:#fff;
border-top:11px solid #ec008c!important;
min-width:1100px!important;
min-height:1200px;
}

a {
border:none;
color:#ec008c;/*#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:#000;
}

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

.clear {
clear:both;
}

#logoWrap {
width:143px;
height:42px;
z-index:999;
float:left;
}

#logo {
display:block;
width:143px;
height:42px;
background:url(/static/imgs/hugeLogo.png) 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:980px;
padding:0px 10px;
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;
padding-top:10px;
}

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

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

#topLinksR {
padding-top:20px;
font-size:13px;
float:right;
color: #000;
font-weight: bold;
/*color:#ed228e;*/
/*width:289px;*/
z-index:1000;
position:relative;
}

/*.topLinksR-en{width:345px !important;} --- addition of Ideas Link */
/*.topLinksR-en{width: 296px !important;}  --- addition of Careers Link */

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

#topLinksR li {
display:inline-block;
float: left;
/*padding-right:10px;*/
margin-left:10px;
padding: 5px 5px;
}
#topLinksR li.dropdown{
	text-align: center;
	position: relative;
	color: #ED228E;
}
#topLinksR li.work {
	margin:0;
}
#topLinksR li.dropdown em {
	font-style:normal;
	padding-left:15px;
	padding-right:10px;
}
#topLinksR li.active a,#topLinksR li.active{
	color: #000;
}
#topLinksR li.active a:hover{
	text-decoration:none;
}
#topLinksR li.dropdown:hover{
	background-color: #000;
	color: #fff;
}
#topLinksR li.dropdown:hover ul{
	display: block;
}
#topLinksR li.dropdown:hover a{
	color: #ED228E;
}
#topLinksR li ul{
	width: 280px;
	background-color: #000;
	position: absolute;
	left: 0px;
	top:30px;
	border-bottom: 5px solid #fff;
	-moz-box-shadow: 2px 5px 5px rgba(0,0,0,0.7);
	-webkit-box-shadow: 2px 5px 5px rgba(0,0,0,0.7);
	box-shadow: 2px 5px 5px rgba(0,0,0,0.7);
	display: none;

}
#topLinksR li ul  li{
	padding: 10px;
}
#topLinksR li ul li a{
	text-align: left;
	display: block;
	float: none;
	clear: both;
	font-weight: normal;
}
#topLinksR li ul li a:hover{
	text-decoration: underline!important;
}
#topLinksR li ul .menucol{
	float: left;
}


/* addition of Careers Link 
..............................
#topLinksR li.careers span {
width:1.5em;
text-align:left;
display:inline-block;
color:#000;
}
*/

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

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

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

/*
@font-face {
	font-family: 'ITCAvantGardeGothicStdBold';
	src: url('/static/misc/itcavantgardestd-bold-webfont.eot');
	src: local('☺'), url('/static/misc/itcavantgardestd-bold-webfont.woff') format('woff'), url('/static/misc/itcavantgardestd-bold-webfont.ttf') format('truetype'), url('/static/misc/itcavantgardestd-bold-webfont.svg#webfontPzjUerR8') format('svg');
	font-weight: normal;
	font-style: normal;
}*/

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

#hugeFooter {
clear:both;
border-top:1px solid #000;
display:block;
font-size:11px;
color:#000;
padding-top:20px;
width:980px;
background-color:#FFFFFF;
position:relative;
overflow:hidden;
}

#hugeFooter a {
display:block;
outline:none;
}

#hugeFooter h3 {
margin-bottom:8px;
}

#footerContact {
float:right;
}
#footerContact ul li {
float:left;
list-style:none;
padding-left:10px;
}
#footerContact .footerHuge {
background:url(/static/imgs/homepage/homeTitles.png) no-repeat 0 -63px;
width:90px;
height:13px;
}

#footerContact .footerLocation {
width:160px;
float:left;
margin-bottom:15px;
color:#000;
}

.en-footer #footerContact .footerLocation{
width:200px;
}

.en-footer #footerContact {}

#footerContact .footerLocation-last{
width:145px;
}

#footerContact strong {
display:block;
}

#footerContact strong a {
color:#000;
}

#footerClassics {
width:135px;
float:left;
padding-top:10px;
}

#footerClassics .classicsTitle {
background:url(/static/imgs/homepage/homeTitles.png) no-repeat 0 -81px;
width:63px;
height:13px;
}

#footerWorld {
width:205px;
float:left;
padding:10px 0 0 20px;
height:178px;
}

.en-footer #footerWorld{
width:165px;
height: auto;
padding: 10px 10px 0 30px;
}

#footerWorld .hugeWorld {
background:url(/static/imgs/homepage/homeTitles.png) no-repeat 0 -99px;
width:140px;
height:13px;
overflow:hidden;
}

#footerWorld #pdf {
display:inline;
}

#footerWorld span {
font:9px Arial, Helvetica, sans-serif;
color:#666;
}

#footerRights {
    color:#000;
    font-size:11px;
    float:left;
    margin:0 0 0 1px; /*Firefox, IE9 fix*/
}

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

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

/* Generic Helper Styles */
.highlight {
background-color:#e2f5f7;
}

/* Basic black button */
.more-btn {
	text-align:center;
	padding:35px 0 45px 0;
	float:left;
	width:100%;
}
.more-btn a.cufon {
	font-size:12px;
	color:#fff;
	display:inline-block;
	padding:5px 30px;
	background:#000;
	text-decoration:none;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	-o-border-radius:2px;
}

/* Global .scrollable carousel styles */

.scrollable {
	position:relative;
	overflow:hidden;
}
.scrollable .items {
	width:20000em;
	position:absolute;
	clear:both;
}
.scrollable .items .slide {
	float:left;
}
/* navigation needs to be outside scrollable container for multiple instances to work */
.carousel {position:relative;}
.carousel .navigation {
	position:absolute;
	bottom:0;
	right:0;
	background:#fff;
	width:57px;
	height:25px;
	margin:8px 0 0;
}
.carousel .navigation a{
	display:block;
	float:right;
	height:19px;
	width:19px;
	overflow:hidden;
	text-indent:-1000px;
	position:relative;
	cursor:pointer;
	background:url(/static/imgs/homepage/heros/arrows-matte-bkg.png) no-repeat 0 0;
}
.carousel .navigation a.prev {
	background-position:0 0;
	margin-right:5px;
}
.carousel .navigation a.next{
	background-position:-24px 0;
}
.carousel .navigation a.prev:hover{background-position:0 -19px;}
.carousel .navigation a.next:hover {background-position:-24px -19px;}

/* fonts */

@font-face {
	font-family: 'HUGEAvantGardeBold';
	src: url('http://www.hugeinc.com/static/fonts/huge_agb_v5-webfont.eot?#iefix') format('embedded-opentype'), 
	     url('http://www.hugeinc.com/static/fonts/huge_agb_v5-webfont.woff') format('woff'), 
	     url('http://www.hugeinc.com/static/fonts/huge_agb_v5-webfont.ttf')  format('truetype'),
	     url('http://www.hugeinc.com/static/fonts/huge_agb_v5-webfont.svg#svgFontName') format('svg');
	}
/* Uncomment for fonts to work locally in FireFox
@font-face {
	font-family: "HUGEAvantGardeBold";
	src: url(/static/fonts/huge_agb_v5-webfont.eot);
	src: local("☺"), url(/static/fonts/huge_agb_v5-webfont.woff) format("woff"), url(/static/fonts/huge_agb_v5-webfont.ttf) format("truetype"), url(/static/fonts/huge_agb_v5-webfont.svg#svgFontName) format("svg");
	font-weight: normal;
	font-style: normal;
}	
*/
.cufon{
	font-family: 'HUGEAvantGardeBold';
	font-weight: normal;
}
a.more-tab {
	font-family:Arial;
	font-weight: normal;
    background-color: #000000;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    color: #FFFFFF!important;
    padding: 5px 0px;
    margin: auto;
    font-size: 12px;
    text-decoration:none;
    letter-spacing:-0.5px;
    display: block;
    text-align: center;
    width: 112px;
    line-height: 15px;
    letter-spacing: 0px;
}
a.more-tab:hover{
	background-color: #EC008C!important;
	text-decoration: none;
}