* {padding:0;margin:0;}

body {
	background: #000000 url(../images/bg.jpg) no-repeat -15px -10px;
	background-repeat:repeat-x;
}

/*---Header---*/

#nav {
	position:fixed;
	top:-30px;
	left:-15px;
	height:150px;
	cursor:pointer;
}

#nav_dynamic {	
	margin:-10px 0 0 -15px;
	height:49px;
	cursor:pointer;
	}

#logo {
	margin:48px 0 0 70px;
	width: 101px;
	height: 13px;
	background: url(../images/maven_logo2.jpg) no-repeat 0 0;
	float:left;
}

#logo:hover {
    background: url(../images/maven_logo2.jpg) no-repeat 0 -13px;
}

#logo a img {
	border:none;
}

#nav_about {
	margin:38px 0 0 38px;
	width:113px; 
	height:49px; 
    float:left;
    background: url(../images/nav_about.png) no-repeat 0 0;
}

#nav_about:hover{
    background: url(../images/nav_about.png) no-repeat 0 -49px;
}

#nav_about img, #nav_about_active img{
	border:none;
}

#nav_about_active {
	margin:38px 0 0 38px;
	width:113px; 
	height:49px; 
    float:left;
	background: url(../images/nav_about.png) no-repeat 0 -49px;
}

#nav_print {
	background: url(../images/nav_print.png) no-repeat 0 0;
	margin:38px 0 0 -1px;
    width:113px; 
	height:49px; 
    float:left;
	cursor:pointer;
}

#nav_print img, #nav_print_active img{
	border:none;
}

#nav_print:hover{
    background: url(../images/nav_print.png) no-repeat 0 -49px;
}

#nav_print_active {
	background: url(../images/nav_print.png) no-repeat 0 -98px;
	margin:38px 0 0 -1px;
    width:113px; 
	height:49px; 
    float:left;
}

#nav_web {
	background: url(../images/nav_web.png) no-repeat 0 0;
	margin:38px 0 0 0;
    width:113px; 
	height:49px; 
    float:left;
	cursor:pointer;
}

#nav_web img, #nav_web_active img{
	border:none;
}

#nav_web:hover{
    background: url(../images/nav_web.png) no-repeat 0 -49px;
}

#nav_web_active {
	background: url(../images/nav_web.png) no-repeat 0 -98px;
	margin:38px 0 0 0;
    width:113px; 
	height:49px; 
    float:left;
}

#nav_motion {
	background: url(../images/nav_motion.png) no-repeat 0 0;
	margin:38px 0 0 1px;
    width:113px; 
	height:49px; 
    float:left;	
    cursor:pointer;
}

#nav_motion img, #nav_motion_active img{
	border:none;
}

#nav_motion:hover{
    background: url(../images/nav_motion.png) no-repeat 0 -49px;
}

#nav_motion_active {
	background: url(../images/nav_motion.png) no-repeat 0 -98px;
	margin:38px 0 0 1px;
    width:113px; 
	height:49px; 
    float:left;
}

#nav_photo {
	background: url(../images/nav_photo.png) no-repeat 0 0;
	margin:38px 0 0 -1px;
    width:113px; 
	height:49px; 
    float:left;
   	cursor:pointer;
}

#nav_photo img, #nav_photo_active img{
	border:none;
}

#nav_photo:hover{
    background: url(../images/nav_photo.png) no-repeat 0 -49px;
}

#nav_photo_active {
	background: url(../images/nav_photo.png) no-repeat 0 -98px;
	margin:38px 0 0 -1px;
    width:113px; 
	height:49px; 
    float:left;
}

#nav_contact {
	background: url(../images/nav_contact.png) no-repeat 0 0;
	margin:38px 0 0 22px;
    width:113px; 
	height:49px; 
    float:left;
   	cursor:pointer;
}

#nav_contact img, #nav_contact_active img{
	border:none;
}

#nav_contact:hover{
    background: url(../images/nav_contact.png) no-repeat 0 -49px;
}

#nav_contact_active {
	background: url(../images/nav_contact.png) no-repeat 0 -49px;
	margin:38px 0 0 22px;
    width:113px; 
	height:49px; 
    float:left;
}

