/* ********************************************************************************************
ImpactAnation.com XHTML/CSS by Kenneth Feldman at KPFdigital.com http://www.kpfdigital.com
All associated graphics Copyright 2006, ImpactAnation.com

THIS DESIGN IS NOT A TEMPLATE.
YOU MAY NOT REPRODUCE IT ELSEWHERE WITHOUT THE DESIGNER'S WRITTEN PERMISSION.

You may adapt elements of this CSS in your own projects, but the unique
combination of images, colors, sizes, typography, and positioning ("the design")
is Copyright 2006, ImpactAnation.com and may not be reproduced.
********************************************************************************************** */

/*  BASIC PRE-SETTING
====================================================*/
*{padding:0; margin:0}

ol, dt{padding-left:0em; margin-left:0em; list-style-type:none}

dd{padding-left:2.5em; margin-left:0}

h1, h2, h3, h4, h5, h6, p, blockquote, 
 form, label, ol, dl, dd, fieldset, address{margin-bottom:1em}

p{margin-bottom:2em}

/*  MAIN STRUCTURAL ELEMENTS 
====================================================*/
body{font:76%/1.6em verdana,geneva,arial,helvetica,sans-serif; background:#F8F8F8 url("../img/int_page_bg.gif") left top no-repeat; color:#5C5C5A; /*#656563; */text-align:left; padding-bottom:0px}

body#indexpage{background:#F8F8F8 url("../img/home_page_bg.gif") left top no-repeat}

#container{width:800px; background-color:#fff; /* transparent */text-align:left}

#header{background:url("../img/stripe_detail.gif") left bottom repeat-x; height:76px; position:relative; background-color:#FFF; /* transparent */border-color:#E8E8E8; border-width:4px 0px 0px 0px; border-style:solid none none none}

#indexpage #image_bar{height:210px; background:#FFF url("../img/image_bar_bg.gif") left bottom repeat-x}

#aboutpage #image_bar, #projectspage #image_bar, #teampage #image_bar{height:171px; background:#FFF url("../img/image_bar_bg.gif") left bottom repeat-x}

#wrapper{background-color:#fff; padding:0 0px 40px 28px}

#projectspage #wrapper, #teampage #wrapper{background-color:#fff; padding:0 71px 40px 55px}

#projectspage #content, #teampage #content{padding-top:35px; background-color:transparent; /* transparent */text-align:justify}

#content_1{padding-top:35px; float:left; width:333px; background-color:transparent; /* transparent */text-align:justify}

#tab_cards{margin-left:50px; padding-top:25px; width:365px; float:left}

#content_2{margin-left:70px; padding-top:35px; width:335px; float:left; text-align:justify}

#footer{width:800px; position:relative;  /* Needed for Safari */height:19px; background:#CD0065 url("../img/stripe_detail.gif") left top repeat-x}

#innerfooter{text-align:left}

#innerfooter p{color:#999}

/*  TEXT LINK STYLES 
====================================================*/
a:link{color:#1F2325; text-decoration:underline; font-weight:normal}
a:visited{color:#1F2325; text-decoration:underline;  font-weight:normal}
a:hover{color:#BF0101; text-decoration:underline;  font-weight:normal}

a.h1:link{color:#069; text-decoration:none; font-weight:normal}
a.h1:visited{color:#069; text-decoration:none;  font-weight:normal}
a.h1:hover{color:#633; text-decoration:none;  font-weight:normal}

a img, :link img, :visited img{border:0}
 
a{outline:none}

#current{color:#BF0101}

/*  UN-ORDERED LIST STYLES 
==================================================== */
ul{list-style-type:none; padding:0; margin:0; margin-left:0em; padding:5px 15px 30px 0px; background-color:transparent}

li{background-image:url("../img/pink-dot.gif"); background-repeat:no-repeat; background-position:0 5px; padding-left:1.5em; margin-bottom:.75em; line-height:1.3em; background-color:transparent}

/*  NAVIGATION STYLES -- MAIN
====================================================*/
#main_nav{height:68px; width:379px; position:absolute; top:0px; left:420px; line-height:21px; background-color:transparent}
#main_nav ul{margin:0; padding:0; width:379px; height:68px; position:relative; list-style:none}
#main_nav ul li{height:68px; margin:0; padding:0; position:absolute; top:0}
#main_nav a{height:68px; display:block; border:0px}

#main_nav ul li a{text-indent:-9999px; text-decoration:none}

#main_nav ul li#nb1{left:0px; width:95px; background:url("../img/nb.gif") 0px 0px no-repeat}
#main_nav ul li#nb2{left:95px; width:95px; background:url("../img/nb.gif") -95px 0px no-repeat}
#main_nav ul li#nb3{left:190px; width:95px; background:url("../img/nb.gif") -190px 0px no-repeat}
#main_nav ul li#nb4{left:285px; width:94px; background:url("../img/nb.gif") -285px 0px no-repeat}

#nb1 a:hover{height:68px; width:95px; background:url("../img/nb.gif") 0px -68px no-repeat}
#nb2 a:hover{height:68px; width:95px; background:url("../img/nb.gif") -95px -68px no-repeat}
#nb3 a:hover{height:68px; width:95px; background:url("../img/nb.gif") -190px -68px no-repeat}
#nb4 a:hover{height:68px; width:94px; background:url("../img/nb.gif") -285px -68px no-repeat}

#main_nav ul li#onpage1{left:0px; width:95px; background:url("../img/nb.gif") -0px -68px no-repeat}
#main_nav ul li#onpage2{left:95px; width:95px; background:url("../img/nb.gif") -95px -68px no-repeat}
#main_nav ul li#onpage3{left:190px; width:95px; background:url("../img/nb.gif") -190px -68px no-repeat}
#main_nav ul li#onpage4{left:285px; width:94px; background:url("../img/nb.gif") -285px -68px no-repeat}

/*  h(n) STYLES
====================================================*/
/*  h1 STYLES   ***************************   */
h1{text-indent:-9876px; position:absolute; top:26px; left:123px; width:179px; height:32px; background:url("../img/h1_logo.gif") top left no-repeat}

h1 a{display:block; width:100%; height:100%; text-decoration:none; background:url("../img/h1-logo.gif") top left no-repeat}

/*  h2 STYLES   ***************************   */
h2{font-size:1.25em; line-height:1em; margin-bottom:5px}

#indexpage h2{text-indent:-9876px; width:257px; height:12px; background:url("../img/index_h2.gif") top left no-repeat}

/*  ABOUT US h2 STYLES   ***************************   */
h2#about{text-indent:-9876px; width:61px; height:12px; background:url("../img/h2_about.gif") top left no-repeat}

h2#why{text-indent:-9876px; width:89px; height:12px; background:url("../img/h2_why.gif") top left no-repeat}

h2#approach{text-indent:-9876px; width:97px; height:12px; background:url("../img/h2_approach.gif") top left no-repeat}

h2#engagement{text-indent:-9876px; width:240px; height:12px; background:url("../img/h2_engagement.gif") top left no-repeat}

/*  PROJECTS h2 STYLES   ***************************   */
h2#projects{text-indent:-9876px; width:90px; height:12px; background:url("../img/h2_projects.gif") top left no-repeat}

h2#waterengage{text-indent:-9876px; width:295px; height:12px; background:url("../img/h2_waterengage.gif") top left no-repeat}

h2#civicactionplatform{text-indent:-9876px; width:295px; height:12px; background:url("../img/h2_civicactionplatform.gif") top left no-repeat}

h2#schlumberger{text-indent:-9876px; width:295px; height:12px; background:url("../img/h2_schlumberger.gif") top left no-repeat}

h2#earthcare{text-indent:-9876px; width:70px; height:12px; background:url("../img/h2_earthcare.gif") top left no-repeat}

h2#kidsnrg{text-indent:-9876px; width:173px; height:12px; background:url("../img/h2_kidsnrg.gif") top left no-repeat}

h2#kidsareit{text-indent:-9876px; width:158px; height:13px; background:url("../img/h2_kidsrit.gif") top left no-repeat}

h2#sheeo{text-indent:-9876px; width:127px; height:12px; background:url("../img/h2_sheeo.gif") top left no-repeat}

/*  TEAM h2 STYLES   ***************************   */
h2#team{text-indent:-9876px; width:62px; height:12px; background:url("../img/team.gif") top left no-repeat}

h2#vicki{text-indent:-9876px; width:101px; height:12px; background:url("../img/saunders.gif") top left no-repeat}

h2#richard{text-indent:-9876px; width:89px; height:12px; background:url("../img/ford.gif") top left no-repeat}

h2#tom{text-indent:-9876px; width:89px; height:12px; background:url("../img/hadfield.gif") top left no-repeat}

h2#kevin{text-indent:-9876px; width:84px; height:12px; background:url("../img/foxe.gif") top left no-repeat}

h2#michael{text-indent:-9876px; width:96px; height:12px; background:url("../img/kroll.gif") top left no-repeat}


/*  h3 STYLES   ***************************   */
h3{font-size:1.0em; text-align:left}

#aboutpage h3{line-height:1em; margin-bottom:5px; color:#333}

/*  MISCELLANEOUS STYLES
====================================================*/

/* self clearing rules */
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden}
.clearfix{display:inline-block; _height:1%}
/* Hides from IE-mac \*/
.clearfix{display:block}
/* End hide from IE-mac */

/* ********************************************************************************************
ImpactAnation.com XHTML/CSS by Kenneth Feldman at KPFdigital.com http://www.kpfdigital.com
All associated graphics Copyright 2006, ImpactAnation.com

THIS DESIGN IS NOT A TEMPLATE.
YOU MAY NOT REPRODUCE IT ELSEWHERE WITHOUT THE DESIGNER'S WRITTEN PERMISSION.

You may adapt elements of this CSS in your own projects, but the unique
combination of images, colors, sizes, typography, and positioning ("the design")
is Copyright 2006, ImpactAnation.com and may not be reproduced.
********************************************************************************************** */