/* =Layout
----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
div#wrapper {}
div#header,
div#container {
	width: 1000px;
	margin: 0 auto;
	clear: both;
	position: relative;
}
div#content {
	padding-top:5px;
}
div#footer {
	clear: both;
	width: 100%;
	background: #07b3f0 url('../images/bg-footer.png') repeat-x center top;
	min-height: 250px;
	height: auto !important;
	height: 250px;
}

/* =Global Reset
----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;line-height: 150%;vertical-align: baseline;background: transparent;}
body{font-size: 62.5%;font-family: Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif;}
ol,ul{list-style: none;}
blockquote,q{quotes: none;}
blockquote: before,blockquote: after,q: before,q: after{content: '';content: none;}
:focus{outline: 0;}
a:focus{outline: 1px dotted invert;}
ins{text-decoration: none;}
del{text-decoration: line-through;}
table{border-collapse: collapse;border-spacing: 0;}

/* =Global Headings
----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
h1, h2, h3 {
	font-weight: normal;
}
h1 {font-size: 4.0em;}
h2 {font-size: 2.2em;}
h3 {font-size: 1.8em;}
h4 {font-size: 1.6em;}
h5 {font-size: 1.4em;}
h6 {font-size: 1.0em;}

/* =Spacing
----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
ol{list-style: decimal;}
ul{list-style: square;}
li{margin-left: 20px;}
p,dl,hr,h1,h2,h3,h4,h5,ol,ul,pre,table,address,fieldset{margin-bottom: 15px;}
hr{border-color: #ccc;border-style: solid;border-width: 1px 0 0;clear: both;height: 0;}

/* =Master
----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
body {background: #EAEAEA url(../images/bg-page-rep.png) repeat-x center top;}
.clearfix {
	clear: both;
	display: block;
}
img.alignright {
	float: right;
	margin-left: 10px;
}
img.alignleft {
	float: left;
	margin-right: 10px;
}

/* =Links
----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
a:link,
a:visited {
	color: #00b0f0;
	text-decoration: underline;
}
a:hover,
a:active {
	color: #222;
	text-decoration: none;
}
#footer a:link,
#footer a:visited {
	color: #FFF;
	text-decoration: none;
}
#footer a:hover,
#footer a:active {
	color: #005C7F;
	text-decoration: none;
}

/* =Type Sizing
----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
div#header {
	font-size: 1.4em;
}
div#menu {
	font-size: 1.0em;
}
div#container {
	font-size: 1.2em;
	color: #00b0f0;
}
div#footer {
	font-size: 1.2em;
	color: #fff;
}
ul#breadcrumb {
	font-size: 0.95em;
}
ul#subnav {
	font-size: 1.8em;
}
div.core-list-description {
	font-size: 0.95em;
}

/* =Menu's and Navigation
----------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.noGlyph {background: none !important; padding: 0 0 0 8px !important; margin-left: 5px !important;}


/*----- TOP MENU ------*/
#menu, #menu ul {
	width: 640px;
	margin: 0px !important;
}
#menu {
	float: left;
	padding: 45px 0 0;
	overflow: hidden;
}
#menu ul li {
	display: block;
	float: left;
	list-style: none;
	/*margin-left: 30px;
	margin-left: 25px;*/
	margin-left: 18px;
}
#menu ul li a:link,
#menu ul li a:visited {display: block; float: left; height: 15px; text-indent: -9999px; background-position: 0 0;}
#menu ul li a:hover,
#menu ul li a:active,
#menu ul li a.active {background-position: 0 -26px !important;}

#menu ul li.nav-home a {background: transparent url('../images/nav-home.png') no-repeat 0 0; width: 47px;}
#menu ul li.nav-about a {background: transparent url('../images/nav-about.png') no-repeat 0 0; width: 54px;}
#menu ul li.nav-services a {background: transparent url('../images/nav-services.png') no-repeat 0 0; width: 68px;}
/*#menu ul li.nav-work a {background: transparent url('../images/nav-work.png') no-repeat 0 0; width: 48px;}*/
#menu ul li.nav-work a {background: transparent url('../images/nav-ourwork.png') no-repeat 0 0; width: 84px;}
/*#menu ul li.nav-blog a {background: transparent url('../images/nav-blog.png') no-repeat 0 0; width: 39px;}*/
#menu ul li.nav-heavychef a {background: transparent url('../images/nav-heavychef.png') no-repeat 0 0; width: 92px;}
#menu ul li.nav-innovation a {background: transparent url('../images/nav-innovation.png') no-repeat 0 0; width: 96px;}
#menu ul li.nav-contact a {background: transparent url('../images/nav-contact.png') no-repeat 0 0; width: 71px;}


