/* adapted from: http://www.alistapart.com/articles/slidingdoors2/*/

/*** MAIN NAVIGATION ***/

#navigationContainer {
	position:relative;
	top: 87px;
	width: 100%;
	left: 144px;
	
	
}


#navMain {
	margin: 0;
	width: 100%;
	height: 30px;
	position:relative;	
	float: right;
	list-style-type:  none;
	font-size: 0.9em;
	font-weight: bold;
}

#navMain ul {
	list-style-type:none;
	margin:0;
	padding:0;
	margin-right: 150px;
}
#navMain li {
	float: right;
	margin:0;
	padding:0;
	height: 30px;		
}
#navMain a {
	color:#676767;
	display:block;
	float:left;
	padding: 5px 15px 0 2px;
	text-decoration:none;
	height: 30px;		
}

#navMain li.aboutleft {
	background:transparent url(../images/navigation/about-left.gif) no-repeat left top;
	float: right;
	margin:0;
	padding:0 2px 0 0;
	height: 29px;		
}
#navMain a.aboutright {
	background:transparent url(../images/navigation/about-right.gif) no-repeat right top;
	color:#676767;
	display:block;
	float:left;
	padding: 0 8px 0 0;
	text-decoration:none;
	width: 46px;
	height: 29px;	
}


#navMain li.propertyleft {
	background:transparent url(../images/navigation/property-left.gif) no-repeat left top;
	float: right;
	margin:0;
	padding:0 2px 0 0;
	height: 29px;		
}
#navMain a.propertyright {
	background:transparent url(../images/navigation/property-right.gif) no-repeat right top;
	color:#676767;
	display:block;
	float:left;
	padding: 0 9px 0 0;
	text-decoration:none;
	width: 72px;
	height: 29px;	
}


#navMain li.antiquesleft {
	background:transparent url(../images/navigation/antiques-left.gif) no-repeat left top;
	float: right;
	margin:0;
	padding:0 2px 0 0;
	height: 29px;		
}
#navMain a.antiquesright {
	background:transparent url(../images/navigation/antiques-right.gif) no-repeat right top;
	color:#676767;
	display:block;
	float:left;
	padding: 0 9px 0 0;
	text-decoration:none;
	width: 113px;
	height: 29px;	
}



#navMain li.strategicleft {
	background:transparent url(../images/navigation/strategic-left.gif) no-repeat left top;
	float: right;
	margin:0;
	padding:0 2px 0 0;
	height: 29px;		
}
#navMain a.strategicright {
	background:transparent url(../images/navigation/strategic-right.gif) no-repeat right top;
	color:#676767;
	display:block;
	float:left;
	padding: 0 9px 0 0;
	text-decoration:none;
	width: 113px;
	height: 29px;	
}

#navMain li.businessleft {
	background:transparent url(../images/navigation/business-left.gif) no-repeat left top;
	float: right;
	margin:0;
	padding:0 2px 0 0;
	height: 29px;		
}
#navMain a.businessright {
	background:transparent url(../images/navigation/business-right.gif) no-repeat right top;
	color:#676767;
	display:block;
	float:left;
	padding: 0 9px 0 0;
	text-decoration:none;
	width: 80px;
	height: 29px;	
}


#navMain li.jewelleryleft {
	background:transparent url(../images/navigation/jewellery-left.gif) no-repeat left top;
	float: right;
	margin:0;
	padding:0 2px 0 0;
	height: 29px;		
}
#navMain a.jewelleryright {
	background:transparent url(../images/navigation/jewellery-right.gif) no-repeat right top;
	color:#676767;
	display:block;
	float:left;
	padding: 0px 9px 0 0px;
	text-decoration:none;
	width: 80px;
	height: 29px;	
}

#navMain li.stockleft {
	background:transparent url(../images/navigation/stock-left.gif) no-repeat left top;
	float: right;
	margin:0;
	padding:0 2px 0 0;
	height: 29px;		
}
#navMain a.stockright {
	background:transparent url(../images/navigation/stock-right.gif) no-repeat right top;
	color:#676767;
	display:block;
	float:left;
	padding: 0px 9px 0 0px;
	text-decoration:none;
	width: 87px;
	height: 29px;	
}

#navMain li.plantleft {
	background:transparent url(../images/navigation/plant-left.gif) no-repeat left top;
	float: right;
	margin:0;
	padding:0 2px 0 0;
	height: 29px;		
}
#navMain a.plantright {
	background:transparent url(../images/navigation/plant-right.gif) no-repeat right top;
	color:#676767;
	display:block;
	float:left;
	padding: 0px 9px 0 0px;
	text-decoration:none;
	width: 139px;
	height: 29px;	
}


#navMain li.contactleft {
	background:transparent url(../images/navigation/contact-left.gif) no-repeat left top;
	float: right;
	margin:0;
	padding:0 2px 0 0;
	height: 29px;		
}
#navMain a.contactright {
	background:transparent url(../images/navigation/contact-right.gif) no-repeat right top;
	color:#676767;
	display:block;
	float:left;
	padding: 0 9px 0 0;
	text-decoration:none;
	width: 80px;
	height: 29px;	
}



#navMain a:hover, #navMain a.sfhover {
color:#676767;
}
#navMain li:hover, #navMain li.sfhover, #navMain li:hover a, #navMain li.sfhover a {
background-position:0 -29px;
color:#676767;
}
#navMain li:hover a, #navMain li.sfhover a {
background-position:100% -29px;
}

#navMain #current {
background-position:0 -29px;
border-width:0;
}
#navMain #current a {
background-position:100% -29px;
color:#676767;
}


/************ LEFT NAV  ***************/

#leftNav ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

#leftNav li {
	float: left;
	margin:0;
	padding:0;
	width: 100%;
	border-bottom: 1px solid #c2c2c2;		
}

#leftNav a {
	text-decoration: none;		
}

#leftNav a:hover, #leftNav a.sfhover {
	color: #2fa2db;
}


#leftNav #leftCurrent a {
	color:#2fa2db;
}











