body {
	margin: 0; 
	padding: 0;
	background:#333 url(../img/team-a-bg.gif) repeat;
	text-align:center;
}

a:link, a:visited { color:#fff; text-decoration: none;}
a:hover, a:active { color:#ccc; text-decoration: none;}

#container {
	position:relative;
	text-align: left;
	top: 50px; 
	left: 0px;
	width:800px;
	height:530px;
	margin:auto;
	background:#333;
	border:1px solid #666;
	font: normal normal normal 12px Verdana, Helvetica, Arial, sans-serif;
	color: #fff;
}

#navContainer { position:absolute; left:0px; top:140px; width:215px; height:202px; } 
#navContainer img { border:none; padding:0; }

#logo { z-index:0; }

#work {position:absolute; top:23px; left:97px; width:72px; height:20px; z-index:10; }
#services {position:absolute; top:45px; left:0px; width:92px; height:21px; z-index:11; }
#about {position:absolute; top:123px; left:143px; width:72px; height:20px; z-index:12;  }
#contact {position:absolute; top:181px; left:31px; width:84px; height:20px; z-index:13; }

#work a { display:block; width:72px; overflow:hidden; }
#work a:hover { display:block; text-indent:-72px; }

#about a { display:block; width:72px; overflow:hidden; }
#about a:hover { display:block; text-indent:-72px; }

#services a { display:block; width:92px; overflow:hidden; }
#services a:hover { display:block; text-indent:-92px; }

#contact a { display:block; width:84px; overflow:hidden; }
#contact a:hover { display:block; text-indent:-84px; }

#main { position:absolute; top:30px; left:230px; width:520px; height:440px; border: 10px solid #fff; }
.workMain, .servicesMain, .aboutMain, .contactMain, .frontMain { background-repeat:repeat-x; background-position:bottom }
.workMain { background-color:#693; background-image:url(../img/work_bg.gif); } 
.servicesMain { background-color:#f93; background-image:url(../img/services_bg.gif); }
.aboutMain { background-color:#09f; background-image:url(../img/about_bg.gif); }
.contactMain { background-color:#c33; background-image:url(../img/contact_bg.gif); }
.frontMain { background-color:#fff; background-image:url(../img/front_bg.gif); }

#tabContainer { 
	position:absolute; top:70px; right:570px; 
	height:45px; 
	font:normal normal normal 18px/30px Verdana, Helvetica, Arial, sans-serif; 
	letter-spacing:5px; 
	padding-left:22px; }
#tab { position:absolute; top:5px; left:22px; height:35px; background-color:#fff; color:#333; }
#tabEnd { position:absolute; left:11px; top:5px; width:11px; height:35px; }
.workTab { background-color:#693; color:#fff; } 
.servicesTab { background-color:#f93; color:#fff; }
.aboutTab { background-color:#09f; color:#fff; }
.contactTab { background-color:#c33; color:#fff; }

#topStripeA, #topStripeB, #topStripeC { width:100%; height:2px; position:absolute; left:0px; }
#topStripeA { top:0px; }
#topStripeB { top:4px; }
#topStripeC { top:8px; }

#sideStripeA, #sideStripeB, #sideStripeC { width:2px; height:100%; position:absolute; top:0px; } 
#sideStripeC { left:0px; }
#sideStripeB { left:4px; }
#sideStripeA { left:8px; }

.workA { background-color:#0c0 }
.workB { background-color:#6c6 }
.workC { background-color:#9c9 }

.servicesA { background-color:#300 }
.servicesB { background-color:#963 }
.servicesC { background-color:#fc9 }

.aboutA { background-color:#066 }
.aboutB { background-color:#0cc }
.aboutC { background-color:#0ff }

.contactA { background-color:#300 }
.contactB { background-color:#600 }
.contactC { background-color:#900 }

#upperCorner {position:absolute; top:30px; left:230px; width:540px; height:10px; z-index:9 }
.ul { position:absolute; top:0; left:0 }
.ur { position:absolute; top:0; right:0 }
.ll { position:absolute; bottom:0; left:0 }
.lr { position:absolute; bottom:0; right:0 }

#teamA { position:absolute; top:210px; left:190px; z-index:10; }
#teamA img { border:0; }

#new { position:absolute; top:210px; left:400px; z-index:11; }
#new img { border:0; }

#navBottom { position:absolute; bottom:20px; left:230px; width:520px; text-align:center; font-size:10px; color:#666  }
#navBottom a { color:#666; }
#navBottom a:hover { color:#999; }