/*
	      ___           ___           ___          ___           ___
	     /__/\         /  /\         /  /\        /  /\         /  /\
	    __\ \:\       /  /::\       /  /:/       /  /:/_       /  /::\
	   /__/\ \:\     /  /:/\:\     /  /:/       /  /:/ /\     /  /:/\:\
	  _\_ \:\ \:\   /  /:/-/::\   /  /::\      /  /:/ /:/_   /  /:/~/:/
	 /__/\ \:\_\:\ /__/:/ /:/\:\ /__/:/\:\    /__/:/ /:/ /\ /__/:/ /:/___
	 \  \:\ \:\/:/ \  \:\/:/\_\/ \__\/  \:\   \  \:\/:/ /:/ \  \:\/:::::/
	  \  \:\_\::/   \  \::/           \  \:\   \  \::/ /:/   \  \::/~~~~ 
	   \  \:\/:/     \  \:\            \  \:\   \  \:\/:/     \  \:\ 
	    \  \::/       \  \:\            \__\/    \  \::/       \  \:\  
	     \__\/         \__\/                      \__\/         \__\/


	The Pursuit of Water is a global project focusing on world-wide social
	issues concerning water, gathering together the globe and bringing change
	through creative and various means of media.

	*/

		body{
			margin: 0; 
			font-family: Arial, Helvetica;
			font-size: 14px;
			font-weight: normal;
			color: #fefade; /*blanc*/
			line-height: 18px;
			align: center;
			vertical-align: top;
			background: #171500;
		}

		body, h1, h2, h3, h4, h5, h6, blockquote, p, form{
			margin: 0;
			padding: 0;
		}

		div,dl,dt,dd,ul,ol,li,button {margin:0;padding:0;}
	
		li {list-style:none;}


	/*  --- --- --- --- --- --- --- --- --- --- --- ---
	--- --- --- ---     TYPOGRAPHY      --- --- --- ---
	--- --- --- --- --- --- --- --- --- --- --- ---  */

	/*
	h1: 48px | xl | Arial   | bolder | uppercase | title
	h2: 16px |  m | Arial   | bolder | uppercase | title
	p : 16px |  m | Arial   | normal | normal    | text
	h3: 16px |  m | Georgia | normal | normal    | subtitle
	h4: 12px |  s | Arial   | normal | normal    | text
	h5: 14px |  s | Georgia | normal | normal    | text
	*/

		h1 {
			font-family: Arial, Helvetica;
			font-size: 48px;
			font-weight: bolder;
			color:#fefade; /*blanc*/
			line-height: 40px;
			text-transform: uppercase;
			padding: 0 0 5px 0;
		}

		h2 {
			font-family: Arial, Helvetica;
			font-size: 16px;
			font-weight: bolder;
			color:#fefade; /*blanc*/
			line-height: 14px;
			text-transform: uppercase;
			padding: 0 0 5px 0;
		}

		h3 {
			font-family: Georgia, Times New Roman;
			font-size: 18px;
			font-weight: normal;
			color: #fefade; /*blanc*/
			line-height: 24px;
		}

		h4 {
			font-family: Arial, Helvetica;
			font-size: 12px;
			font-weight: normal;
			color: #fefade; /*blanc*/
			line-height: 15px;
		}

		h5 {
			font-family: Georgia, Times New Roman;
			font-size:14px;
			font-weight: lighter;
			color: #fefade; /*blanc*/
			margin:0px 0px 5px 0px;
		}

		p {
			font-family: Arial, Helvetica;
			font-size: 14px;
			font-weight: normal;
			color: #fefade; /*blanc*/
			line-height: 18px;
			margin: 0 0 5px 0;
		}


	/*
	#66848c; bleu
	*/


		a:hover {
			text-decoration: none;
			color: #66848c;
		}

		a:link, a:visited{
			text-decoration: underline;
			color: #fefade; /*blanc*/
		}


		h1,h2 a:hover{
			text-decoration: none;
			color: #8F0000;
		}

		h1,h2 a:link, a:visited{
			text-decoration: none;
			color: #fefade; /*blanc*/
		}

		a.special {
			background: #66848c; /*bleu*/
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			border-bottom: none;
			padding: 3px 4px 3px 4px;
			text-decoration: none;
			font-size: 90%;
		}

		a.special:hover {
			background: #fefade; /*blanc*/
			color: #66848c;/*bleu*/
		}

		.XXL {
			font-family: Arial, Helvetica;
			font-size: 84px;
			font-weight: bolder;
			text-transform: uppercase;
			color: #66848c; /*bleu*/
			line-height: 68px;
			padding: 0 0 0 0;
			margin: 0 0 -5px 0;
		}

		.XXL:hover {
			color: #fefade; /*blanc*/
		}


	/*  --- --- --- --- --- --- --- --- --- --- --- ---
	--- --- --- ---      ORIGINAL       --- --- --- ---
	--- --- --- --- --- --- --- --- --- --- --- ---  */

		.xxl {
			font-family: Arial, Helvetica;
			font-size: 84px;
			font-weight: bolder;
			text-transform: uppercase;
			color: #fefade; /*blanc*/
			line-height: 70px;
		}

		.XL {
			font-family: Arial, Helvetica;
			font-size: 36px;
			font-weight: bolder;
			text-transform: uppercase;
			color: #fefade; /*blanc*/
			line-height: 24px;
			padding: 0 0 20px 0;
		}



	/*  --- --- --- --- --- --- --- --- --- --- --- ---
	--- --- --- ---        SPACE        --- --- --- ---
	--- --- --- --- --- --- --- --- --- --- --- ---  */

		.space{
			margin: 20px 0 0 0;
		}

		.MOREspace{
			margin: 30px 0 0 0;
		}



	/*  --- --- --- --- --- --- --- --- --- --- --- ---
	--- --- --- ---      TEXT-ALIGN     --- --- --- ---
	--- --- --- --- --- --- --- --- --- --- --- ---  */

		.CENTRE {
			text-align: center;
		}

		.RIGHT {
			text-align: right;
		}


	/*  --- --- --- --- --- --- --- --- --- --- --- ---
	--- --- --- ---        WRAPPER      --- --- --- ---
	--- --- --- --- --- --- --- --- --- --- --- ---  */

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


	/*  --- --- --- --- --- --- --- --- --- --- --- ---
	--- --- --- ---       LANGUAGE      --- --- --- ---
	--- --- --- --- --- --- --- --- --- --- --- ---  */

		#language {
			text-align: right;
			width: 900px;
			margin: 0 auto;
		}

		#language a:hover{
		body#langEN a.langEN,
		body#langFR a.langFR
		body#langKO a.langKO
		background: #00b4ff;
		}


	/*  --- --- --- --- --- --- --- --- --- --- --- ---
	--- --- --- ---        HELLO        --- --- --- ---
	--- --- --- --- --- --- --- --- --- --- --- ---  */

		#hello {
			margin: 50px 0 0 0;
			width: 900px;
			float: left;
		}

		ul#helloNav li {
			float: left;
		}
 
		ul#helloNav li a {
			float: left;
			text-decoration:none;
			border-radius: 10px;
			-moz-border-radius: 10px;
		}
 
		ul#helloNav a:hover,
		body#nWater ul#helloNav li a.nWater,
		body#nProject ul#helloNav li a.nProject,
		body#nYouCanDoSomething ul#helloNav li a.nYouCanDoSomething {
			background:#66848c; /*66848c 00b4ff*/
		}

		#logo a:hover, a {
			text-decoration: none;
		}

		#logo {
			float: right;
		}

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


		.PINKtab {
			margin: -175px 0 0 416px;
			display: block;
			height: 300px;
			width: 150px;
			background: url('/wp-content/uploads/2011/03/WaterTalk.png') 0 0 no-repeat;
			text-indent: -99999px;
		}

		.PINKtab:hover {
			background: url('/wp-content/uploads/2011/03/WaterTalk-.png') 0 0 no-repeat;
		}


		.REDtab {
			margin: -300px 0 0 583px;
			display: block;
			height: 300px;
			width: 150px;
			background: url('/wp-content/uploads/2011/02/RED.png') 0 0 no-repeat;
			text-indent: -99999px;
		}

		.REDtab:hover {
			background: url('/wp-content/uploads/2011/02/RED-.png') 0 0 no-repeat;
		}


		.BLUEtab {
			margin: -300px 0 0 750px;
			display: block;
			height: 300px;
			width: 150px;
			background: url('/wp-content/uploads/2011/03/BLUE.png') 0 0 no-repeat;
			text-indent: -99999px;
		}

		.BLUEtab:hover {
			background: url('/wp-content/uploads/2011/03/BLUE-.png') 0 0 no-repeat;
		}

		.post {
			float: left;
			width: 900px;
			padding: 0px 0px 0px 0px;
			display: inline;
		}

		.entry {
			line-height: 17px;
		}

		p.postmetadata {
			border-top: 1px solid #ccc;
			margin: 10px 0 0 0;
		}

