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

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

#nav-services { display: block; width: 190px; height: 20px; background: url("../images/common/nav-menu/services.png") no-repeat 0 0; margin-left: 20px; }
#nav-services:hover { background-position: 0 -20px; }
#nav-services span { display: none; }

#nav-web-design { display: block; width: 110px; height: 16px; background: url("../images/common/nav-menu/web-design.png") no-repeat 0 0; margin-left: 105px; margin-top: 10px; }
#nav-web-design:hover { background-position: 0 -16px; }
#nav-web-design span { display: none; }

#nav-commerce { display: block; width: 110px; height: 16px; background: url("../images/common/nav-menu/e-commerce.png") no-repeat 0 0; margin-left: 105px; margin-top: 3px; }
#nav-commerce:hover { background-position: 0 -16px; }
#nav-commerce span { display: none; }

#nav-cms { display: block; width: 110px; height: 16px; background: url("../images/common/nav-menu/cms.png") no-repeat 0 0; margin-left: 105px; margin-top: 3px; }
#nav-cms:hover { background-position: 0 -16px; }
#nav-cms span { display: none; }

#nav-seo { display: block; width: 110px; height: 16px; background: url("../images/common/nav-menu/seo.png") no-repeat 0 0; margin-left: 105px; margin-top: 3px; }
#nav-seo:hover { background-position: 0 -16px; }
#nav-seo span { display: none; }

#nav-logo-design { display: block; width: 110px; height: 16px; background: url("../images/common/nav-menu/logo-design.png") no-repeat 0 0; margin-left: 105px; margin-top: 3px; }
#nav-logo-design:hover { background-position: 0 -16px; }
#nav-logo-design span { display: none; }

#nav-web-hosting { display: block; width: 110px; height: 16px; background: url("../images/common/nav-menu/web-hosting.png") no-repeat 0 0; margin-left: 105px; margin-top: 3px; }
#nav-web-hosting:hover { background-position: 0 -16px; }
#nav-web-hosting span { display: none; }

#nav-our-work { display: block; width: 190px; height: 20px; background: url("../images/common/nav-menu/our-work.png") no-repeat 0 0; margin-left: 20px; margin-top: 20px; }
#nav-our-work:hover { background-position: 0 -20px; }
#nav-our-work span { display: none; }

#nav-portfolio { display: block; width: 110px; height: 16px; background: url("../images/common/nav-menu/portfolio.png") no-repeat 0 0; margin-left: 105px; margin-top: 10px; }
#nav-portfolio:hover { background-position: 0 -16px; }
#nav-portfolio span { display: none; }

#nav-company { display: block; width: 228px; height: 20px; background: url("../images/common/nav-menu/the-company.png") no-repeat 0 0; margin-left: 20px; margin-top: 20px; }
#nav-company:hover { background-position: 0 -20px; }
#nav-company span { display: none; }

#nav-prices { display: block; width: 110px; height: 16px; background: url("../images/common/nav-menu/prices.png") no-repeat 0 0; margin-left: 105px; margin-top: 10px; }
#nav-prices:hover { background-position: 0 -16px; }
#nav-prices span { display: none; }

#nav-blog { display: block; width: 110px; height: 16px; background: url("../images/common/nav-menu/blog.png") no-repeat 0 0; margin-left: 105px; margin-top: 3px; }
#nav-blog:hover { background-position: 0 -16px; }
#nav-blog span { display: none; }

#nav-contact { display: block; width: 110px; height: 16px; background: url("../images/common/nav-menu/contact.png") no-repeat 0 0; margin-left: 105px; margin-top: 3px; }
#nav-contact:hover { background-position: 0 -16px; }
#nav-contact span { display: none; }

/* ---------------------Header Navigation--------------------- */

#hd-home { display: block; width: 66px; height: 25px; background: url("../images/common/hd-nav/home.png") no-repeat 0 0; float:left; margin-left: 210px; }
#hd-home:hover { background-position: 0 -25px; }
#hd-home span { display: none; }

#hd-services { display: block; width: 72px; height: 25px; background: url("../images/common/hd-nav/services.png") no-repeat 0 0; float:left; }
#hd-services:hover { background-position: 0 -25px; }
#hd-services span { display: none; }

#hd-contact { display: block; width: 83px; height: 25px; background: url("../images/common/hd-nav/contact.png") no-repeat 0 0; float:left; }
#hd-contact:hover { background-position: 0 -25px; }
#hd-contact span { display: none; }

/* ---------------------Services Navigation--------------------- */

#services-web-design { display: block; width: 600px; height: 32px; background: url("../images/services/nav/web-design.png") no-repeat 0 0; float:left; margin-top: 5px; }
#services-web-design:hover { background-position: 0 -32px; }
#services-web-design span { display: none; }

#services-commerce { display: block; width: 600px; height: 32px; background: url("../images/services/nav/e-commerce.png") no-repeat 0 0; float:left; margin-top: 5px; }
#services-commerce:hover { background-position: 0 -32px; }
#services-commerce span { display: none; }

#services-cms { display: block; width: 600px; height: 32px; background: url("../images/services/nav/cms.png") no-repeat 0 0; float:left; margin-top: 5px; }
#services-cms:hover { background-position: 0 -32px; }
#services-cms span { display: none; }

#services-seo { display: block; width: 600px; height: 32px; background: url("../images/services/nav/seo.png") no-repeat 0 0; float:left; margin-top: 5px; }
#services-seo:hover { background-position: 0 -32px; }
#services-seo span { display: none; }

#services-logo-design { display: block; width: 600px; height: 32px; background: url("../images/services/nav/logo-design.png") no-repeat 0 0; float:left; margin-top: 5px; }
#services-logo-design:hover { background-position: 0 -32px; }
#services-logo-design span { display: none; }

#services-web-hosting { display: block; width: 600px; height: 32px; background: url("../images/services/nav/web-hosting.png") no-repeat 0 0; float:left; margin-top: 5px; }
#services-web-hosting:hover { background-position: 0 -32px; }
#services-web-hosting span { display: none; }