/*---- BREADCRUMB -----*/

ul#breadcrumb {list-style: none; display: block; clear: both; padding-top:5px;}
ul#breadcrumb li {padding: 0 0 0 15px; display: block; float: left; background: transparent url('../images/aro-breadcrumb.png') no-repeat; margin-left: 5px;}
ul#breadcrumb li a {color: #949698; text-transform: uppercase; letter-spacing: 1px;}


/*----- SUB-NAVI ------*/

ul#subnav {list-style: none; margin-bottom: 0px;}
ul#subnav li {padding: 0 0 0 15px; display: block; float:left; background: transparent url('../images/subnav-glyph.png') no-repeat; margin-left: 15px;}
ul#subnav li a {color: #949698; text-transform: uppercase; letter-spacing: 1px;}


/*---- PROJECT NAV ----*/

div.navAbove {
	position: absolute;
	width: 993px;
	height: 1px;
	top: 210px;
	right: 0px;
	z-index: 100;
}
a.prev {
	display:block;
	float:left;
	width: 55px;
	height: 44px;
	text-indent: -9999px;
	cursor: pointer;
	background: transparent url('../images/aro-left.png') no-repeat;
}
a.next {
	display:block;
	float: right;
	width: 55px;
	height: 44px;
	text-indent: -9999px;
	cursor: pointer;
	background: transparent url('../images/aro-right.png') no-repeat;
}

/* =General Styling
----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#site-name{
	float: left;
	margin: 0;
	background: transparent url('../images/wwc-logo.png') no-repeat;
	width: 356px;
	height: 114px;
	text-indent: -9999px;
}
#site-description{
	display: none;
}
.introMessage {
	width: auto;
	clear:both;
	padding: 0 0 0 14px;
}

ul.biglist {list-style: none; margin: 15px 0;}
ul.biglist li {margin:-15px 0 0 0;}
ul.biglist li a:link,
ul.biglist li a:visited {
	display: block;
	height: 44px;
	line-height: 44px;
	padding: 0 0 0 70px;
}
ul.biglist li a:hover,
ul.biglist li a:active,
ul.biglist li a.active {background: transparent url(../images/aro-right.png) no-repeat;}

body#about ul.biglist {
	margin: 30px 0 0 -70px;
}

ul.biglist {width: 200px; float: left;}
.list-description {width: 300px; margin-top: 15px; float: right;}


ul.list {
	list-style-image: url(../images/bullet.png);
}
ul.list li {
	line-height: 180%;
}
a.launchProject:link,
a.launchProject:visited {display:block; width:109px; height:26px; margin: 0 0 20px -4px; text-indent: -9999px; background: transparent url('../images/but-launch.png') no-repeat;}
a.launchProject:hover,
a.launchProject:active {background-position: 0 -26px;}

div.floatingIMG { position: absolute; top: 238px; left: 164px; }
div.floatingIMG .sticky { position: absolute; top: -33px; right: -40px;}

div.bigAro {width: 55px; height:44px; float:left; background: transparent url('../images/aro-right.png') no-repeat;}
div.entryContent {float:left; width: 245px; height: 220px; padding: 0 0 0 10px; overflow: hidden;}


/*--- PAGE HEADINGS ---*/

h1#pageHeading {text-indent: -9999px; height: 60px; margin-bottom: 20px;}
h1#pageHeading a {display:block; text-indent: -9999px; height: 60px;}

body#home h1#pageHeading {background: url(../images/heading-home.png) no-repeat;}
body#about h1#pageHeading {background: url(../images/heading-about.png) no-repeat;}
body#services h1#pageHeading {background: url(../images/heading-services.png) no-repeat;}
body#work h1#pageHeading {background: url(../images/heading-work.png) no-repeat;}
/*body#blog h1#pageHeading {background: url(../images/heading-blog.png) no-repeat;}*/
body#blog h1#pageHeading {background: url(../images/heading-heavychef.png) no-repeat;}
body#innovation h1#pageHeading {background: url(../images/heading-innovation.png) no-repeat;}
body#contact h1#pageHeading {background: url(../images/heading-contact.png) no-repeat;}


/*----- PAGE BG -------*/

