@charset "UTF-8";
/* CSS Document */

/*FORMATTING*/

body {
	margin: 0px;
	width:1264px;
	background-color:#FFF;
}

a.menu:link{
	color:white;
	text-decoration: none;
}
		
a.menu:visited{
	color:white;
}
	
a.menu:hover{
	color:white;
	text-decoration:overline underline;
}
	
a.menu:active{
	color:white;
	text-decoration: none;
}

a.bottom_menu:link{
	color:black;
	text-decoration: none;
}
		
a.bottom_menu:visited{
	color:black;
}
	
a.bottom_menu:hover{
	color:black;
	text-decoration:overline underline;
}
	
a.bottom_menu:active{
	color:black;
	text-decoration: none;
}
	
/*ELEMENTS*/

/*MENU*/
div.banner_top {
	/*border:1px green solid;*/
	background-image:url(Media/header.jpg);
	width:100%;
	height:630px;
}

div.nav {
	/*border:1px green solid;*/
	
	background-image:url(Media/Layout%20Images/blackbox.jpg);
	background-repeat:repeat-x;
	height:60px;
	width:100%;
	margin-top:-5px;
	
	font-family:'Montserrat', sans-serif;
	color:white;
	text-align:center;
	font-size:14px;
	letter-spacing:.3em;
	padding-top:5px;
}

table.menu {
	margin:0px auto;
}

td.menu {
	width:20%;
	padding-left:50px;
	padding-right:50px;
}

/*ABOUT*/

div.about {
	/*border:1px green solid;*/
	
	font-family:'Montserrat', sans-serif;
	text-align:left;
	height:350px;
}

div.bio {
	/*border:1px green solid;*/
	
	margin-left:120px;
	float:left;
	width:40%;
	word-spacing:.3em;
}

span.cursive {
	font-family: 'Tangerine', cursive;
	font-size:26px;
	letter-spacing:.06em;
}

p.bio {
	/*border:1px green solid;*/
	
	font-size:12px;
}

div.bio_pic {
	/*border:1px green solid;*/
	
	float:right;
	margin-right:20%;
	margin-top:90px;
}

/*RESUME & SKILLS*/

div.resume_tab {
	/*border:1px green solid;*/
	
	background-image:url(Media/Layout%20Images/tab_divider.png);
	width:100%;
	height:60px;
}

div.resume_skills {
	/*border:1px green solid;*/

	background-image:url(Media/blackwater_gradient.jpg);
	background-color:black;
	width:100%;
	height:1000px;
	
	color:white;
	font-family:'Montserrat', sans-serif;
	text-align:left;
	font-size:14px;
}

div.resume {
	/*border:1px green solid;*/
	
	float:left;
	margin-left:30px;
	
	text-align:center;
	font-size:12px;
	line-height:5em;
	
	width:30%;
	height:280px;
}

div.skills {
	/*border:1px green solid;*/
	
	float:right;
	margin-right:30px;
	
	
	width:60%;
	height:320px;
	
	padding-left:10px;
}

img.resume_icon {
	/*border:1px solid green;*/
	
	display: block;
	margin:0px auto;
	padding-top:80px;
}

td.skills {
	/*border:1px green solid;*/
	width:300px;
}

td.skills_info {
	font-size:13px;
	line-height:2em;
	padding-left:30px;
}

div.cv {
	/*border:1px green solid;*/
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:100;
	letter-spacing:.1em;
	padding-top:30px;
}

p.indent {
	font-size:12px;
	margin-left:20px;
	line-height:16px;
}

/*PORTFOLIO*/

div.portfolio_tab {
	/*border:1px green solid;*/
	
	background-image:url(Media/Layout%20Images/white_tab.jpg);
	width:100%;
	height:60px;
}

div.portfolio {
	/*border:1px green solid;*/
	
	width:100%;
	height:900px;
}

.ch-grid {
	margin: 20px 0 0 0;
	padding: 0;
	list-style: none;
	display: block;
	text-align: center;
	width: 100%;
}

.ch-grid:after,
.ch-item:before {
	content: '';
    display: table;
}

.ch-grid:after {
	clear: both;
}

.ch-grid li {
	width: 220px;
	height: 220px;
	display: inline-block;
	margin: 20px;
}

