#nav {
	width:900px;
	margin:0; padding:0;
}

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

}

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

#nav li a {
	display: block;
	height: 40px;
	background:#000 url(/img/nav/main_nav.gif) no-repeat 0 0;
	text-indent: -9009px;
}

#spacer {
	display: block;
	height:40px;
	background:#000 url(/img/nav/main_nav.gif) no-repeat 0 0;
	text-indent: -9009px;
}

ul li#link1 a { width: 91px; background-position: 0px 0px; }
ul li#link2 a { width: 103px; background-position: -91px 0px; }
ul li#link3 a { width: 110px; background-position: -194px 0px; }
ul li#link4 a { width: 121px; background-position: -304px 0px; }
ul li#spacer  { width: 297px; background-position: -425px 0px; }
ul li#link5 a { width: 78px; background-position: -722px 0px; }
ul li#link6 a { width: 100px; background-position: -800px 0px; }

ul li#link1 a:hover { width: 91px; background-position: 0px -40px; }
ul li#link2 a:hover { width: 103px; background-position: -91px -40px; }
ul li#link3 a:hover { width: 110px; background-position: -194px -40px; }
ul li#link4 a:hover { width: 121px; background-position: -304px -40px; }
ul li#link5 a:hover { width: 78px; background-position: -722px -40px; }
ul li#link6 a:hover { width: 100px; background-position: -800px -40px; }

ul li#link1 a:active { width: 91px; background-position: 0px -40px; }
ul li#link2 a:active { width: 103px; background-position: -91px -40px; }
ul li#link3 a:active { width: 110px; background-position: -194px -40px; }
ul li#link4 a:active { width: 121px; background-position: -304px -40px; }
ul li#link5 a:active { width: 78px; background-position: -722px -40px; }
ul li#link6 a:active { width: 100px; background-position: -800px -40px; }


body#about ul li#link1 a { width: 91px; background-position: 0px -80px; }
body#clients ul li#link2 a { width: 103px; background-position: -91px -80px; }
body#services ul li#link3 a { width: 110px; background-position: -194px -80px; }
body#portfolio  ul li#link4 a { width: 121px; background-position: -304px -80px; }
body#contactus  ul li#link5 a { width: 78px; background-position: -722px -80px; }
body#login  ul li#link6 a { width: 100px; background-position: -800px -80px; }


/*---- HOME DROPDOWN NAV ----*/
#nav li ul {
	position: absolute;
	left: -999em;
	z-index:1000;
}

#nav li ul li {
	clear:both;
	height:auto;
}

#nav li:hover ul {
	left: auto;
}

#nav li ul li a, #nav li ul li a:hover {
	clear:both;
	background-image:none;
	height:25px;
	width:150px;
	color:#000;
	background-color:#756f4d;
	text-indent:0;
	border:none; border-top: dotted #000 1px;
}

#nav li ul li a:hover {
	background-color:#9e9567;
}

/*---- HOME SUB NAV ----*/
#subnav {
	margin:0;
	padding:0;
	}
#subnav-home {
	width:900px;
}
#subnav-home ul {
	width:341px;
	margin:auto;
	padding:0;
}

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

#subnav-home li a {
	display: block;
	height: 40px;
	background:#000 url(/img/nav/home_sub_nav.gif) no-repeat 0 0;
	text-indent: -9009px;
}

ul li#subnav-home-link1 a { width: 79px; background-position: 0px 0px; }
ul li#subnav-home-link2 a { width: 75px; background-position: -79px 0px; }
ul li#subnav-home-link3 a { width: 93px; background-position: -154px 0px; }
ul li#subnav-home-link4 a { width: 94px; background-position: -247px 0px; }


ul li#subnav-home-link1 a:hover { width: 79px; background-position: 0px -40px; }
ul li#subnav-home-link2 a:hover { width: 75px; background-position: -79px -40px; }
ul li#subnav-home-link3 a:hover { width: 93px; background-position: -154px -40px; }
ul li#subnav-home-link4 a:hover { width: 94px; background-position: -247px -40px; }


ul li#subnav-home-link1 a:active { width: 79px; background-position: 0px -80px; }
ul li#subnav-home-link2 a:active { width: 75px; background-position: -79px -80px; }
ul li#subnav-home-link3 a:active { width: 93px; background-position: -154px -80px; }
ul li#subnav-home-link4 a:active { width: 94px; background-position: -247px -80px; }


li#subnav-home-link1.ui-tabs-selected a { width: 79px; background-position: 0px -80px; }
li#subnav-home-link2.ui-tabs-selected a { width: 75px; background-position: -79px -80px; }
li#subnav-home-link3.ui-tabs-selected a { width: 93px; background-position: -154px -80px; }
li#subnav-home-link4.ui-tabs-selected a { width: 94px; background-position: -247px -80px; }

