/* ===== global styles ===== */

html{
background:#ffffcc url(../images/html_back_br.png) no-repeat bottom right;

}

body{
background: url(../images/html_back_tl.png) no-repeat top left;
height:100%;
margin:0;
padding:0;
}


h1{
font-family:"Times New Roman", Times, serif;
margin:0;
padding:0;
}

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

/* ========== MAIN ========== */

#outerdiv{
width:453px;
height:600px;
background: url(../images/main_background.png) no-repeat;
background-color:#ffffcc;
margin:0 auto;
/*border:none;*/

}

#outerdiv #header{
position:relative;
height:350px;
padding:0;
/*border:1px solid blue;*/

}

#outerdiv #header h1.port{
position:absolute;
left:60px;
top:80px;
width:242px;
height:144px;
margin:0;
padding:0;
text-indent:-1000em;
background: url(../images/the_portfolio.png) no-repeat;
/*border:none;*/
}

#outerdiv #header h3.wal{
position:absolute;
/*left:30px;*/
top:230px;
width:180px;
height:88px;
margin:5px 0 0 220px;
text-indent:-1000em;
background: url(../images/by_warren_dunn.png) no-repeat;
/*border:none;*/
}




/* =================== NAVIGATION MENU ==================== */

#main_menu{
height:200px;
/*border:1px solid green;*/


}

#main_menu ul{
list-style-type:none;
margin:0 0 0 95px;
padding:0;

}

#main_menu ul li{
margin:0;
padding:0;
}

#main_menu ul a.websites{
height:25px;
width:112px;
display:block;
text-indent:-1000em;
background: url(../images/home_buttons/websites_up_btn.png) no-repeat left top;
border:none;
}

#main_menu ul a.websites:hover{
background: url(../images/home_buttons/websites_over_btn.png) no-repeat;
}

#main_menu ul a.designs{
height:25px;
width:184px;
display:block;
text-indent:-1000em;
background: url(../images/home_buttons/website_design_up_btn.png) no-repeat left top;
margin:5px 0 0 10px;
border:none;
}

#main_menu ul a.designs:hover{
background: url(../images/home_buttons/websites_design_over_btn.png) no-repeat;
}

#main_menu ul a.mags{
height:25px;
width:141px;
display:block;
text-indent:-1000em;
background: url(../images/home_buttons/mags_up_btn.png) no-repeat left top;
margin:5px 0 0 30px;
border:none;
}

#main_menu ul a.mags:hover{
background: url(../images/home_buttons/mags_over_btn.png) no-repeat;
}

#main_menu ul a.banners{
height:25px;
width:112px;
display:block;
text-indent:-1000em;
background: url(../images/home_buttons/banners_up_btn.png) no-repeat left top;
margin:5px 0 0 50px;
border:none;
}

#main_menu ul a.banners:hover{
background: url(../images/home_buttons/banners_over_btn.png) no-repeat;
}

#main_menu ul a.logos{
height:25px;
width:96px;
display:block;
text-indent:-1000em;
background: url(../images/home_buttons/logos_up_btn.png) no-repeat left top;
margin:5px 0 0 70px;
border:none;
}

#main_menu ul a.logos:hover{
background: url(../images/home_buttons/logos_over_btn.png) no-repeat;
}


#main_menu ul a.restore{
height:25px;
width:198px;
display:block;
text-indent:-1000em;
background: url(../images/home_buttons/restore_up_btn.png) no-repeat left top;
margin:5px 0 0 90px;
border:none;
}

#main_menu ul a.restore:hover{
background: url(../images/home_buttons/restore_over_btn.png) no-repeat;
}



/* ========== MISCELLANEOUS ========== */

.clear { clear: both }