/* 4tune8 trasitional stage - nothing to see here except some css ... */

* {padding: 0px;
margin: 0px;
}

body {
	background-image: url(../transitional/4tune8_bg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #000000;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
}


div#menu {
	width: 100%;
	height: 52px;
	position: absolute;
	top: 5px;
	background-image: url(../transitional/menu_bg.png);
	overflow: hidden;
	text-align: center;
}


div#nav { 
		width: 100%; 
		padding-top: 13px; 
		float: right; 
		position: relative; 
		}

div#nav ul { 
			clear: left; 
			float: left; 
			position: relative; 
			left: 50%; 
			text-align: center; }

div#nav ul li { 
			float: left; 
			list-style: none; 
			position: relative; 
			right: 50%; 
			padding: 0 15px; }

div#nav ul li a {  
	display: block; 
	border: 0;
	text-decoration: none;
	color: #cccccc;
	font-size: 20px;
}

div#nav a:hover { 
	text-decoration: underline;
	color: #ffffff;
}

div#logo {
text-align: center;
margin-top: 50px;
}

div#transitional {text-align: center;}

div#content {
   /*
 width: 90%;
	margin-left: auto;
	border: 1px solid;
*/
			position: absolute;
			width: 100%;
			height: 250px;
			left: 50%;
			margin-top: 0px;
			margin-left: -550px;
			
			
}

div#twitter_4t8 {
    background-image: url(../transitional/twitter_bg.png);
    float: left;
    margin: 10px;
	width: 350px;
	height: 280px; 
	bottom: 200px;
}


div#twitter_rob {
    background-image: url(../transitional/twitter_bg.png);
    float: left;
    margin: 10px;
	width: 350px;
	height: 280px; 
	bottom: 200px;
}

div#twitter_pharma {
    background-image: url(../transitional/twitter_bg.png);
    float: left;
    margin: 10px;
	width: 350px;
	height: 280px; 
	bottom: 200px;
}

div#ustreamplayer {
    background-image: url(../transitional/twitter_bg.png);
    float: left;
    margin: 10px;
	width: 350px;
	height: 280px; 
	bottom: 200px;
}

div#ustreamchat {
    background-image: url(../transitional/twitter_bg.png);
    float: left;
    margin: 10px;
	width: 350px;
	height: 280px; 
	bottom: 200px;
}

div#footer {
    position: absolute;
	bottom: 15px;
	right: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #cccccc;
	padding: 5px 0px 0px;
	margin: 0px;
}
		
a.footer:link 
		{ 
   		font-family: Verdana, Arial, Helvetica, sans-serif; 
   		font-size: 9px;  
   		color: #cccccc;
		text-decoration: none;
   		}
		
a.footer:visited 
		{ 
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 9px; 
		color: #cccccc;
		text-decoration: none;
		}
		
a.footer:hover 
		{ 
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 9px;
		color: #ffffff;
		text-decoration: underline;
		}		
		
a.footer:active
		{ 
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 9px;
		color: #ffffff;
		text-decoration: none;
		}