#nav_disclaimer {
	background: url(../images/nav_disclaimer.png) no-repeat 0 0;
	margin:38px 0 0 0px;
    width:113px; 
	height:49px; 
    float:left;
   	cursor:pointer;
}

#nav_disclaimer img, #nav_disclaimer_active img{
	border:none;
}

#nav_disclaimer:hover{
    background: url(../images/nav_disclaimer.png) no-repeat 0 -49px;
}

#nav_disclaimer_active {
	background: url(../images/nav_disclaimer.png) no-repeat 0 -49px;
	margin:38px 0 0 0px;
    width:113px; 
	height:49px; 
    float:left;
}

/*---index content--*/

#float {
	position:fixed;
	top:245px;
	left:480px;
	width: 126px;
	height: 204px;
	background: url(../images/mavenfloat.png) no-repeat 0 0;
}

#float2 {
	position:fixed;
	top:245px;
	left:420px;
	width: 250px;
	height: 179px;
	background: url(../images/mavenfloat2.png) no-repeat 0 0;
}


/*---about content---*/

h2 {color:#fff; font:normal 14px/17px helvetica; margin:0 0 17px 0;}

#about {
	margin:20px 0 0 75px;
	width: 250px;
	height: 250px;
	font: normal 14px/17px helvetica, arial;
	letter-spacing: 1px;
	color: #ccc;
}

#about_sub {
	width: 250px;
	font: normal 12px/15px helvetica, arial;
	letter-spacing: 1px;
}

#disclaimer {
	margin:20px 0 0 75px;
	width: 350px;
	height: 250px;
	font: normal 14px/17px helvetica, arial;
	letter-spacing: 1px;
	color: #ccc;
	clear:left;
	float:left;
}

#disclaimer_sub {
	width: 350px;
	font: normal 12px/15px helvetica, arial;
	letter-spacing: 1px;
}

#disclaimer_more {
	float:left;
	margin:-465px 0 0 450px;
	width: 250px;
	height: 250px;
	font: normal 11px/13px helvetica, arial;
	color: #ccc;
}

#disclaimer_more a {
	color: #9f9f9f;
	text-decoration: none;
	border-bottom: dotted 1px;
}


#disclaimer_more a:hover {
	color: #fff;
	text-decoration: none;
	border-bottom: dotted 1px;
}

#bar {
	float:left;
	background: transparent url(../images/bar.jpg) no-repeat;
	margin:-450px 0 0 400px;
	width: 1px;
	height: 470px;
}

h4 {
	font:normal 12px/15px helvetica, arial;
	margin:15px 0 0 0;
}

#column {
	margin:20px 0 0 75px;
	width: 400px;
	height: 250px;
	font: normal 14px/17px helvetica, arial;
	letter-spacing: 1px;
	color: #ccc;
}

#column_sub {
	width: 400px;
	height: 250px;
	font: normal 11px/13px helvetica, arial;
	letter-spacing: 1px;
	color: #ccc;
	margin:10px 0 0 0;
}

#column_sub a {
	text-decoration: none;
	border-bottom: dotted 1px;
	color: #ccc;
}

#column_sub a:hover {
	border-bottom: dotted 1px;
	color: #fff;
}

#about_image {
	float:left;
	margin:-480px 0 0 400px;
	background: url(../images/content_bg.jpg) repeat top left;
	top: 71px; 
	left: 455px;
	width: 506px;
	height: 470px;	
	padding: 15px 15px 15px 15px;
}

#contact_image {
	float:left;
	margin:-236px 0 0 400px;
	background: url(../images/content_bg.jpg) repeat top left;
	top: 71px; 
	left: 455px;
	width: 506px;
	height: 470px;	
	padding: 15px 15px 15px 15px;
}

#staff {
	margin:10px 0 0 75px;
	width: 300px;
	font-family: Helvetica, Arial;
	font-size: 11px;
	line-height: 13px;
	color: #ccc;
}

#staff a {
	color: #9f9f9f;
	text-decoration: none;
	border-bottom: dotted 1px;
}


