#citytoggle {
	width: 100px;
	height: 50px;
	float: right;
	margin: 50px;
	background: url(../img/ARG.gif) center no-repeat;
}

#citytoggle li {
	float: left;
	display: inline;
}

#citytoggle li a {
	width: 42px;
	height: 30px;
	display: block;
	margin: 10px 3px 0 3px;
}

#citytoggle li a span {
	display: none;
}

#menu {
	background: url(../img/menu_sprite.gif) top center no-repeat;
	height: 30px;
	width: 882px;
	margin: 0;
	overflow: hidden;
}

#nav {	
}

#nav li, #nav a{
	height: 30px;
	display: block;
}

#nav li {
	display: inline;	
	float: left;
}

#nav li span {
	display: none;
}

#undergrind {width:157px;}
#models {margin-left: 24px; width:86px;}
#services{margin-left: 26px; width:240px;}
#reel {margin-left: 29px; width:39px;}
#works {margin-left: 29px; width:62px;}
#blog {margin-left: 29px; width:45px;}
#contact {margin-left: 20px; width:92px;}

.undergrindhover, #undergrind:hover {background:url(../img/menu_sprite.gif) 0 -30px no-repeat; }
.modelshover, #models:hover {background:url(../img/menu_sprite.gif) -181px -30px no-repeat; }
.serviceshover, #services:hover {background:url(../img/menu_sprite.gif) -293px -30px no-repeat; }
.reelhover, #reel:hover {background:url(../img/menu_sprite.gif) -562px -30px no-repeat; }
.workshover, #works:hover {background:url(../img/menu_sprite.gif) -630px -30px no-repeat; }
.bloghover, #blog:hover {background:url(../img/menu_sprite.gif) -721px -30px no-repeat; }
.contacthover, #contact:hover {background:url(../img/menu_sprite.gif) -786px -30px no-repeat; }