/*
WHITE LABEL WORLD: WEB SITE 2008
-----------------------------------------------------
Designed and created by Jesson Yip. www.jessonyip.com
-----------------------------------------------------
*/


/*
TABLE OF CONTENTS
-----------------
1.0 Generic
2.0 Main Layout
3.0 Title
4.0 Side Nav
5.0 Top Nav
6.0 Content
  1 Home
  2 Resources
  3 Contact
  4 Sitemap
7.0 Footer
-----------------
*/


/* 1.0 Generic */

* {
	margin		: 0;
	padding		: 0;
}

body {
	color		: #222222;
	font		: 62.5%/1.8em helvetica, verdana, sans-serif;
	letter-spacing	: 1px;
}

a {
	text-decoration	: none;
}


/* 2.0 Main Layout */

html {
	overflow-y	: scroll;
}

body {
	text-align	: center;
}

#container {
	margin		: 30px auto;
	padding		: 0 0 0 5px;
	position	: relative;
	text-align	: left;
	width		: 868px;
}

#leftCol {
	border-right: 1px solid #bbbbbb;
	float		: left;
	padding		: 0 30px 0 22px; 
	text-align	: right;
	width		: 130px;
}

#mainCol {
	float		: left;
	min-height	: 500px;
	padding		: 0 30px;
	width		: 625px;
}


/* 3.0 Title */

h1 {
	font-family	: helvetica, verdana, sans-serif;
	font-size	: 1.4em;
	height		: 140px;
	margin		: 24px 0 35px;
	overflow	: hidden;
	padding		: 4px 0 0 0;
	position	: relative;
	text-transform	: uppercase;
}

h1 a {
	color		: #9d9fa2;
	cursor		: pointer;
	cursor		: hand;
}

h1 span {
	background	: url("images/whitelabelworld.gif") 0 0 no-repeat;
	height		: 144px;
	left		: 0;
	position	: absolute;
	top			: 0;
	z-index		: 1;
}

h1,
h1 span {
	display		: block;
	width		: 130px;
}

#socialmedia h1 span { background-image : url("images/whitelabelworld_socialmedia.gif"); }
#interactive h1 span { background-image : url("images/whitelabelworld_interactive.gif"); }
#strategy	 h1 span { background-image : url("images/whitelabelworld_strategy.gif"	  ); }
#events		 h1 span { background-image : url("images/whitelabelworld_events.gif"	  ); }
#press		 h1 span { background-image : url("images/whitelabelworld_press.gif"	  ); }
#prel		 h1 span { background-image : url("images/whitelabelworld_pr.gif"		  ); }
#monkey h1 span { background-image : url("images/whitelabelworld_100thmonkey.gif"); }


/* 4.0 Side Nav */

#sideNav {
	list-style	: none;
	margin-bottom	: 30px;
	text-align	: right;
	width		: 130px;
}

#sideNav li a {
	color		: #9d9fa2;
	display		: block;
	font-size	: 1.6em;
	line-height	: 1.7em;
	padding		: 0;
}

#socialmedia #sm a, #sm a:hover { color : #7bc244; }
#interactive #in a, #in a:hover { color : #ec9b25; }
#strategy	 #st a, #st a:hover { color : #c6d324; }
#events		 #ev a, #ev a:hover { color : #88268c; }
#press		 #ps a, #ps a:hover { color : #d53c26; }
#prel		 #pr a, #pr a:hover { color : #ff2197; }
                  #pump a:hover { color : #c27f17; }
				  #monkey a:hover { color :#dd8f18; }

#sideNav li#pump a { 
	margin-top	: 40px;
	font-size	: 1.2em;
	line-height	: 1.5em;
	text-align	:left;
}

#sideNav li#pump img {
	border		: 0;
	margin-bottom	: .1em;
	display		: block;
}


#sideNav li#monkey img {
	border		: 0;
	margin-bottom	: .1em;
	display		: block;
}
#sideNav li#monkey a { 
	margin-top	: 40px;
	font-size	: 1.2em;
	line-height	: 1.5em;
	text-align	:left;
	letter-spacing:2px;
}


/* 5.0 Top Nav */