#staff a:hover {
	color: #fff;
	text-decoration: none;
	border-bottom: dotted 1px;
}


/*content, print*/

#content {
background-color:#000000;
	clear:left;
	float:left;
	margin:10px 0 100px 50px;
	position:relative;
	z-index:10;
	width: 6270px;
	height: 470px;
	padding: 15px 15px 15px 0px;
	top:86px;
}

#content_photo {
	background: url(../images/content_bg.jpg) repeat top left;
	clear:left;
	float:left;
	margin:-15px 0 0 50px;
	position:relative;
	z-index:10;
	width: 14515px;
	height: 470px;
	padding: 15px 15px 15px 0px;
	top:86px;
}

#content_web {
	background: url(../images/content_bg.jpg) repeat top left;
	clear:left;
	float:left;
	margin:-15px 0 0 50px;
	position:relative;
	z-index:10;
	width: 7760px;
	height: 470px;
	padding: 15px 15px 15px 0px;
	top:86px;
}


#launch a.launch {
	z-index: 1;
	position: relative;
	top: 355px;
	left: 130px;
	margin-left: -91px;
	width: 91px;
	height: 91px;
	background: url(../images/launch.png) no-repeat 0 0;
}

#launch a.launch:hover{
    background: url(../images/launch_hover.png) no-repeat 0 0;
}

#visit a.visit {
	z-index: 1;
	position: relative;
	top: 424px;
	left: 193px;
	margin-left: -178px;
	width: 178px;
	height: 46px;
	background: url(../images/disclaimer.jpg) no-repeat 0 0;
}

#visit a.visit:hover{
    background: url(../images/disclaimer_hover.jpg) no-repeat 0 0;
}

#credit {
	font: normal 11px helvetica, arial;
	letter-spacing: 1px;
	color: #666;
}

#creditrel a.creditrel {
	z-index: 1;
	position: relative;
	top: 5px;
	left: 110px;
	margin-left: -91px;
	width: 30px;
	height: 30px;
	background: url(../images/icon_relevant.png) no-repeat 0 0;
}

#creditrel a.creditrel:hover{
    background: url(../images/icon_relevant.png) no-repeat 0 0;
}

#credittom a.credittom {
	z-index: 1;
	position: relative;
	top: 5px;
	left: 110px;
	margin-left: -91px;
	width: 30px;
	height: 30px;
	background: url(../images/icon_tombras.png) no-repeat 0 0;
}

#credittom a.credittom:hover{
    background: url(../images/icon_tombras.png) no-repeat 0 0;
}

#content_motion {
	background: url(../images/content_bg.jpg) repeat top left;
	clear:left;
	float:left;
	margin:-15px 0 0 50px;
	position:relative;
	z-index:10;
	width: 8456px;
	height: 470px;
	padding: 15px 15px 15px 0px;
	top:86px;
}

.wordtube {
	background-color: #000;
	float: left;
	margin: 0px 0px 0px 15px;
	width: 398px;
	height: 384px;
	padding: 86px 0px 0px 0px;
}


#photos {
	height: 470px;
	font-family: Helvetica, Arial;
	font-size: 18px;
	color: #ccc;
	background: transparent top left no-repeat;
}

#photos a {
	display: block;
	float: left;
	color: #ccc;
	border: 0px;
	text-decoration: none;
	height: 470px;
}

#photos a:hover {
}

#back {
	position: absolute;
	display: block;
	width: 60px;
	height: 15px;
	top: 225px;
	right: 25px;
	outline: 0;
	z-index: 1;
	background: url('../images/back.jpg') no-repeat 0 0;
}

#back:hover {
	background: url('../images/back_hover.jpg') no-repeat 0 0;
}


#qTip {
	position: absolute;
	font-family: Helvetica, Arial;
	display: none;
	padding: 20px 20px 20px 20px;
	width: 150px;
	text-align: center;
	valign: middle;
	font-size: 12px;
	line-height: 17px;
	color: #fff;
	z-index: 1000;
	background: url('../images/tooltip.png') no-repeat;
}


/*---Footer---*/