/********** FOOT **********/

#footer {
	clear: both;
	width: 900px;
	padding: 0 0 0 0
}

.footNav {
	float: left;
}

.footNav a, a:hover {
	text-decoration: none;
}


.socialNav {
	float: right;
	
}

.socialNav a, a:hover{
	text-decoration: none;
}

#endend {
	width: 900px;
	float: left;
	valign: bottom;
}






	/*  --- --- --- --- --- --- --- --- --- --- --- ---
	--- --- --- ---     PAGE COLORS     --- --- --- ---
	--- --- --- --- --- --- --- --- --- --- --- ---  */

		body.project{ background-color: #ffae00; /*jaune*/}
		body.water{ background-color: #009cff; /*bleu*/}
		body.youcandosomething{ background-color: #2D2241; /*pourpre*/}
		body.whywater{ background-color: #009cff; /*bleu*/}
		body.contact{ background-color: #64006a; /*pourpre*/}
		body.give{ background-color: #47623E; /*vert*/}
		body.press{ background-color: #991900; /*rouge*/}
		body.museum{ background-color: #ffae00; /*jaune*/}
		body.waterlab{ background-color: #ffae00; /*jaune*/}
		body.haiti{ background-color: #8BC0D9; /*bleu*/}
		body.retree{ background-color: #bccd00; /*vert*/}
		body.lab{ background-color: #ffae00; /*jaune*/}
		body.ht{ background-color: #99CC66; /*vert*/}
		body.developing{ background-color: #ffae00; /*jaune*/}
		body.watertalk{ background-color: #242424; /*grey*/}

		/*
		body.sharedtalents{ background-color: #2b2b2b;}
		#006a61 #339900 Orange FF7200, Pourpre 2D2241
		*/



/********** Haiti **********/

#haitiNav {
	float: left;
	margin: 0 0 0 420px;
	width: 500px;
}

ul#haitiNav li {
	float: left;
	margin: 0 10px 0 0;
}
 
ul#haitiNav li a {
	float: left;
	text-decoration:none;
	border: 0;
}
 
ul#haitiNav a:hover,
body#Haiti ul#haitiNav li a.Haiti {
	background-color:#00b4ff; /*bleu*/
	background-position: center;
	width: 60px;
	height: 60px;
	border: 0;
	border-radius: 50px;
	-moz-border-radius: 50px;
	margin: 0 0 20px 0;
}

#HelloHaiti {
	float: left;
	width: 400px;
	margin: 0 0 0 0;
}

#haitiBack {
	float: left;
	vertical-align: bottom;
	margin: -180px 0 0 0;
}

#haitiTalk {
	float: left;
	margin: 20px 0 0 400px;
}


/********** LAB **********/

#HelloLab {
	float: left;
	width: 400px;
	margin: -80px 0 0 0;
}

/********** FOUR COLUMNS **********/

#FOUR {
	clear: both;
	float: left;
	width: 900px;
}

ul#FOUR li {
	float: left;
	width: 195px;
	margin-right: 40px;
}

ul#FOUR li p {
	padding: 0px 0px 0px 0px;
}

ul#FOUR li.last {
	margin:0px 0px 0px 0px;
}
    
ul#FOUR {
	clear:both;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	float:left;
}


/********** YOU CAN DO SOMETHING **********/

		#subscribe {
			float: left;
			margin: 20px 0 0 180px;
		}

		#subscribe input { border: 0; background: #2D2241; color: #fefade; font: Arial; font-size: 8px; outline: none; }

		#newsletter {
			float: left;
			margin: -47px 0 0 -2px;
		}

		.actbox {
			text-align: center;
			width: 195px;
			height: 200px;
			margin: 0 0 0 0;
			z-index: -1;
		}

		.actbox:hover {
			background: #373046; /*pourpre*/
			background opacity: 0.3;
			background filter: alpha(opacity=30);
		}


