/*--------------STRUCTURE-------------*/
body {
margin:0px;
background-color:#57AAE2;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:12px;
}
.container {
width:740px;
margin:0 auto;
text-align:left;
position:relative;
}
A:hover {color:#FFEA00;}
IMG {border:0;}

/*--------------HEADER-------------*/
#header {
position:absolute;
background-image:url(images/header.jpg);
left:0px;
top:0px;
width:508px;
height:158px;
}
#header-topright {
position:absolute;
left:508px;
top:0px;
width:232px;
height:28px;
}
#nate-frances {
position:absolute;
background-image:url(images/nate-frances.jpg);
left:508px;
top:28px;
width:232px;
height:162px;
}

/*--------------TOP NAV-------------*/
.topnav {
position:absolute;
top:9px;
width:100px;
height:12px;
}
.tn-home {left:408px;}
.tn-contact {left:475px;}

/*--------------NAVIGATION BAR-------------*/
.nav {
position:absolute;
top:158px;
height:33px;
}
.nav-left {
background-image:url(images/navbar-left.jpg);
left:0px;
width:23px;
}
.nav-bar {
background-image:url(images/navbar.jpg);
left:23px;
width:389px;
}
.nav-wiskers {
background-image:url(images/nav-wiskers.jpg);
left:412px;
width:96px;
}

/*--------------SHADOWS-------------*/
.hshadow {
position:absolute;
height:4px;
}
.hsh-top {
left:0px;
top:191px;
width:508px;
}
.hsh-footer {
left:0px;
top:610px;
width:740px;
}
.hsh-blue {background-image:url(images/hshadow-blue.gif);}

.vshadow {
position:absolute;
left:490px;
top:200px;
width:18px;
height:377px;
}
.vsh-blue {background-image:url(images/vshadow-blue.jpg);}

/*--------------RIGHT PANEL-------------*/
.panel {
position:absolute;
left:508px;
width:232px;
}
.greenbox {top:240px; height:337px; background-color:#A6CE39;}
.postcards-button {top:190px; height:52px;}
.wallpapers-button {top:315px; height:58px;}
.masks-button {top:448px; height:59px;}

#postcards-base {
position:absolute;
background-image:url(images/postcards-base.jpg);
left:616px;
top:242px;
width:124px;
height:67px;
}
#wallpapers-base {
position:absolute;
background-image:url(images/wallpapers-base.jpg);
left:508px;
top:373px;
width:112px;
height:69px;
}
#masks-base {
position:absolute;
background-image:url(images/masks-base.jpg);
left:632px;
top:507px;
width:108px;
height:70px;
}
.rule {
position:absolute;
background-image:url(images/rule.gif);
left:508px;
width:232px;
height:6px;
}
.rule1 {top:309px;}
.rule2 {top:442px;}

/*--------------FOOTER-------------*/
.footer {
position:absolute;
top:577px;
height:33px;
font-size:11px;
line-height:33px;
font-weight:bold;
text-align:center;
}
.footer-bar {
background-image:url(images/navbar.jpg);
left:23px;
width:694px;
}
.footer-right {
background-image:url(images/footer-right.jpg);
left:717px;
width:23px;
}

/*--------------TEXTBOXES-------------*/
#nav-textbox {
position:absolute;
left:24px;
top:168px;
width:500px;
height:20px;
}
.text {
position:absolute;
left:520px;
width:105px;
height:63px;
}
.postcards-text {top:248px;}
.masks-text {top:512px;}

#wallpapers-text {
position:absolute;
left:625px;
top:378px;
width:100px;
height:40px;
}

#main-textbox {
position:absolute;
left:0px;
top:210px;
width:480px;
height:350px;
color:#FFFFFF;
font-size:11px;
}

/*--------------FONTS-------------*/
.topnavtext {
font-size:10px;
color:#FFFFFF;
text-decoration:none;
}
.navtext {
color:#FFFFFF;
text-decoration:none;
}
.footer-text {
color:#FFFFFF;
text-decoration:none;
}