* {  margin: 0; padding: 0; font:13px "Trebuchet MS",'Lucida Sans',Verdana, Arial, Sans-serif; color: #15233c;  }
html {  background:#d9d3b2 url(images/bg_site.png) repeat-x; text-align: center; }
body { margin: 0 auto; text-align: center; width:920px; text-align: left; position: relative; }

h1, h2, h3, h4, h5, h6 { }
h1 { display: none }
h2 { text-decoration: none; font-size: 1.7em; margin-bottom:15px; }
h3 { font-size: 1.2em; }
h4 { font-size: 1em; color: #fd6609; font-weight: normal; display: block; margin-bottom:10px; }
h5 { font-size: .9em; display: block; }
b { font-weight: bold; }

a { font-weight: bold; text-decoration: none; }

img { border: none; }
li { list-style: none; }
p { margin-bottom: 10px; display: block; }
strong { font-weight:bold; }
em { font-style: italic; }


#header { width: 230px; float:left; }
#header img.logo { margin:35px 0 40px; }

ul#menu li { display: block; height: 27px; width: 210px; margin-bottom: 8px; border-bottom: 1px solid #15233c; }
ul#menu li a { display: block; background: url(images/arrow.png) right 0 no-repeat; }
ul#menu li a:hover { background-position:right -49px; }


ul#menu_aux { position: absolute; top:0; right:0; width: 210px; }
ul#menu_aux li { float: left; }

#content { float: left; padding:0 0; width: 440px; margin-top: 70px; }
#content ul li { list-style-image: url(images/bullet.png);}

#sidebar { width:230px; padding-left:10px; display: block; float: right; margin-top:145px; }
#sidebar ul li { list-style-image: url(images/bullet.png); }

/* HOME */
blockquote { font-style: italic; margin-top: 20px; width: 190px; }
blockquote img { display: block; }
cite { font-weight: bold; }

.home { text-align: center; display: block; text-align: center; }
.home img { margin:20px 0 10px; display: block; }

#sidebar.home { text-align: left; }
#sidebar.home ul { display: block; margin-bottom: 30px; }
#sidebar.home ul li { list-style: none; height:35px; padding: 0;}
#sidebar.home ul li a { display: block; width: 210px; padding:5px 0 5px 27px; border-bottom: 1px solid #0f253d; }
#sidebar.home ul li a img { margin: 0; padding: 0; }

#sidebar a.cc { background: url(images/abcd.png) no-repeat left 6px;	 }
#sidebar a.cp { background: url(images/abcd.png) no-repeat left -28px; }
#sidebar a.hcc { background: url(images/abcd.png) no-repeat left -62px; }
#sidebar a.ngo { background: url(images/abcd.png) no-repeat left -96px; }
#sidebar span#abcd_diagram { background: url(images/bg_abcd_diagram.png) no-repeat; width: 161px; height: 161px; display: block; position: relative; }
#sidebar span#abcd_diagram a { width:30px; height:30px; display: block; position: absolute; }
#sidebar span#abcd_diagram a.how_it_works_diagram { left:0; top:0; width:161px; height: 161px; }
#sidebar span#abcd_diagram a.cc_diagram { right: 10px; top:11px; }
#sidebar span#abcd_diagram a.cp_diagram { left:65px; top:64px; }
#sidebar span#abcd_diagram a.hcc_diagram { right:10px; top:120px; }
#sidebar span#abcd_diagram a.ngo_diagram { left:10px; top:120px; }



/* PAGES */
/* menu */
ul#menu li select { width:170px; max-width: 170px; }

ul#menu li#internal { background: none !important; height:60px; }
ul#menu li#internal h3 { float: left; }
ul#menu li#internal h4 { height: 17px;}
ul#menu li#internal a { background: url(images/abcd_small.png) no-repeat; width:23px; max-height:23px; overflow: hidden; display: block; float: left; margin:0 0px 0 3px; }
ul#menu li#internal a.cc { background-position:0 0; height:24px; }
ul#menu li#internal a.cp { background-position:-27px 0; height:24px; }
ul#menu li#internal a.hcc { background-position:-54px 0; height:24px; }
ul#menu li#internal a.ngo { background-position:-81px 0; height:24px; }

ul#menu li.last_internal { background: none; border: none; }
ul#menu li.last_internal h3 { float: left; }
ul#menu li.last_internal #abcd_diagram_small { background: url(images/bg_abcd_diagram_small.png) no-repeat; width: 50px; height:50px; display: block; float: right; position: relative; }

/* who we are */
.who_we_are { width: 670px !important; }
.who_we_are img { border: 10px solid #fd6609; display: block; float: left; clear: both; }
.who_we_are h2 img { border: none; display: block; float:none; clear: both; }
.who_we_are div.founders { margin:20px 0; border-bottom: 1px solid #0f253d; }
.who_we_are div.founders h4 { font-size: 1.4em; font-style: italic; padding-left: 210px; }
.who_we_are div.advisors h3 { margin-left: 210px; margin-bottom: 20px; }
.who_we_are div.advisors h4 { font-size: 1.4em; font-style: italic; width: 200px; text-align: right; float: left; }
.who_we_are div.founders p, .who_we_are div.advisors p { padding-left: 210px; padding-top:4px; margin-bottom:15px; }

a.box_ngo { text-decoration: underline; }
div.box_ngo { z-index: 3000; position: absolute; left: 0; top:0; display: block; width: 249px; padding:20px; height: auto; background:#aea88e url(images/bg_ngo_bottom.png) no-repeat bottom left; }
div.box_ngo h3 { background: url(images/bg_ngo.png) no-repeat top left; margin:-20px; padding: 15px 0 0 20px; height:auto; }
div.box_ngo div { margin-top: 10px; width: 250px; }
xdiv.box_ngo a.close_ngo { position: absolute; top:15px; right:0; }
xdiv.box_ngo img { border: none; }
xdiv.box_ngo { display: none; }


/* who we work with */
p.to_quotes { font-style: italic }
ul.names { margin-bottom: 10px; }
ul.names li { margin-left: 30px; }
ul.names li a img { vertical-align: middle; margin-bottom: 5px; }
ul.names li a:hover { color: #fd6609; }

.who_we_work_with blockquote { font-style: italic; margin-top:0px; padding-top:5px; width: auto; border-top: 1px solid #15233c; }
.who_we_work_with cite img { float: right; margin-top: 5px; }
.who_we_work_with ul li { list-style: none !important;}

#sidebar.who_we_work { padding: 0; text-align: right; margin-top:55px; }
#sidebar.who_we_work img { margin: 0;}
#sidebar.who_we_work h3 { text-align: left; padding-left: 20px; margin:0; }


/* how it works */
.how_it_works { min-height:700px; display:block; }
.how_it_works h2 img { margin-right:5px; vertical-align: -2px; }
.how_it_works div span { display: none; }
.how_it_works h3 { margin-left: 20px; padding:3px 0 0 34px; background: url(images/bg_1_11.png) no-repeat; height:29px; cursor: pointer }
.how_it_works h3.t1 { background-position: 0 0; }
.how_it_works h3.t2 { background-position: 0 -32px; }
.how_it_works h3.t3 { background-position: 0 -64px; }
.how_it_works h3.t4 { background-position: 0 -96px; }
.how_it_works h3.t5 { background-position: 0 -128px; }
.how_it_works h3.t6 { background-position: 0 -160px; }
.how_it_works h3.t7 { background-position: 0 -192px; }
.how_it_works h3.t8 { background-position: 0 -224px; }
.how_it_works h3.t9 { background-position: 0 -256px; }
.how_it_works h3.t10 { background-position: 0 -288px; }
.how_it_works h3.t11 { background-position: 0 -320px; }

.how_it_works img.description { margin-left: -40px; }

div.box_howitworks { display: none; position: absolute; right: 0; top:250px; width: 249px; padding:20px; height: auto; background:#aea88e url(images/bg_ngo_bottom.png) no-repeat bottom left; }
div.box_howitworks h3 { background: url(images/bg_ngo.png) no-repeat top left; margin:-20px; padding: 15px 0 0 20px; height:auto; }
div.box_howitworks div { margin-top: -85px; width: 250px; }


/* how it works pages */
#sidebar.how_it_works_pages { padding-left: 20px; width: 210px; }
.how_it_works_pages p.special { font-style: italic; }
#sidebar.how_it_works_pages { margin-top:60px; }
.how_it_works_pages li { margin-bottom: 5px; list-style-type: disc; list-style-position: outside; margin-left: 17px; }
.how_it_works_pages h2 img { vertical-align:-7px; }
..how_it_works_pages h3 { float: left; }
.how_it_works_pages h3.rounded { background: url(images/sidebar_top.png) no-repeat left bottom; height:39px; margin-top:20px; float: none }
.how_it_works_pages div.rounded { background:#aea98e url(images/sidebar_bottom.png) no-repeat left bottom; padding:0 20px 10px; }
.how_it_works_pages div.rounded ul { margin-top: 5px; }
.how_it_works_pages .diagram_youare { margin-top:40px; width: 210px; height: 108px; background: url(images/bg_abcd_diagram_youare.png) no-repeat; }
#sidebar.how_it_works_pages h4 { height:17px; }
#sidebar.how_it_works_pages img { float: left }
#sidebar.how_it_works_pages a { background: url(images/abcd_youare.png) no-repeat; width:23px; height:23px; overflow: hidden; display: block; float: left; margin:0; padding: 0 2px; }
#sidebar.how_it_works_pages a.cc { background-position: 0 -23px; }
#sidebar.how_it_works_pages a.cp { background-position: -40px 0; }
#sidebar.how_it_works_pages a.hcc { background-position: -80px 0; }
#sidebar.how_it_works_pages a.ngo { background-position: -120px 0; }


/* case study */
#medias { margin-top:5px; }
#medias * { color: white; }
#medias { width:630px; height:321px; background: url(images/bg_medias.png) no-repeat; position: relative; }
#medias img.previous { float:left; margin-right:3px; cursor:pointer; }
#medias img.next { float: right; margin-left:3px; cursor:pointer; }
#medias img.disabled { cursor: default; }

#medias #tab_photos, #medias #tab_videos { width:24px; height:71px; position:absolute; left:630px; top:0; background:url(images/medias_tab.png) no-repeat; }
#medias #tab_videos { top:71px; background-position:0 -71px; }

#medias #photo { height:311px; position: absolute; top:10px; left:10px; text-align:center; width:420px; }
x#medias #photo img { width:420px; height:281px; }
#medias #photo span.legend { display:block; width:420px; height:20px; position: absolute; top:285px; left:0; overflow:hidden; text-align:center; }
#medias #photo span.legend img { width:auto; height:auto; border:none; padding-top:2px; }

#medias #photos { position:absolute; top:15px; left:523px; }
x#medias #photos img { width:62px; height:42px; }
#medias #photos img { border:3px solid white; margin-bottom:5px; cursor:pointer; }
#medias #photos li { padding-left:17px; list-style: none }
#medias #photos li.no_photo { text-align: center; margin-top:-5px; padding-left:0; margin-left:17px; width:68px; }
#medias #photos li.no_photo img { width:auto; height:auto; border:none; padding-top:2px; }
#medias #photos p { display: none }

#medias #video { height:311px; width:420px; text-align:center; position: absolute; top:10px; left:10px; display:none;}
#medias #video object, #medias #video embed { width:335px; height:280px; }
#medias #video span.legend { display:block; width:420px; height:20px; position: absolute; top:285px; left:0; overflow:hidden; text-align:center; }
#medias #video span.legend img { width:auto; height:auto; border:none; padding-top:2px; }

#medias #videos { position:absolute; top:15px; left:523px; display: none }
#medias #videos object, #medias #videos embed { width:50px; height:42px; cursor:pointer; margin-bottom: -3px; }
#medias #videos li { position:relative; padding-left:17px; list-style: none; margin-bottom:5px; }
#medias #videos li span { border:3px solid white; display:block; } 
#medias #videos li a { position:absolute; top:-3px; left:-3px; width:75px; height:50px; }
#medias #videos li.no_video { text-align: center; margin-top:0; padding-left:0; margin-left:17px; width:68px; }
#medias #videos li.no_video img { width:auto; height:auto; border:none; padding-top:5px; }
#medias #videos p { display: none }

#content.casestudy { margin-top:50px; width:630px; }
#content.casestudy span.others { position: absolute; top:85px; right:0; display:block; width:230px; height: 30px; float:right; overflow: hidden }
#content.casestudy span.others select { margin-right:5px; width:200px; font-size:.8em; margin-top:2px; }
#content.casestudy span.others select, #content.casestudy span.others img { display:block; float:left; }

.casestudy #info { margin:20px 0 15px; }
.casestudy #info p { margin:0; }
.casestudy p.text { width:430px; }
.casestudy #buttons { float:right; width:160px; }
.casestudy #buttons img { margin:7px 0 -6px; }

/* contact */
div.contact a { text-decoration:underline; color: #fd6609; }
div.contact p { margin:20px 0; }
div.contact p.spaced { margin:0 0 0 30px; }
 
/* news */
#content.news img.news_image { max-width: 420px; border-left:7px solid #fd6609; display: block}
#content.news img { margin: 0; padding: 0;}
#content.news h3 { margin: 15px 0; font-style: italic; font-size: 1.3em; }
#content.news p.data { margin:10px 0 15px; }
#content.news p img { border:5px solid white; }
#content.news li img { border:5px solid white; }

#sidebar.news { padding-left: 20px; width: 210px; margin-top:60px; position: relative; }
#sidebar.news h3 { font-style: italic; margin: 0 -10px 10px -10px; padding:0 10px 5px; border-bottom: 1px dotted #15233c; }
#sidebar.news h3.last { border:none; }
#sidebar.news h3 a { font-style: italic; }
#sidebar.news h3 a:hover { color:#fd6609; }
#sidebar.news h3.rounded { background: url(images/sidebar_top.png) no-repeat left bottom; height: 39px; margin:20px 0 0; float: none; padding: 0; border: none; font-style: normal }
#sidebar.news p.data { margin:0 0 0 -10px; padding-left: 10px; background: url(images/arrow_marine.png) no-repeat left 2px; }
#sidebar.news h4 { height: 17px; }
#sidebar.news li { margin-bottom: 5px; list-style-type: disc; list-style-position: outside; margin-left: 17px; }
#sidebar.news div.rounded { background:#aea98e url(images/bg_news_pag.png) no-repeat left bottom; padding:10px 10px 25px; }
#sidebar.news span { position: absolute; bottom:5px; left:20px; width: 210px; text-align: center; color: white; }

a.newsletter { display: block; width: 100%; height: 22px; padding:7px 0 0; border-bottom: 1px solid #15233c; }
a.newsletter { background: url(images/arrow.png) right 2px no-repeat; }
a.newsletter:hover { background-position: right -47px; }

.right { margin:0 0 0 10px !important; float:right; }
.left { margin:0 10px 0 0 !important; float:left; }

div#partners { background:#bdb6a0 url(images/_bottom.gif) left bottom no-repeat; margin:-3px 0 0 20px; text-align:center; }
div#partners img { padding:0 0 15px 0; }