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

body{
	background-image:url(../_images/background.gif);
	background-repeat:repeat;
	margin:auto;
	background-attachment:fixed;
}

h1{
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:14px;
	color:#414141;
}

h2, h3{
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#4A4A4A;
}

h4{
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:14px;
	color:#FFF;
}


p{
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:9px;
	color:#414141;
	line-height:14px;
}

.footer * p{
	color:#FFF;
}

a{
	color:#000;
}

a:hover{
	text-decoration:none;
}

hr{
	color:#000;
	width:85%;
	float:left;
	background-color:#999;
	border:0;
	margin:35px 0 0 78px;
	padding:0;
	height:1px;

}

.interactive hr{
	margin:30px 0 0 78px;
}

.nav{
	width:100%;
	height:52px;
	background-color:#000;
	position:fixed;
	margin-top:-135px;
}

.footer{
	width:100%;
	height:27px;
	background-color:#000;
	float:left;
	padding-top:11px;
}

.designed{
	width:162px;
	float:left;
	margin-left:14px;
}

.copyright{
	width:89px;
	float:right;
}

.inner_nav{
	width:780px;
	height:52px;
	margin:auto;
	padding:12px 0 0 0;
}

.name_link{
	width:155px;
	height:22px;
	background-image:url(../_images/name.png);
	background-repeat:no-repeat;
	display:block;
}

span{
	display:none;
}

.email{
	width:118px;
	height:13px;
	background-image:url(../_images/email.png);
	float:left;
	margin:-12px 0 0 175px;
}

.right_nav{
	float:right;
	width:287px;
	height:52px;
	display:block;
	margin-top:-34px;
}

ul li{
	display:inline;
	height:13px;
	width:72px;
}

.nav_motion{
	width:67px;
	height:52px;
	background-image:url(../_images/nav_motion.gif);
	float:left;
}

.nav_interactive{
	width:95px;
	height:52px;
	background-image:url(../_images/nav_interactive.gif);
	float:left;
}

.nav_print{
	width:51px;
	height:52px;
	background-image:url(../_images/nav_print.gif);
	float:left;
}

.nav_contact{
	width:74px;
	height:52px;
	background-image:url(../_images/nav_contact.gif);
	float:left;
}

.right_nav * a:hover{
	background-position:0 -52px;
}

.name a:hover{
	background-position:0 -22px;
}

.contact{
	width:95px;
	height:60px;
	background-color:#000;
	float:right;
	margin-top:-110px;
}
	

.main_pic * a:hover, .contact * a:hover{
	background-position:0 -13px;
}

.main{
	margin:135px 0 0 0;
	margin-left:auto;
	margin-right:auto;
	width:804px;
}

.main_pic{
	width:807px;
	height:285px;
	background-image:url(../_images/main_pic.png);
	background-repeat:no-repeat;
	margin-left:-1px;
}

.pic_nav ul li{
	float:right;
	margin:195px 61px 0 0;
}

.pic_resume{
	width:65px;
	height:13px;
	background-image:url(../_images/pic_resume.png);
	background-repeat:no-repeat;
	float:right;
}

.pic_email{
	width:52px;
	height:13px;
	background-image:url(../_images/pic_email.png);
	background-repeat:no-repeat;
	float:right;
}

.pic_resume{
	margin-right:-8px;
}

.about_text{
	width:142px;
	float:left;
	margin:12px 20px 0 13px;
	line-height:13px;
}

.philo_text{
	width:142px;
	float:left;
	margin:12px 20px 0 13px;
	line-height:13px;
}

.creds_text{
	width:142px;
	float:left;
	margin:12px 0 20px 13px;
	line-height:13px;
}

.motion{
	float:left;
	width:837px;
	height:1011px;
	background-image:url(../_images/motion_back.png);
	background-repeat:no-repeat;
	margin:360px 0 0 -30px;
}

.whale{
	float:left;
	margin:73px 0 0 77px;
}

.generation{
	float:left;
	margin:38px 0 0 77px;
}

.whale_text{
	width:140px;
	float:left;
	margin:73px 0 0 12px;
}

.generation_text{
	width:140px;
	float:left;
	margin:38px 0 0 12px;
}

.interactive{
	float:left;
	width:837px;
	height:2863px;
	background-image:url(../_images/interactive_back.png);
	background-repeat:no-repeat;
	margin:114px 0 0 -30px;
}

.tip_site, .mousetrap{
	float:left;
	margin:65px 0 0 77px;
}

.gang, .teaism, .iphone, .pollen, .tip_print, .texas, .cards, .voice{
	float:left;
	margin:30px 0 0 77px;
}

.gang_text, .iphone_text, .pollen_text, .teaism_text, .tip_print_text, .texas_text, .cards_text, .voice_text{
	width:140px;
	float:left;
	margin:30px 0 0 12px;
}

.tip_site_text, .mousetrap_text{
	width:140px;
	float:left;
	margin:65px 0 0 12px;
}

.teaism_lower_box, .gang_lower_box, .tip_site_lower_box, .tip_print_lower_box, .texas_lower_box, .cards_lower_box, .voice_lower_box{
	float:left;
	margin:27px 0 0 77px;
}

.img_hover:hover{
	opacity:0.5;
}

.print{
	float:left;
	width:837px;
	height:3003px;
	background-image:url(../_images/print_back.png);
	background-repeat:no-repeat;
	margin:114px 0 43px -30px;
}