html{
background-color:#ffffff; /* for non-css3 browsers */}

@font-face{
font-family:"helvetica";
src:url("http://www.zoepiel.com/h_roman.ttf");
}

@font-face{
font-family:"helvetica";
font-weight:bold;
src:url("http://www.zoepiel.com/h_bold.ttf");
}

@font-face{
font-family:"helvetica";
font-style:italic;
src:url("http://www.zoepiel.com/h_italic.ttf");
}

div{
font-family:helvetica;
color:#ee0000;
text-align:left;
margin: 25px;
}

h1{margin-bottom:0px;
text-shadow: 1px 1px 0px gray;
}

h2{font-weight:normal;}

h3{
color:gray;
font-size:8pt;}

ul{
font-size: 14pt;
space-after:10px;
}

div.nav{
font-size:12pt;
text-align:left;
width: 225px;
float:left;
color:red;
padding:10px;
border-right-color:#cccccc;
border-right-width:1px;
border-right-style:dotted;
border-bottom-color:#cccccc;
border-bottom-width:1px;
border-bottom-style:dotted;
}

div.nav img {
border: transparent;

}
div.spacer{
clear:both;
}

div.main{
float:left;
text-align:left;
font-size:12pt;
position:absolute;
left:275px;
margin-bottom:30px;
padding:10px;
border-right-color:#cccccc;
border-right-width:1px;
border-right-style:dotted;
border-bottom-color:#cccccc;
border-bottom-width:1px;
border-bottom-style:dotted;
}

div.main img{
display:block;
clear:both;
margin-top:25px;
max-height:600px;
}

div.gallery{
width:1000px;
margin-left:250px;
margin-bottom:30px;
padding:10px;
border-right-color:#cccccc;
border-right-width:1px;
border-right-style:dotted;
border-bottom-color:#cccccc;
border-bottom-width:1px;
border-bottom-style:dotted;
}

div.row{
text-align:center;
}

div.gallery img{
max-height:150px;
margin:15px;
}

div.gallery img{
border-width:1px;
border-color:#cccccc;
border-style:solid;
}

div.gallery img:hover{
border-width:1px;
border-color:black;
border-style:solid;
}

div.main a{
text-decoration:none;
color:#ee0000;
}

div.main a:hover{
background-color:red;
color:white;
}

div.step{
width:800px;
padding:10px;
border-bottom-color:#cccccc;
border-bottom-width:1px;
border-bottom-style:dotted;
}

div.step a{
border-bottom-color:red;
border-bottom-width:1px;
border-bottom-style:dotted;
}

div.step img{
max-width:800px;
}

div.ad{
border-top-color:#cccccc;
border-top-width:1px;
border-top-style:dotted;
padding:10px;
}

div.center{
left:350px;
top:20px;
}

a.navlink{
text-decoration:none;
color:red;
}

a.navlink:hover{
background-color:red;
color:white;
}

div.ad{
float:left;}

div.footer{
clear:both;
font-size:8pt;
color:gray;
text-align:center;
margin:50px;
}