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

/*NAVIGATION*/
ul#menu{margin-bottom:0; line-height:1;}
ul#menu li { list-style:none;}
#menu {	list-style: none; padding: 0; margin: 0; position: relative;}
#menu span { display: none; position: absolute; }
#menu a {display: block; text-indent: -900%; position: absolute; outline: none; font-size:0.00001%;}
#menu a:hover span{display: block;}

#menu .home {width:48px; height:98px; background: url(../images/nav-home.jpg) no-repeat bottom; right:591px;top:0;}
#menu .home:hover {background-position: 0 -98px;}

#menu .aboutUs {width:97px; height:98px; background: url(../images/nav-aboutUs.jpg) no-repeat bottom; right:494px; top:0;}
#menu .aboutUs:hover {background-position: 0 -98px;}
#aboutUsActive{width:97px; height:98px; background: url(../images/nav-aboutUs.jpg) no-repeat top;right:494px; top:0;}

#menu .blog { width:66px; height:98px; background: url(../images/nav-blog.jpg) no-repeat bottom;right:428px;top:0;}
#menu .blog:hover {background-position: 0 -98px;}
#blogActive{width:66px; height:98px; background: url(../images/nav-blog.jpg) no-repeat top;right:428px; top:0;}

#menu .portfolio { width:96px; height:98px; background: url(../images/nav-ourWork.jpg) no-repeat bottom; right:332px; top:0;}
#menu .portfolio:hover {background-position: 0 -98px;}
#portfolioActive{width:96px; height:98px; background: url(../images/nav-ourWork.jpg) no-repeat top;right:332px; top:0;}

#menu .faqs { width:75px; height:98px; background: url(../images/nav-faq.jpg) no-repeat bottom;right:257px; top:0;}
#menu .faqs:hover {background-position: 0 -98px;}
#faqsActive{width:75px; height:98px; background: url(../images/nav-faq.jpg) no-repeat top;right:257px; top:0;}

#menu .plansPricing { width:144px; height:98px; background: url(../images/nav-plansPricing.jpg) no-repeat bottom;right:113px; top:0;}
#menu .plansPricing:hover {background-position: 0 -98px;}
#plansActive{width:144px; height:98px; background: url(../images/nav-plansPricing.jpg) no-repeat top;right:113px; top:0;}


#menu .contactUs { width:113px; height:98px; background: url(../images/nav-contactUs.jpg) no-repeat bottom;top:0; right:0;}
#menu .contactUs:hover {background-position: 0 -98px;}
#contactUsActive{width:113px; height:98px; background: url(../images/nav-contactUs.jpg) no-repeat top;right:0; top:0;}