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:355px;
top:60px;
width:85px;
height:48px;
font-family:"Times New Roman", Times, serif;
text-indent:-1000em;
background: url(../images/header_logos.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{
background: url(../images/main_buttons/banners_over.png) no-repeat left bottom;
}

#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{
cursor: default;
}

#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 img.log1{
float:right;
margin:20px 35px 20px 35px;
padding:0;
border:none;
}


#content img.log2{
float:left;
margin:50px 35px 0 50px;
padding:0;
border:none;
}

#content img.log3{
float:left;
margin:40px 35px 0 35px;
padding:0;
border:none;
}

#content img.log4{
float:left;
margin:25px 35px 0 35px;
padding:0;
border:none;
}