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

* { margin: 0; padding: 0; }
#page-wrap { width: 900px; margin: 50px auto; }
a { text-decoration: none; }

.tabs { list-style: none; overflow: hidden; padding-left: 1px; }
.tabs li { display: inline; }
.tabs li a { display: block; float: left; padding: 4px 8px; color: black; margin: 0 0 0 -1px; }
.tabs li a.current {  border-bottom: 0; position: relative; top: 2px; z-index: 2; }

.box-wrapper { padding: 20px;  margin: -1px 0 0 0; height: 270px; position: relative; }
.content-box {
	overflow: hidden;
	position: absolute;
	top: 20px;
	left: 0px;
	width: 3050px;
	height: 270px;
}

.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%; }