/* Top navigation */


#nav_container{
	width: 945px;
	height: 35px;
	margin: 0 auto;
	padding:0;
	}


#mast_nav{
	background:url(images/background_green.jpg);
	width:100%;
	text-align:center;
}


div#mainNav {
	width: 942px;
	height: 37px;
	margin: 0 auto;
}


div#mainNav ul {
	padding: 0px;
	margin: 0px;
	list-style-type:none;
}

div#mainNav ul li { 
	display: block;
	float: left;
	height: 37px;
	position:relative;
	margin: 0px;
	padding: 0px;
}



div#mainNav ul li span {
	top: 0;
	left: 0;
	height: 37px;
	background-repeat: no-repeat;
	position: absolute;
	z-index:1;
}

div#mainNav ul li a {
	height: 37px;
	display: block;
	cursor:pointer;
	color: #FFF;
	text-decoration: none;
	border: 0px;
	text-align: center;
	font-size:0px;
}


/* Off states */
ul li#nav-home, ul li#nav-home span, ul li#nav-home a {width: 97px;}
ul li#nav-home span { background-image: url(images/b_home.gif);}

ul li#nav-aboutRace, ul li#nav-aboutRace span, ul li#nav-aboutRace a {width: 179px;}
ul li#nav-aboutRace span { background-image: url(images/b_aboutRace.gif);}

ul li#nav-aboutMeso, ul li#nav-aboutMeso span, ul li#nav-aboutMeso a {width: 170px;}
ul li#nav-aboutMeso span { background:url(images/b_aboutMeso.gif);}

ul li#nav-getInvolved, ul li#nav-getInvolved span, ul li#nav-getInvolved a {width: 122px;}
ul li#nav-getInvolved span { background:url(images/b_getInvolved.gif);}

ul li#nav-faq, ul li#nav-faq span, ul li#nav-faq a {width: 73px;}
ul li#nav-faq span { background-image: url(images/b_faq.gif);}

ul li#nav-aboutUs, ul li#nav-aboutUs span, ul li#nav-aboutUs a {width: 101px;}
ul li#nav-aboutUs span { background-image: url(images/b_about.gif);}

ul li#nav-blog, ul li#nav-blog span, ul li#nav-blog a {width: 81px;}
ul li#nav-blog span { background-image: url(images/b_blog.gif);}

ul li#nav-contact, ul li#nav-contact span, ul li#nav-contact a {width: 118px;}
ul li#nav-contact span { background-image: url(images/b_contact.gif);}



ul li#nav-contact2, ul li#nav-contact2 span, ul li#nav-contact2 a {width: 96px;}
ul li#nav-contact2 span { background-image: url(images/b_contactus.gif);}




#page_home ul li#nav-home span { background-image: url(images/b_home2.gif);}
#page_about ul li#nav-about span { background:url(images/b_about2.gif);}
#page_services ul li#nav-services span { background-image: url(images/b_ourServices2.gif);}
#page_projects ul li#nav-projects span { background:url(images/b_projects2.gif);}



div#social ul{
	padding: 0 0 0 25px;
	margin: 11px 0 0 0;
	list-style-type:none;	
}
div#social ul li { 
	display: block;
	float: left;
	height: 25px;
	position:relative;
	padding: 0;
	margin: 0 10px 0 0;
}



div#social ul li span {
	top: 0;
	left: 0;
	height: 25px;
	background-repeat: no-repeat;
	position: absolute;
	z-index:1;
	
}

div#social ul li a {
	height: 25px;
	display: block;
	cursor:pointer;
	color: #FFF;
	text-decoration: none;
	border: 0px;
	text-align: center;
	font-size:0px;
	
	
	
}
ul li#ico-face, ul li#ico-face span, ul li#ico-face a {width: 25px;}
ul li#ico-face span { background-image: url(images/icon_facebook.jpg);}

ul li#ico-twitter, ul li#ico-twitter span, ul li#ico-twitter a {width: 25px;}
ul li#ico-twitter span { background-image: url(images/icon_twitter.jpg);}

ul li#ico-youtube, ul li#ico-youtube span, ul li#ico-youtube a {width: 25px;}
ul li#ico-youtube span { background:url(images/icon_youtube.jpg);}