#topNav {
	border-bottom	: 0px solid #bbbbbb;
	font-size	: 1.6em;
	list-style	: none;
	overflow	: auto;
	padding		: 28px 0 1.2em;
}

#topNav li {
	display		: block;
	float		: left;
	padding-right: 1.5em;
}

#topNav li a {
	color		: #9d9fa2;
}

#topNav li a:hover,
#home	   #ho a,
#whatwedo  #wh a,
#resources #re a,
#clients   #cl a,
#contact   #co a {
	color		: #467ebe;
}


/* 6.0 Content */

#content {
	margin		: 0 0 1.6em 0;
}

#content h2 {
	clear		: both;
	color		: #9d9fa2;
	font-size	: 1.4em;
	letter-spacing	: 0;
	text-transform	: uppercase;
	padding		: 2.475em 0 1.375em;
}

#content h2.noncap{
text-transform:none;
}

#content h2 b {
	color		: #bdbec1;
}

#content h3 {
	color		: #467ebe;
	font-size	: 1.2em;
}

#content h3,
#content p,
#content ul, 
#content blockquote,
#content cite {
	padding-right	: 289px;
}

#content ul {
	padding-left	: 20px;
}

#content p,
#content blockquote,
#content cite,
#content dl,
#content ul {
	font-size	: 1.2em;
	padding-bottom: 1.5em;
}

#content blockquote {
	color		: #467ebe;
	padding		: 0 309px 0 30px;
}

#content cite {
	display		: block;
	font-style	: normal;
	padding-left: 30px;
}

#content em,
#content dt {
	color		: #467ebe;
	font-style	: normal;
	font-weight	: bold;
}

#socialmedia #content blockquote, #socialmedia em, #socialmedia	dt { color : #7bc244; }
#interactive #content blockquote, #interactive em, #interactive	dt { color : #ec9b25; }
#strategy	 #content blockquote, #strategy	   em, #strategy	dt { color : #c6d324; }
#events		 #content blockquote, #events	   em, #events		dt { color : #88268c; }
#press		 #content blockquote, #press	   em, #press		dt { color : #d53c26; }
#prel		 #content blockquote, #prel		   em, #prel		dt { color : #ff2197; }
#monkey 	 #content blockquote, #monkey	   em, #monkey	    dt { color : #dd8f18; }


#content a {
	color		: #467ebe;
}

#content a:hover {
	color		: #0d237f;
}

#content ul ul {
	font-size	: 1em;
	padding-top	: 1.5em;
}

#content img {
	clear		: right;
	float		: right;
	margin-bottom	: 10px;
	border:0;
}
.story {
	margin-bottom:20px;
}
.clearfix {
	clear:both;
}


/* 6.2 Resources */

#resources #content ul {
	font-size	: 1.2em;
	padding-bottom: 0;
}

#resources #content ul li {
	padding-bottom: 1.5em;
}


/* 6.3 Clients */

#clients #content ul {
	list-style	: none;
}


/* 6.4 Contact */

#contact #content #email a {
	text-decoration	: none;
}

#contact #content #email a:hover {
	text-decoration	: underline;
}


/* 6.5 Sitemap */

#sitemap #content ul {
	list-style	: none;
}

#sitemap #content #what,
#sitemap #content #reso,
#sitemap #content #more {
	border-left	: 1px solid #bbbbbb;
	padding-bottom	: 0;
	padding-left: 30px;
	float		: left;
	margin-right: 30px;
	width		: 122px;
}

#sitemap #content #what {
	border		: none;
	padding		: 0;
	width		: 121px;
}

#sitemap #content #more {
	margin-right: 0;
	width		: 151px;
}

#sitemap #content a {
	text-decoration	: none;
}

#sitemap #content a:hover {
	text-decoration	: underline;
}


/* 7.0 Footer */

#footer {
	border-bottom	: 0px solid #bbbbbb;
	clear		: both;
	font-size	: 1.2em;
	list-style	: none;
	padding		: 20px 0 30px;
}

#footer li {
	display		: block;
	float		: left;
	padding-right: 2em;
}

#footer li a {
	color		: #9d9fa2;
}

#footer li a:hover {
	color		: #467ebe;
}