html, body{height:100%;} 
 body	{
 	margin: 0; padding:0; text-align:center;
	font:11px/15px arial, helvetica, verdana, sans-serif;
	color: #33363A;
	background: #86A8D8;
	}
/* Centres the design in the middle of the page regardless of screen resolution */	
#wrap  {
position: absolute;
width:780px;
height:441px;
left: 50%;
/*hide from ie-Mac\*/
top: 50%;
margin-top: -220px; /* make this half your image/element height */
margin-left: -390px; /* make this half your image/element width */

/*end hide*/
}
/* Styles for main header with logo */

#header {width:780px; height:78px; margin:0; padding:0; background:url(../images/header_bg.gif) no-repeat;}
#home_button {float:right; width:31px; height:9px; padding:0px 18px 0 0; margin:0px; background:url(../images/buttons/home.gif) left top no-repeat;}
#home_button a {display: block; overflow: hidden; font-size: 1px; height: 0px; padding-top:10px;}
#logo {float:right; width:197px; height:15px; padding:0px 74px 0 0; margin:45px 0 0 0; background:url(../images/logo.gif) left top no-repeat;}
#logo a {display: block; overflow: hidden; font-size: 1px; height: 0px; padding-top:50px;}


/* Styles for central area of site including navigation */

#main {float:left; margin:0; padding:0; width:780px; height:326px;}
#left {float:left; margin:0; padding:0; width:179px; height:326px; background: url(../images/nav_bg.gif) top no-repeat;}
#right {float:left; margin:0; padding:0; width:601px; height:326px; background: url(../images/main_bg.gif) top no-repeat;}
#right img {text-align:left; padding:5px 16px 0 1px; margin:0;}
#flash-work {float:left; width:584px; height:326px; text-align:left; padding:0; margin:0; border-left:1px solid #FFF;}
#flash-people {float:left; width:584px; height:326px; text-align:left; padding:0; margin:0; border-left:1px solid #FFF; background: url(../images/people_bg.gif) repeat-y;}
#flash {text-align:left; padding:5px 16px 0 1px; margin:0;}

#nav {
	float:left;
	margin:0;
	padding:0;
	list-style-type: none;
	height:326px;
	width:179px;
}
div#left ul { width:161px; list-style-type: none; font:11px Tahoma, Arial, Helvetica, sans-serif; margin:25px 0 0 18px; padding:0;}
div#left ul li span { visibility:hidden; }
div#left ul li a { display:block; width:161px; height:19px; background-repeat: no-repeat; background-position: left top; margin:0; padding:0; text-decoration:none; }
div#left ul li a:hover, div#left ul li a.here { background-position: 0 -19px; }

div#left a#capabilities { background-image: url(../images/buttons/capabilities.gif); }
div#left a#testimonials { background-image: url(../images/buttons/testimonials.gif); }
div#left a#work { background-image: url(../images/buttons/work.gif); }
div#left a#branding { background-image: url(../images/buttons/branding.gif); }
div#left a#marketing { background-image: url(../images/buttons/marketing.gif); }
div#left a#corporate { background-image: url(../images/buttons/corporate.gif); }
div#left a#web { background-image: url(../images/buttons/web.gif); }
div#left a#people { background-image: url(../images/buttons/people.gif); }
div#left a#alliances { background-image: url(../images/buttons/alliances.gif); }
div#left a#mentoring { background-image: url(../images/buttons/mentoring.gif); }
div#left a#team { background-image: url(../images/buttons/team.gif); }
div#left a#catherine { background-image: url(../images/buttons/catherine.gif); }
div#left a#marga { background-image: url(../images/buttons/marga.gif); }
div#left a#leanne { background-image: url(../images/buttons/leanne.gif); }
div#left a#big { background-image: url(../images/buttons/mission.gif); }
div#left a#program { background-image: url(../images/buttons/program.gif); }
div#left a#news { background-image: url(../images/buttons/news.gif); }
div#left a#contact { background-image: url(../images/buttons/contact.gif); }

#footer {float:left; padding:0; margin:0; width:780px; height:37px; background: url(../images/footer.gif) top no-repeat;}






/* General Styles */
.hide {display:none;}
input {vertical-align:middle;}
.inputbox {width:160px;}
a {color:#DCCAC2;}
a:hover {color:#BB6838;}


/*Styles for text */

#home_text, #capabilities_text, #work_text, #people_text, #program_text, #news_text, #contact_text {height:72px; width:601px; padding:0; margin:0;}

#home_text {background:url(../images/text/home.gif) no-repeat;}
#capabilities_text {background:url(../images/text/capabilities.gif) right top no-repeat;}
#work_text {background:url(../images/text/work.gif) right top no-repeat;}
#people_text {background:url(../images/text/people.gif) right top no-repeat;}
#program_text {background:url(../images/text/program.gif) right top no-repeat;}
#news_text {background:url(../images/text/news.gif) right top no-repeat;}
#contact_text {background:url(../images/text/contact.gif) right top no-repeat;}