html {height:100%;}

body {height:100%; margin:0; padding:0;
 background-color:#fff685;
 color: #111;
 font-family: 'Lucida Sans Unicode', Verdana, Tahoma, sans-serif;
 font-size: 0.8em;
 margin: 0 0;
 padding: 0 0;
}

#bg {position:fixed; top:0; left:0; width:100%; height:100%;}

#content {position:relative; z-index:1;}


#wrapper {
	width: 100%;
	margin: 0 auto;
  	background-position:25% 0%;
	position:absolute;
}


#whitebox {
background: url(images/transwhite.png);
	margin: 0px 150px 0px 50px;
	padding: 10px 30px 10px 30px;}

#orangebox {
background: url(images/transwhite.png);
	margin: 0px 250px 0px 50px;
	padding: 10px 80px 10px 30px;}

#bluebox {
background: url(images/transblue.png);
	margin: 50px 250px 0px 50px;
	padding: 10px 80px 45px 30px;
	}

#redebox {
background: url(images/transwhite.png);
	margin: 0px 250px 0px 50px;
	padding: 10px 80px 45px 30px;
	}
	
#video {
background: url(images/transwhite.png);
width:400px;
display:inline;
float:right;
margin: 0px;
padding: 10px;

	}
	
#fresh {
background:transparent url(images/transred.png) repeat scroll 0 0;
margin-right:430px;
padding:25px;
margin-bottom:25px;
font-size:25px;
text-align:left;
color:#fff;
}

#twitter_div {
background:transparent url(images/transblue.png) repeat scroll 0 0;
margin-right:430px;
padding:25px;
margin-bottom:25px;
font-size:25px;
text-align:left;
color:#4a8c92;
}

#twitter_div a {
color:#4a8c92;
}

#rollout {
background:transparent url(images/transorange.png) repeat scroll 0 0;
margin-right:430px;
padding:25px;
font-weight:bold;
margin-bottom:25px;
text-align:left;
border
}

#rollout2 {
background:transparent url(images/transwhite.png) repeat scroll 0 0;
margin-right:430px;
padding:25px;
margin-bottom:25px;
font-size:17px;
line-height:20px;
text-align:left;
color:#4a8c92;
}

ul {
list-style:none;
margin-left: -1em;	
	}

 
	#contentbotom {
width:100%;
height:10px;
clear:right;
margin: 0px;
padding: 0px;
	}
	
#clearbox {
	margin: 50px 250px -7px 50px;
	}

#clearbox2{
	margin: 50px 250px -7px 50px;
	}

#discbox1 {
background: url(images/transblue.png);
width:250px;
float:left;
margin: 0px 5px 5px 0px;
padding:5px;
}

#pusher {
	width: 100%;
	margin: 0 auto;
	clear:both;
	}

#whalebones {background: url(images/bonez.png) no-repeat;
	background-position:50% 0%;
	margin-top:800px;
	margin-bottom:800px;
	height:300px;
	}

.vibe {
	font-family: Garamond, Georgia, "Times New Roman", Times, serif;
	color:#000066;
	font-size:28px;
	line-height:40px;
}	

.vibesmall {
	font-family: Garamond, Georgia, "Times New Roman", Times, serif;
	color:#000066;
	font-size:18px;
	line-height:22px;
}	

.vibesans {
	font-family: 'Lucida Sans Unicode', Verdana, Tahoma, sans-serif;
	color:#000066;
	font-size:12px;
	line-height:14px;
	text-align:left;
	padding: 0px 7px 7px 7px;
}	


.vibe a {
 color: #000066;
 text-decoration:underline;
}

.smaller {
text-align:center;
font-size:20px; 
line-height:30px;
		}

.vibe a:hover, .vibe a:active; {
	text-decoration:underline;
	color:#2c6469;
	}
	
	a:hover {
	color: #2c6469;
	text-decoration:underline;
}
a:active {
	color: #ff6469;
	text-decoration:underline;
} 


.bigwhite {
 font-family: Garamond, Georgia, "Times New Roman", Times, serif;
 font-size:150px;
 line-height:100px;
 color:#4a8c92;
 letter-spacing:-5px;
 font-weight: normal;
 text-decoration: none;
}

