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

body {
	background: url(jakebg.jpg) no-repeat #000000;
	text-align: center;
	background-position: top;
	font-family: "Lucida Grande", sans-serif;
}
body.index4 {
	background: url(jakebg3.jpg);
}
#container {
	text-align: center;
	text-align: left;
	margin: 0 auto;
	width: 1000px;
	height: 100%;
}
#header {
	height: 94px;
	width: 1000px;
	margin: 0 auto;
}
#content {
	width: 1000px;
	height: 400px;
}
#content2 {
	float: left;
	width: 500px;
}
#content2 h4 {
	font-family: "Lucida Grande", sans-serif;
	color: #FFCC33;
	font-size: 20px;
	padding-bottom: 20px;
	text-transform: uppercase;
}
#content2 p {
	font-size: 12px;
	color:#CCCCCC;
	line-height: 20px;
}
#content2 img {
	padding-bottom: 20px;
}
	
/* navigation */
#logo {
	height: 40px;
	width: 200px;
	display: block;
	float: right;
	margin-top: 30px;
	margin-right: 50px;
}
#navigation {
	padding-left: 0px;
	padding-right: 50px;
	padding-top: 40px;
	float: left;
}
body#workpage #navigation{
	padding-left: 0;
}
body#workpage #content2 {
	width: 800px;
}
#navigation li a {
	display: block;
}
#navigation li {

}
#banner {
	width: 209px;
	height: 38px;
	position: absolute;
	left: 898px;
	top: 37px;
	background: url(bg.jpg) -678px -37px;
}
#worknav {
	background: url(navigation.png);
	width: 120px;
	height: 52px;
}
#worknav:hover {
	background: url(navigation.png) -120px 0;
	width: 120px;
	height: 52px;
}
body#work-page #worknav {
	background: url(navigation.png) -120px 0;
	width: 120px;
	height: 52px;
}
#watchnav {
	background: url(navigation.png) 0 -52px;
	width: 120px;
	height: 52px;
}
#watchnav:hover {
	background: url(navigation.png) -120px -52px;
	width: 120px;
	height: 52px;
}
body#watch-page #watchnav {
	background: url(navigation.png) -120px -52px;
	width: 120px;
	height: 52px;
}
#readnav {
	background: url(navigation.png) 0 -104px;
	width: 120px;
	height: 52px;
}
#readnav:hover {
	background: url(navigation.png) -120px -104px;
	width: 120px;
	height: 52px;
}
#dignav {
	background: url(navigation.png) 0 -156px;
	width: 120px;
	height: 52px;
}
#dignav:hover {
	background: url(navigation.png) -120px -156px;
	width: 120px;
	height: 52px;
}
body#stray-page #dignav {
	background: url(navigation.png) -120px -156px;
	width: 120px;
	height: 52px;
}
#meetnav {
	background: url(navigation.png) 0 -208px;
	width: 120px;
	height: 52px;
}
#meetnav:hover {
	background: url(navigation.png) -120px -208px;
	width: 120px;
	height: 52px;
}
body#meet-page #meetnav {
	background: url(navigation.png) -120px -208px;
	width: 120px;
	height: 52px;
}
#savenav {
	background: url(navigation.png) 0 -260px;
	width: 120px;
	height: 52px;
}
#savenav:hover {
	background: url(navigation.png) -120px -260px;
	width: 120px;
	height: 52px;
}
#shownav {
	background: url(navigation.png) 0 -312px;
	width: 120px;
	height: 52px;
}
#shownav:hover {
	background: url(navigation.png) -120px -312px;
	width: 120px;
	height: 52px;
}
/* end nav */

/* home */
body#splash #container {
	text-align: center;
}
body#splash #content2 {
	margin: 0 auto;
	float: none;
	text-align: left;
	width: 600px;
	padding-left: 120px;
	padding-top: 100px;
}
body#splash #content2 h4 {
	font-size: 24px;
	color: #809cf9;
}
body#splash #content2 p {
	font-size: 14px;
}
#enter {
	padding-left: 270px;
	color: #809cf9;
}
/* end home */

/* work */
body#work-page #container {
	text-align: center;
}
body#work-page #content2 {
	margin: 0 auto;
	float: none;
	text-align: left;
	width: 600px;
	padding-left: 120px;
	padding-top: 10px;
	
}
body#work-page #content2 h4 {
	font-size: 24px;
	color: #809cf9;
	padding-top: 0;
	padding-bottom: 15px;
}
body#work-page #content2 p {
	font-size: 14px;
}
body#work-page .gallery {
	width: 600px;
	float: right;
	padding-bottom: 10px;
}
body#work-page #content2 ul {
	float: left;
	width: 150px;
	padding-bottom: 15px;
}
body#work-page #content2 ul li {
	clear: both;
	padding-bottom: 10px;
	line-height: 0;
}
body#work-page #content2 ul li p {
	color: #fff;
	font-size: 11px;
	text-transform: uppercase;
	padding-left: 5px;
}
body#work-page #content2 ul li a img {
	padding-bottom: 0;
	padding: 3px;
	border: 1px solid #bbb;
}
body#work-page #content2 ul li a:hover img {
	padding: 3px;
	border: 1px solid #ffffff;
}
body#work-page #content2 p.title {
	padding-bottom: 10px;
}
body#work-page #content2 p.exp {
	font-size: 11px;
	padding-bottom: 30px;
}
/* end work page */

