@charset "utf-8";

/*----------------------------------------------------------------
navigation STYLESHEET

Designer:
**********************************
Justin Waite
email: justin@aetoswebdesign.com
website:http://www.aetoswebdesign.com
**********************************
----------------------------------------------------------------*/

/*
--------------------------------------------------------
Main Navigation
--------------------------------------------------------
*/

#main-nav{
position:relative;
float:right;
padding:64px 0 0 0;
}

#main-nav ul.main-nav{
position:relative; 
width:780px;
height:26px;
list-style-type:none; 
}

ul.main-nav a{
display:block;
width:100%;
height:26px;
text-indent:-9999px;
}

#main-nav li{
float:left;
text-indent:-9999px;
}

#main-nav li.house a{
position:relative;
width:126px;
height:26px;
margin:0 5px 0 0;
background:url(http://www.jpspaintcenter.com/images/sitedesign/body/main-nav/house.gif) no-repeat top left;
}

#main-nav li.automotive a{
position:relative;
width:126px;
height:26px;
padding-right:5px;
background:url(http://www.jpspaintcenter.com/images/sitedesign/body/main-nav/auto.gif) no-repeat top left;
}

#main-nav li.location a{
position:relative;
width:126px;
height:26px;
padding-right:5px;
background:url(http://www.jpspaintcenter.com/images/sitedesign/body/main-nav/location.gif) no-repeat top left;
}

#main-nav li.about a{
position:relative;
width:125px;
height:26px;
padding-right:5px;
background:url(http://www.jpspaintcenter.com/images/sitedesign/body/main-nav/about.gif) no-repeat top left;
}

#main-nav li.contact a{
position:relative;
width:126px;
height:26px;
padding-right:5px;
background:url(http://www.jpspaintcenter.com/images/sitedesign/body/main-nav/contact.gif) no-repeat top left;
}

#main-nav li.home a{
position:relative;
width:126px;
height:26px;
background:url(http://www.jpspaintcenter.com/images/sitedesign/body/main-nav/home.gif) no-repeat top left;
}

#main-nav li.house a:hover{
background-position:bottom left;
}

#main-nav li.automotive a:hover{
background-position:bottom left;
}

#main-nav li.location a:hover{
background-position:bottom left;
}

#main-nav li.about a:hover{
background-position:bottom left;
}

#main-nav li.contact a:hover{
background-position:bottom left;
}

#main-nav li.home a:hover{
background-position:bottom left;
}

/*
--------------------------------------------------------
Sub Navigation Home
--------------------------------------------------------
*/

#sub-nav{
position:relative;
float:left;
width:145px;
padding:13px 11px 0 13px;
}