* { padding: 0; margin: 0; }

/* +++++ General Styles +++++ */

html,body { border: 0; background: #fff; font: small Georgia, "Times New Roman", Times, serif; text-align: center; }
.parent { display: block; min-height: 100%; width: 100%; position: absolute; top: 0px; left: 0px; z-index: 0; }
#container {  width: 960px; margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */ text-align: left; /* this overrides the text-align: center on the body element. */ }
span.bold { color: #144899; font-weight: bold; }
.blue { height: 5px; background: #144899; font-size: 1px; line-height: 5px; color: #144899; }

/* +++++ Homepage +++++ */

#hp_scroll { width: 960px; height: 415px; }

/* +++++ Navigation +++++ */

#nav { height: 100px; left: 0; top: 0; }
#nav li { float: right; margin-top: 45px; color: #fff; text-indent: -9999px; display: block; height: 25px; }
#nav li a { background-color: transparent; background-position: 0 0; background-repeat: no-repeat; display: block; height: 25px; text-indent: -9999px; }
#nav .home a { background-image: url(../images/nav_home.png); width: 73px; }
#nav .products a { background-image: url(../images/nav_products.png); width: 121px; }
#nav .services a { background-image: url(../images/nav_services.png); width: 111px; }
#nav .about a { background-image: url(../images/nav_about.png); width: 85px; }
#nav .contact a { background-image: url(../images/nav_contact.png); width: 105px; }
#nav .links a { background-image: url(../images/nav_links.png); width: 75px; }
#nav .homeOn { background-image: url(../images/nav_homeOn.jpg); width: 73px; }
#nav .productsOn { background-image: url(../images/nav_productsOn.jpg); width: 121px; }
#nav .servicesOn { background-image: url(../images/nav_servicesOn.jpg); width: 111px; }
#nav .aboutOn { background-image: url(../images/nav_aboutOn.jpg); width: 85px; }
#nav .contactOn { background-image: url(../images/nav_contactOn.jpg); width: 105px; }
#nav .linksOn { background-image: url(../images/nav_linksOn.jpg); width: 75px; }
#nav li a:hover { background-position: 0 -25px; }

img.navOn { float: right; margin-top: 45px; }
img.logo { float: left; display: block; }

/* +++++ Footer +++++ */

#footer { position: absolute; left: 0px; bottom: 0px; width: 100%; height: 75px; z-index: 999; font: 11px Georgia, "Times New Roman", Times, serif; color: #999; line-height: 16px; background: #fff url(../images/glo_footerBG.jpg) repeat-x; overflow: hidden; } 
#footer a:link, #footer a:active, #footer a:visited { color: #999; text-decoration: none; }
#footer a:hover { color: #fff; text-decoration: none; }
#footer .left { float: left; text-align: left; width: 350px; padding: 35px 0 0 15px; }
#footer .right { float: right; text-align: right; width: 350px; padding: 35px 15px 0 0; }
#footer span { margin: 0 auto; }

/* Miscellaneous classes for reuse */
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */ clear:both; height:0; font-size: 1px; line-height: 0px; }
.clear { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */ clear:both; height: 10px; font-size: 1px; line-height: 0px; }