@charset "utf-8";
/* CSS Document */

body{
background:url(images/bg.jpg) no-repeat;
background-color:#171717;
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
margin:0px;
padding:0px;
}

h2{
margin:0 0 10px 0;
padding:0px;
}

h3{
margin:10px 0 10px 0;
}

a{
color:#fe6103;
}

p{
color:#888888;
line-height:30px;
margin:10px 0 10px 0;
padding:0px;
}

p span{
font-style:italic;
font-weight:bold;
}

#container{
margin:0 0 0 70px;
width:850px;
}

#header{
border-bottom:1px solid #252525;
font-weight:bold;
margin:0 0 30px 0;
padding:100px 0 30px 0;
width:850px;
}

#header img{
float:left;
}

#header a{
color:#ffffff;
text-decoration:none;
}

#header ul{
text-align:right;
margin:0px;
padding:0px;
}

#header li{
display:inline;
list-style-type:none;
margin:0 0 0 25px;
padding:0px;
}

#content{
margin:10px 0 0 0;
min-height:600px;
width:850px;
}

#content ul{
margin:0px;
padding:0px;
}

#content li{
list-style-type:none;
}

#content .details ul{
margin:20px 0 0 40px;
padding:0px;
}

#content .details li{
background:url(images/checkmark.png) no-repeat;
background-position:0 50%;
list-style-type:none;
margin:0 0 5px 0;
padding:0 0 0 25px;
}

#websites_list{
float:left;
margin:0 0 0 0;
}

#footer{
border-top:1px solid #888888;
color:#888888;
clear:both;
font-size:80%;
text-align:center;
margin:40px 0 20px 0;
padding:20px 0 0 0;
width:850px;
}


.preview{
float:left;
margin:0 0 20px 0;
height:235px;
width:580px;
}

.preview form{
float:right;
margin:30px 15px 0 0;
padding:0px;
width:66px;
}

.details{
font-size:18px;
font-weight:bold;
float:left;
margin:0 0 20px 0;
height:235px;
width:270px;
}

.description{

width:850px;
}

.portfolio_item{
clear:both;
}

.buttons{
float:right;
margin:30px 15px 0 0;
width:66px;
}

.next{
margin:0 0 65px 0;
}