html,body{margin:0;padding:0}

body {
color: #333333;
background: #ffffff url("http://www.pepfx.com/images/bg-pretty.jpg") repeat top center;
font-family: Arial, sans-serif;
font-size: 14px;
}

p{margin:0 10px 10px}

div#header{
text-align: center;
}
div#header h1{
height:235px;
line-height:30px;
margin:0;
}

div#menu{
height:28px;
background: url("http://www.pepfx.com/images/menu.jpg") repeat-x top center;
text-align: center;
line-height: 25px;
font-size: 15px;
font-weight: bold;
}
.designs:link {color: #999999;}
.designs:visited {color: #999999;}
.designs:hover {color: #e8e8e8;}
.designs:active {color: #a9a9a9;}
.designs {margin-right: 30px;}

div#content p{line-height:1.2}

div#footer{
clear:left;
width:100%;
height: 50px;
background: url("http://www.pepfx.com/images/bg-footer.png") repeat-x top center;
color: #666666;
text-align: center;
font-size: 11px;
line-height: 40px;
}

div#footer .extra{
width: 180px;
}

div#wrapper{
float:left;
width:100%;
background: #eeeeee url("http://www.pepfx.com/images/bg-design.jpg") repeat-x top center;
}
div#content{
margin-right:200px;
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
}
div#navigation{
background:#dbdbdb url("http://www.pepfx.com/images/bg-design1.jpg") no-repeat top center;
float:left;
width:200px;
margin-left:-200px;
padding-top: 15px;
font-size: 12px;
}

div.logo {
width: 230px;
height: 55px;
float: left;
margin: 1px;
font-size: 11px;
color: #333333;
}

.nav { position:relative; width: 900px; margin: 0 auto; font-weight: bold; }
.nav ul li a, .nav ul li a:visited {
display:block;
text-decoration:none;
height:28px;
text-align:center;
color:#999999;
border:1px solid #393939; border-width:0 1px 0 0;
line-height:25px;
font-size:15px;
}
.nav ul {padding:0; margin:0;list-style-type: none; }
.nav ul li {float:left; position:relative;}
.nav ul li ul {visibility:hidden; position:absolute;}

.nav table {border-collapse:collapse; margin:0; padding:0; font-size:1em; margin:-1px;}

.nav ul li:hover a, .nav ul li a:hover {
color:#e8e8e8;
background: url("../images/menu-hover.png") repeat-x;
}

.nav ul li:hover ul, .nav ul li a:hover ul {visibility:visible; bottom:26px; left:0;}

.nav ul li:hover ul li, .nav ul li a:hover ul li {display:block; width:180px; clear:both;}

.nav ul li:hover ul li a, .nav ul li a:hover ul li a {
display:block;
background: url("../images/black.png") repeat;
color:#999999;
width:100%;
padding-left:10px;
border:1px solid #393939;
border-width:0 1px 1px 0;
font-size: 12px;
text-align: left;
}

.nav ul li:hover ul li a:hover, .nav ul li a:hover ul li a:hover {
background: #000000;
color:#e8e8e8;
}