* { margin: 0; padding: 0; }

body { background: url(img/body-bg.gif) #175691 repeat-x; color: #000; font-size: 12px; font-family: Arial, Helvetica, san-serif; }

a:link, a:visited, a:active { color: #11a6de; text-decoration: none; }

#wrapper { width: 770px; margin: 0 auto; }

#nav { width: 770px; background: url(img/nav-bg.gif) no-repeat; list-style-type: none; float: left; }
#nav li { float: left; margin-top: 38px; }
#nav li a, #nav li { height: 58px; width: 71px; float: left; }
#nav li a span { display: none; }
#nav li.home, #nav li.home a { background: url(img/nav-home.gif); }
#nav li.products, #nav li.products a { background: url(img/nav-products.gif); }
#nav li.services, #nav li.services a { background: url(img/nav-services.gif); }
#nav li.about, #nav li.about a { background: url(img/nav-about-us.gif); }
#nav li.groupSites, #nav li.groupSites a { background: url(img/nav-GroupSites.png);}
#nav li.contact, #nav li.contact a { background: url(img/nav-contact.gif);}
#nav li.home { margin-left: 55px; } #nav li.products { margin-left: 45px; } #nav li.services { margin-left: 45px; } #nav li.about { margin-left: 45px; } #nav li.groupSites { margin-left: 45px; } #nav li.contact { margin-left: 45px; }
#nav li:hover, #nav li a:hover { background-position: 0px -58px; }

#header { background: url(img/header-bg.jpg) no-repeat; width: 770px; height: 168px; float: left; }
#header span { display: none; }

#content { padding: 0px 48px; background: url(img/content-bg.gif) repeat-y; float: left; }

.main { width: 370px; margin-left: 15px; float: right; font-size: 11px; }
.main h2 span { display: none; }
.main p { padding: 10px 0; }
.main p.ybg { background: #f5fbde; padding: 10px; }

.mainRight { width: 370px; margin-right: 15px; float: right; font-size: 11px; }
.mainRight h2 span { display: none; }
.mainRight p { padding: 10px 0; }
.mainRight p.ybg { background: #f5fbde; padding: 10px; }

.rightbar { width: 265px; background: url() no-repeat; margin-top: 0px; float: right; }
.rightbar h2 { width: 265px; height: 47px; display: block; background: no-repeat; }
.rightbar h2 span { display: none; }
.rightbar p { padding: 0 4px 0 16px; }
.rightbar p img { margin-right: 15px; margin-bottom: 15px; }

.leftbar { width: 265px; background: url() no-repeat; margin-top: 0px; float: left; }
.leftbar h2 { width: 265px; height: 47px; display: block; background: no-repeat; }
.leftbar h2 span { display: none; }
.leftbar p { padding: 0 4px 0 16px; }
.leftbar p img { margin-left: 15px; margin-bottom: 15px; }

.productPic { width: 50px; background: url() no-repeat; margin-left: -0px; float: left; }

.productDetails { width: 270px; background: url() no-repeat; margin-left: 0px; float: right; }

.buttonscontainer {width: 135px;}

.buttons a {color: #000066;
background-color: #FFFFFF;
padding: 2px;
padding-left: 1px;
display: block;
border-bottom: 1px solid ;
font: 12px Arial, sans-serif;
font-weight: bold;
text-decoration: none;
text-align: left;}

.buttons a:hover {background-color: #99CCFF;
color: #FFFFFF;
text-decoration: none;}


#footer { width: 770px; background: url(img/footer-bg.gif); float: left; }
#footer span { margin: 25px 0 0 45px; float: left; color: #FFF; }
