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

#site-box{
width :900px;
margin : auto;
 background-image :url('img/mainback.png');
}

#header-box{
background-image : url('img/back.jpg');
padding :20px;
color :#FFFFFF;
text-align:center;
}

#all-box{
background-image:url('img/background.jpg');
}
#menu-box{ 
float :left;
width:200px;
margin-left:15px;
margin-bottom:20px;
padding-right:25px;
border-right:groove 4px #000000;
}

#profiel-box{
width :150px;
margin:10px;
}

#skype-box{
width :150px;
margin:10px;
text-align:center;
}
#counter-box{
width:150px;
margin:10px;
}

#brog-box{
width:150px;
align="center";
}

.menu{
width:180px;
margin:10px;
margin-left:0px;
margin-left:auto;
margin-right:auto;

}
#history-box{

width:150;
height:400px;
overflow:scroll;
overflow-x:hidden;
margin-left:15px;
background-image:url('img/historyback.png');
color:#FFFFFF;
}

#main-box{
float :right;
width:630px;
margin:10px;
margin-bottom:20px;
}

#footer-box{ 
clear :both;
background-image:url('img/historyback.png');
font size:12px;
padding:10px;
text-align:center;
color:#FFFFFF;

}

.titlebar{
background-image:url('img/taitlebar.jpg');
color:#FFFFFF;
text-align:center;

}
#titlebar-his{
background-image:url('img/taitlebar.jpg');
color:#FFFFFF;
text-align:center;
margin-left:15px;

}



ul.list-bg{margin-left:12px;}
ul.list-bg li{
list-style-type:none;
padding:4px 10px 4px 28px;
padding-right 30px;
background-image:url('img/mark.png');
background-repeat: no-repeat;
background-position:left center;
font-size:12px;
}

p.history{

margin-top:15px;
font-size:12px;
}

p.menu{
padding:0px;
margin-top:10px;
text-align:center;
font-size:13px;
}
p.main-box{
margin :10px;
}

#brogbanner{
margin:10px;
border :groove 3px #FFFFFF;
}

.yard-title{
margin:40px;
background-image:url('img/historyback.png');
color:#FFFFFF;
border-left: solid 10px #FFFF00;
}
.yard-box{
margin:-20px 50px -20px 50px;
background-image:url('img/historyback.png');
color:#FFFFFF;
}

img{border:none;}

a{
color:#000000;
}
a.his{
text-decoration:none;
color:#FFFFFF;
}