
/* Copyright © Website Engineers Limited */

/* General */
* { margin: 0; padding: 0; border: 0px; }
body { text-align: center; background-image: url(images/bg.jpg); background-repeat: repeat-x; background-color: #fafafa; }
h1 { line-height: 1.4; margin-bottom: 0px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 17px; color: #666666; }
h2 { line-height: 1.6; margin-bottom: 5px; margin-top: 10px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #666666; }
h3 { line-height: 1.6; margin-bottom: 5px; margin-top: 15px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #666666; }
h4 { line-height: 1.6; margin-bottom: 0px; margin-top: 15px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; color: #666666; }
p { line-height: 1.8; margin-bottom: 10px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; color: #777777; }
ul { margin-bottom: 12px; }
li { list-style: disc; line-height: 1.2; margin-left: 16px; margin-bottom: 6px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; }
a { text-decoration: none; color: #00aeef; }
a:visited { text-decoration: none; color: #00aeef; }
a:hover { text-decoration: underline; color: #00aeef; }
.ImportantMsg { color: #ff0000; }

/* Website Engineers */
.WebsiteEngineers { position: relative; margin: 0px auto; width: 780px; }

/* Page */
.Page { position: relative; text-align: left; margin: 0px auto; width: 780px; background-image: url(images/page_bg.gif); background-color: #ffffff; }
.PageTopImage { position: absolute; z-index: 2; top: 52px; left: 40px; width: 704px; height: 204px; }
.PageContent { position: relative; text-align: left; background-image: url(images/page_content_bg.gif); background-repeat: no-repeat; }
.PageContentText { position: relative; padding-top: 260px; padding-bottom: 10px; padding-left: 40px; padding-right: 40px; }
.PageContentBot { position: relative; padding-top: 30px; }
.PageContentBot p { color: #aaaaaa; }
.PageContentBot img { float: right; }
.PageBot { position: relative; clear: both; text-align: left; padding-top: 40px; padding-bottom: 20px; padding-left: 40px; padding-right: 40px; background-image: url(images/page_bot_bg.gif); background-repeat: no-repeat; }
.PageBot p { color: #999999; }
.PageBot p img { vertical-align: middle; }
.PageBot a { text-decoration: none; color: #00aeef; }
.PageBot a:visited { text-decoration: none; color: #00aeef; }
.PageBot a:hover { text-decoration: underline; color: #00aeef; }
.PageBotSep { position: relative; margin-top: 20px; margin-bottom: 20px; height: 8px; background-image: url(images/page_bot_sep.gif); }
.BotPageService { position: relative; cursor: pointer; padding: 1px; margin-bottom: 4px; background-image: url(images/bot_service_bg.gif); background-color: #fafafa; }
.BotPageService:hover { background-image: url(images/bot_service_bg_over.gif); background-color: #f0f0f0; }
.BotPageService img { float: left; }
p.PageBotBorderWeb { position: absolute; left: 220px; }
p.PageBotInfo { line-height: 1.4; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
.PageBotCompany { font-size: 14px; }

/* Page Navi */
.PageNavi { position: absolute; z-index: 1; top: 0px; left: 7px; width: 766px; height: 23px; background-image: url(images/page_navi_bg.gif); }
a.PageNaviLinkWebsiteOptimisation { position: absolute; padding-top: 7px; padding-bottom: 2px; padding-left: 30px; padding-right: 30px; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; background-image: url(images/page_navi_link_bg.gif); }
a.PageNaviLinkWebsiteOptimisation:visited { text-decoration: none; padding-top: 7px; padding-bottom: 2px; color: #666666; background-image: url(images/page_navi_link_bg.gif); }
a.PageNaviLinkWebsiteOptimisation:hover { text-decoration: none; padding-top: 4px; padding-bottom: 5px; color: #00aeef; background-image: url(images/page_navi_link_bg_over.gif); }
a.PageNaviLinkWebsiteOptimisationActive { position: absolute; padding-top: 7px; padding-bottom: 2px; padding-left: 30px; padding-right: 30px; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #00aeef; background-color: #ffffff; }
a.PageNaviLinkWebsiteOptimisationActive:visited { text-decoration: none; color: #00aeef; background-color: #ffffff; }
a.PageNaviLinkWebsiteOptimisationActive:hover { text-decoration: none; color: #00aeef; background-color: #ffffff; }
a.PageNaviLinkWhatIsWebsiteOptimisation { position: absolute; left: 160px; padding-top: 7px; padding-bottom: 2px; padding-left: 30px; padding-right: 30px; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; background-image: url(images/page_navi_link_bg.gif); }
a.PageNaviLinkWhatIsWebsiteOptimisation:visited { text-decoration: none; padding-top: 7px; padding-bottom: 2px; color: #666666; background-image: url(images/page_navi_link_bg.gif); }
a.PageNaviLinkWhatIsWebsiteOptimisation:hover { text-decoration: none; padding-top: 4px; padding-bottom: 5px; color: #00aeef; background-image: url(images/page_navi_link_bg_over.gif); }
a.PageNaviLinkWhatIsWebsiteOptimisationActive { position: absolute; left: 160px; padding-top: 7px; padding-bottom: 2px; padding-left: 30px; padding-right: 30px; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #00aeef; background-color: #ffffff; }
a.PageNaviLinkWhatIsWebsiteOptimisationActive:visited { text-decoration: none; color: #00aeef; background-color: #ffffff; }
a.PageNaviLinkWhatIsWebsiteOptimisationActive:hover { text-decoration: none; color: #00aeef; background-color: #ffffff; }
a.PageNaviLinkWhyWebsiteEngineers { position: absolute; left: 362px; padding-top: 7px; padding-bottom: 2px; padding-left: 30px; padding-right: 30px; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; background-image: url(images/page_navi_link_bg.gif); }
a.PageNaviLinkWhyWebsiteEngineers:visited { text-decoration: none; padding-top: 7px; padding-bottom: 2px; color: #666666; background-image: url(images/page_navi_link_bg.gif); }
a.PageNaviLinkWhyWebsiteEngineers:hover { text-decoration: none; padding-top: 4px; padding-bottom: 5px; color: #00aeef; background-image: url(images/page_navi_link_bg_over.gif); }
a.PageNaviLinkWhyWebsiteEngineersActive { position: absolute; left: 362px; padding-top: 7px; padding-bottom: 2px; padding-left: 30px; padding-right: 30px; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #00aeef; background-color: #ffffff; }
a.PageNaviLinkWhyWebsiteEngineersActive:visited { text-decoration: none; color: #00aeef; background-color: #ffffff; }
a.PageNaviLinkWhyWebsiteEngineersActive:hover { text-decoration: none; color: #00aeef; background-color: #ffffff; }
a.PageNaviLinkOurWork { position: absolute; left: 542px; padding-top: 7px; padding-bottom: 2px; padding-left: 30px; padding-right: 30px; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; background-image: url(images/page_navi_link_bg.gif); }
a.PageNaviLinkOurWork:visited { text-decoration: none; padding-top: 7px; padding-bottom: 2px; color: #666666; background-image: url(images/page_navi_link_bg.gif); }
a.PageNaviLinkOurWork:hover { text-decoration: none; padding-top: 4px; padding-bottom: 5px; color: #00aeef; background-image: url(images/page_navi_link_bg_over.gif); }
a.PageNaviLinkOurWorkActive { position: absolute; left: 542px; padding-top: 7px; padding-bottom: 2px; padding-left: 30px; padding-right: 30px; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #00aeef; background-color: #ffffff; }
a.PageNaviLinkOurWorkActive:visited { text-decoration: none; color: #00aeef; background-color: #ffffff; }
a.PageNaviLinkOurWorkActive:hover { text-decoration: none; color: #00aeef; background-color: #ffffff; }
.PageNaviLinkWebsiteOptimisationEnd { position: absolute; left: 648px; width: 2px; height: 23px; background-image: url(images/page_navi_link_bg.gif); }
a.PageNaviLinkWebsiteDevelopment { position: absolute; padding-top: 7px; padding-bottom: 2px; padding-left: 30px; padding-right: 30px; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; background-image: url(images/page_navi_link_bg.gif); }
a.PageNaviLinkWebsiteDevelopment:visited { text-decoration: none; padding-top: 7px; padding-bottom: 2px; color: #666666; background-image: url(images/page_navi_link_bg.gif); }
a.PageNaviLinkWebsiteDevelopment:hover { text-decoration: none; padding-top: 4px; padding-bottom: 5px; color: #00aeef; background-image: url(images/page_navi_link_bg_over.gif); }
a.PageNaviLinkWebsiteDevelopmentActive { position: absolute; padding-top: 7px; padding-bottom: 2px; padding-left: 30px; padding-right: 30px; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #00aeef; background-color: #ffffff; }
a.PageNaviLinkWebsiteDevelopmentActive:visited { text-decoration: none; color: #00aeef; background-color: #ffffff; }
a.PageNaviLinkWebsiteDevelopmentActive:hover { text-decoration: none; color: #00aeef; background-color: #ffffff; }
a.PageNaviLinkBespokeWebsiteDevelopment { position: absolute; left: 160px; padding-top: 7px; padding-bottom: 2px; padding-left: 30px; padding-right: 30px; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; background-image: url(images/page_navi_link_bg.gif); }
a.PageNaviLinkBespokeWebsiteDevelopment:visited { text-decoration: none; padding-top: 7px; padding-bottom: 2px; color: #666666; background-image: url(images/page_navi_link_bg.gif); }
a.PageNaviLinkBespokeWebsiteDevelopment:hover { text-decoration: none; padding-top: 4px; padding-bottom: 5px; color: #00aeef; background-image: url(images/page_navi_link_bg_over.gif); }
a.PageNaviLinkBespokeWebsiteDevelopmentActive { position: absolute; left: 160px; padding-top: 7px; padding-bottom: 2px; padding-left: 30px; padding-right: 30px; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #00aeef; background-color: #ffffff; }
a.PageNaviLinkBespokeWebsiteDevelopmentActive:visited { text-decoration: none; color: #00aeef; background-color: #ffffff; }
a.PageNaviLinkBespokeWebsiteDevelopmentActive:hover { text-decoration: none; color: #00aeef; background-color: #ffffff; }
a.PageNaviLinkWebsiteHosting { position: absolute; left: 368px; padding-top: 7px; padding-bottom: 2px; padding-left: 30px; padding-right: 30px; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; background-image: url(images/page_navi_link_bg.gif); }
a.PageNaviLinkWebsiteHosting:visited { text-decoration: none; padding-top: 7px; padding-bottom: 2px; color: #666666; background-image: url(images/page_navi_link_bg.gif); }
a.PageNaviLinkWebsiteHosting:hover { text-decoration: none; padding-top: 4px; padding-bottom: 5px; color: #00aeef; background-image: url(images/page_navi_link_bg_over.gif); }
a.PageNaviLinkWebsiteHostingActive { position: absolute; left: 368px; padding-top: 7px; padding-bottom: 2px; padding-left: 30px; padding-right: 30px; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #00aeef; background-color: #ffffff; }
a.PageNaviLinkWebsiteHostingActive:visited { text-decoration: none; color: #00aeef; background-color: #ffffff; }
a.PageNaviLinkWebsiteHostingActive:hover { text-decoration: none; color: #00aeef; background-color: #ffffff; }
a.PageNaviLinkWebsiteQuotation { position: absolute; left: 506px; padding-top: 7px; padding-bottom: 2px; padding-left: 30px; padding-right: 30px; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; background-image: url(images/page_navi_link_bg.gif); }
a.PageNaviLinkWebsiteQuotation:visited { text-decoration: none; padding-top: 7px; padding-bottom: 2px; color: #666666; background-image: url(images/page_navi_link_bg.gif); }
a.PageNaviLinkWebsiteQuotation:hover { text-decoration: none; padding-top: 4px; padding-bottom: 5px; color: #00aeef; background-image: url(images/page_navi_link_bg_over.gif); }
a.PageNaviLinkWebsiteQuotationActive { position: absolute; left: 506px; padding-top: 7px; padding-bottom: 2px; padding-left: 30px; padding-right: 30px; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #00aeef; background-color: #ffffff; }
a.PageNaviLinkWebsiteQuotationActive:visited { text-decoration: none; color: #00aeef; background-color: #ffffff; }
a.PageNaviLinkWebsiteQuotationActive:hover { text-decoration: none; color: #00aeef; background-color: #ffffff; }
.PageNaviLinkWebsiteDevelopmentEnd { position: absolute; left: 688px; width: 2px; height: 23px; background-image: url(images/page_navi_link_bg.gif); }
a.PageNaviLinkeCommerce { position: absolute; padding-top: 7px; padding-bottom: 2px; padding-left: 30px; padding-right: 30px; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; background-image: url(images/page_navi_link_bg.gif); }
a.PageNaviLinkeCommerce:visited { text-decoration: none; padding-top: 7px; padding-bottom: 2px; color: #666666; background-image: url(images/page_navi_link_bg.gif); }
a.PageNaviLinkeCommerce:hover { text-decoration: none; padding-top: 4px; padding-bottom: 5px; color: #00aeef; background-image: url(images/page_navi_link_bg_over.gif); }
a.PageNaviLinkeCommerceActive { position: absolute; padding-top: 7px; padding-bottom: 2px; padding-left: 30px; padding-right: 30px; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #00aeef; background-color: #ffffff; }
a.PageNaviLinkeCommerceActive:visited { text-decoration: none; color: #00aeef; background-color: #ffffff; }
a.PageNaviLinkeCommerceActive:hover { text-decoration: none; color: #00aeef; background-color: #ffffff; }
a.PageNaviLinkeCommerceQuotation { position: absolute; left: 120px; padding-top: 7px; padding-bottom: 2px; padding-left: 30px; padding-right: 30px; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; background-image: url(images/page_navi_link_bg.gif); }
a.PageNaviLinkeCommerceQuotation:visited { text-decoration: none; padding-top: 7px; padding-bottom: 2px; color: #666666; background-image: url(images/page_navi_link_bg.gif); }
a.PageNaviLinkeCommerceQuotation:hover { text-decoration: none; padding-top: 4px; padding-bottom: 5px; color: #00aeef; background-image: url(images/page_navi_link_bg_over.gif); }
a.PageNaviLinkeCommerceQuotationActive { position: absolute; left: 120px; padding-top: 7px; padding-bottom: 2px; padding-left: 30px; padding-right: 30px; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #00aeef; background-color: #ffffff; }
a.PageNaviLinkeCommerceQuotationActive:visited { text-decoration: none; color: #00aeef; background-color: #ffffff; }
a.PageNaviLinkeCommerceQuotationActive:hover { text-decoration: none; color: #00aeef; background-color: #ffffff; }
.PageNaviLinkeCommerceEnd { position: absolute; left: 330px; width: 2px; height: 23px; background-image: url(images/page_navi_link_bg.gif); }
a.PageNaviLinkSearchEngines { position: absolute; padding-top: 7px; padding-bottom: 2px; padding-left: 30px; padding-right: 30px; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; background-image: url(images/page_navi_link_bg.gif); }
a.PageNaviLinkSearchEngines:visited { text-decoration: none; padding-top: 7px; padding-bottom: 2px; color: #666666; background-image: url(images/page_navi_link_bg.gif); }
a.PageNaviLinkSearchEngines:hover { text-decoration: none; padding-top: 4px; padding-bottom: 5px; color: #00aeef; background-image: url(images/page_navi_link_bg_over.gif); }
a.PageNaviLinkSearchEnginesActive { position: absolute; padding-top: 7px; padding-bottom: 2px; padding-left: 30px; padding-right: 30px; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #00aeef; background-color: #ffffff; }
a.PageNaviLinkSearchEnginesActive:visited { text-decoration: none; color: #00aeef; background-color: #ffffff; }
a.PageNaviLinkSearchEnginesActive:hover { text-decoration: none; color: #00aeef; background-color: #ffffff; }
a.PageNaviLinkWhatIsASearchEngine { position: absolute; left: 130px; padding-top: 7px; padding-bottom: 2px; padding-left: 30px; padding-right: 30px; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; background-image: url(images/page_navi_link_bg.gif); }
a.PageNaviLinkWhatIsASearchEngine:visited { text-decoration: none; padding-top: 7px; padding-bottom: 2px; color: #666666; background-image: url(images/page_navi_link_bg.gif); }
a.PageNaviLinkWhatIsASearchEngine:hover { text-decoration: none; padding-top: 4px; padding-bottom: 5px; color: #00aeef; background-image: url(images/page_navi_link_bg_over.gif); }
a.PageNaviLinkWhatIsASearchEngineActive { position: absolute; left: 130px; padding-top: 7px; padding-bottom: 2px; padding-left: 30px; padding-right: 30px; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #00aeef; background-color: #ffffff; }
a.PageNaviLinkWhatIsASearchEngineActive:visited { text-decoration: none; color: #00aeef; background-color: #ffffff; }
a.PageNaviLinkWhatIsASearchEngineActive:hover { text-decoration: none; color: #00aeef; background-color: #ffffff; }
a.PageNaviLinkWhatIsSearchEngineOptimisation { position: absolute; left: 308px; padding-top: 7px; padding-bottom: 2px; padding-left: 30px; padding-right: 30px; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; background-image: url(images/page_navi_link_bg.gif); }
a.PageNaviLinkWhatIsSearchEngineOptimisation:visited { text-decoration: none; padding-top: 7px; padding-bottom: 2px; color: #666666; background-image: url(images/page_navi_link_bg.gif); }
a.PageNaviLinkWhatIsSearchEngineOptimisation:hover { text-decoration: none; padding-top: 4px; padding-bottom: 5px; color: #00aeef; background-image: url(images/page_navi_link_bg_over.gif); }
a.PageNaviLinkWhatIsSearchEngineOptimisationActive { position: absolute; left: 308px; padding-top: 7px; padding-bottom: 2px; padding-left: 30px; padding-right: 30px; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #00aeef; background-color: #ffffff; }
a.PageNaviLinkWhatIsSearchEngineOptimisationActive:visited { text-decoration: none; color: #00aeef; background-color: #ffffff; }
a.PageNaviLinkWhatIsSearchEngineOptimisationActive:hover { text-decoration: none; color: #00aeef; background-color: #ffffff; }
a.PageNaviLinkWhatIsLinkPopularity { position: absolute; left: 540px; padding-top: 7px; padding-bottom: 2px; padding-left: 30px; padding-right: 30px; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; background-image: url(images/page_navi_link_bg.gif); }
a.PageNaviLinkWhatIsLinkPopularity:visited { text-decoration: none; padding-top: 7px; padding-bottom: 2px; color: #666666; background-image: url(images/page_navi_link_bg.gif); }
a.PageNaviLinkWhatIsLinkPopularity:hover { text-decoration: none; padding-top: 4px; padding-bottom: 5px; color: #00aeef; background-image: url(images/page_navi_link_bg_over.gif); }
a.PageNaviLinkWhatIsLinkPopularityActive { position: absolute; left: 540px; padding-top: 7px; padding-bottom: 2px; padding-left: 30px; padding-right: 30px; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #00aeef; background-color: #ffffff; }
a.PageNaviLinkWhatIsLinkPopularityActive:visited { text-decoration: none; color: #00aeef; background-color: #ffffff; }
a.PageNaviLinkWhatIsLinkPopularityActive:hover { text-decoration: none; color: #00aeef; background-color: #ffffff; }
.PageNaviLinkSearchEnginesEnd { position: absolute; left: 708px; width: 2px; height: 23px; background-image: url(images/page_navi_link_bg.gif); }
a.PageNaviLinkContactUs { position: absolute; padding-top: 7px; padding-bottom: 2px; padding-left: 30px; padding-right: 30px; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; background-image: url(images/page_navi_link_bg.gif); }
a.PageNaviLinkContactUs:visited { text-decoration: none; padding-top: 7px; padding-bottom: 2px; color: #666666; background-image: url(images/page_navi_link_bg.gif); }
a.PageNaviLinkContactUs:hover { text-decoration: none; padding-top: 4px; padding-bottom: 5px; color: #00aeef; background-image: url(images/page_navi_link_bg_over.gif); }
a.PageNaviLinkContactUsActive { position: absolute; padding-top: 7px; padding-bottom: 2px; padding-left: 30px; padding-right: 30px; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #00aeef; background-color: #ffffff; }
a.PageNaviLinkContactUsActive:visited { text-decoration: none; color: #00aeef; background-color: #ffffff; }
a.PageNaviLinkContactUsActive:hover { text-decoration: none; color: #00aeef; background-color: #ffffff; }
.PageNaviLinkContactUsEnd { position: absolute; left: 112px; width: 2px; height: 23px; background-image: url(images/page_navi_link_bg.gif); }

/* Top */
.Top { position: relative; text-align: left; width: 780px; height: 172px; background-image: url(images/top_bg.gif); }
.TopWebsiteEngineers { position: absolute; top: 0px; left: 0px; }
.TopCall { position: absolute; top: 60px; left: 550px; width: 220px; height: 40px; background-image: url(images/top_call.gif); }

/* Top Navi */
li.TopNaviWebsiteOptimisation { position: relative; text-align: left; width: 158px; background-image: url(images/top_navi_menu.gif); }
li.TopNaviWebsiteOptimisation:hover { background-image: url(images/top_navi_menu_over.png); }
.TopNaviWebsiteOptimisationMenu { position: absolute; z-index: 3; top: 114px; left: 5px; }
ul.TopNaviWebsiteOptimisationMenuDrop { position: absolute; left: -249px; top: 70px; }
.TopNaviWebsiteOptimisationMenu ul li.TopNaviWebsiteOptimisation { background-image: url(images/top_navi_menu.gif); }
.TopNaviWebsiteOptimisationMenu ul li.TopNaviWebsiteOptimisation:hover { background-image: url(images/top_navi_menu_over.png); }
.TopNaviWebsiteOptimisationMenu ul { text-align: left; margin: 0px; width: 250px;}
.TopNaviWebsiteOptimisationMenu ul li { display: block; margin: 0px; list-style: none; line-height: 1.0; background-image: url(images/drop_menu_bg.png); }
.TopNaviWebsiteOptimisationMenu ul ul { display: none; visibility: hidden; margin: 0px; border: 0px; }
.TopNaviWebsiteOptimisationMenu ul li:hover > ul { position: absolute; display: block; visibility: visible; margin-top: -30px; margin-left: 250px; list-style: none; line-height: 1.0; border: 0px; background-image: url(images/drop_menu_bg_trans.png); }
.TopNaviWebsiteOptimisationMenu ul li:hover { display: block; background-image: url(images/drop_menu_bg_over.png); }
.TopNaviWebsiteOptimisationMenu li a { display: block; text-decoration: none; padding-left: 18px; padding-right: 12px; padding-top: 9px; padding-bottom: 10px; border: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; }
.TopNaviWebsiteOptimisationMenu li a:visited { display: block; text-decoration: none; padding-left: 18px; padding-right: 12px; padding-top: 9px; padding-bottom: 10px; border: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; }
.TopNaviWebsiteOptimisationMenu li a:hover { display: block; text-decoration: none; padding-left: 18px; padding-right: 12px; padding-top: 9px; padding-bottom: 10px; border: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; }
.TopNaviWebsiteOptimisationMenu li a.TopNaviWebsiteOptimisationLink { display: block; text-decoration: none; padding-top: 14px; padding-bottom: 15px; border: 0px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; color: #ffffff; }
.TopNaviWebsiteOptimisationMenu li a.TopNaviWebsiteOptimisationLink:visited { display: block; text-decoration: none; padding-top: 14px; padding-bottom: 15px; border: 0px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; color: #ffffff; }
.TopNaviWebsiteOptimisationMenu li a.TopNaviWebsiteOptimisationLink:hover { display: block; text-decoration: none; padding-top: 14px; padding-bottom: 15px; border: 0px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; color: #ffffff; background-image: url(images/top_navi_menu_over.gif); }
.TopNaviWebsiteOptimisationMenuParent { background-image: url(images/drop_menu_parent_bg.png); }

li.TopNaviWebsiteDevelopment { position: relative; text-align: left; width: 160px; background-image: url(images/top_navi_menu.gif); }
li.TopNaviWebsiteDevelopment:hover { background-image: url(images/top_navi_menu_over.png); }
.TopNaviWebsiteDevelopmentMenu { position: absolute; z-index: 3; top: 114px; left: 158px; }
ul.TopNaviWebsiteDevelopmentMenuDrop { position: absolute; left: -249px; top: 70px; }
.TopNaviWebsiteDevelopmentMenu ul li.TopNaviWebsiteDevelopment { background-image: url(images/top_navi_menu.gif); }
.TopNaviWebsiteDevelopmentMenu ul li.TopNaviWebsiteDevelopment:hover { background-image: url(images/top_navi_menu_over.png); }
.TopNaviWebsiteDevelopmentMenu ul { text-align: left; margin: 0px; width: 250px;}
.TopNaviWebsiteDevelopmentMenu ul li { display: block; margin: 0px; list-style: none; line-height: 1.0; background-image: url(images/drop_menu_bg.png); }
.TopNaviWebsiteDevelopmentMenu ul ul { display: none; visibility: hidden; margin: 0px; border: 0px; }
.TopNaviWebsiteDevelopmentMenu ul li:hover > ul { position: absolute; display: block; visibility: visible; margin-top: -30px; margin-left: 250px; list-style: none; line-height: 1.0; border: 0px; background-image: url(images/drop_menu_bg_trans.png); }
.TopNaviWebsiteDevelopmentMenu ul li:hover { display: block; background-image: url(images/drop_menu_bg_over.png); }
.TopNaviWebsiteDevelopmentMenu li a { display: block; text-decoration: none; padding-left: 18px; padding-right: 12px; padding-top: 9px; padding-bottom: 10px; border: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; }
.TopNaviWebsiteDevelopmentMenu li a:visited { display: block; text-decoration: none; padding-left: 18px; padding-right: 12px; padding-top: 9px; padding-bottom: 10px; border: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; }
.TopNaviWebsiteDevelopmentMenu li a:hover { display: block; text-decoration: none; padding-left: 18px; padding-right: 12px; padding-top: 9px; padding-bottom: 10px; border: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; }
.TopNaviWebsiteDevelopmentMenu li a.TopNaviWebsiteDevelopmentLink { display: block; text-decoration: none; padding-top: 14px; padding-bottom: 15px; border: 0px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; color: #ffffff; }
.TopNaviWebsiteDevelopmentMenu li a.TopNaviWebsiteDevelopmentLink:visited { display: block; text-decoration: none; padding-top: 14px; padding-bottom: 15px; border: 0px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; color: #ffffff; }
.TopNaviWebsiteDevelopmentMenu li a.TopNaviWebsiteDevelopmentLink:hover { display: block; text-decoration: none; padding-top: 14px; padding-bottom: 15px; border: 0px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; color: #ffffff; background-image: url(images/top_navi_menu_over.png); }
.TopNaviWebsiteDevelopmentMenuParent { background-image: url(images/drop_menu_parent_bg.png); }

li.TopNavieCommerce { position: relative; text-align: left; width: 112px; background-image: url(images/top_navi_menu.gif); }
li.TopNavieCommerce:hover { background-image: url(images/top_navi_menu_over.png); }
.TopNavieCommerceMenu { position: absolute; z-index: 3; top: 114px; left: 318px; }
ul.TopNavieCommerceMenuDrop { position: absolute; left: -249px; top: 70px; }
.TopNavieCommerceMenu ul li.TopNavieCommerce { background-image: url(images/top_navi_menu.gif); }
.TopNavieCommerceMenu ul li.TopNavieCommerce:hover { background-image: url(images/top_navi_menu_over.png); }
.TopNavieCommerceMenu ul { text-align: left; margin: 0px; width: 250px;}
.TopNavieCommerceMenu ul li { display: block; margin: 0px; list-style: none; line-height: 1.0; background-image: url(images/drop_menu_bg.png); }
.TopNavieCommerceMenu ul ul { display: none; visibility: hidden; margin: 0px; border: 0px; }
.TopNavieCommerceMenu ul li:hover > ul { position: absolute; display: block; visibility: visible; margin-top: -30px; margin-left: 250px; list-style: none; line-height: 1.0; border: 0px; background-image: url(images/drop_menu_bg_trans.png); }
.TopNavieCommerceMenu ul li:hover { display: block; background-image: url(images/drop_menu_bg_over.png); }
.TopNavieCommerceMenu li a { display: block; text-decoration: none; padding-left: 18px; padding-right: 12px; padding-top: 9px; padding-bottom: 10px; border: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; }
.TopNavieCommerceMenu li a:visited { display: block; text-decoration: none; padding-left: 18px; padding-right: 12px; padding-top: 9px; padding-bottom: 10px; border: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; }
.TopNavieCommerceMenu li a:hover { display: block; text-decoration: none; padding-left: 18px; padding-right: 12px; padding-top: 9px; padding-bottom: 10px; border: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; }
.TopNavieCommerceMenu li a.TopNavieCommerceLink { display: block; text-decoration: none; padding-top: 14px; padding-bottom: 15px; border: 0px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; color: #ffffff; }
.TopNavieCommerceMenu li a.TopNavieCommerceLink:visited { display: block; text-decoration: none; padding-top: 14px; padding-bottom: 15px; border: 0px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; color: #ffffff; }
.TopNavieCommerceMenu li a.TopNavieCommerceLink:hover { display: block; text-decoration: none; padding-top: 14px; padding-bottom: 15px; border: 0px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; color: #ffffff; background-image: url(images/top_navi_menu_over.png); }
.TopNavieCommerceMenuParent { background-image: url(images/drop_menu_parent_bg.png); }

li.TopNaviSearchEngines { position: relative; text-align: left; width: 122px; background-image: url(images/top_navi_menu.gif); }
li.TopNaviSearchEngines:hover { background-image: url(images/top_navi_menu_over.png); }
.TopNaviSearchEnginesMenu { position: absolute; z-index: 3; top: 114px; left: 430px; }
ul.TopNaviSearchEnginesMenuDrop { position: absolute; left: -249px; top: 70px; }
.TopNaviSearchEnginesMenu ul li.TopNaviSearchEngines { background-image: url(images/top_navi_menu.gif); }
.TopNaviSearchEnginesMenu ul li.TopNaviSearchEngines:hover { background-image: url(images/top_navi_menu_over.png); }
.TopNaviSearchEnginesMenu ul { text-align: left; margin: 0px; width: 250px;}
.TopNaviSearchEnginesMenu ul li { display: block; margin: 0px; list-style: none; line-height: 1.0; background-image: url(images/drop_menu_bg.png); }
.TopNaviSearchEnginesMenu ul ul { display: none; visibility: hidden; margin: 0px; border: 0px; }
.TopNaviSearchEnginesMenu ul li:hover > ul { position: absolute; display: block; visibility: visible; margin-top: -30px; margin-left: 250px; list-style: none; line-height: 1.0; border: 0px; background-image: url(images/drop_menu_bg_trans.png); }
.TopNaviSearchEnginesMenu ul li:hover { display: block; background-image: url(images/drop_menu_bg_over.png); }
.TopNaviSearchEnginesMenu li a { display: block; text-decoration: none; padding-left: 18px; padding-right: 12px; padding-top: 9px; padding-bottom: 10px; border: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; }
.TopNaviSearchEnginesMenu li a:visited { display: block; text-decoration: none; padding-left: 18px; padding-right: 12px; padding-top: 9px; padding-bottom: 10px; border: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; }
.TopNaviSearchEnginesMenu li a:hover { display: block; text-decoration: none; padding-left: 18px; padding-right: 12px; padding-top: 9px; padding-bottom: 10px; border: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; }
.TopNaviSearchEnginesMenu li a.TopNaviSearchEnginesLink { display: block; text-decoration: none; padding-top: 14px; padding-bottom: 15px; border: 0px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; color: #ffffff; }
.TopNaviSearchEnginesMenu li a.TopNaviSearchEnginesLink:visited { display: block; text-decoration: none; padding-top: 14px; padding-bottom: 15px; border: 0px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; color: #ffffff; }
.TopNaviSearchEnginesMenu li a.TopNaviSearchEnginesLink:hover { display: block; text-decoration: none; padding-top: 14px; padding-bottom: 15px; border: 0px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; color: #ffffff; background-image: url(images/top_navi_menu_over.png); }
.TopNaviSearchEnginesMenuParent { background-image: url(images/drop_menu_parent_bg.png); }

li.TopNaviPrintSolutions { position: relative; text-align: left; width: 118px; background-image: url(images/top_navi_menu.gif); }
li.TopNaviPrintSolutions:hover { background-image: url(images/top_navi_menu_over.png); }
.TopNaviPrintSolutionsMenu { position: absolute; z-index: 3; top: 114px; left: 552px; }
ul.TopNaviPrintSolutionsMenuDrop { position: absolute; left: -249px; top: 70px; }
.TopNaviPrintSolutionsMenu ul li.TopNaviPrintSolutions { background-image: url(images/top_navi_menu.gif); }
.TopNaviPrintSolutionsMenu ul li.TopNaviPrintSolutions:hover { background-image: url(images/top_navi_menu_over.png); }
.TopNaviPrintSolutionsMenu ul { text-align: left; margin: 0px; width: 250px;}
.TopNaviPrintSolutionsMenu ul li { display: block; margin: 0px; list-style: none; line-height: 1.0; background-image: url(images/drop_menu_bg.png); }
.TopNaviPrintSolutionsMenu ul ul { display: none; visibility: hidden; margin: 0px; border: 0px; }
.TopNaviPrintSolutionsMenu ul li:hover > ul { position: absolute; display: block; visibility: visible; margin-top: -30px; margin-left: 250px; list-style: none; line-height: 1.0; border: 0px; background-image: url(images/drop_menu_bg_trans.png); }
.TopNaviPrintSolutionsMenu ul li:hover { display: block; background-image: url(images/drop_menu_bg_over.png); }
.TopNaviPrintSolutionsMenu li a { display: block; text-decoration: none; padding-left: 18px; padding-right: 12px; padding-top: 9px; padding-bottom: 10px; border: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; }
.TopNaviPrintSolutionsMenu li a:visited { display: block; text-decoration: none; padding-left: 18px; padding-right: 12px; padding-top: 9px; padding-bottom: 10px; border: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; }
.TopNaviPrintSolutionsMenu li a:hover { display: block; text-decoration: none; padding-left: 18px; padding-right: 12px; padding-top: 9px; padding-bottom: 10px; border: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; }
.TopNaviPrintSolutionsMenu li a.TopNaviPrintSolutionsLink { display: block; text-decoration: none; padding-top: 14px; padding-bottom: 13px; border: 0px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; color: #ffffff; }
.TopNaviPrintSolutionsMenu li a.TopNaviPrintSolutionsLink:visited { display: block; text-decoration: none; padding-top: 14px; padding-bottom: 13px; border: 0px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; color: #ffffff; }
.TopNaviPrintSolutionsMenu li a.TopNaviPrintSolutionsLink:hover { display: block; text-decoration: none; padding-top: 14px; padding-bottom: 13px; border: 0px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; color: #ffffff; background-image: url(images/top_navi_menu_over.png); }
.TopNaviPrintSolutionsMenuParent { background-image: url(images/drop_menu_parent_bg.png); }

li.TopNaviContactUs { position: relative; text-align: left; width: 98px; background-image: url(images/top_navi_menu.gif); }
li.TopNaviContactUs:hover { background-image: url(images/top_navi_menu_over.png); }
.TopNaviContactUsMenu { position: absolute; z-index: 3; top: 114px; left: 670px; }
ul.TopNaviContactUsMenuDrop { position: absolute; left: -402px; top: 70px; }
.TopNaviContactUsMenu ul li.TopNaviContactUs { background-image: url(images/top_navi_menu.gif); }
.TopNaviContactUsMenu ul li.TopNaviContactUs:hover { background-image: url(images/top_navi_menu_over.png); }
.TopNaviContactUsMenu ul { text-align: left; margin: 0px; width: 250px;}
.TopNaviContactUsMenu ul li { display: block; margin: 0px; list-style: none; line-height: 1.0; background-image: url(images/drop_menu_bg.png); }
.TopNaviContactUsMenu ul ul { text-align: right; display: none; visibility: hidden; margin: 0px; border: 0px; }
.TopNaviContactUsMenu ul li:hover > ul { position: absolute; display: block; visibility: visible; margin-top: -30px; margin-left: 250px; list-style: none; line-height: 1.0; border: 0px; background-image: url(images/drop_menu_bg_trans.png); }
.TopNaviContactUsMenu ul li:hover { display: block; background-image: url(images/drop_menu_bg_over.png); }
.TopNaviContactUsMenu li a { display: block; text-decoration: none; padding-left: 18px; padding-right: 20px; padding-top: 9px; padding-bottom: 10px; border: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; }
.TopNaviContactUsMenu li a:visited { display: block; text-decoration: none; padding-left: 18px; padding-right: 20px; padding-top: 9px; padding-bottom: 10px; border: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; }
.TopNaviContactUsMenu li a:hover { display: block; text-decoration: none; padding-left: 18px; padding-right: 20px; padding-top: 9px; padding-bottom: 10px; border: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; }
.TopNaviContactUsMenu li a.TopNaviContactUsLink { display: block; text-decoration: none; padding-top: 14px; padding-bottom: 15px; border: 0px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; color: #ffffff; }
.TopNaviContactUsMenu li a.TopNaviContactUsLink:visited { display: block; text-decoration: none; padding-top: 14px; padding-bottom: 15px; border: 0px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; color: #ffffff; }
.TopNaviContactUsMenu li a.TopNaviContactUsLink:hover { display: block; text-decoration: none; padding-top: 14px; padding-bottom: 15px; border: 0px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; color: #ffffff; background-image: url(images/top_navi_menu_over.png); }
.TopNaviContactUsMenuParent { background-image: url(images/drop_menu_parent_bg.png); }

.TopNaviEnd { position: absolute; z-index: 3; top: 114px; left: 766px; width: 2px; height: 38px; background-image: url(images/top_navi_menu.gif); }

/* Default */
.DefaultCode { position: relative; float: right; text-align: center; margin-left: 5px; width: 318px; height: 248px; background-image: url(images/default_code.gif); }
.DefaultOptimisedBox { position: relative; float: right; text-align: center; margin-left: 5px; width: 348px; height: 248px; background-image: url(images/default_optimised_box.gif); }

/* Why Website Engineers */
img.WhyWebsiteEngineers { float: right; }

/* What is Website Optimisation */
img.WhatIsWebsiteOptimisation { float: right; }

/* Website Development */
img.WebsiteDevelopment { float: right; }
img.WebsiteHosting { float: right; }

/* Our Work */
.OurWorkListing { position: relative; cursor: pointer; float: left; margin-right: 0px; margin-bottom: 10px; width: 350px; }
.OurWorkListing:hover { background-color: #fafafa; }
.OurWorkListing img { float: left; margin-left: 10px; margin-right: 10px; }
.OurWorkListingBot { clear: both; }

/* eCommerce */
img.eCommerce { float: right; }

/* Search Engines */
img.SearchEngines { float: right; }

/* Contact */
img.Contact { float: right; }

/* Quotation */
.QuotationRequired { color: #ff0000; }
p.QuotationRequired { color: #ff0000; }
input.QuotationTextBox { position: absolute; margin-top: -2px; padding: 2px; left: 112px; width: 200px; border: 1px solid #dddddd; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; }
input.QuotationTextBox:hover { border: 1px solid #00aeef; }
textarea.QuotationTextBox { position: relative; padding: 2px; width: 520px; height: 100px; border: 1px solid #dddddd; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; }
textarea.QuotationTextBox:hover { border: 1px solid #00aeef; }
input.QuotationSubmit { position: relative; cursor: pointer; width: 90px; height: 30px;  font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #ffffff; background-image: url(images/submit_btn.gif); background-color: #eeeeee; }

/* End */

