/*** ESSENTIAL STYLES ***/
#Primary, #Primary * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
#Primary {
	line-height:	1.0;
}
#Primary ul {
	position:		absolute;
	top:			-999em;
	width:			175px; /* left offset of submenus need to match (see below) */
}
#Primary ul li {
	width:			100%;
}
#Primary li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
#Primary li {
	float:			left;
	position:		relative;
}
#Primary a {
	display:		block;
	position:		relative;
}
#Primary li:hover ul,
#Primary li.sfHover ul {
	left:			0;
	top:			50px; /* match top ul list item height */
	z-index:		99;
}
ul#Primary li:hover li ul,
ul#Primary li.sfHover li ul {
	top:			-999em;
}
ul#Primary li li:hover ul,
ul#Primary li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul#Primary li li:hover li ul,
ul#Primary li li.sfHover li ul {
	top:			-999em;
}
ul#Primary li li li:hover ul,
ul#Primary li li li.sfHover ul {
	left:			175px; /* match ul width */
	top:			0;
}


/* Header - Primary Drop Down Menu
-----------------------------------------------------------------------------*/

ul#Primary {
	position: absolute;
	top: 64px;
	left: 256px;
	padding: 0;
	margin: 0;
	list-style: none;
	height: 40px;
	width: 740px;
}

ul#Primary li {
	/* first level list items are always visible */
	display: block;
	float: left;
	position: relative;
	padding: 0;
	margin: 0;
}

ul#Primary li a {
	display: block;
	height: 40px;
	overflow: hidden;
	background-image: url(../site/bg_primary.gif) !important;
}

ul#Primary li#nav_home {width: 60px; margin-left: 0px;}
ul#Primary li#nav_home a {width: 60px; background-position: 0px 0px;}
ul#Primary li#nav_home a:hover, ul#Primary li#nav_home a.Active, ul#Primary li.sfHover span#hover_home a {background-position: 0px -44px;}

ul#Primary li#nav_aboutus {width: 89px; margin-left: 45px;}
ul#Primary li#nav_aboutus a {width: 89px; background-position: -112px 0px;}
ul#Primary li#nav_aboutus a:hover, ul#Primary li#nav_aboutus a.Active, ul#Primary li.sfHover span#hover_aboutus a {background-position: -112px -44px;}

ul#Primary li#nav_services {width: 86px;margin-left: 49px;}
ul#Primary li#nav_services a {width: 86px; background-position: -247px 0px;}
ul#Primary li#nav_services a:hover, ul#Primary li#nav_services a.Active, ul#Primary li.sfHover span#hover_services a {background-position: -247px -44px;}

ul#Primary li#nav_ourwork{width: 96px; margin-left: 51px;}
ul#Primary li#nav_ourwork a {width: 96px; background-position: -384px 0px;}
ul#Primary li#nav_ourwork a:hover, ul#Primary li#nav_ourwork a.Active, ul#Primary li.sfHover span#hover_ourwork a {background-position: -384px -44px;}

ul#Primary li#nav_news {width: 58px; margin-left: 45px;}
ul#Primary li#nav_news a {width: 58px; background-position: -525px 0px;}
ul#Primary li#nav_news a:hover, ul#Primary li#nav_news a.Active, ul#Primary li.sfHover span#hover_news a {background-position: -525px -44px;}

ul#Primary li#nav_contactus {width: 107px; margin-left: 45px;}
ul#Primary li#nav_contactus a {width: 107px; background-position: -628px 0px;}
ul#Primary li#nav_contactus a:hover, ul#Primary li#nav_contactus a.Active, ul#Primary li.sfHover span#hover_contactus a {background-position: -628px -44px;}

ul#Primary li ul {
	/* second level unordered lists appear off-page until mouseover */
	position: absolute;
	width: 220px;
	height: auto;
	top: auto;
	left: -2000em;
	margin: 0;
	padding: 0;
	list-style: none;
	background-color: #5662b1;
	margin-top: 22px;
	border-left: 1px #999999 solid;
	border-top: 1px #999999 solid;
	border-right: 1px #999999 solid;
}

* html ul#Primary li ul {
	margin-top: 21px;
}

ul#Primary li ul li {
	width: 220px !important;
	height: auto;
	border-bottom: 1px #999999 solid;
	border-collapse: collapse;
}

ul#Primary li ul li a {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	padding: 5px 10px;
	height: auto;
	text-decoration: none;
	color: #663300;
	line-height: 16px;
	background-image: none !important;
	background-color: #f7f7ef;
	width: 200px !important;
	text-indent: 0px;
}

ul#Primary li#nav_aboutus ul, ul#Primary li#nav_aboutus ul li {
	width:140px !important;
}

ul#Primary li#nav_aboutus ul li a {
	width:120px !important;
}


ul#Primary li ul li a:hover, ul#Primary li ul li a.Active {
	color: #f7f7ef;
	background-color: #663300;
}

ul#Primary li.sfHover ul { 
	/* on mouseover, move the list to it's normal position */
	top: 19px;
	left: 0;
}

ul#Primary li#nav_contact ul, ul#Primary li#nav_contact ul li, ul#Primary li#nav_contact ul li a {width: 154px !important;}
* html ul#Primary li#nav_contact ul, * html ul#Primary li#nav_contact ul li, * html ul#Primary li#nav_contact ul li a {width: 146px !important;}