body#home {background: transparent url(../images/stage-home.jpg) no-repeat center top;}
/*body#home #wrapper {background: transparent url(../images/project-wildcard.jpg) no-repeat center 128px;}*/
body#about #wrapper {background: transparent url(../images/stage-about.jpg) no-repeat center top;}
	body.hcphil #wrapper {background: transparent url(../images/stage-about-hcphil.jpg) no-repeat center top !important;}
	body.hist #wrapper {background: transparent url(../images/stage-about-hist.jpg) no-repeat center top !important;}
body#services #wrapper {background: transparent url(../images/stage-services.jpg) no-repeat center top;}
	body.strategy #wrapper {background: transparent url(../images/stage-services-strategy.jpg) no-repeat center top !important;}
	body.development #wrapper {background: transparent url(../images/stage-services-development.jpg) no-repeat center top !important;}
	body.marketing #wrapper {background: transparent url(../images/stage-services-marketing.jpg) no-repeat center top !important;}
body#work #wrapper {background: transparent url(../images/stage-work.jpg) no-repeat center top;}
	body.casestudy #wrapper {background: transparent url(../images/stage-work-casestudy.jpg) no-repeat center top !important;}
body#blog #wrapper {background: transparent url(../images/stage-blog.jpg) no-repeat center top;}
body#innovation #wrapper {background: transparent url(../images/stage-innovation.jpg) no-repeat center top;}
	body.sitestorm #wrapper {background: transparent url(../images/stage-innovation-stestrm.jpg) no-repeat center top !important;}
	body.webcan #wrapper {background: transparent url(../images/stage-innovation-wbcn.jpg) no-repeat center top !important;}
	body.accprojects #wrapper {background: transparent url(../images/stage-innovation-accel.jpg) no-repeat center top !important;}
body#contact #wrapper {background: transparent url(../images/stage-contact.jpg) no-repeat center top;}


/*--- PAGE CONTENT ----*/
body#home div#content {height: 525px;}
div.pageContent { min-height:400px; height:auto !important; height:400px; }

body#services div.pageContent { min-height:480px; height:auto !important; height:480px; }
body#about div.pageContent { width:350px; float:right; padding: 40px 80px 40px 0; }
body#services  div.pageContent { width:320px; float:left; padding: 20px 0 0 50px; }
body#work div.pageContent { width:550px; float:right; padding: 40px 0 0; }
	body.casestudy div.pageContent { width: 280px !important; padding: 20px 0 0 !important; min-height:450px; height:auto !important; height:450px; }
body#blog div.pageContent { width:350px; float:right; padding: 70px 80px 40px 0; min-height:330px; height:auto !important; height:330px; }
body#innovation div.pageContent { width:480px; float:right; padding: 40px 0 0; }
body#contact div.pageContent { width:300px; float:right; padding: 40px 0 0; }

/*---- HOME PAGE FADER ----*/
ul.fader {
	margin: 9px 0 0;
	background: transparent url('../images/loader.gif') no-repeat 50% 45%;
	list-style: none;
	height: auto;
	height: 514px;
	overflow: hidden;
}
ul.fader li {
	margin: 0;
	padding: 0;
	height: auto;
	list-style: none;
	height: 514px;
}
ul.fader li a {
	display: block;
	width: 1000px;
	height: 420px;
}
ul.fader li.da {background: transparent url(../images/project-da.jpg) no-repeat center top;}
ul.fader li.fancourt {background: transparent url(../images/project-fancourt.jpg) no-repeat center top;}
ul.fader li.tlw {background: transparent url(../images/project-tlw.jpg) no-repeat center top;}
ul.fader li.wildcard {background: transparent url(../images/project-wildcard.jpg) no-repeat center top;}
ul.fader li.vlad {background: transparent url(../images/project-vlad.jpg) no-repeat center top;}
ul.fader li.ajax {background: transparent url(../images/project-ajax.jpg) no-repeat center top;}
ul.fader li.mondi {background: transparent url(../images/project-mondi.jpg) no-repeat center top;}

.faderNav {margin-top: -80px; position: relative; z-index: 999; background: transparent;}

/*--- TOOLTIP ---*/
ul#core-list li {
	position: relative;
}
ul#core-list li div.core-list-description {
	width: 114px;
	padding: 25px 12px 0;
	background: transparent url(../images/tooltip-slider.png) no-repeat;
	position: absolute;
	top: 13px;
	left: 30px;
	z-index: 100;
}
ul#core-list li div.core-list-description .core-list-desc-bottom {
	background: transparent url(../images/tooltip-cap.png) no-repeat;
	display: block;
	width: 138px;
	float: left;
	position: absolute;
	left: 0px;
	height: 4px !important;
	font-size: 1px !important;
	line-height: 1px !important;
}

