@charset "UTF-8";
/*

MEREDITH NASH TAYLOR

Global CSS Style Sheet

COLORS:

body:


Version: 1.0a
Author: futurepruf.com

Wrapper Width: 1000px

*/

/*==================== GLOBAL ====================*/

body {
	margin: 0;
	padding: 0;
	font-family: Helvetica, Arial, sans-serif;
	color: #EC008C;
}

a {
	color: #EC008C;
	text-decoration: none;
}

a:hover { text-decoration: underline; }

a:active { outline: none; }
:focus { -moz-outline-style: none; }


#wrapper {
	width: 900px;
	height: 600px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}

/*==================== TITLE ====================*/

#title {
	position: absolute;
	top: 45px;
	right: 0;
	background: transparent;
	z-index: 100;
}

	#title h1 {
		margin: 0;
		padding: 0;
		font-weight: normal;
		font-size: 14px;
	}
	
	#title ul {
		margin: 20px 0 0 0;
		padding: 0;
		list-style: none;
		font-size: 14px;
		text-transform: lowercase;
	}


/*==================== NAVIGATION MAIN ====================*/

#navigation_main {
	position: absolute;
	bottom: 16px;
	right: 0;
	text-align: right;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 12px;
	background: transparent;
	z-index: 100;
}

	#navigation_main li {
		line-height: 18px;
	}
	
		#navigation_main li a {
			filter:alpha(opacity=50);
			-moz-opacity: 0.5;
			opacity: 0.5;
		}
		
		#navigation_main li.selected a,
		#navigation_main li a:hover {
			filter:alpha(opacity=100);
			-moz-opacity: 1.0;
			opacity: 1.0;
		}

/*==================== NAVIGATION WORK ====================*/

#navigation_work {
	position: absolute;
	top: 45px;
	right: 0;
	text-align: right;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 14px;
	background: transparent;
	z-index: 100;
}

	#navigation_work li {
		line-height: 24px;
	}
	
.back {
	position: absolute;
	top: 55px;
	right: 0;
	z-index: 100;
	font-size: 12px;
}
	
/*==================== CONTENT ====================*/

#content {
	position: absolute;
	top: 0;
	left: 0;
	width: 900px;
	height: 600px;
	margin: 0;
	padding: 20px 0 0 0;
	font-size: 12px;
	background: url("../images/global/background.gif") no-repeat;
}

#content a img {
	border: none;
}

#content.bg2 {
	background: url("../images/global/background2.gif") no-repeat;
}

#content.resume {
	text-align: right;
	padding: 160px 0 0 0;
}

	#content.resume ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
		#content.resume ul li {
			margin: 12px 0;
		}

#content.bio {
	width: 550px;
	height: 480px;
	padding: 120px 0 0 285px;
}

	#content.bio table{
		width: 390px;
	}
	
		#content.bio table td {
			padding: 8px 0;
		}
			
		#content.bio table td.column_1 {
			width: 140px;
		}

#content.contact {
	padding: 200px 0 0 0;
	text-align: right;
	height: 400px;
}

/*==================== CONTENT - DISNEY MOBILE ====================*/

#content.disney_mobile .hvlog {
	position: absolute;
	top: 125px;
	left: 300px;
}


/*==================== CONTENT - RED ENVELOPE ====================*/

#content.red_envelope div.gallery_wrap {
	text-align: center;
	position: absolute;
	top: 80px;
	left: 100px;
}

#content.red_envelope div.gallery_wrap .galleria {
	padding: 0 0 0 164px;
}

/*==================== CONTENT - QWERT ====================*/

#content.qwert div.gallery_wrap {
	text-align: center;
	position: absolute;
	top: 80px;
	left: 100px;
}

#content.qwert div.gallery_wrap .galleria {
	padding: 0 0 0 222px;
}


/*==================== CONTENT - NORTH FACE ====================*/

#content.north_face div.gallery_wrap {
	text-align: center;
	position: absolute;
	top: 80px;
	left: 100px;
}

#content.north_face div.gallery_wrap .galleria {
	padding: 0 0 0 280px;
}


/*==================== CONTENT - SAFECOSMETICS ====================*/

#content.safecosmetics div.gallery_wrap {
	text-align: center;
	position: absolute;
	top: 80px;
	left: 100px;
}

#content.safecosmetics div.gallery_wrap .galleria {
	padding: 0 0 0 186px;
}

/*==================== CONTENT - LUDIX ====================*/

#content.ludix div.gallery_wrap {
	text-align: center;
	position: absolute;
	top: 80px;
	left: 100px;
}

#content.ludix div.gallery_wrap .galleria {
	padding: 0 0 0 278px;
}

/*==================== CONTENT - LUDIX ====================*/

#content.other_work div.gallery_wrap {
	text-align: center;
	position: absolute;
	top: 80px;
	left: 100px;
}

#content.other_work div.gallery_wrap .galleria {
	padding: 0 0 0 158px;
}

/*==================== CONTENT - 49ERS ====================*/

#content.sf_49ers ul {
	text-align: center;
	list-style: none;
	margin: 200px auto 0;
	padding: 0;
	width: 282px;
}

#content.sf_49ers ul li {
	float: left;
	margin: 0 12px 0 0;
}

/*==================== CONTENT - MONTEREY BAY ====================*/

#content.monterey_bay ul {
	text-align: center;
	list-style: none;
	margin: 200px auto 0;
	padding: 0;
	width: 314px;
}

#content.monterey_bay ul li {
	float: left;
	margin: 0 12px 0 0;
}

/*==================== CONTENT - PICTURE_PEOPLE ====================*/

#content.picture_people ul {
	text-align: center;
	list-style: none;
	margin: 200px auto 0;
	padding: 0;
	width: 370px;
}

#content.picture_people ul li {
	float: left;
	margin: 0 12px 0 0;
}

/*==================== GALLERIA ====================*/

.galleria {
	list-style: none;
}

.galleria li {
	display: block;
	width: 40px;
	height: 40px;
	overflow: hidden;
	float: left;
	margin:0 10px 10px 0
}

.galleria li a { display: none }

.galleria li div {
	position: absolute;
	display: none;
	top: 0;
	left: 180px;
}

.galleria li div img { cursor: pointer; }

.galleria li.active div img,
.galleria li.active div { display: block; }

.galleria li img.thumb {
	cursor: pointer;
	top: auto;
	left: auto;
	display: block;
	width: auto;
	height: auto;
}

.galleria li .caption { display: block; padding-top:.5em; }

* html .galleria li div span { width: 400px; } /* MSIE bug */

/*==================== CLASSES ====================*/