@charset "utf-8";


body{
background-image: url(dark-red-wallpaper-wide.jpg);

}

#wrapper {
        width: 1000px;
        height: 1000px;
        position:relative;
        top: 0px;
        background-color: #000000;
        margin-left:auto;
        margin-right:auto;
        padding: 0px;
        border:12px solid  #000000;
        z-index: 0;
		    border-radius: 20px;
}

#header {
        width: 1000px;
        height: 140px;
        position:absolute;
        top: 0px;
        background-color:#800000;
		border-radius: 20px;
        padding: 0px;
        margin: 0px;
        z-index: 1;
}

#nav {
        width: 1000px;
        height: 100px;
        position:absolute;
        top: 150px;
        background-color: #000000;
        padding: 0px;
        margin: 0px;
        z-index: 1;
}


#aside-right {
	width: 150px;
		height: 700px;
		position: absolute;
		top: 260px;
		left: 850px;
		background-color: #330000;
		padding: 0px;
		margin: 0px;
		z-index: 1px;
		border-radius: 10px;
}

#aside-left {
	width: 150px;
		height: 700px;
		position: absolute;
		top: 260px;
		right: 850px;
		background-color: #330000;
		padding: 0px;
		margin: 0px;
		z-index: 1px;
		border-radius: 10px;
}

#container {
	width: 700px;
		height: 700px;
		position:absolute;
		top: 260px;
		left: 150px;
		background-color: #800000;
		padding: 0px;
		margin: 0px;
		z-index: 1px;
		border-radius: 10px;
}

img{
margin-left: 200px;
}


#footer {
	width: 1000px;
		height: 50px;
		position: absolute;
		bottom: 0px;
		left: 0px;
		background-color:  #000000;
		padding: 0px;
		margin: 0px;
		z-index: 1px;
}
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #800000;
	  border-radius: 10px;
}

li {
    float: left;
}

li a {
    display: block;
    color: #000000;
    text-align: center;
    padding: 38px 100px;
    text-decoration: none;
	  border: 3px solid #000000;
	  border-radius: 8px;
}



li a:hover {
    background-color: #330000;
}