body {margin:5px; padding:5px; text-align:center;}
#container {width:980px; margin-left:auto; margin-right:auto; text-align:left;}

#logo {background:url('images/logo.jpg'); width:450px; height:38px; position:relative; margin:15px 0 0 10px;}
.cur { cursor:pointer; }

#menu {list-style:none; padding:0; margin:0; width:980px; height:90px; position:relative;}
#menu a {display:block; position:absolute; outline:none; text-decoration:none;}
#menu a:hover {background-position:left bottom; text-decoration:none;}
#menu a span {font:normal 3px Arial; visibility:hidden; text-decoration: none;}
#menu .about {width:103px; height:30px; background:url('images/navtop-about.gif') no-repeat; top:60px; left:669px;}
#menu .cafe {width:28px; height:30px; background:url('images/navtop-cafe.gif') no-repeat; top:60px; left:792px;}
#menu .activities {width:53px; height:30px; background:url('images/navtop-activities.gif') no-repeat; top:60px; left:840px;}
#menu .contact {width:67px; height:30px; background:url('images/navtop-contact.gif') no-repeat; top:60px; left:913px;}

#banner-home, #banner-about, #banner-model, #banner-cafe, #banner-activities, #banner-community, #banner-skills, #banner-projects, #banner-support, #banner-research, #banner-contact {width:980px; height:400px; border-top:solid 1px #3a4243; border-bottom:solid 1px #3a4243;}
#banner-home {background:url('images/banner-home.jpg') no-repeat;}
#banner-about {background:url('images/banner-about.jpg') no-repeat;}
#banner-model {background:url('images/banner-model.jpg') no-repeat;}
#banner-cafe {background:url('images/banner-cafe.jpg') no-repeat;}
#banner-activities {background:url('images/banner-activities.jpg') no-repeat;}
#banner-skills {background:url('images/banner-skills.jpg') no-repeat;}
#banner-community {background:url('images/banner-community.jpg') no-repeat;}
#banner-projects {background:url('images/banner-projects.jpg') no-repeat;}
#banner-support {background:url('images/banner-support.jpg') no-repeat;}
#banner-research {background:url('images/banner-research.jpg') no-repeat;}
#banner-contact {background:url('images/banner-contact.jpg') no-repeat;}

#submenu {list-style:none; padding:0; margin:0; width:980px; height:30px; position:relative;}
#submenu a {display:block; position:absolute; outline:none; text-decoration:none;}
#submenu a:hover {background-position:left bottom; text-decoration:none;}
#submenu a span {font:normal 3px Arial; visibility:hidden; text-decoration:none;}
#submenu .home {width:119px; height:30px; background:url('images/navbot-home.gif') no-repeat; top:0px; left:0px;}
#submenu .about {width:103px; height:30px; background:url('images/navbot-about.gif') no-repeat; top:0px; left:0px;}
#submenu .model {width:94px; height:30px; background:url('images/navbot-model.gif') no-repeat; top:0px; left:123px;}
#submenu .cafe {width:28px; height:30px; background:url('images/navbot-cafe.gif') no-repeat; top:0px; left:0px;}
#submenu .activities {width:53px; height:30px; background:url('images/navbot-activities.gif') no-repeat; top:0px; left:0px;}
#submenu .community {width:151px; height:30px; background:url('images/navbot-community.gif') no-repeat; top:0px; left:73px;}
#submenu .skills {width:193px; height:30px; background:url('images/navbot-skills.gif') no-repeat; top:0px; left:244px;}
#submenu .projects {width:121px; height:30px; background:url('images/navbot-projects.gif') no-repeat; top:0px; left:457px;}
#submenu .support {width:124px; height:30px; background:url('images/navbot-support.gif') no-repeat; top:0px; left:598px;}
#submenu .research {width:153px; height:30px; background:url('images/navbot-research.gif') no-repeat; top:0px; left:720px;}
#submenu .contact {width:67px; height:30px; background:url('images/navbot-contact.gif') no-repeat; top:0px; left:0px;}
#submenu .error {width:97px; height:30px; background:url('images/navbot-error.gif') no-repeat; top:0px; left:0px;}

#main {margin-top:20px; font:normal 12px Arial, Helvetica, sans-serif; text-align:justify; color:#3a4243; clear:both;}
#main .header {font:bold 13px Arial, Helvetica, sans-serif;}
#main a {color:#ea12bf;}
#main a:hover {color:#ea12bf;}
#main a:visited {color:#b20996;}
.ht2 {clear:both; padding:1px 0px 1px 0px;}
.ht3 {clear:both; padding:1px 0px 2px 0px;}
.ht4 {clear:both; padding:2px 0px 2px 0px;}
.ht5 {clear:both; padding:2px 0px 3px 0px;}
.ht7 {clear:both; padding:3px 0px 4px 0px;}
.ht8 {clear:both; padding:4px 0px 4px 0px;}
.ht10 {clear:both; padding:5px 0px 5px 0px;}
.ht15 {clear:both; padding:5px 0px 10px 0px;}
.ht20 {clear:both; padding:10px 0px 10px 0px;}
.ht60 {clear:both; padding:30px 0px 30px 0px;}

#model {width:682px; height:250px; background:url('images/model.gif') no-repeat; margin: 15px 149px 40px 149px; clear:both;}
#model .left-link {font:bold 16px Arial, Helvetica, sans-serif; color:#3a4243; float:left; position:relative; top:90px; left:35px;}
#model .mid-link {font:bold 16px Arial, Helvetica, sans-serif; color:#3a4243; float:left; position:relative; top:100px; left:170px; text-align:center;}
#model .right-link {font:bold 16px Arial, Helvetica, sans-serif; color:#3a4243; float:left; position:relative; top:100px; left:310px; text-align:right;}
#model a {color:#3a4243; text-decoration:none;}
#model a:hover {color:#ea12bf;}

#footer {font:normal 10px Arial; width:980px; height:40px; border-top:solid 1px #000; margin-top:30px; line-height:40px; clear:both;}