html{
background-color:#ffffcc;

}

body {
font-family: Arial, Helvetica, sans-serif;
margin:0;
padding:0;
}

#outerdiv{
position:relative;
width:800px;
height:600px;
background: url(../images/page_background.png) no-repeat;
background-color:#ffffcc;
margin:0 auto;
}

h1{
position:absolute;
left:330px;
top:60px;
width:135px;
height:48px;
font-family:"Times New Roman", Times, serif;
text-indent:-1000em;
background: url(../images/header_banners.png) no-repeat;
margin:0;
padding:0;
}


#navbar{
position:absolute;
top:120px;
left:120px;

}

#navbar ul{
list-style-type:none;
margin:0;
padding:0;
}

#navbar li{
float:left;
margin-right:10px;
padding:0;
}

#navbar ul a.home{
height:29px;
width:46px;
display:block;
text-indent:-1000em;
background: url(../images/main_buttons/home_up.png) no-repeat left bottom;
border:none;
}

#navbar ul a.home:hover{
background: url(../images/main_buttons/home_over.png) no-repeat left bottom;
}

#navbar ul a.websites{
height:29px;
width:65px;
display:block;
text-indent:-1000em;
background: url(../images/main_buttons/websites_up.png) no-repeat left bottom;
border:none;
}

#navbar ul a.websites:hover{
background: url(../images/main_buttons/websites_over.png) no-repeat left bottom;
}

#navbar ul a.designs{
height:29px;
width:116px;
display:block;
text-indent:-1000em;
background: url(../images/main_buttons/website_designs_up.png) no-repeat left bottom;
border:none;
}

#navbar ul a.designs:hover{
background: url(../images/main_buttons/website_designs_over.png) no-repeat left bottom;
}


#navbar ul a.mags{
height:29px;
width:80px;
display:block;
text-indent:-1000em;
background: url(../images/main_buttons/magazines_up.png) no-repeat left bottom;
border:none;
}

#navbar ul a.mags:hover{
background: url(../images/main_buttons/magazines_over.png) no-repeat left bottom;
}

#navbar ul a.banners{
height:29px;
width:60px;
display:block;
text-indent:-1000em;
background: url(../images/main_buttons/banners_up.png) no-repeat left bottom;
border:none;
}

#navbar ul a.banners:hover{
cursor: default;
}

#navbar ul a.logos{
height:29px;
width:46px;
display:block;
text-indent:-1000em;
background: url(../images/main_buttons/logos_up.png) no-repeat left bottom;
border:none;
}

#navbar ul a.logos:hover{
background: url(../images/main_buttons/logos_over.png) no-repeat left bottom;
}

#navbar ul a.restore{
height:29px;
width:82px;
display:block;
text-indent:-1000em;
background: url(../images/main_buttons/restore_up.png) no-repeat left bottom;
border:none;
}

#navbar ul a.restore:hover{
background: url(../images/main_buttons/restore_over.png) no-repeat left bottom;
}


#content{
position:absolute;
top:170px;
left:63px;
width:670px;
height:300px;
margin: 0 auto;

}

#content ul#ban{
position:absolute;
left:120px;
top:0px;
width:420px;
margin:70px 0 0 0;
padding:0;
list-style-type:none;
}

#content ul#ban li{
margin:0 0 20px 0;
padding:0;

}


#content ul#ban a.static{
width:420px;
height:48px;
display:block;
text-indent:-1000em;
background: url(../images/static_up.png) no-repeat left top;
margin-left:35px;
padding:24px 0 24px 0;
}

#content ul#ban a.static:hover{
background: url(../images/static_over.png) no-repeat left top;
}

#content ul#ban a.anim{
width:420px;
height:48px;
display:block;
text-indent:-1000em;
background: url(../images/animated_up.png) no-repeat left top;
margin:0;
padding:24px 0 24px 0;
}

#content ul#ban a.anim:hover{
background: url(../images/animated_over.png) no-repeat left top;
}