body {
background: url("images/bg.jpg") repeat;
font: 16px Verdana, Arial, Helvetica, sans-serif;
color: #ffffff !important;
line-height: 130%;
padding: 0px;
margin: 0px;
width: 100% !important;
height: 100%;
overflow: auto !important;
}
a:link {
color: #cc0101;
text-decoration: none;
font-weight: bold;
}
a:visited {
color: #760101;
text-decoration: none;
font-weight: bold;
}
a:hover {
color: #9d9d9d;
text-decoration: underline;
font-weight: bold;
}
a:active {
color: #676767;
text-decoration: underline;
font-weight: bold;
}
h1 {
font: 40px "Palatino Linotype", Georgia, Helvetica, serif;
text-transform: uppercase;
color: #ffffff !important;
}
h2 {
font: 36px "Palatino Linotype", Georgia, Helvetica, serif;
color: #ffffff !important;
}
h3 {
font: 30px "Palatino Linotype", Georgia, Helvetica, serif;
color: #ffffff !important;
}
h4 {
font: 26px italic Arial, Helvetica, sans-serif;
color: #ffffff !important;
}
h5 {
font: 20px italic Arial, Helvetica, sans-serif;
color: #ffffff !important;
}
h6 {
font: 18px italic Arial, Helvetica, sans-serif;
color: #ffffff !important;
}
img {
border: none;
}
ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}
.normal {
list-style-type: square;
margin: 0px;
padding: 0px;
}
#pagewrapper {
position: relative !important;
margin: 0px auto !important;
width: 983px;
height: 980px;
z-index: 1;
}

/* SETUP TOP AREA */
.logo {
position: absolute;
top: 0px;
left: 0px;
background: url("images/logo.png") no-repeat 0px 0px;
width: 396px;
height: 162px;
}
#bannerBg {
position: absolute;
top: -55px;
right: 80px;
width: 272px;
height: 240px;
background: url("images/topReceipt.png") no-repeat 0px 0px;
}
#banner {
position: absolute;
right: -40px;
top: 170px;
width: 250px;
height: 200px;
color: #8e361a;
font: bold 16px  Tahoma, Helvetica, sans-serif;
}

/* SETUP MAIN CONTENT AREA */
#content {
position: absolute;
top: 160px;
left: 0px;
width: 983px;
height: 710px;
background: url("images/contentBg.png") no-repeat 0px 0px;
overflow: hidden;
}
#copy {
position: absolute;
left: 80px;
width: 500px;
height: 600px;
top: 0px;
overflow: auto;
padding-right: 80px;
}
#contentImg {
position: absolute;
left: 520px;
height: 660px;
width: 140px;
top: 20px;
}

/* NAVIGATION */
.nav {
list-style: none;
position: absolute;
right: 25px;
top: 0px;
width: 100%;
height: 660px;
margin: 0px;
padding: 0px;
}
.nav li {
top: 25px;
width: 187px;
height: 660px;
margin: 0px;
padding: 0px;
display: block;
overflow: hidden;
}
#Home {
background: none;
}
#POS {
background: url("images/posBg.png") repeat-x 0px 0px;
}
#RS {
background: url("images/rsBg.png") repeat-x 0px 0px;
}
#About {
background: url("images/aboutBg.png") repeat-x 0px 0px;
}
#Contact {
background: url("images/contactBg.png") repeat-x 0px 0px;
}
.HomeBtn, .POSBtn, .RSBtn, .AboutBtn, .ContactBtn {
position: absolute;
left: 0px;
top: 0px;
width: 63px;
height: 660px;
text-decoration: none;
}
.HomeBtn {
background: url("images/HomeHeader.png") no-repeat 0px 0px;
}
.POSBtn {
background: url("images/posHeader.png") no-repeat 0px 0px;
}
.RSBtn {
background: url("images/rsHeader.png") no-repeat 0px 0px;
}
.AboutBtn {
background: url("images/aboutHeader.png") no-repeat 0px 0px;
}
.ContactBtn {
background: url("images/contactHeader.png") no-repeat 0px 0px;
}
.HomeBtn:hover, .POSBtn:hover, .RSBtn:hover, .AboutBtn:hover, .ContactBtn:hover {
text-decoration: none;
}
/* SETUP ACCENT PICTURE */
#accentPic {
position: absolute;
right: 25px;
bottom: 25px;
width: 304px;
height: 202px;
display: block;
background: url("images/accentPic.png") no-repeat 0px 0px;
z-index: 5050;
}

/* SETUP FOOTER */
#footer {
position: absolute;
top: 830px;
right: 80px;
width: 272px;
height: 218px;
background: url("images/bottomReceipt.png") no-repeat 0px 0px;
z-index: -1;
padding-top: 40px;
padding-left: 30px;

color: #9d9d9d;
font-size: 11px;
}
a#footer {
color: #8e361a;
}

/* SETUP LOGIN PAGE STYLING */
#loginPagewrapper {
position: relative;
margin: 20px auto;
width: 400px;
height: 400px;
}
.loginLogo {
position: relative;
margin: 20px auto;
background: url("images/logo.png") no-repeat 0px 0px;
width: 396px;
height: 162px;
display: block;
}
#loginForm {
position: relative;
margin: 50px auto;
color: #000066;
width:275px;
text-align: center;
}