*
{

padding: 0px;
}

body{
background: url('images/bg.jpg') repeat;
color: #000000;
font-size: 12px;
font-family: "Arial", helvetica, sans-serif;
text-align:center;

}

#content {
width: 500px;
height: auto;
padding-top: 50px;
position: absolute;
left: 32%;
}

#site {
width: 470px;
float: left;
margin-left: 15px;
margin-top: 10px;
height: auto;
text-align: left;
padding-bottom: 10px;

}

#site h3.title {
font-size: 30pt;
font-weight: normal;
border-bottom: 2px solid #171717;
color: #171717;
margin-bottom: 5px;

}

#site h2.title2 {
font-size: 12px;
font-weight: bold;
color: #171717;
margin-bottom: 2px;
padding-left: 7px;
background: url('images/bullet.gif') no-repeat center left;

}
.latest_work {
background: #FFFFFF;
margin-bottom: 5px;
margin-top: 5px;
padding-bottom: 3px;
border-bottom: 1px dashed black;
border-top: 1px dashed black;
width: 450px;
float: left;

}

.latest_work:hover {
background: #333333;
color: #bcbcbc;
}
.latest_work:hover img{
border: 3px solid #FFFFFF;

}
.latest_work:hover h1{
color: #bcbcbc
}
.latest_work img{
width: 75px;
height: 75px;
border: 3px solid #bcbcbc;
float: left;
margin: 5px;
}

.latest_work h1{
width: 300px;
margin-top: 7px;
font-size: 12px;
font-weight: normal;
float: left;
margin-left: 5px;
}

a:link{
color: #000000
}

a:visited{
color: #000000
}

#top {
float: left;
width: 500px;
height: 5px;
background: url('images/top.gif') no-repeat;

}
#center {
float: left;
width: 499px;
height: auto;
min-height: 450px;
background: #ffffff;
padding-top: 0px;

}
#bottom {
float: left;
width: 500px;
height: 5px;
background: url('images/bottom.gif') no-repeat;

}
#header{
text-align: left;
width: 500px;
height: 80px;
margin-bottom: 20px;
padding-bottom: 20px;
color: #FFFFFF
}
#header h3.title {
float: left;
font-size: 36px;
font-weight: normal;
margin-left: 30px;
margin-bottom: 2px;
padding-bottom: 2px;
}
#header h2.slogan {
float: left;
font-size: 14px;
font-weight: normal;
margin-left: 80px;
margin-bottom: 2px;
padding-bottom: 2px;
color: #bcbcbc;
}
#nav {
height: 20px;
text-align: right;
width: 490px;
margin: 0px;
padding: 0px;
font-family: Verdana, Arial, sans-serif;

}
#nav a.active {
float: right;
width: 82px;
height: 20px;
background: url('images/nav_active.png') no-repeat top left;
text-align: center;
padding-top: 2px;
color: black;
text-decoration: none;
padding-bottom: 0px;
margin-bottom: -2px;

}
#nav a.normal {
float: right;
width: 82px;
height: 20px;
background: url('images/nav_normal.png') no-repeat top left;
text-align: center;
padding-top: 2px;
color: #bcbcbc;
text-decoration: none;
margin-left: 1px;
padding-bottom: 0px;
margin-bottom: -2px;
}
#nav a.normal:hover {
background: url('images/nav_hover.png') no-repeat top left;
color: #ffffff;

}
#footer{
font-size: 10px;
float: right;
height: 50px;
color: #bcbcbc;
text-align: right;
margin-right: 30px;

}
#footer a {
color: #808080;
font-weight: bold;
text-decoration: none;

}
#footer a:hover {
color: #FFFFFF;

}
#loggo{
vertical-align: middle;

}