html,body{
height:100%;
margin:0px;
padding:0px;
}
body{
background-color:#614e3f;
padding:0px;
margin:0px;
color:#310f00;
font-family:'Times New Roman';
}
div#container{
width:980px;
margin:0px auto 0px auto;
padding:0px;
min-height:100%;
background-image:url('images/middle_background.gif');
background-position:0px 100px;
}
div#header{
width:980px;
height:320px;
background-image:url('images/top_background.gif');
}
div#header_left{
width:612px;
height:280px;
float:left;
padding:0px;
margin:20px 0px 0px 20px;
}
div#header_right{
width:300px;
height:280px;
float:left;
padding:0px;
margin:20px 0px 0px 0px;
}
div#body{
width:980px;
min-height:100%;
padding:0px;
margin:0px;
}
ul#menu{
margin:100px 0px 0px 50px;
}
ul#menu li{
list-style-type:none;
margin:8px 0px 0px 0px;
}
ul#menu li a{
color:#310f00;
font-weight:bold;
text-decoration:none;
font-size:20px;
}
ul#menu li a:hover,div#body a:hover{
color:#fff4c9;
font-weight:bold;
text-decoration:none;
background-color:#881600;
}
div#body a{
color:#310f00;
font-weight:bold;
text-decoration:none;
font-size:17px;
}
div#header_right ul#menu li p#selected{
color:#fff4c9;
font-weight:bold;
text-decoration:none;
background-color:#881600;
display:inline;
font-size:20px;
}
div#body h1{
color:#310f00;
font-size:24px;
padding:0px;
margin:0px 20px 0px 150px;
}
div#body p{
color:#310f00;
font-size:17px;
padding:0px;
margin:0px 20px 0px 150px;
}
div.portfolio_image{
width:200px;
height:200px;
background-color:#ebe9e3;
margin:0px;
position:relative;
border-right:1px solid #bbbbbb;
border-bottom:1px solid #bbbbbb;
}
div.portfolio{
width:200px;
height:300px;
padding:0px;
margin:20px 0px 0px 60px;
float:left;
}
div.first_portfolio{
width:200px;
height:300px;
padding:0px;
margin:20px 0px 0px 150px;
float:left;
}
div.portfolio_image img{
padding:0px;
border:0px;
margin:10px;
}
div#body div.portfolio p, div#body div.first_portfolio p{
padding:0px;
margin:0px;
font-size:14px;
}
div#body div.portfolio h3, div#body div.first_portfolio h3{
padding:0px;
margin:0px;
font-size:18px;
}
div#body div.portfolio a, div#body div.first_portfolio a{
padding:0px;
margin:0px;
font-size:12px;
font-weight:bold;
color:#310f00;
text-decoration:none;
}
div#body div.portfolio a:hover, div#body div.first_portfolio a:hover{
padding:0px;
margin:0px;
font-size:12px;
font-weight:bold;
color:#fff4c9;
text-decoration:none;
background-color:#881600;
}
div.portfolio_image span{
position:absolute;
top:-18px;
left:30px;
background-image:url('images/sticky.png');
background-repeat:no-repeat;
height:52px;
width:142px;
}
div.clear{
width:100%;
height:20px;
clear:both;
}
span#stain{
width:390px;
height:350px;
background-image:url('images/coffee_stain.png');
position:absolute;
top:-20px;
left:20px;
}
div#featured{
width:980px;
height:350px;
position:relative;
}
div#featured img{
padding:0px;
margin:60px 0px 0px 50px;
border:0px;
}
div#featuredleft{
float:left;
width:355px;
padding:0px;
margin:0px 0px 0px 20px;
}
div#featuredright{
float:left;
width:605px;
}
div#body div#featured div#featuredright p,div#body div#featured div#featuredright h2{
padding:0px;
margin:0px 50px 0px 20px;
}
div#body h2{
padding:0px;
margin:0px 0px 0px 150px;
}
div#footer{
width:980px;
height:20px;
padding:0px;
margin:0px;
text-align:center;
}
div#footer p,div#footer a{
font-size:11px;
}
div#body div.portfolio div.portfolio_image a.image, div#body div.first_portfolio div.portfolio_image a.image{
border:0px;
margin:0px;
padding:0px;
background-color:transparent;
}
div#body div.portfolio div.portfolio_image a.image:hover, div#body div.first_portfolio div.portfolio_image a.image:hover{
border:0px;
padding:0px;
margin:0px;
background-color:transparent;
}