* {
	margin: 0;
	padding: 0;
	}


body {
	font-family: 'Unkempt', san-serif;
  	font-size: 14px;
	}
	
	
#page-wrap {
	width: 700px;
	margin: 50px auto;
	}
	
	
a { 
	text-decoration: none;
	}
	
	
h3 {
	margin: 0 0 10px 0;
	}


/* row of tabs */
.tabs { 
	font-family: 'Fontdiner Swanky', san-serif;
  	font-size: 16px;
	list-style: none;
	overflow: hidden;
	padding-left: 1px;
	}
	

/* individual tab */	
.tabs li {
	display: inline; 
	}
	
	
/* unselected tabs */	
.tabs li a {
	display: block; 
	float: left; 
	padding: 6px 25px; 
	color: black; 
	background: #eee; 
	margin: 0 0 0 -1px; 
	}


/* selected tab */
.tabs li a.current {
	border-top: 5px solid #ccc;
	border-left: 5px solid #ccc;
	border-right: 5px solid #ccc;
	border-bottom: 0px;
	background: white;
	position: relative;
	z-index: 2;
	}


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


.current {
	z-index: 100; 
	}

	
.col-one, .col-two, .col-three {
	position: relative;
	top: 350px; 
	font-family: 'Unkempt', san-serif;
  	font-size: 14px;
	text-align: left;
	width: 30%;
	float: left;
	padding: 10px;
	}