body,html {
margin:20 0 0 0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
#wrapper {
position:relative;
width:776px;
height:512px;
margin:0 auto;
background-color:#FFFFFF;
background:url(images/bg.jpg) no-repeat;
background-position:right bottom;
border:1px solid #ccc;
}
#call {
position:absolute;
top:480px;
width:150px;
left:255px;
height:150px;
}
#wrapper_buynow {
position:relative;
width:776px;
height:512px;
margin:0 auto;
background-color:#FFFFFF;
/*background:url(images/buy_now.jpg) no-repeat;*/
background-position:right bottom;
border:1px solid #ccc;
}
#wrapper_about {
position:relative;
width:776px;
height:512px;
margin:0 auto;
background-color:#FFFFFF;
background:url(images/about-image-2.jpg) no-repeat;
background-position:right bottom;
border:1px solid #ccc;
}
#wrapper_branding {
position:relative;
width:776px;
height:512px;
margin:0 auto;
background-color:#FFFFFF;
background:url(images/branded.jpg) no-repeat;
background-position:right bottom;
border:1px solid #ccc;
}
#wrapper_retail {
position:relative;
width:776px;
height:512px;
margin:0 auto;
background-color:#FFFFFF;
background:url(images/retail.jpg) no-repeat;
background-position:right bottom;
border:1px solid #ccc;
}
#wrapper_eoa {
position:relative;
width:776px;
height:512px;
margin:0 auto;
background-color:#FFFFFF;
background:url(images/eoa-members.jpg) no-repeat;
background-position:right bottom;
border:1px solid #ccc;
}
#wrapper_contact {
position:relative;
width:776px;
height:512px;
margin:0 auto;
background-color:#FFFFFF;
background:url(images/contact.jpg) no-repeat;
background-position:right bottom;
border:1px solid #ccc;
}

#content {
position:relative;
padding:20px 0 0 190px;
width:358px;
height:500px;
}
#header {
position:absolute;
top:0;
width:350px;
height:150px;
left:538px;
background: url(images/header.gif) no-repeat;
}
#menu {
position:absolute;
top:0;
width:180px;
height:550px;
background:url(images/menu.jpg) no-repeat;

}

#menu li a, #menu li a:visited {
display: block;
text-decoration: none;
text-indent: -1000px;
height: 48px;
background-repeat: no-repeat;
outline:none;
}

#menu li {
height: 48px;
list-style: none;
margin-left:-20px;
background-repeat: no-repeat;
}

.home a {background-image: url(images/home.png);}
.home a:hover {background-image: url(images/home1.png);}

.buy a {background-image: url(images/buy.png);}
.buy a:hover {background-image: url(images/buy1.png);}

.about a {background-image: url(images/about.png);}
.about a:hover {background-image: url(images/about1.png);}

.brand a {background-image: url(images/brand.png);}
.brand a:hover {background-image: url(images/brand1.png);}

.retailer a {background-image: url(images/retailer.png);}
.retailer a:hover {background-image: url(images/retailer1.png);}

.members a {background-image: url(images/members.png);}
.members a:hover {background-image: url(images/members1.png);}

.signup a {background-image: url(images/signup.png);}
.signup a:hover {background-image: url(images/signup1.png);}

.contact a {background-image: url(images/contact.png);}
.contact a:hover {background-image: url(images/contact1.png);}

.friend a {background-image: url(images/friend.png);}
.friend a:hover {background-image: url(images/friend1.png);}

h1,h2,h3 {
color:#0770b0;
font-weight:bold;
font-size:14px;
margin: 10px 2% -10px auto;
font-family:Arial,Verdana,sans-serif;
}
.text {
color:#0770b0;
font-weight:bold;
font-size:14px;
font-family:Arial,Verdana,sans-serif;
}