﻿body {
    margin: 0; padding: 0;
    font: normal 10px Verdana, Arial, Helvetica, sans-serif;
}
*{outline: none;}
img {border: 0;}
.container {
    width: 960px;
    padding: 0;
    margin: 0 auto;
    z-index: 999;
}
#header {
    width: 970px; height: 179px;
    float: left;
}
ul#topnav {
    margin: 0; padding: 0;
    float:left;
    width: 100%;
    list-style: none;
    font-size: 1.1em;
}
ul#topnav li {
    float: left;
    margin: 0; padding: 0;
    position: relative;
}
ul#topnav li a {
    float: left; 
    text-indent: -9999px;
    height: 44px;
}
ul#topnav li:hover a, ul#topnav li a:hover { background-position: left bottom; }
ul#topnav a.SEO {
    background: url(images/Nav_SEO.gif) no-repeat;
    width: 253px; 
}
ul#topnav a.LandingPage {
    background: url(images/Nav_Landing_Page.gif) no-repeat;
    width: 234px; 
}
ul#topnav a.PPC {
    background: url(images/Nav_PPC.gif) no-repeat;
    width: 248px; 
}
ul#topnav a.Services {
    background: url(images/Nav_Services.gif) no-repeat;
    width: 219px; 
}
ul#topnav li .sub {
    position: absolute;	
    top: 44px;
    /*--background: #3a8baf url(images/Sub_BG.gif) repeat-x;--*/
    background: #3a8baf;
    padding:10px 20px 20px 20px;
    float: left;
    z-index: 999;
    /*--Bottom right rounded corner--*/
    -moz-border-radius-bottomright: 5px;
    -khtml-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    /*--Bottom left rounded corner--*/
    -moz-border-radius-bottomleft: 5px;
    -khtml-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    display: none;
}
ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}
ul#topnav li .sub ul{
    list-style: none;
    margin: 0; padding: 0;
    /*--width: 253px;--*/
    float: left;
}
ul#topnav .sub ul li {
    width: 100%;
    color: #fff;
}
ul#topnav .sub ul li h2 {
    padding: 0;  margin:10px 0 10px 0;
    font-size: 1.3em;
    font-weight:bold;
    color: #c9e3f6;
}
ul#topnav .sub ul li h2 a {
    padding: 5px 0;
    background-image: none;
}
ul#topnav .sub ul li a {
    float: none; 
    text-indent: 0; /*--Reset text indent--*/
    height: auto;
    background: url(images/Bullet.gif) no-repeat 5px 12px;
    padding: 7px 5px 7px 15px;
    display: block;
    text-decoration: none;
    color: #fff;
}
ul#topnav .sub ul li a:hover {
    color: #000000; 
    background-position: 5px 12px;
    background-color:#6fbbdd;
    text-decoration: none;
}




/*-- GLOBAL NAVIGATION --*/
.GlobalNavcontainer {
    /*--width: 960px;--*/
    padding: 0;
    margin: 0 auto;
    z-index: 999;
}
ul#globalnav {
    margin: 0; padding: 0;
    float:left;
    width: 100%;
    list-style: none;
    font-size: 1.1em;
}
ul#globalnav li {
    float: left;
    margin: 0; padding: 0;
    position: relative;
}
ul#globalnav li a {
    float: left; 
    text-indent: -9999px;
    height: 31px;
}
ul#globalnav li:hover a, ul#globalnav li a:hover { background-position: left bottom; }
ul#globalnav a.Homepage {
    background: url(images/GlobalNav_Home.gif) no-repeat;
    width: 50px;
}
ul#globalnav a.AboutUs {
    background: url(images/GlobalNav_AboutUs.gif) no-repeat;
    width: 95px;
}
ul#globalnav a.News {
    background: url(images/GlobalNav_News.gif) no-repeat;
    width: 72px;
}
ul#globalnav a.ContactUs {
    background: url(images/GlobalNav_ContactUs.gif) no-repeat;
    width: 90px;
}
ul#globalnav a.Blog {
    background: url(images/GlobalNav_Blog.gif) no-repeat;
    width: 41px;
}
ul#globalnav li .sub {
    position: absolute;	
    top: 31px;
    /*--background: #7e7e7e url(images/Sub_BG.gif) repeat-x;--*/
    background: #333333;
    padding:20px 20px 20px 20px;
    float: left;
    z-index: 999;
    /*--Bottom right rounded corner--*/
    -moz-border-radius-bottomright: 5px;
    -khtml-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    /*--Bottom left rounded corner--*/
    -moz-border-radius-bottomleft: 5px;
    -khtml-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    display: none;
}
ul#globalnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}
ul#globalnav li .sub ul{
    list-style: none;
    margin: 0; padding: 0;
    /*--width: 150px;--*/
    float: left;
}
ul#globalnav .sub ul li {
    width: 100%;
    color: #fff;
}
ul#globalnav .sub ul li h2 {
    padding: 0;  margin: 0;
    font-size: 1.3em;
    font-weight:bold;
    color: #c9e3f6;
}
ul#globalnav .sub ul li h2 a {
    padding: 5px 0;
    background-image: none;
}
ul#globalnav .sub ul li a {
    float: none; 
    text-indent: 0; /*--Reset text indent--*/
    height: auto;
    background: url(images/Bullet.gif) no-repeat 5px 12px;
    padding: 7px 5px 7px 15px;
    display: block;
    text-decoration: none;
    color: #fff;
}
ul#globalnav .sub ul li a:hover {
    color: #FFFFFF; 
    background-position: 5px 12px;
    background-color:#626262;
    text-decoration: none;
}