body {margin:0px auto 0px auto; font:11px/18px verdana, arial, tahoma, helvetica, sans-serif; color:#282728; text-align:center; background:#FFF url(../images/bg.gif) repeat-x;}

#wrapper{
	position: relative;
	margin:0px auto 0px auto; padding:0px;
	width:760px;
	text-align:left;
	border: 1px solid #F0F0EF;
	border-top:none;
	background:url(../images/wrapper_bg.gif) top no-repeat;
}


#logo{position:absolute; top:10px; left:20px; padding:0px; margin:0px; background: transparent url(../images/logo.gif) top left no-repeat; width:155px; height:120px;}
#left{float:left; padding:0px; margin:166px 0 0 0px; width:230px; background: url(../images/callout_bg.gif) top no-repeat;}
#left p{margin:2px 0 2px 20px;}
#left p.kudos {padding-top:22px; font:11px/18px arial, verdana, tahoma, helvetica, sans-serif;}

#right{float:right; padding:0px; margin:310px 0 20px 0; padding:10px; width:480px;}



#navlist {position:absolute; top:266px; left:260px; width:500px; height:24px;
margin: 0;
padding: 0;
}


#navlist ul, #navlist li {
float:left;
margin: 0; padding: 0;
display: inline;
list-style-type: none;
}

#navlist a {
float: left;
margin: 4px 2px;
padding:0px 8px;
text-decoration: none;
color: #FFF;
font:12px/16px arial, verdana, tahoma, sans-serif;
font-weight: bold; 
}

#navlist a:hover, #navlist a.here { color:#AD923C;}

a {color:#AD923C; font-weight:bold;}
a:hover {color:#666;}


/* Titles
-------------------------*/
#welcome {width:286px; height:22px; margin:0px; padding:0px; background: url(../images/titles/welcome.gif) no-repeat;}
#who {width:286px; height:22px; margin:0px; padding:0px; background: url(../images/titles/who.gif) no-repeat;}
#portfolio {width:286px; height:22px; margin:0px; padding:0px; background: url(../images/titles/portfolio.gif) no-repeat;}
#practice {width:286px; height:22px; margin:0px; padding:0px; background: url(../images/titles/practice.gif) no-repeat;}
#contact {width:286px; height:22px; margin:0px; padding:0px; background: url(../images/titles/contact.gif) no-repeat;}
#faq {width:340px; height:22px; margin:0px; padding:0px; background: url(../images/titles/faq.gif) no-repeat;}

#work_title {width:125px; height:20px; margin:8px 0 8px 20px; padding:0px; background: url(../images/titles/work.gif) no-repeat;}
#team_title {width:125px; height:20px; margin:8px 0 8px 20px; padding:0px; background: url(../images/titles/team.gif) no-repeat;}
#services_title {width:150px; height:20px; margin:8px 0 8px 20px; padding:0px; background: url(../images/titles/services.gif) no-repeat;}

.copy {font:10px verdana, arial, sans-serif; color:#CCC;}
.padLeft {float:right; padding:2px; margin-left:5px; border:1px solid #000;}
.hide{display:none;}
h3 {font:bold 14px arial, verdana, sans-serif; color:#282728;}