/* CSS styles for web standards browsers */

/* coded by www.klingemanndesign.com */


/* Menu Tabs
------------------------------------------------------- */

#mainmenu {
	height: 34px;
	width: 370px;
	margin: 95px 0 0 0;
	padding: 0;
	float:right;
}
ul#nav {
	width: 370px;
	margin: 0 auto;
	padding: 0;
	height: 34px;
}
ul#nav .selected1 { 
	background-position:0 -68px; 
}
ul#nav a.selected1:hover {
		background-position:0 -68px;
}
ul#nav .selected2 { 
	background-position:-62px -68px; 
}
ul#nav a.selected2:hover { 
	background-position:-62px -68px;
}
ul#nav .selected3 { 
	background-position:-144px -68px; 
}
ul#nav a.selected3:hover { 
	background-position:-144px -68px;
}
ul#nav .selected4 { 
	background-position:-228px -68px; 
}
ul#nav a.selected4:hover { 
	background-position:-228px -68px; 
}
ul#nav li {
	float:left;
	list-style-type:none;
	padding-left: 10px;
	}
li#navHome {
width: 62px;	
}
li#navAbout {
width: 82px;	
}
li#navServices {
width: 84px;	
}
li#navContact {
width: 102px;	
}
ul#nav li a {
	height:34px;
	display:block;
	top:0px;
	text-indent:-9999px;
	outline:none;
	overflow:hidden;
	text-decoration: none; /* needed for IE8 beta, otherwise it still shows the underlines */
}
li#navHome a, li#navAbout a, li#navServices a, li#navContact a {
	background: url(../images/nav_bg.gif) no-repeat;
}
li#navHome a {
	background-position:0 0;
	width:62px;
	left:0;
}
li#navHome a:hover {
	background-position:0 -34px;
}
/*body#pageAbout li#navAbout a {
	background-position:0 -34px;
}*/
li#navAbout a {
	background-position:-62px 0;
	width:82px;
	left:62px;
}
li#navAbout a:hover {
	background-position:-62px -34px;
}
/*body#pageAbout li#navAbout a {
	background-position:-114px -34px;
}*/
li#navServices a {
	background-position:-144px 0;
	width:84px;
	left:144px;
}
li#navServices a:hover {
	background-position:-144px -34px;
}
li#navContact a {
	background-position:-228px 0;
	width:102px;
	left:228px;
}
li#navContact a:hover {
	background-position:-228px -34px;
}