* { margin: 0; padding: 0; }
body { font: 14px/1.4 Georgia, serif; }
article, aside, figure, footer, header, nav, section { display: block; }
#page-wrap {
width:780px;
height:600px;
margin-top:30px;
margin-bottom:50px;
margin-left:auto;
margin-right:auto;
background:#FFF;
}
header {
padding:10px;
width:auto;
height:100px;
font:Calibril;
font-size:16px;
}
header #logo {
float: left;
height: 70px;
width: 65px;
font:Calibri;
font-size:16px;
}
#page-wrap header #slogan p {
font-family: Calibri;
font-size: 16px;
font-style: oblique;
font-weight: bold;
font-variant: normal;
text-transform: capitalize;
color: #333;
}
#page-wrap nav ul {
text-align:center;
margin:30px 0px 10px 0px;
height:30px;
width:780px;
}
#page-wrap nav ul li {
list-style-type: none;
display:block;
margin-left:0px;
margin-right:0px;
height:24px;
padding:0px 0px 10px 0;
float:left;
width:130px;
height:auto;
}
#page-wrap nav ul li a {
text-decoration: none;
padding: 2px;
width: 120px;
color:#000;
display:block;
border-right:1px solid #690;
text-align: left;
}
#page-wrap nav ul li a hover {
font-weight:bold;
color:#000;
}
a:hover {
font-weight: bold;
color: #666;
}
#page-wrap #contetnt {
height: auto;
width: 780px;
height:380px;
margin-top: 10px;
margin-right: auto;
margin-bottom: 10px;
margin-left: auto;
padding-top: 10px;
padding-right: 2px;
padding-bottom: 10px;
position:relative;
}
#page-wrap footer {
font-family: Calibri;
font-size: 10px;
font-style: normal;
color: #999;
padding: 5px;
height: 80px;
width: auto;
margin-top: 10px;
margin-right: auto;
margin-bottom: 10px;
margin-left: auto;
text-align:center;
}
#page-wrap #contetnt aside {
display: block;
padding: 5px;
float: left;
height: 380px;
width: 150px;
list-style-type: none;
overflow-y: scroll;
overflow-x: hidden;
}
#page-wrap #contetnt #text {
padding: 2px;
width: 220px;
overflow-y: scroll;
overflow-x: hidden;
height: 380px;
}
#page-wrap #contetnt #slider {
margin: 2px;
padding: 2px;
float: right;
top:0px;
left:400px;
position:absolute;
}
#page-wrap #contetnt aside ul li {
float: left;
height: 40px;
width: 40px;
list-style-type: none;
margin-top:2px;
margin-bottom:2px;
margin-left:2px;
margin-right:2px;
display: inline-block;
}
#page-wrap #contetnt aside ul li a {
margin: 2px;
padding: 1px;
clear: both;
float: left;
height: 50px;
width: 60px;
overflow: visible;
}