/*---------- RESET ----------*/
@import "reset.css";

/*---------- DOCUMENT ----------*/
body{line-height: 1.2; font-weight: normal; color: white; font-family: "Arial CE", "Helvetica CE", Arial, sans-serif; background: black url(../images/bg.png) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
a{color: white;}
h1{font-size: 32px; margin: 0 0 0.5em 0;}
p{margin: 0 0 1em 0;}
hr{width: 280px; margin: 0; padding: 0; background: #666; height: 1px;}
#wrapper{width: 960px; margin: 0 auto;}
#header{width: 100%; height: 200px; float: left; position: relative}
#headline{position: absolute; top: 50px; left: 30px; font-size: 48px; text-decoration: none;}
#slogan{position: absolute; top: 120px; left: 30px; font-size: 21px;}
#main{width: 100%; float: left; background-image: url('../images/main.png'); background-repeat: repeat; -webkit-border-radius: 20px; border-radius: 20px;}
#menu{width: 250px; margin: 30px 0 30px 30px; float: left;}
#menu li{height: 40px; width: 280px; list-style: none;}
#menu li img{float: left; margin: 0 10px 0 0;}
#menu li a{height: 40px; width: 238px; display: block; line-height: 40px; float: left; font-size: 18px; text-decoration: none;}
#menu li a:hover{font-size: 19px;}
#menu li a.active{font-size: 19px;}
#content{float: left; width: 600px; margin: 30px 0 30px 60px;}
#mainphoto{margin: 10px 0 0 0;}
#blocks{width: 900px; float: left; padding: 0 0 0 30px; margin: 30px 0 0 0;}
#footer{width: 900px; height: 30px; float: left; position: relative; border-top: 1px solid #444; margin: 0 0 0 30px;}
#sign{position: absolute; left: 0px; top: 10px;}

.cleaner{clear: both;}
.border{border-bottom: 2px solid #000;}
.block{width: 190px; float: left;}
.block img{margin: 0 0 30px 0;}
.photo{max-width: 190px;}
.marginright30{margin: 0 30px 0 0;}
.marginright40{margin: 0 40px 0 0;}
.bor{border: 1px solid white;}