@charset "UTF-8";
/* CSS Document */

body {margin:0;padding:0;background:#fff;font-family:Arial, Helvetica, sans-serif;font-size:100%;text-align:center;}
img {border:0;margin:0;padding:0;}

.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.hidden {display:none;}
#surround {width:646px;text-align:left;margin:auto;}
body#home #surround {background:url(../_img/background-home.jpg) bottom left no-repeat;}
body#about #surround {background:url(../_img/background-about.jpg) bottom left no-repeat;}
body#food #surround {background:url(../_img/background-food.jpg) bottom left no-repeat;}
body#function #surround {background:url(../_img/background-function.jpg) bottom left no-repeat;}
body#contact #surround {background:url(../_img/background-contact.jpg) bottom left no-repeat;}


#nav {width:212px;height:212px;background:#2c1b11 url(../_img/header-home.gif) no-repeat top left;display:block;float:left;}
#nav ul{margin:0;padding:0;list-style-type:none;width:130px;padding:8px 0 0 82px;}
#nav ul li{margin:0;padding:0;width:130px;display:block;}
#nav ul li a{margin:0;padding:0;display:block;text-indent:-9999px;width:130px;}
#nav ul li#homenav a{height:28px;background:url(../_img/nav-welcome.gif) no-repeat top right;}
#nav ul li#aboutnav a{height:24px;background:url(../_img/nav-about.gif) no-repeat top right;}
#nav ul li#foodnav a{height:24px;background:url(../_img/nav-food.gif) no-repeat top right;}
#nav ul li#functionnav a{height:28px;background:url(../_img/nav-function.gif) no-repeat top right;}
#nav ul li#contactnav a{height:24px;background:url(../_img/nav-contact.gif) no-repeat top right;}
#nav ul li#homenav a:hover{background-position:top left;}
#nav ul li#aboutnav a:hover{background-position:top left;}
#nav ul li#foodnav a:hover{background-position:top left;}
#nav ul li#functionnav a:hover{background-position:top left;}
#nav ul li#contactnav a:hover{background-position:top left;}

body#home #nav ul li#homenav a{background-position:top left;}
body#about #nav ul li#aboutnav a{background-position:top left;}
body#food #nav ul li#foodnav a{background-position:top left;}
body#function #nav ul li#functionnav a{background-position:top left;}
body#contact #nav ul li#contactnav a{background-position:top left;}

.contact {display:block;width:430px;height:212px;text-indent:-9999px;float:right;}
body#home .contact {background:url(../_img/tel-home.gif) top right;}
body#about .contact {background:url(../_img/tel-about.gif) top right;}
body#food .contact {background:url(../_img/tel-food.gif) top right;}
body#function .contact {background:url(../_img/tel-function.gif) top right;}
body#contact .contact {background:url(../_img/tel-contact.gif) top right;}

#shortcuts{display:none;}

.maintext {width:400px;margin:auto;padding:38px 0 0 0;height:450px;}
body#food .maintext {width:400px;margin:auto;padding:38px 0 0 0;height:630px;}

h1{display:block;width:212px;height:66px;text-indent:-9999px;color:#fff;padding:0;margin:0;overflow:hidden;}
h2{color:#959a4e;font-size:16px;font-weight:bold;margin:0;padding:0 0 10px 0;}
body#about h2{color:#c09057;}
body#food h2{color:#517c79;}
body#function h2{color:#a27095;}
body#contact h2{color:#443765;}
h3{color:#1a1818;font-weight:bold;font-size:12px;margin:0;padding:0 0 10px 0;}
h4{color:#1a1818;font-weight:bold;font-size:12px;margin:0;padding:0 0 0px 0;}
p {font-size:12px;color:#1a1818;padding:0 0 10px 0;margin:0;}

#food h3 {font-size:14px;}
#food p.right {clear:right;text-align:right;}

.footer p.copy {height:30px;width:90px;display:block;float:left;background:url(../_img/copyright.gif) left top no-repeat;text-indent:-9999px;}
.footer p.site {float:left;}
.footer p.site a {height:30px;width:90px;display:block;float:left;background:url(../_img/touchdesign.gif) left top no-repeat;text-indent:-9999px;}