.ch-item {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	position: relative;
	cursor: default;
	box-shadow: 
		inset 0 0 0 0 rgba(255,255,255, 0.4),
		inset 0 0 0 16px rgba(255,255,255,0.6),
		0 1px 2px rgba(0,0,0,0.1);
	transition: all 0.4s ease-in-out;
}

.ch-img-1 { 
	background-image:url(Media/Photos/Strongman_icon.jpg);
}

.ch-img-2 { 
	background-image:url(Media/Photos/haute_cheval_icon.jpg);
}

.ch-img-3 { 
	background-image:url(Media/Photos/dead_horse_icon.jpg);
}

.ch-img-4 { 
	background-image:url(Media/Photos/summit_icon.jpg);
}

.ch-img-5 { 
	background-image:url(Media/Photos/AK_icon.jpg);
}

.ch-img-6 { 
	background-image:url(Media/Photos/OUAT_icon.jpg);
}

.ch-img-7 { 
	background-image:url(Media/Photos/pow_moodboard_icon.jpg);
}

.ch-img-8 { 
	background-image:url(Media/Photos/mosquito_icon.jpg);
}

.ch-img-9 { 
	background-image:url(Media/Photos/book_icon.jpg);
}

.ch-img-10 { 
	background-image:url(Media/Photos/mole_icon.jpg);
}

.ch-img-11 { 
	background-image:url(Media/Photos/bayless_icon.jpg);
}

.ch-img-12 { 
	background-image:url(Media/Photos/horse_icon.jpg);
}

.ch-info {
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	overflow: hidden;
	opacity: 0;
	transition: all 0.4s ease-in-out;
	transform: scale(0);
	backface-visibility: hidden;
}

.ch-info h3 {
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 22px;
	margin: 0 30px;
	padding: 45px 0 0 0;
	height: 140px;
	font-family: 'Open Sans', Arial, sans-serif;
	text-shadow: 
		0 0 1px #fff, 
		0 1px 2px rgba(0,0,0,0.3);
}

.ch-info h3 {
	color: #fff;
	text-transform: uppercase;
	position: relative;
	letter-spacing: 2px;
	font-size: 16px;
	margin: 0 30px;
	padding: 60px 0 0 0;
	height: 80px;
	font-family: 'Gibson', sans-serif;
	text-shadow: 
		0 0 1px #fff, 
		0 1px 2px rgba(0,0,0,0.3);
}

.ch-info p {
	color: #fff;
	padding:5px;
	font-style: italic;
	margin: 0 30px;
	font-size: 12px;
	border-top: 1px solid rgba(255,255,255,0.5);
}

.ch-info p a {
	display: block;
	color: rgba(255,255,255,0.7);
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 9px;
	letter-spacing: 1px;
	padding-top: 4px;
	font-family: 'Open Sans', Arial, sans-serif;
}

.ch-info p a:hover {
	color: rgba(255,255,255, 0.8);
}

.ch-item:hover {
	box-shadow: 
		inset 0 0 0 110px rgba(102,102,102,0.4),
		inset 0 0 0 16px rgba(255,255,255,0.8),
		0 1px 2px rgba(0,0,0,0.1);
}

.ch-item:hover .ch-info {
	opacity: 1;
	transform: scale(1);	
	
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

/*END PORTFOLIO*/

div.contact_tab {
	/*border:1px green solid;*/
	
	background-image:url(Media/Layout%20Images/contact_tab.jpg);
	width:100%;
	height:60px;
}

div.contact {
	/*border:1px green solid;*/
	
	width:100%;
	height:535px;
	
	background-image:url(Media/blackwater_gradient.jpg);
	background-color:black;
	color:white;
	font-family:'Montserrat', sans-serif;
	font-size:14px; 
	text-align:center;
}


div.bottom_nav {
	/*border:1px green solid;*/
	
	width:100%;
	margin:0px auto;
	
	font-family:'Montserrat', sans-serif;
	color:black;
	text-align:center;
	font-size:12px;
	letter-spacing:.3em;
	padding-top:20px;
	padding-bottom:8px;
}

table.bottom_nav {
	/*border:1px green solid;*/
	
	
}

td.bottom_menu {
	/*border:1px green solid;*/
	
	width:200px;
	padding-left:50px;
	padding-right:50px;
}