/********** STUFF **********/

#ColONE {
	float: left;
	width: 195px;
	margin: 10px 40px 0 0;
}

#ColTWO {
	float: left;
	width: 195px;
	margin: 10px 0 0 0;
}

#ColTHREE {
	float: left;
	width: 195px;
	margin: -260px 0 0 470px;
}

#StarterL {
	float: left;
	width: 430px;
	margin: 0 0 0 0;
}

#vBar {
	position: absolute;
	float: left;
	margin: 0 0 0 205px;
	z-index: -2;
}


/********** LET ME SHARE**********/

#share {
	clear: both;
	float: left;
	width: 430px;
}

.line input {
	border: 0;
	width: 190px;
	background: transparent;
	border-bottom: 1px solid #fefade; /*blanc*/
	color:  #fefade; /*blanc*/
	font: Arial;
	font-size: 14px;
	outline: none; }

.lineEX input { border: 0; width: 430px; background: transparent; border-bottom: 1px solid #fefade; color: #fefade; font: Arial; font-size: 14px; outline: none; }
.line { margin-top: 5px;}

.line textarea {
	border: 0;
	width: 430px;
	background: transparent;
	color: #fefade; /*blanc*/
	font-family: Arial;
	font-size: 14px;
	line-height: 31px;
	outline: none;
}

#lines {
	float: left;
	margin: -115px 0 0 0;
}

