* {
margin: 0px;
padding: 0px;
}

body{
background:url(../images/bg.jpg);
background-repeat:repeat;
margin:0px;
font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
}

#wrapper{
width:700px;
margin: 0px auto;
position:relative;
}

#nav{
position:relative;
margin: 0px auto 0px auto;
top:29px;
width:700px;
text-align:center;
text-transform:uppercase;
font-size:11px;
color:#000000;
height:30px;
}
#nav li{
list-style:none;
padding-right:18px;
line-height:20px;
display: inline; 
list-style-type: none;
}

#nav a{
text-decoration:none;
color:#C1C1C1;
}

#nav a:hover{
color:#BF4C8D;
text-decoration:none;
}
#content{
clear:both;
position:relative;
margin: 35px auto 0px 20px;
width:650px;
height: 622px;
}

h1{
color:#FFFFFF;
position:relative;
font-size:18px;
font-weight:normal;
line-height:40px;
}
#content p{
position:relative;
color:#ffffff;
font-size:14px;
}

#content p a{
color:#CCCCCC;
text-decoration:none;
}
#content p a:hover{
color:#BF4C8D;
text-decoration:underline;
}
#port{
width:650px;
position:relative;
margin: 35px -10px 20px 20px;
}
#port img {
border: 0px;
}
#portfolio{
width:650px;
position:relative;
margin: 35px -10px 20px 20px;
}
h2{
color:#C1C1C1;
position:relative;
font-size:16px;
font-weight:bold;
line-height:40px;
}
#portfolio img{
margin: 0px 10px 10px 0px;
border: solid 1px;
border-color:#C1C1C1;
}
#portfolio img:hover{
border-color:#BF4C8D;
}