@charset "utf-8";
/* CSS Document */

img {border:none;}

#mainNav  {text-align:left;font-family:"Trebuchet MS";font-size:28px;color:#666;}
#mainNav ul {list-style:none;}
#mainNav ul li {display:inline;padding:0 1px 0 8px;background:url(../images/navSep.gif) no-repeat 0px 10px;}
/*#mainNav ul li .mainNavHome {display:inline;padding:0 1px 0 8px;background:url(../images/navSepWhite.gif) no-repeat 0px 10px;}*/
#mainNav ul li a {font-family:"Trebuchet MS";font-size:18px;color:#666;text-decoration:none;text-transform:uppercase;padding:0 5px;}
#mainNav ul li a:hover {background:#ff0000;color:#ffffff;}

#mainNav .mainNavSelected a {background:#ff0000;color:#ffffff;}
#mainNav .mainNavHome {display:inline;padding:0 1px 0 8px;background:url(../images/navSepWhite.gif) no-repeat 0px 10px;}

/*#mainNav ul li ul {display:none;}
#mainNav li:hover ul {display:block;}

#mainNav .navOver {position:absolute;margin-top:0px;margin-left:0px;}


#mainNav .navSep {background:url(../images/navSep.gif) no-repeat top center;}

#mainNav .navHome a {background:url(../images/nav-home.gif) no-repeat;width:96px;height:24px;display:inline-block;}
#mainNav .navHome a:hover {background:url(../images/nav-home.gif) no-repeat 0px -24px;}

#mainNav .navAbout a {background:url(../images/nav-about.gif) no-repeat;width:138px;height:24px;display:inline-block;}
#mainNav .navAbout a:hover  {background:url(../images/nav-about.gif) no-repeat 0px -24px;}
#mainNav .navAboutActive a {background:url(../images/nav-about.gif) no-repeat 0px -24px;width:138px;height:24px;display:inline-block;}

#mainNav .navPortfolio a {background:url(../images/nav-portfolio.gif) no-repeat;width:141px;height:24px;display:inline-block;}
#mainNav .navPortfolio a:hover {background:url(../images/nav-portfolio.gif) no-repeat 0px -24px;}

#mainNav .navServices a {background:url(../images/nav-services.gif) no-repeat;width:122px;height:24px;display:inline-block;}
#mainNav .navServices a:hover {background:url(../images/nav-services.gif) no-repeat 0px -24px;}

#mainNav .navContact a {background:url(../images/nav-contact.gif) no-repeat;width:158px;height:24px;display:inline-block;}
#mainNav .navContact a:hover {background:url(../images/nav-contact.gif) no-repeat 0px -24px;}*/

/***********************************
* About Menu
***********************************/
#mainNav .navOver .navAbout01 a {background:url(../images/nav-about-01.gif) no-repeat;width:85px;height:17px;}
#mainNav .navOver .navAbout01 a:hover {background:url(../images/nav-about-01.gif) no-repeat 0px -17px;}
/**********************************/