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

A:link {text-decoration: none; outline:none} 
A:visited {text-decoration: none; outline:none} 
A:active {text-decoration: none; outline:none} 
A:hover {text-decoration: none; outline:none}

html { background : #ffffff url(images/bg.gif) repeat-x; }

body { font : Helvetica, Arial, Tahoma, Verdana, sans-serif; color : #000000; text-align : left; }
#container {position: absolute; width:950px; height:650px; margin-right:auto; margin-left:0px; margin-top:0px; padding: none; }

#header {
	background:url(images/nav_03.gif) no-repeat;
	width:229px;
	height:55px;
	position: absolute;
	list-style:none;
	display:block;
	float:left;
	margin-top:35px;
	margin-left:488px;
}
#title {
	background:url(images/nav_07.gif) no-repeat;
	width:76px;
	height:55px;
	position: absolute;
	list-style:none;
	display:block;
	float:left;
	margin-top:116px;
	margin-left:32px;
}

#left {position: absolute; width:360px; height: 439px; margin-top:151px; margin-left:23px; }
#left li{
	list-style:none;
	display:block;
	float:left;
}
#left li a{
	display:block;
	float:left;
}


#left li a.fanta{
	background:url(images/nav_10.gif) no-repeat;
	width:360px;
	height:60px;
	}
#left li a:hover.fanta{
	background:url(images/nav_ro_10.gif) no-repeat;
	}
	
#left li a.ecomagination{
	background:url(images/nav_13.gif) no-repeat;
	width:239px;
	height:63px;
	}
#left li a:hover.ecomagination{
	background:url(images/nav_ro_13.gif) no-repeat;
	}
	
#left li a.truth{
	background:url(images/nav_19.gif) no-repeat;
	width:219px;
	height:58px;
	}
#left li a:hover.truth{
	background:url(images/nav_ro_19.gif) no-repeat;
	}
	
#left li a.hp{
	background:url(images/nav_25.gif) no-repeat;
	width:262px;
	height:51px;
	}
#left li a:hover.hp{
	background:url(images/nav_ro_25.gif) no-repeat;
	}
	
#left li a.garnier{
	background:url(images/nav_29.gif) no-repeat;
	width:360px;
	height:63px;
	}
#left li a:hover.garnier{
	background:url(images/nav_ro_29.gif) no-repeat;
	}
	
#left li a.sonic{
	background:url(images/nav_33.gif) no-repeat;
	width:280px;
	height:76px;
	}
#left li a:hover.sonic{
	background:url(images/nav_ro_33.gif) no-repeat;
	}
	
#left li a.santogold{
	background:url(images/nav_37.gif) no-repeat;
	width:200px;
	height:68px;
	}
#left li a:hover.santogold{
	background:url(images/nav_ro_37.gif) no-repeat;
	}
	
#center {
		position: absolute;
		width:445px;
		height:394px; 
		margin-left:383px;
		margin-top:151px;
			}
#center li{
	list-style:none;
	display:block;
	float:left;
}
#center li a{
	display:block;
	float:left;
}

#center li a span{
	display:none;
}
#center li a.vampire{
	background:url(images/nav_11.gif) no-repeat;
	width:300px;
	height:60px;
	}
#center li a:hover.vampire{
	background:url(images/nav_ro_11.gif) no-repeat;
	}
	
#center li a.envy{
	background:url(images/nav_15.gif) no-repeat;
	width:357px;
	height:63px;
	}
#center li a:hover.envy{
	background:url(images/nav_ro_15.gif) no-repeat;
	}
	
#center li a.tmobile{
	background:url(images/nav_21.gif) no-repeat;
	width:357px;
	height:58px;
	}
#center li a:hover.tmobile{
	background:url(images/nav_ro_21.gif) no-repeat;
	}
	
#center li a.cornell{
	background:url(images/nav_27.gif) no-repeat;
	width:445px;
	height:70px;
	}
#center li a:hover.cornell{
	background:url(images/nav_ro_27.gif) no-repeat;
	}
	
#center li a.sour{
	background:url(images/nav_30.gif) no-repeat;
	width:354px;
	height:53px;
	}
#center li a:hover.sour{
	background:url(images/nav_ro_30.gif) no-repeat;
	}
	
#center li a.mtv{
	background:url(images/nav_35.gif) no-repeat;
	width:294px;
	height:90px;
	}
#center li a:hover.mtv{
	background:url(images/nav_ro_35.gif) no-repeat;
	}
	
#blog {
		position: absolute;
		width:285px;
		height:63px; 
		margin-left:881px;
		margin-top:211px;
		}
#blog li{
	list-style:none;
	display:block;
	float:left;
}
#blog li a{
	display:block;
	float:left;
}

#blog li a.etc{
	background:url(images/nav_17.gif) no-repeat;
	width:285px;
	height:63px;
	}
#blog li a:hover.etc{
	background:url(images/nav_ro_17.gif) no-repeat;
	}
	

#contact {
		position: absolute;
		width:246px;
		height:111px; 
		margin-left:881px;
		margin-top:299px;
		}
#contact li{
	list-style:none;
	display:block;
	float:left;
}
#contact li a{
	display:block;
	float:left;
}

#contact li a.email{
	background:url(images/nav_23.gif) no-repeat;
	width:246px;
	height:111px;
	}
#contact li a:hover.email{
	background:url(images/nav_ro_23.gif) no-repeat;
	}