@charset "utf-8";
/* = TOOLS
1. = RESET
2. = CLEARING
---------------------------------------------------------
*/
/* = RESET
---------------------------------------------------------
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, strong, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
background: transparent;
}
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
/* END RESET
---------------------------------------------------------
*/
/* = CLEARING
---------------------------------------------------------
*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
height: 1;
}
.clearfix {
display: block;
}
/* End hide from IE-mac */
/* END CLEARING
---------------------------------------------------------
*/
/*Layout
1.Page and body
2. Header
3.Content
4. Footer
*/
/* = BODY & PAGE
---------------------------------------------------------
*/
body {
background:#000;
}
#page {
position:relative;
width:779px;
height:580px;
margin:0 auto;
background:url(../images/page.jpg) no-repeat left top;
padding-bottom:50px;
}
/* = END BODY AND PAGE
---------------------------------------------------------
*/
/* = HEADER
---------------------------------------------------------
*/
#header {
position:relative;
background:url(../i/menu.gif) no-repeat left 108px;
padding-top:108px;
margin-bottom:20px;
}
h1.logo a {
position:absolute;
width:256px;
height:82px;
text-indent:-9999px;
overflow:hidden;
left:0;
top:10px;
background: url(../i/logo.gif) no-repeat left top;
}
/*menu*/
.nav {
position:relative;
width:150px;
margin-left:89px;
margin-top:98px;
}
.nav li {
height:15px;
padding:0;
padding-bottom:14px;
margin:0;
}
.m1:link, .m1 a:active, .m1 a:visited {
background: url(../images/m1a.gif) no-repeat left top;
}
.m2 a:link, .m2 a:active, .m2 a:visited {
background: url(../images/m2a.gif) no-repeat left top;
}
.m3 a:link, .m3 a:active, .m3 a:visited {
background: url(../images/m3a.gif) no-repeat left top;
}
.m4 a:link, .m4 a:active, .m4 a:visited {
background: url(../images/m4a.gif) no-repeat left top;
}
.m5 a:link, .m5 a:active, .m5 a:visited {
background: url(../images/m5a.gif) no-repeat -1px top;
}
.m6 a:link, .m6 a:active, .m6 a:visited {
background: url(../images/m6a.gif) no-repeat 2px top;
}
.m1:hover {
background: url(../images/m1.gif) no-repeat left top;
}
.m2 a:hover {
background: url(../images/m2.gif) no-repeat left top;
}
.m3 a:hover {
background: url(../images/m3.gif) no-repeat left top;
}
.m4 a:hover {
background: url(../images/m4.gif) no-repeat left top;
}
.m5 a:hover {
background: url(../images/m5.gif) no-repeat -1px top;
}
.m6 a:hover {
background: url(../images/m6.gif) no-repeat 2px top;
}
/*fr*/
.m1f a:link, .m1f a:visited, .m1f a:link:active {
background: url(../images/m1af.gif) no-repeat left top;
}
.m1f a:hover {
background: url(../images/m1f.gif) no-repeat left top;
}
.m2f a:link, .m2f a:visited, .m2f a:link:active {
background: url(../images/m2f.gif) no-repeat left top;
}
.m2f a:hover {
background: url(../images/m2af.gif) no-repeat left top;
}
.m3f a:link, .m3f a:visited, .m3f a:active {
background: url(../images/m3f.gif) no-repeat left top;
}
.m3f a:hover {
background: url(../images/m3af.gif) no-repeat left top;
}
.m4f a:link, .m4f a:visited, .m4f a:active {
background: url(../images/m4f.gif) no-repeat left top;
}
.m4f a:hover {
background: url(../images/m4af.gif) no-repeat left top;
}
.m5f a:link, .m5f a:visited, .m5f a:active {
background: url(../images/m5f.gif) no-repeat -1px top;
}
.m5f a:hover {
background: url(../images/m5af.gif) no-repeat -1px top;
}
.m6f a:link, .m6f a:visited, .m6f a:active {
background: url(../images/m6f.gif) no-repeat 2px top;
}
.m6f a:hover {
background: url(../images/m6af.gif) no-repeat 2px top;
}
/*menu active*/
#home .m1 a {
background: url(../images/m1.gif) no-repeat left top;
}
#home .m1f a {
background: url(../images/m1f.gif) no-repeat left top;
}
#breakfast .m2 a {
background: url(../images/m2.gif) no-repeat left top;
}
#breakfast .m2f a {
background: url(../images/m2af.gif) no-repeat left top;
}
#entreest .m3 a, #entrees .m3 a:active, #entrees .m3 a:visited {
background: url(../images/m3.gif) no-repeat left top;
}
#entreest .m3f a, #entrees .m3f a:visited, #entrees .m3f a:active {
background: url(../images/m3af.gif) no-repeat left top;
}
#bufets .m4 a {
background: url(../images/m4.gif) no-repeat left top;
}
#bufets .m4f a {
background: url(../images/m4af.gif) no-repeat left top;
}
#contact .m5 a {
background: url(../images/m5.gif) no-repeat left top;
}
#contact .m5f a {
background: url(../images/m5af.gif) no-repeat left top;
}
.nav a, .nav a:active, .nav a:visited {
text-indent:-9999px;
overflow:hidden;
text-decoration:none;
display:block;
height:15px;
}
/*end menu*/
/* END HEADER
---------------------------------------------------------
*/
/* = CONTENT
---------------------------------------------------------
*/
#content {
position:relative;
}
#left {
position:relative;
width:240px;
float:left;
}
#right {
position:relative;
margin-left:285px;
margin-right:30px;
padding-top:95px;
}
/* END CONTENT
---------------------------------------------------------
*/
/* = FOOTER
---------------------------------------------------------
*/
#copyright {
position:absolute;
width:772px;
bottom:0;
left:0;
height:50px;
color:#a4a2a2;
font-size:10px;
}
#copyright p {
padding-left:300px;
text-align:center;
margin-bottom:5px;
font-weight: normal;
}
/* END FOOTER
---------------------------------------------------------
*/
/* = TYPOGRAPHY:
1. = BODY
2. = LINKS
3. = HEADINGS
4. = TEXT
5. = LISTS
6. = TABLES
7. = HORIZONTAL RULES
---------------------------------------------------------
*/
/* = BODY
---------------------------------------------------------
*/
body {
font: bold 10px/18px Tahoma, Helvetica, sans-serif;
color:#000;
}
html>body {
font-size: 10px;
}
*html div {
height:1%;
}
/* = LINKS
---------------------------------------------------------
*/
a {
color:#901b12;
font: bold 10px/14px Tahoma, Helvetica, sans-serif;
text-decoration:underline;
text-transform:uppercase;
}
a:hover {
text-decoration:none;
}
/* = Text
---------------------------------------------------------
*/
h2 {
text-align:left;
margin-left:50px;
margin-bottom:10px;
padding-bottom:5px;
background:url(../images/border.gif) no-repeat left bottom;
margin-top:10px;
}
/* = FORM
---------------------------------------------------------
*/
form { float:left; text-align:left; padding-left:20px;}
form input, form textarea { width:200px; font-size:100%; }
form textarea { height:100px;}
form .button { float:left; padding-right:10px;}
form .button input { width:60px; height:20px; background:#eee; border:none; cursor:pointer; font-weight:bold; }
.btn { width:60px; height:20px; background:#eee; border:none; cursor:pointer; font-weight:bold; }