body {
font-family:"Trebuchet MS", Verdana, Arial, Helvetica;
font-size:13px;
margin:0;
padding:0;
background-color:#000;
color:white;
}

body#home {
background-color: #999;
}
h1 {
color:white;
text-decoration:underline;
font-weight:bold;
font-size:18px;
}

#wrap {
width:720px;
border:0;
padding:0;
position:absolute;
}
#top {
top:0;
position:absolute;
background-color:#333333;
height:317px;
margin:0;
padding:50px 0;
width:300px;
}
body#home #top {
width:100%;
padding:0;
border-bottom:3px solid black;
height:270px;
}
#bottom {
background-color:#999;
position:absolute;
border-top:3px solid black;
top:420px;
height:70px;
width:300px;
margin:0;
padding:0;
}

/*homepage stuff*/
#pics {
position:absolute;
width:auto;
top:91px;
margin:0;
padding:0;
}
#leftpic {
float:left;
width:307px;
margin:0;
padding:150px 0;
}
#rightpic {
position:absolute;
width:384px;
left:320px;
margin:0;
padding:45px 0 0 0;
}



/*navbar components*/
#navbar {
width:600px;
padding:0;
height:22px;
margin:0;
position:absolute;
top:20px;
left:60px;
background:#888;
border:1px solid white;
}

#navbar ul, #select ul {

text-align: center;
margin:0;
padding:0;
}

#navbar ul li, #select ul li {
float:left;
text-align:center;
display:inline;
margin:0;
padding:0;
}

#navbar ul li a {
width:150px;
height:20px;
padding:2px 0 0 0;
margin:0;
color:#fff;
text-decoration:none;
display:block;
text-align:center;
font-weight:bold;
}

#navbar ul li a:hover {
color: #000;
background: #ccc;
}

body#home li#one,
body#about li#two,
body#port li#three,
body#contact li#four,
body#home li#one a:hover,
body#about li#two a:hover,
body#port li#three a:hover,
body#contact li#four a:hover {
background-color:#000;
color:white;
}
#form {
position:absolute;
left: 320px;
top: 80px;
}

#footer {
text-align:right;
position:absolute;
width:400px;
top:480px;
left:150px;
padding:0 10px 2px 160px;
font-size:11px;
color:white;
}

#footer a {
color:white;
text-decoration:none;
}
#footer a:hover {
text-decoration:underline;
}

/*portfolio stuff*/
#window {
position:absolute;
left:25px;
top:65px;
width:252px;
height:300px;
z-index:2;
}
#select {
width:auto;
padding:0;
height:24px;
margin:0;
position:relative;
background:#000;
border:1px solid white;
}

#select ul li a {
width:83px;
height:22px;
padding:2px 0 0 0;
margin:0;
color:#fff;
text-decoration:none;
display:block;
text-align:center;
font-weight:bold;
}

#select ul li a:hover {
color: #333;
background: #ccc;
}