*{
    margin:0;
    padding:0;
}
body{
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: #999;
    height: 600px;
}
.container{
    background:#fff url(../images/panarama.jpg) no-repeat center center;
    width:900px;
    height:220px;
    margin:0 auto;
    position:relative;
    overflow:hidden;
    border:3px solid #fff;
    -moz-box-shadow:1px 1px 6px #000;
    -webkit-box-shadow:1px 1px 6px #000;
    -moz-border-radius:0px 0px 20px 20px;
    -webkit-border-bottom-left-radius:20px;
    -webkit-border-bottom-right-radius:20px;
    border-radius:0px 0px 20px 20px;
}
.main{
    background: #fff;
    width:900px;
    margin:0 auto;
    position:relative;
    overflow:hidden;
	color: black;
	font-weight: normal;
}
ul#menu{
    list-style:none;
    position:absolute;
    bottom:0px;
    left:20px;
    font-size:36px;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: #999;
    letter-spacing: -1px;
}
ul#menu li{
    float:left;
    margin:0px 10px 0px 0px;
}
ul#menu a{
    cursor:pointer;
    position:relative;
    float:left;
    bottom:-95px;
    line-height:20px;
    width:110px;
	text-decoration:none;
}
.icon_news,
.icon_delegates,
.icon_wiki,
.icon_forums,
.icon_blog,
.icon_calendar,
.icon_polls,
.icon_maps{
    width:48px;
    height:48px;
    display:block;
    left:80px;
    top:50px;
    position:absolute;
}
.icon_news{ background:transparent url(../images/rss.png) no-repeat top left; }
.icon_delegates{ background:transparent url(../images/id_card.png) no-repeat top left; }
.icon_wiki{ background:transparent url(../images/edit.png) no-repeat top left; }
.icon_forums{ background:transparent url(../images/comment.png) no-repeat top left; }
.icon_blog{ background:transparent url(../images/rss.png) no-repeat top left; }
.icon_calendar{ background:transparent url(../images/calendar.png) no-repeat top left; }
.icon_polls{ background:transparent url(../images/chart.png) no-repeat top left; }
.icon_maps{ background:transparent url(../images/globe.png) no-repeat top left; }

ul#menu span.title{
    font-size:25px;
    display:block;
    height:26px;
    text-shadow:1px 1px 1px #000;
    color: #c62b2b;
    text-indent:10px;
}
ul#menu span.description{
    width:80px;
    height:80px;
    background-color: #6e7bdb;
    border:3px solid #fff;
    color:#fff;
    display:block;
    font-size:18px;
    padding:10px;
    -moz-box-shadow:1px 1px 6px #000;   
    -webkit-box-shadow:1px 1px 6px #000;
    box-shadow:1px 1px 6px #000;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
}
ul#menu a:hover span.description{
    background-color: #6e7bdb;
}
ul#menu a:hover span.title{
    color: #c62b2b;
}