/* GENERAL */

* { font-family: Arial, Verdana, sans-serif; font-size: 12px; color: #948a6f }
html { height: 100%; padding: 0; margin: 0; text-align: center }
body { height: 100%; padding: 0; margin: 0 auto; font-family: Arial, Verdana, sans-serif; font-size: 12px; color: #948a6f; background: #ffae00 url(../z__imgs/www/borders.png) repeat-x }
#all { position: relative; min-height: 100%; width: 904px; padding: 0; margin: 0 auto; background: #FFF url(../z__imgs/www/main-middle.png) repeat-y center }

a,
a:link,
a:visited { cursor: pointer; color: #ff8400; text-decoration: underline }

a:hover,
a:active { color: #630; text-decoration: none }

h2 { margin: 0; padding: 0; font-size: 2em; font-weight: normal; letter-spacing: 1px; color: #a6c255 }
h2 a, h2 a:link, h2 a:visited { font-size: 1em; color: #ffa800 }
h2 a:hover, h2 a:active { font-size: 1em; color: #630; text-decoration: none }
h2 span { color: #727272; font-weight: bold }
h3 { font-size: 1.2em; font-weight: bold; color: #ffa800 }
h3 a, h3 a:link, h3 a:visited { font-size: 1em; color: #ffa800 }
h3 a:hover, h3 a:active { font-size: 1em; color: #630; text-decoration: none }
h3 span { color: #727272 }
h4 { font-size: 1.2em; font-weight: bold; color: #ffa800 }
h5 { font-size: 1.1em; color: #727272 }
h6 {  }


/* HEADER */

#header { height: 194px; background-color: #FFF; background-repeat: no-repeat; background-position: 0 17px }
#infoResa { margin: 132px 42px 0 0; float: right; text-align: right; line-height: 1.8ex }
#infoResa .txt { font-size: 1.1em; font-weight: bold; color: #A41 }
#infoResa .tel { line-height: 0.9em; letter-spacing: 2px; font-size: 1.4em; font-weight: normal; color: #C60 }
#infoResa .subInfo { font-size: 10px; color: #C60 }


/* NAV */

#nav { text-align: left; }
#nav ul { position: relative; margin: -58px 0 43px; padding: 0 0 0 125px; list-style-type: none; }
#nav ul li { list-style-type: none; display: inline }
#nav ul li a { margin: 0 10px; letter-spacing: 1px }
#nav ul li a,
#nav ul li a:link,
#nav ul li a:visited { color: #5e5d5f; font-weight: normal; text-decoration: none }
#nav ul li a:active,
#nav ul li a:hover { color: #ff8400 }


/* CONTENT */

#content { position: relative; min-height: 100%; margin: 0 0 55px }
#pubTop { text-align: center; background: #FFF }

#content a.button { text-decoration: none }
#content a.button span.txt { display: block; float: left; font-weight: normal; letter-spacing: 1px; color: #FFF; padding: 3px 4px 5px; background: url(../z__imgs/www/button-middle.png) repeat-x }
#content a.button span.left { display: block; float: left; height: 20px; width: 9px; padding: 0; background: url(../z__imgs/www/button-left.png) no-repeat }
#content a.button span.right { display: block; float: left; height: 20px; width: 9px; padding: 0; background: url(../z__imgs/www/button-right.png) no-repeat }
#content a.button:hover span.txt { color: #444 }

#content form select,
#content form input.text { color: #444; border: 1px solid #9bd000 }
#content form input.text { padding: 1px 2px }

#mainContent { text-align: left; padding: 30px 0 0; background: #FFF }
#mainContent .top { display: block; height: 20px; background: url(../z__imgs/www/main-top.png) no-repeat center }
#mainContent .box { padding: 0 44px; background: url(../z__imgs/www/main-middle.png) repeat-y center }
#mainContent .box p.moreInfo a { font-weight: bold }

#bookmarkModalContent { padding: 8px }
#bookmarkModalContent p { text-align: left }


/* FOOTER */

#footer { bottom: 0; width: 904px; margin: 0; padding: 0 0 8px; background: #FFF url(../z__imgs/www/main-middle.png) repeat-y center; }
#footer p { padding: 0 44px; margin: 0; letter-spacing: 1px; font-size: 11px; text-align: right }
#footer a { font-size: 11px; letter-spacing: 1px; text-decoration: none }