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

#navigation{
	position:relative;
	height:44px;
	width:100%;
	top:0px;
	left:0px;
	
}


.nav1{
	position:absolute;
	top:0px;
	left:0px;
	height:22px;
	width:100%;
	z-index:101;
}

.nav2{
	position:absolute;
	top:22px;
	left:0px;
	height:22px;
	width:100%;	
	z-index:100;
	border:1px solid #990000;
}

.nav{
	font:11px Arial, Helvetica, sans-serif;	
	color:#ffffff;	
}

.nav, .nav ul, .nav li{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
text-align:center;
}

.nav li a{
	text-decoration:none;	
	color:#ffffff;
}

.nav li a:hover{
	text-decoration:none;	
	color:#990000;
}


.nav li ul a{
	color:#999999;
	text-decoration:none;
}

.nav li ul a:hover{
	color:#ffffff;
}

.nav li{
	float:left;
	position:relative;
	width:auto;
	padding:0px;
}

.nav li:last-child{
	padding-right:0px;
}


.nav ul {
position:absolute;
display:none;
width:auto;
left:0px;
top:22px;
z-index:101;


}

.nav li ul a{
width:120px;
height:auto;
float:left;
line-height:14px;
padding:6px 10px;
padding-left:10px;
padding-right:10px;
color:#ffffff;
background:#0a6885;
text-align:left;
}
.nav li ul a:hover{
background:#2486a5;
}
.nav ul ul{
top:auto;
}	

.nav li ul ul {
left:8em;
margin:0px 0 0 10px;
}

.nav li:hover ul ul, .nav li:hover ul ul ul, .nav li:hover ul ul ul ul{
display:none;
}
.nav li:hover ul, .nav li li:hover ul, .nav li li li:hover ul, .nav li li li li:hover ul{
display:block;
}


.nav a.button{
	text-indent:-9999999px;
	height:18px;
	padding-top:4px;
	display:block;
}

.nav #home{width:63px;}	
.nav a.home{
	background: url(../gfx/nav/home.gif) no-repeat 0px 0px;	
}

.nav #farrplunger{width:121px;}	
.nav a.farrplunger{
	background: url(../gfx/nav/farrplunger.gif) no-repeat 0px 0px;	
}
.nav #casestudy{width:103px;}
.nav a.casestudy{
	background: url(../gfx/nav/casestudy.gif) no-repeat 0px 0px;
}
.nav #spepaper{width:94px;}
.nav a.spepaper{
	background: url(../gfx/nav/spepaper.gif) no-repeat 0px 0px;
}
.nav #economic{width:155px;}
.nav a.economic{
	background: url(../gfx/nav/economic.gif) no-repeat 0px 0px;
}
.nav #media{width:64px;}
.nav a.media{
	background: url(../gfx/nav/media.gif) no-repeat 0px 0px;
}
.nav #contact{width:82px;}
.nav a.contact{
	background: url(../gfx/nav/contact.gif) no-repeat 0px 0px;
}
.nav #sandfacts{width:104px;}
.nav a.sandfacts{
	background: url(../gfx/nav/sandfacts.gif) no-repeat 0px 0px;
}
.nav #subone{width:120px;}
.nav a.subone{
	background: url(../gfx/nav/subone.gif) no-repeat 0px 0px;
}
.nav #articles{width:85px;}
.nav a.articles{
	background: url(../gfx/nav/articles.gif) no-repeat 0px 0px;
}
.nav #testimonials{width:116px;}
.nav a.testimonials{
	background: url(../gfx/nav/testimonials.gif) no-repeat 0px 0px;
}
.nav #order{width:110px;}
.nav a.order{
	background: url(../gfx/nav/order.gif) no-repeat 0px 0px;
}

.nav #blog{width:63px;}
.nav a.blog{
	background: url(../gfx/nav/blog.gif) no-repeat 0px 0px;
}

.nav a.home:hover, .nav a.farrplunger:hover, .nav a.casestudy:hover, .nav a.blog:hover, .nav a.spepaper:hover, .nav a.economic:hover, .nav a.media:hover, .nav a.contact:hover, 
.nav a.sandfacts:hover, .nav a.subone:hover, .nav a.articles:hover, .nav a.testimonials:hover, .nav a.order:hover{
	background-position:0px -22px;
}