#footer {
	width:600px;
	font:normal 11px Helvetica, Arial;
	color: #9f9f9f;
	position:fixed;
	top:590px;
	left:50px;
	z-index:20;
}

#footer_dynamic_index {
	width:680px;
	font:normal 11px Helvetica, Arial;
	color: #9f9f9f;
	margin:551px 0 0 50px;
	z-index:20;
}

#footer_dynamic {
	width:600px;
	font:normal 11px Helvetica, Arial;
	color: #9f9f9f;
	margin:551px 0 0 50px;
	z-index:20;
}

#footer_dynamic_about {
	width:600px;
	font:normal 11px Helvetica, Arial;
	color: #9f9f9f;
	margin:37px 0 0 50px;
	z-index:20;
}

#footer_dynamic_contact {
	width:600px;
	font:normal 11px Helvetica, Arial;
	color: #9f9f9f;
	margin:281px 0 0 50px;
	z-index:20;
}



#footer a, #footer_dynamic a, #footer_dynamic_about a, #footer_dynamic_contact a, #footer_dynamic_index a   {
	color: #9f9f9f;
	text-decoration: none;
	border-bottom: dotted 1px;
}

#footer a:hover, #footer_dynamic a:hover, #footer_dynamic_about a:hover, #footer_dynamic_contact a:hover, #footer_dynamic_index a:hover {
	color: #fff;
	text-decoration: none;
	border-bottom: dotted 1px;
}

#footer img, #footer_dynamic img, #footer_dynamic_about img, #footer_dynamic_contact img, #footer_dynamic_index img {
	padding: 0px 10px 0px 10px;
}

#footer a.blog, #footer_dynamic a.blog, #footer_dynamic_about a.blog, #footer_dynamic_contact a.blog, #footer_dynamic_index a.blog {
	border:none;
	position:relative;
	z-index:3000;
	left:670px;
	top:-50px;
	float:left;}

#footer a.blog img, #footer_dynamic a.blog img, #footer_dynamic_about a.blog img, #footer_dynamic_contact a.blog img, #footer_dynamic_index a.blog img {
	border:none;
	background: url(../images/blog.png) no-repeat top left;
}

/*things not in use/i don't get*/

#blurb {
	position: absolute;
	top: 125px;
	left: 70px;
	display: block;
	width: 500px;
	height: 470px;
	padding: 15px 15px 15px 0px;
	font-family: Hevletica, Arial;
	font-size: 18px;
	line-height: 22px;
	color: #ccc;
}

#recent {
	position: absolute;
	top: 135px;
	left: 850px;
	width: 125px;
	text-align: left;
	font-family: Helvetica, Arial;
	font-size: 18px;
	line-height: 22px;
	color: #fff;
	z-index: 1;
}

#info {
	position: fixed;
	top: 35px;
	left: 204px;
	width: 500px;
	font-family: Helvetica, Arial;
	font-size: 11px;
	color: #9f9f9f;
}

/* ---------------------- Blueslate nav ---------------------- */
.blue #slatenav{position:relative;display:block;height:35px;font-size:11px;font-family:Arial,Verdana,Helvitica,sans-serif;text-transform:uppercase;
padding: 0 35px 0 15px;}
.blue #slatenav ul{margin:0px;padding:0;list-style-type:none;width:auto;}
.blue #slatenav ul li{display:block;float:left;margin:0 1px 0 0;}
.blue #slatenav ul li a{display:block;float:left;color:#FFFFFF;text-decoration:none;padding:10px 18px 0 18px;height:28px;background:transparent url(images/blueslate_background.gif) repeat-x top left;}
.blue #slatenav ul li a:hover,.blue #slatenav ul li a.current{color:#fff;background:transparent url(images/blueslate_backgroundOVER.gif) no-repeat top center;}
/* ---------------------- END Blueslate nav ---------------------- */

#left {
width: 850px;
height: 37px;
margin: 0 auto; /*** Move the left column so it takes the positon as a top menu ***/
background-image:url(images/bkg_nav.gif);
background-position:bottom;
background-repeat:no-repeat;
}
* html #left {
position: relative;  /*** IE needs this  ***/
}