/*
	---------------------------------------------
	rogers athletic company stylesheet
	copywrite 2006 
	planet studio
	---------------------------------------------

	
*/


/* top navigation "postiton and hover/visit"
------------------------------------------------------------------*/
/*
ul#nav {
	position:absolute;
	margin-top: 63px;
	margin-left: 372px;
	width: 240px;
	height: 19px;
	}
*/

ul#nav {
	position:absolute;
	margin-top: 63px;
	margin-left: 207px;
	width: 240px;
	height: 19px;
	}
ul#nav li {
	padding:0;
	margin:0px;
	float:left;
	text-indent:-9999px;	
	list-style-type:none;
	}
ul#nav li a {
	border:0;
	display:block;
	text-decoration:none;
	background:transparent url(../images/rogers_top_nav.gif) no-repeat;
	}

li#about a {
	width:69px;
	height:19px;
	 }
li#contact a {
	width:66px;
	height:19px;
	 }
li#careers a {
	width:60px;
	height:19px;
	 }	 
li#shop a {
	width:41px;
	height:19px;
	 }
	 	 	 	 
li#about a:hover, li#about a:focus {
	background-position:0px -19px;
	 }
li#contact a:link, li#contact a:visited {	
	background-position:-69px 0px;
	}
li#contact a:hover, li#contact a:focus {	
	background-position:-69px -19px;
	}
li#careers a:link, li#careers a:visited {	
	background-position: -135px 0px;
	}
li#careers a:hover, li#careers a:focus {	
	background-position: -135px -19px;
	}
li#shop a:link, li#shop a:visited {	
	background-position: -193px 0px;
	}
li#shop a:hover, li#shop a:focus {	
	background-position: -193px -19px;
	}


/* top navigation "active tabs"
------------------------------------------------------------------*/

body#about-page ul#nav li#about a {
	background-position:0px -38px;
	}
body#contact-page ul#nav li#contact a {
	background-position:-69px -38px;
	}
body#careers-page ul#nav li#careers a {
	background-position:-135px -38px;
	}
body#shop-page ul#nav li#shop a {
	background-position:-193px -38px;
	}

/* search bar
------------------------------------------------------------------*/
#searchbar {
	position:absolute;
	margin-top: 63px;
	margin-left: 440px;
	width: 165px;
	height: 19px;
	background-image: url(../images/search_bg.gif);
	background-repeat: repeat-x;
	}