/* contains all styles used in homepage and internal page navigation */

#nav {
	margin-left:371px;
}

#nav ul {
	padding:0;
	margin:0;
}

#nav li {
	list-style:none;
	float:left;
	padding:0;
	margin:0;
}

#nav li a{
	height:24px;
	display:block;
	border:0;
}

#nav a span {
	display:none;
}

#nav ul li#about-us {
	height:24px;
	width:88px;
	display:block;
	background:url(../art/home-menu.gif) 0px 0px no-repeat #fafafa;
}

#nav ul li#about-us:hover, #nav ul li#about-us.sfhover {
	background:url(../art/home-menu.gif) 0px -24px no-repeat #fafafa;
}

#nav ul li#services {
	height:24px;
	width:88px;
	background:url(../art/home-menu.gif) -88px 0px no-repeat  #fafafa;
}

#nav ul li#services:hover, #nav ul li#services.sfhover {
	background:url(../art/home-menu.gif) -88px -24px no-repeat #fafafa;
}

#nav ul li#our-work {
	height:24px;
	width:88px;
	background:url(../art/home-menu.gif) -176px 0px no-repeat  #fafafa;
}

#nav ul li#our-work:hover, #nav ul li#our-work.sfhover {
	background:url(../art/home-menu.gif) -176px -24px no-repeat #fafafa;
}

#nav ul li#contact {
	height:24px;
	width:87px;
	background:url(../art/home-menu.gif) -264px 0px no-repeat #fafafa;
}

#nav ul li#contact:hover, #nav ul li#contact.sfhover {
	background:url(../art/home-menu.gif) -264px -24px no-repeat #fafafa;
}

/* start drop down stoof */

#nav li ul {
	position: absolute;
	width: 10em;
	left: -999em;
	margin:0px 0 0 0;
	padding:0px 0 0 0;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

#nav li ul li {
	width:86px;
	font-size:0.9em;
	text-transform: lowercase;
	background-color:#FFF;
	padding:0px 0 0px 0px;
	margin:px 0 0 0;
	border-right:1px solid #d48a7b;
	border-left:1px solid #d48a7b;
}

#nav li ul li.end {
	height:9px;
	border:0;
	padding:0;
	margin:0;
	vertical-align:top;
}

#nav li ul li a {
height:auto;
	padding:7px 5px 7px 5px;
	color:#8c8c8c;
	text-decoration:none;
}

#nav li ul li a:hover {
	color:#000000;
	background-color:#FFFFFF;
}