/*--- FOOTER INNER ----*/

.footer-inner {width: 1000px; margin: 0 auto; padding: 35px 0 20px; clear: both;}
.footer-inner .col-1,
.footer-inner .col-2,
.footer-inner .col-3 {
	min-height: 200px;
	height: auto !important;
	height: 200px;
}
.footer-inner .col-1 {width: 389px; float: left; border-right: 1px solid #50CFFD; padding: 0 20px 0 0;}
.footer-inner .col-2 {width: 254px; float: left; border-right: 1px solid #50CFFD; padding: 0 20px;}
.footer-inner .col-3 {width: 275px; float: left; padding: 0 0 15px 20px;}


/*-- FOOTER SCROLLER --*/

.client-scroller {background-color: #D6D6D6; clear: both; padding-top: 15px; height: 90px;}
.client-scroller .client-scroller-inner {width: 970px; height: 80px; padding: 5px 0 0 20px; margin: 0 auto; position: relative; overflow: hidden;}
.client-scroller .client-scroller-inner span.floater-badge {
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 97px;
	height: 70px;
	background: transparent url(../images/client-scroller-badge.png) no-repeat;
}

.client-scroller .client-scroller-inner #client-scroller {
	width: 3000px;
	height: 59px;
	margin-left: 0px;
	margin-bottom: 0px;
}


.client-scroller .client-scroller-inner #client-scroller li {
	width: 125px;
	float: left;
	display: block;
	margin: 0;
}
.client-scroller .client-scroller-inner #client-scroller li a {
	background: transparent url(../images/client-scroller-bg.png) no-repeat;
	display: block;
	padding: 7px 8px;
	width: 76px;
	height: 45px;
}
.client-scroller .client-scroller-inner #client-scroller li a span {
	display: block;
	overflow: hidden;
	width: 76px;
	height: 45px;
}
.client-scroller .client-scroller-inner #client-scroller li a:hover img {margin-top: -45px;}


/* =Form Styling
----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.text, textarea {
	background: transparent url(../images/bg-formelements.gif) no-repeat 0 0;
	border: 0px none;
	font-family: Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif;
	font-size: 0.95em;
	color :#fff;
	padding: 3px 5px 4px;
}

.contactForm {padding: 5px 0 0 0;}
.contactForm label {display:none;}
.contactForm fieldset {margin-bottom: 0px;}
.contactForm .text {
	width: 115px;
	margin: 0 10px 7px 0; 	
}
.contactForm textarea {
	width: 253px;
	height: 60px;
}
.contactForm p.button input {
	display: block;
	border: 0px none;
	background: transparent url(../images/btn_send.png) no-repeat center top;
	font-family: Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif;
	font-size: 1.0em;
	color :#fff;
	width: 120px;
	height: 24px;
}
.contactForm p.button input:hover {background: transparent url(../images/btn_send.png) no-repeat center bottom;}
.contactForm p.button {padding: 7px 0 0 142px; display: block;}

/*--- hidden honey pot ---*/
.contactForm .pot {display: none;}

/*--- IE BLOODBATH ---*/
* html .client-scroller .client-scroller-inner #client-scroller li a:hover,
* html .faderNav {zoom:1;}
* html #menu ul li {margin-left: 27px;}
* html a.launchProject span {display: block; position: relative; z-index: 999; height: 26px;}
* html a.launchProject {z-index: 800; cursor: pointer;}
* html ul#core-list li.over {z-index: 999;}
* html ul#core-list li div.core-list-description .core-list-desc-bottom {
	height: 4px !important;
	font-size: 1px !important;
	line-height: 1px !important;
	z-index: 999px;
	bottom: -1px;
}

*+html ul#core-list li:hover {z-index: 999;}
*+html ul#core-list li div.core-list-description .core-list-desc-bottom {
	height: 4px !important;
	font-size: 1px !important;
	line-height: 1px !important;
	z-index: 999px;
	bottom: -1px;
}


* html h1#site-name,
* html h1#pageHeading,
* html ul#breadcrumb li,
* html .navAbove a,
* html .faderNav a,
* html a.launchProject,
* html .sticky,
* html .floater-badge,
* html .core-list-description,
* html .core-list-desc-bottom,
* html ul.biglist li a {
position:relative;
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "/skins/themes/worldwidecreative/library/images/trans.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}
*html ul#core-list li {
behavior: expression(
this.onmouseover = new Function("this.className += ' over'"),
this.onmouseout = new Function("this.className = this.className.replace(' over','')"),
this.style.behavior = null
);
}