/*
	 CSS-Tricks Example
	 by Chris Coyier
	 http://css-tricks.com
*/

* { margin: 0; padding: 0; }


h3 { margin: 0 0 10px 0; }

.tabs { list-style: none; overflow: hidden; margin-top:30px; margin-left:60px; padding-left: 1px; }
.tabs li { display: inline; }
.tabs li a { display: block; float: left; padding: 4px 8px; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:15px; color:#FFF; border: 1px solid #ccc; background: #F90; margin: 0 0 0 -1px; }
.tabs li a.current { background: #F90; border-bottom: 0; position: relative; top: 2px; z-index: 2; }

.box-wrapper { -moz-box-shadow: 0 0 20px black; -webkit-box-shadow: 0 0 20px black; padding: 20px; background: white;  border: 1px solid #ccc; margin: -1px 0 0 0; height: 210px; position: relative; margin-left:60px; }
.content-box { overflow: hidden; position: absolute; top: 20px; left: 20px; width: 658px; height: 230px; }

.current { z-index: 100; }

.col-one, .col-two, .col-three { width: 30%; float: left; position: relative; top: 350px; }
.col-one, .col-two { margin-right: 3%; }