#country-code {
	float: left;
	margin: -25px 0 0 200px;
}

#stuff-to-know {
	width: 430px;
	float: left;
	margin: -200px 0 0 470px;
}

.yeah {
	float: left;
	margin: -22px 0 0 -90px;
}

#done input {
	background: #66848c; /*bleu*/
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	border: none;
	padding: 15px 25px 15px 25px;
	font-family: Arial, Helvetica;
	font-size: 36px;
	font-weight: bolder;
	text-transform: uppercase;
	color: #fefade; /*blanc*/
	line-height: 24px;
	text-decoration: none;
	outline: none;
}

#done input:hover {
	background: #fefade; /*blanc*/
	color: #66848c;/*bleu*/
}

/********** SHARED TALENTS **********/

#yesman {
	margin: -10px 0 0 360px;
}

.pink {
	line-height: 28px;
	opacity: 0.8;
	filter: alpha(opacity=80);
	padding: 0 10px 0 10px;
	margin: 0 0 0 -10px;
	width: 100%;
}

#ABOUTsharedtalents {
	margin: 0 0 0 470px;
	width: 430px;
}


.loc {
	border: 0;
	margin: -50px 0 10px 60px;
}

#PPLgraph {
	margin: -392px 0 0 25px;
}

#TALENTgraph {
	margin: -272px 0 0 85px;
}

