@charset "UTF-8";
/* CSS Document */


#body {

background-image: url(images/web_background.png);
background-repeat: repeat;
background-position: top left;
background-attachment: fixed;
background-color: #cc3333;
width:800px;
margin:  75px auto 0 auto;
padding:0;
font-family: Helvetica, Geneva, Verdana;
font-size:14px;

}

#content {

width: 800px;
background:#FFFFFF;
padding: 0 0 500px 0;

}


#nav {
margin: 20px 0 0 20px;
}

#navlink li {
	display: inline;
	color: #666666 ;
	padding: 2em 1em;
	border: none;
	font-size: 12px;
	width: 100%;
}

#navlink a { 
text-decoration: none;
color: #CC3333;

}
#navlink   a:hover {
color: #333333  ;
}

#menu_first {
margin-left: 340px;
}



.menu {
float: left;
width: 250px;

margin: -300px 0 0 0;
}


#buttons_print {
margin: 0 0 5px 12px;
border: none;

}


#buttons_p {
margin: 0 0 0 0;
}


#buttons_identity {
margin: 5px 0 5px 21px;
}

#buttons_i {
margin: 0 0 0 0 ;
}

#buttons_web {
margin: 5px 0 5px 10px;
}
#buttons_w {

margin: 0 0 0 0;
}



#buttons_about {
margin: 5px 0 15px 17px;

}

#buttons_a {
margin: 0 0 0 0;

}



#graphic {

background-repeat: repeat-x;
background-position: right top;
float: left;
width: 250px;
margin: none;
padding: 20px 0 98px 0;

} 

#name {
margin: 45px 0 0 30px;
width: 250px;
}

#menu_bottom {
margin: -30px 0 0 30px;
}

#slideshow {
float: right;
width: 450px;
margin: 20px 0 0 -100px;
padding: 15px 50px 0 0;
}



#about_graphic {
float: right;
width: 150px;
margin: 30px 267px -5px 0;


}



#about_text {

width: 300px;
float: right;
margin: 0 0 0 0;
padding: 0 0 0 125px;

}

a {
color: #cc3333;
}

p {
font-family: Helvetica, Geneva, Verdana;
font-size:11px;
margin: 0 0 0 -110px;
width: 235px;
color: #333333;
line-height: 1.3em;
padding: 1em 0 0 0;
text-align: justify;
}

#footer {
width: 800px;
}

#footer_menu {
margin-top: 5em;
padding: 5em;
text-align: center;
}

#footer_menu li { 
display: inline;
font-size:10px;
color: white;

margin: 0 2em 0 0;
}

#footer_menu li.email a { 

text-decoration:underline;

}

#footer_menu a { 
text-decoration: none;
color: white;

}
#footer_menu   a:hover {
color: #333333  ;
}

#footer_menu {
margin: 0;
padding: 10px 0 0 0;
}

#clients  {
margin: 0 0 0 -75px;
}


#clients li {
color:#333333;
font-family: Helvetica, Geneva, Verdana;
font-size:11px;
list-style-type: none;
margin: 0 0 0 -77px;
line-height:1.3em;
}

#clients li a {
color: #333333;

}

#clients_list {
margin: 15px 0 5px -122px;
}

background-image: url(images/menu_background.png);




background-position: right top;



<div id="nav">

<div class="buttons">
<img src="images/buttons/print_off.png" name="print" width="250" height="50" id="Image1" onmouseover="MM_swapImage('cannot reference &lt;img&gt;','','images/buttons/print_on.png',1);MM_swapImage('print','','images/buttons/print_on.png',1)" onmouseout="MM_swapImgRestore()"  /></div>

<div class="buttons"><img src="images/buttons/identity_off.png" name="identity" width="250" height="50" id="identity" onmouseover="MM_swapImage('identity','','images/buttons/identity_on.png',1)" onmouseout="MM_swapImgRestore()"  /></div>

<div class="buttons"><img src="images/buttons/web_off.png" name="web" width="250" height="50" id="Image2" onmouseover="MM_swapImage('cannot reference &lt;img&gt;','','images/buttons/web_on.png',1);MM_swapImage('web','','images/buttons/web_on.png',1)" onmouseout="MM_swapImgRestore()"  /></div>
 

<div class="buttons"><img src="images/buttons/about_off.png" name="about" width="250" height="50" id="Image2" onmouseover="MM_swapImage('cannot reference &lt;img&gt;','','images/buttons/about_on.png',1);MM_swapImage('about','','images/buttons/about_on.png',1)" onmouseout="MM_swapImgRestore()"  /></div>

</div> 

 </div>



<ol class="style2" id="navlink" >
  <li id="menu_first">print</a></li>
  <li id="li identity"><a href="print.html" target="_parent">identity</li>
  <li><a href="print.html" target="_parent">web design</a></li>
  <li><a href="jojo_test_1.html" target="_parent">about</a></li>
</ol>