/* --------------TOP HEADER---------------------------*/
#topheader{
	width: 960px;
	height:150px;
	clear:both;
}


#topheader img.logo {float: right;}

#navarea {
        float: left;
	width: 580px;
	height:150px;
	overflow:hidden;
        position: relative;
}

#navtabs {
	float: left;
	width: 580px; 
	height: 20px;
	display: inline;
	z-index:9;
	position:relative;
	top:0;
	padding:0;
}

#navtabs ul {
	display:inline;
	z-index:9;
	position:relative;;
	top:0;
	padding:0;
	margin: 5px 0;
	}
	
#navtabs ul li {
	list-style: none;
	display: inline;
	margin-right: 3px;
	float:left;
	font-size:1em;
	}
#navtabs ul li a{ 
	text-decoration: none;
	display: inline-block;
	white-space: nowrap; 
	padding: 10px 0 5px 0;
	text-align:center; 
	color: #fff;}
#navtabs ul li a.you, #navtabs ul li a.are, #navtabs ul li a.gonna, #navtabs ul li a.love, #navtabs ul li a.us {
	width: 90px;} 

#navtabs ul li a span { display:inline-block; height:0px; overflow:hidden; }

/*#navtabs ul li a.you:hover, #navtabs ul li a.are:hover, #navtabs ul li a.gonna:hover, #navtabs ul li a.love, #navtabs ul li a.us {
	width: 90px;} */

#navtabs ul li a.you {background: url(/images/navtabs-you.png) no-repeat bottom center;}
#navtabs ul li a.are {background: url(/images/navtabs-are.png) no-repeat bottom center;}
#navtabs ul li a.gonna {background:url(/images/navtabs-gonna.png) no-repeat bottom center;}
#navtabs ul li a.love {background: url(/images/navtabs-love.png) no-repeat bottom center;}
#navtabs ul li a.us {background: url(/images/navtabs-us.png) no-repeat bottom center;}

#navtabs ul li a:hover {color: #fff; font-weight:bold; font-size:1.1em;}

	
#icons{
	width: 580px; height:40px;
	position:absolute;
	display: inline;
        bottom: -5px;
        left: 0px;
}


#icons ul {display:block; width: 580px; height:40px; position:relative; margin: 0;}

#icons ul li {margin: 0 10px 0 0; list-style-type:none; float:left;}

#icons ul li.casestudies a, #icons ul li.resources a, #icons ul li.quote a, #icons ul li.contact a {
	margin: 0 10px 0 0;
	float: left;
}

#icons ul li.casestudies a {
	background: url(/images/icontabs-casestudies.png) no-repeat left top;
	width: 126px; height:35px;
	}
#icons ul li.casestudies a:active {
	background: url(/images/icontabs-casestudies.png) no-repeat left -39px;
}

#icons ul li.casestudies a:hover {
	background: url(/images/icontabs-casestudies.png) no-repeat left -39px;
}

#icons ul li.resources a {
	background: url(/images/icontabs-resources.png) no-repeat left top;
	width: 108px; height:35px;
	}

#icons ul li.resources a:hover {
	background: url(/images/icontabs-resources.png) no-repeat left -39px;
	}

#icons ul li.quote a {
	background: url(/images/icontabs-quote.png) no-repeat left top;
	width: 138px; height:35px;
	}

#icons ul li.quote a:hover {
	background: url(/images/icontabs-quote.png) no-repeat left -39px;
	}

#icons ul li.contact a {
	background: url(/images/icontabs-contact.png) no-repeat left top;
	width: 90px; height:35px;
	}

#icons ul li.contact a:hover {
	background: url(/images/icontabs-contact.png) no-repeat left -39px;
	}