/*---- SERVICES SUB NAV ----*/
#subnav {
	margin:0;
	padding:0;
	}
#subnav-services {
	width:900px;
}
#subnav-services ul {
	width:687px;
	margin:auto;
	padding:0;
}

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

#subnav-services li a {
	display: block;
	height: 40px;
	background:#000 url(/img/nav/services_sub_nav.gif) no-repeat 0 0;
	text-indent: -9009px;
}

ul li#subnav-services-link1 a { width: 136px; background-position: 0px 0px; }
ul li#subnav-services-link2 a { width: 117px; background-position: -136px 0px; }
ul li#subnav-services-link3 a { width: 134px; background-position: -253px 0px; }
ul li#subnav-services-link4 a { width: 122px; background-position: -387px 0px; }
ul li#subnav-services-link5 a { width: 85px; background-position: -509px 0px; }
ul li#subnav-services-link6 a { width: 93px; background-position: -594px 0px; }

ul li#subnav-services-link1 a:hover { width: 136px; background-position: 0px -40px; }
ul li#subnav-services-link2 a:hover { width: 117px; background-position: -136px -40px; }
ul li#subnav-services-link3 a:hover { width: 134px; background-position: -253px -40px; }
ul li#subnav-services-link4 a:hover { width: 122px; background-position: -387px -40px; }
ul li#subnav-services-link5 a:hover { width: 85px; background-position: -509px -40px; }
ul li#subnav-services-link6 a:hover { width: 93px; background-position: -594px -40px; }

ul li#subnav-services-link1 a:active { width: 136px; background-position: 0px -80px; }
ul li#subnav-services-link2 a:active { width: 117px; background-position: -136px -80px; }
ul li#subnav-services-link3 a:active { width: 134px; background-position: -253px -80px; }
ul li#subnav-services-link4 a:active { width: 122px; background-position: -387px -80px; }
ul li#subnav-services-link5 a:active { width: 85px; background-position: -509px -80px; }
ul li#subnav-services-link6 a:active { width: 93px; background-position: -594px -80px; }


li#subnav-services-link1.ui-tabs-selected a, li#subnav-services-link1.active a { width: 136px; background-position: 0px -80px; }
li#subnav-services-link2.ui-tabs-selected a, li#subnav-services-link2.active a { width: 117px; background-position: -136px -80px; }
li#subnav-services-link3.ui-tabs-selected a, li#subnav-services-link3.active a { width: 134px; background-position: -253px -80px; }
li#subnav-services-link4.ui-tabs-selected a, li#subnav-services-link4.active a { width: 122px; background-position: -387px -80px; }
li#subnav-services-link5.ui-tabs-selected a, li#subnav-services-link5.active a  { width: 85px; background-position: -509px -80px; }
li#subnav-services-link6.ui-tabs-selected a, li#subnav-services-link6.active a { width: 93px; background-position: -594px -80px; }


/*---- PORTFOLIO SUB NAV ----*/
#subnav {
	margin:0;
	padding:0;
	}
#subnav-portfolio {
	width:900px;
}
#subnav-portfolio ul {
	width:268px;
	margin:auto;
	padding:0;
}

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

#subnav-portfolio li a {
	display: block;
	height: 40px;
	background:#000 url(/img/nav/portfolio_sub_nav.gif) no-repeat 0 0;
	text-indent: -9009px;
}

ul li#subnav-portfolio-link1 a { width: 68px; background-position: 0px 0px; }
ul li#subnav-portfolio-link2 a { width: 94px; background-position: -68px 0px; }
ul li#subnav-portfolio-link3 a { width: 106px; background-position: -162px 0px; }


ul li#subnav-portfolio-link1 a:hover { width: 68px; background-position: 0px -40px; }
ul li#subnav-portfolio-link2 a:hover { width: 94px; background-position: -68px -40px; }
ul li#subnav-portfolio-link3 a:hover { width: 106px; background-position: -162px -40px; }


ul li#subnav-portfolio-link1 a:active { width: 68px; background-position: 0px -80px; }
ul li#subnav-portfolio-link2 a:active { width: 94px; background-position: -68px -80px; }
ul li#subnav-portfolio-link3 a:active { width: 106px; background-position: -162px -80px; }


li#subnav-portfolio-link1.ui-tabs-selected a, li#subnav-portfolio-link1.active a { width: 68px; background-position: 0px -80px; }
li#subnav-portfolio-link2.ui-tabs-selected a, li#subnav-portfolio-link2.active a { width: 94px; background-position: -68px -80px; }
li#subnav-portfolio-link3.ui-tabs-selected a, li#subnav-portfolio-link3.active a { width: 106px; background-position: -162px -80px; }

/*---- CLIENTS SUB NAV ----*/
#subnav-clients {
	width:900px;
}
#subnav-clients ul {
	width:260px;
	margin:auto;
	padding:0;
}

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

