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

/*---- things to hide for top and left nav ----*/

#nav li span {
	display: none;
}

/*---- top navigation ----*/

#nav {
	background: url(/global-images/top-nav.jpg) no-repeat;
	width: 828px;
	height: 43px;
	padding: 0;
	position: relative;
}

#nav ul{
	list-style: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#nav li, #nav li a{
	position:absolute;
	display:block;
	border-bottom: 0px;
	}	
	
#nav li.l1 {width:414px; height:43px; left: 0;}
#nav li.l1 a{width:414px; height:43px;}
#nav li.l1 a:hover{background: transparent url(/global-images/top-nav.gif) 0 -43px no-repeat;}

#nav li.l2 {width:114px; height:43px; left:414px;}
#nav li.l2 a{width:114px; height:43px;}
#nav li.l2 a:hover{background: transparent url(/global-images/top-nav.gif) -414px -43px no-repeat;}

#nav li.l3 {width:168px; height:43px; left:528px;}
#nav li.l3 a{width:168px; height:43px;}
#nav li.l3 a:hover{background: transparent url(/global-images/top-nav.gif) -528px -43px no-repeat;}

#nav li.l4 {width:132px; height:43px; left:696px;}
#nav li.l4 a{width:132px; height:43px;}
#nav li.l4 a:hover{background: transparent url(/global-images/top-nav.gif) -696px -43px no-repeat;}

/*----- creates active state of button nav -----*/
.thatch li.l1 {background: transparent url(/global-images/top-nav.gif) 0 -86px no-repeat;}
.gallery li.l2 {background: transparent url(/global-images/top-nav.gif) -414px -86px no-repeat;}
.decking li.l3 {background: transparent url(/global-images/top-nav.gif) -528px -86px no-repeat;}
.home li.l4 {background: transparent url(/global-images/top-nav.gif) -696px -86px no-repeat;}
/*---- end top navigation ----*/