#SPHEREgraph {
	margin: -123px 0 0 75px;
}

.graph {
	color: #66848c; /*bleu*/
}


.graph:hover {
	color: #E28D6C; /*rouge*/
}





#sharenow {
	margin: -50px 0 10px 685px;
	width: 100%;
}

a.sharenow {
	background: #66848c; /*bleu*/
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	border-bottom: none;
	padding: 15px 25px 15px 25px;
	text-decoration: none;
	font-size: 75%;}

a.sharenow:hover {
	background: #fefade; /*blanc*/
	color: #66848c;/*bleu*/
}



	/*  --- --- --- --- --- --- --- --- --- --- --- ---
	--- --- --- ---   WATER TALK TOUR   --- --- --- ---
	--- --- --- --- --- --- --- --- --- --- --- ---  */

		#labelTEXT {
			font-family: Courier, Courier New;
			font-size: 18px;
			font-weight: lighter;
			text-transform: uppercase;
			color: #fefade; /*blanc*/
			line-height: 24px;
			text-decoration: none;
			margin: -44px 0 10px 0;
		}

		#GoogleMap {
			float: right;
			margin: -80px -40px 0 0;
		}

		.city {
			font-family: Courier, Courier New;
			font-size: 18px;
			font-weight: lighter;
			text-transform: uppercase;
			color: #242424; /*noir*/
			line-height: 12px;
			text-decoration: none;
			margin: 0 0 0 0;
		}

		.date {
			font-family: Courier, Courier New;
			font-size: 12px;
			font-weight: normal;
			text-transform: normal;
			color: #242424; /*noir*/
			line-height: 12px;
			text-decoration: none;
			padding: 14px 0 0 0;
		}

		#LosAngeles {
			width: 150px;
			position: absolute;
			margin: 120px 0 0 0;
			z-index: 1;
		}

		#Portland {
			width: 150px;
			position: absolute;
			margin: 120px 0 0 150px;
			z-index: 1;
		}

		#Seattle {
			width: 150px;
			position: absolute;
			margin: 120px 0 0 300px;
			z-index: 1;
		}

		#Vancouver {
			width: 150px;
			position: absolute;
			margin: 120px 0 0 450px;
			z-index: 1;
		}

		#Toronto {
			width: 150px;
			position: absolute;
			margin: 120px 0 0 600px;
			z-index: 1;
		}

		#NewYork {
			width: 150px;
			position: absolute;
			margin: 120px 0 0 750px;
			z-index: 1;
		}

		#CA {
			position: absolute;
			text-indent: -99999px;
			width: 150px;
			height: 300px;
			margin: -309px 0 0 0;
		}

		#OR {
			position: absolute;
			text-indent: -99999px;
			width: 150px;
			height: 300px;
			margin: -327px 0 0 150px;
		}

		#WA {
			position: absolute;
			text-indent: -99999px;
			width: 150px;
			height: 300px;
			margin: -345px 0 0 300px;
		}

		#BC {
			position: absolute;
			text-indent: -99999px;
			width: 150px;
			height: 300px;
			margin: -363px 0 0 450px;
		}

		#ON {
			position: absolute;
			text-indent: -99999px;
			width: 150px;
			height: 300px;
			margin: -381px 0 0 600px;
		}

		#NY {
			position: absolute;
			text-indent: -99999px;
			width: 150px;
			height: 300px;
			margin: -399px 0 0 750px;
		}


		a.color {
			background: #D2CDBB; /*gris*/
			opacity: 0.0;
			filter: alpha(opacity=0);
		}

		a.color:hover {
			background: #D2CDBB; /*gris*/
			opacity: 0.4;
			filter: alpha(opacity=40);
		}


		#video {
			text-align: center;
			margin: 0 0 30px 0;
		}