#subnav-clients li a {
	display: block;
	height: 40px;
	background:#000 url(/img/nav/clients_sub_nav.gif) no-repeat 0 0;
	text-indent: -9009px;
}

ul li#subnav-clients-link1 a { width: 80px; background-position: 0px 0px; }
ul li#subnav-clients-link2 a { width: 89px; background-position: -80px 0px; }
ul li#subnav-clients-link3 a { width: 91px; background-position: -169px 0px; }


ul li#subnav-clients-link1 a:hover { width: 80px; background-position: 0px -40px; }
ul li#subnav-clients-link2 a:hover { width: 89px; background-position: -80px -40px; }
ul li#subnav-clients-link3 a:hover { width: 91px; background-position: -169px -40px; }


ul li#subnav-clients-link1 a:active { width: 80px; background-position: 0px -80px; }
ul li#subnav-clients-link2 a:active { width: 89px; background-position: -80px -80px; }
ul li#subnav-clients-link3 a:active { width: 91px; background-position: -169px -80px; }


li#subnav-clients-link1.ui-tabs-selected a, li#subnav-clients-link1.active a { width: 80px; background-position: 0px -80px; }
li#subnav-clients-link2.ui-tabs-selected a, li#subnav-clients-link2.active a { width: 89px; background-position: -80px -80px; }
li#subnav-clients-link3.ui-tabs-selected a, li#subnav-clients-link3.active a { width: 91px; background-position: -169px -80px; }

/*---- ABOUT SUB NAV ----*/
#subnav-about {
	width:900px;
}
#subnav-about ul {
	width:234px;
	margin:auto;
	padding:0;
}

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

#subnav-about li a {
	display: block;
	height: 40px;
	background:#000 url(/img/nav/about_sub_nav.gif) no-repeat 0 0;
	text-indent: -9009px;
}

ul li#subnav-about-link1 a { width: 119px; background-position: 0px 0px; }
ul li#subnav-about-link2 a { width: 53px; background-position: -119px 0px; }
ul li#subnav-about-link3 a { width: 62px; background-position: -172px 0px; }

ul li#subnav-about-link1 a:hover { width: 119px; background-position: 0px -40px; }
ul li#subnav-about-link2 a:hover { width: 53px; background-position: -119px -40px; }
ul li#subnav-about-link3 a:hover { width: 62px; background-position: -172px -40px; }

ul li#subnav-about-link1 a:active { width: 119px; background-position: 0px -80px; }
ul li#subnav-about-link2 a:active { width: 53px; background-position: -119px -80px; }
ul li#subnav-about-link3 a:active { width: 62px; background-position: -172px -80px; }


li#subnav-about-link1.ui-tabs-selected a, li#subnav-about-link1.active a { width: 119px; background-position: 0px -80px; }
li#subnav-about-link2.ui-tabs-selected a, li#subnav-about-link2.active a { width: 53px; background-position: -119px -80px; }
li#subnav-about-link3.ui-tabs-selected a, li#subnav-about-link3.active a { width: 62px; background-position: -172px -80px; }


/*-- bottom links --*/
.prev-link a {
	display:block;
	width: 70px;
	height: 25px;
	background: url(/img/nav/prev_btm_link.gif) 0 0 no-repeat;
}
.prev-link a:hover { 
	background-position: 0 -25px;
}

.next-link a {
	display:block;
	width: 70px;
	height: 25px;
	background: url(/img/nav/next_btm_link.gif) 0 0 no-repeat;
}
.next-link a:hover { 
	background-position: 0 -25px;
}

.balink a {height:25px;}
.about-us-link a {
	display:block;
	width: 119px;
	height: 25px;
	background: url(/img/nav/about_us_btm_link.gif) 0 0 no-repeat;
}
.about-us-link a:hover { 
	background-position: 0 -25px;
}

.services-link a {
	display:block;
	width: 110px;
	height: 25px;
	background: url(/img/nav/services_btm_link.gif) 0 0 no-repeat;
}
.services-link a:hover { 
	background-position: 0 -25px;
}

.news-link a {
	display:block;
	width: 76px;
	height: 25px;
	background: url(/img/nav/news_btm_link.gif) 0 0 no-repeat;
}
.news-link a:hover { 
	background-position: 0 -25px;
}
.more-love-link a {
	display:block;
	width: 110px;
	height: 25px;
	background: url(/img/nav/more_love_btm_link.gif) 0 0 no-repeat;
}
.more-love-link a:hover { 
	background-position: 0 -25px;
}

.client-list-link a {
	display:block;
	width: 110px;
	height: 25px;
	background: url(/img/nav/client_list_btm_link.gif) 0 0 no-repeat;
}
.client-list-link a:hover { 
	background-position: 0 -25px;
}

#subnav-spacer {height:40px; width:900px;}