/* watch page */
body#watch-page #container {
	text-align: center;
}
body#watch-page #content2 {
	margin: 0 auto;
	float: none;
	text-align: left;
	width: 600px;
	padding-left: 120px;
	padding-top: 10px;
	
}
body#watch-page #content2 h4 {
	font-size: 24px;
	color: #809cf9;
	padding-top: 0;
	padding-bottom: 15px;
}
body#watch-page #content2 p {
	font-size: 14px;
}
body#watch-page .gallery {
	width: 600px;
	float: right;
	padding-bottom: 10px;
}
body#watch-page #content2 ul {
	float: left;
	width: 150px;
	padding-bottom: 15px;
}
body#watch-page #content2 ul li {
	clear: both;
	padding-bottom: 10px;
	line-height: 0;
}
body#watch-page #content2 ul li p {
	color: #fff;
	font-size: 11px;
	text-transform: uppercase;
	padding-left: 5px;
}
body#watch-page #content2 ul li a img {
	padding-bottom: 0;
	padding: 3px;
	border: 1px solid #bbb;
}
body#watch-page #content2 ul li a:hover img {
	padding: 3px;
	border: 1px solid #ffffff;
}
body#watch-page #content2 p.title {
	padding-bottom: 10px;
}
body#watch-page #content2 p.exp {
	font-size: 11px;
	padding-bottom: 30px;
}
/* end watch page */

/* stray page */
body#stray-page #container {
	text-align: center;
}
body#stray-page #content2 {
	margin: 0 auto;
	float: none;
	text-align: left;
	width: 600px;
	padding-left: 120px;
	padding-top: 10px;
	
}
body#stray-page #content2 h4 {
	font-size: 24px;
	color: #809cf9;
	padding-top: 0;
	padding-bottom: 15px;
}
body#stray-page #content2 p {
	font-size: 14px;
}
body#stray-page .gallery {
	width: 600px;
	float: right;
	padding-bottom: 10px;
}
body#stray-page #content2 ul {
	float: left;
	width: 150px;
	padding-bottom: 15px;
}
body#stray-page #content2 ul li {
	clear: both;
	padding-bottom: 10px;
	line-height: 0;
}
body#stray-page #content2 ul li p {
	color: #fff;
	font-size: 11px;
	text-transform: uppercase;
	padding-left: 5px;
}
body#stray-page #content2 ul li a img {
	padding-bottom: 0;
	padding: 3px;
	border: 1px solid #bbb;
}
body#stray-page #content2 ul li a:hover img {
	padding: 3px;
	border: 1px solid #ffffff;
}
body#stray-page #content2 p.title {
	padding-bottom: 10px;
}
body#stray-page #content2 p.exp {
	font-size: 11px;
	padding-bottom: 30px;
}
/* end stray page */

/* meet page */
body#meet-page #container {
	text-align: center;
}
body#meet-page #content2 {
	margin: 0 auto;
	float: none;
	text-align: left;
	width: 600px;
	padding-left: 120px;
	padding-top: 10px;
	
}
body#meet-page #content2 h4 {
	font-size: 24px;
	color: #809cf9;
	padding-top: 0;
	padding-bottom: 15px;
}
body#meet-page #content2 p {
	font-size: 14px;
}
body#meet-page .gallery {
	width: 600px;
	float: right;
	padding-bottom: 10px;
}
body#meet-page #content2 ul {
	float: left;
	width: 150px;
	padding-bottom: 15px;
}
body#meet-page #content2 ul li {
	clear: both;
	padding-bottom: 10px;
	line-height: 0;
}
body#meet-page #content2 ul li p {
	color: #fff;
	font-size: 11px;
	text-transform: uppercase;
	padding-left: 5px;
}
body#meet-page #content2 ul li a img {
	padding-bottom: 0;
	padding: 3px;
	border: 1px solid #bbb;
}
body#meet-page #content2 ul li a:hover img {
	padding: 3px;
	border: 1px solid #ffffff;
}
body#meet-page #content2 p.title {
	padding-bottom: 10px;
	position: relative;
	text-align: center;
	top: 89px;
}
body#meet-page #content2 p.exp {
	font-size: 11px;
	padding-bottom: 30px;
}
body#meet-page #content2 a {
	color: white;
	text-decoration: none;
}
body#meet-page #content2 a:hover {
	text-decoration: underline;
}

/* end meet page */