@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 #dealer{width:82px;}

.nav a.dealer{

	background: url(../gfx/nav/dealer.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, .nav a.dealer:hover {

	background-position:0px -22px;

}