/* Reset CSS ----------------------------------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin : 0; padding : 0; border : 0; font-weight : inherit; font-style : inherit; font-size : 100%; font-family : inherit; vertical-align : baseline; }

table, caption, tbody, tfoot, thead, tr, th, td { vertical-align : top; }

body { line-height : 1.5; background : #fff; }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse : separate; border-spacing : 0; }
caption, th, td { text-align: left; font-weight : bold ; }

img { border : none; }

/* =body */
body { background : #fff; font : 17px/1.5 Georgia, "Times New Roman", Times, serif; }

/* =hx */
h1,h2,h3,h4,h5,h6 { font-weight : normal; }
h1 { margin-bottom : .5em; font-size : 3em; line-height : 1; }
h2 { margin-bottom : .75em; font-size : 2em; }
h3 { margin-bottom : 1em; font-size : 1.5em; line-height : 1; }
h4 { margin-bottom : 1.25em; font-size : 1.2em; line-height : 1.25; }
h5 { margin-bottom : 1.5em; font-size : 1em; }
h6 { font-size : 1em; }

/* =p */
p { margin : 0 0 1.6em 0; }
blockquote p { margin : 0; }

/* =xl */
ul, ol { margin : 0 0 1.6em 0; }
ul { list-style-type : disc; }
ol { list-style-type : decimal; }
dl { margin : 0 0 1.5em 0; }
dt { font-weight : bold; }
dd { margin-left : 1.5em;}

acronym { border-bottom : 1px dotted #666; }
abbr[title] { cursor : help; }
address { margin-top : 1.5em; }
del  { color : #666; }

blockquote { font-style : normal; }
cite { font-style : normal; }
strong { font-weight : bold; }
em, dfn { font-style : italic; }
h2 em { display : block; font-style : normal; }
dfn { font-weight : bold; }
pre, code { margin : 1.5em 0; white-space : pre; }
pre, code, tt { font : 1em 'andale mono', 'monotype.com', 'lucida console', monospace; } 
tt { display : block; margin : 1.5em 0; line-height : 1.5; }

/* =a */
a:focus, a:hover { color : #000; text-decoration : underline; }
a { color : #000; text-decoration : underline; }

/* =img */
img { margin : 0 0 1.5em; }

/* =table */
table  { margin-bottom : 1.4em; }
thead { display : none; }
th { font-weight: bold; }
th, td { margin : 0; padding : 0 5px 0 0; }
tfoot { font-style : italic; }
caption { background : #ffc; }

/* Author CSS ----------------------------------------------------------------------------------------- */

/* =typography */

h1 { width : 350px; height : 51px; text-indent : -9999px; }
h2 { margin : 0; font : 19px "Times New Roman", Times, serif; font-variant : small-caps; letter-spacing : 5px; text-align : center; }
h3 { margin-bottom : 1.6em; font-size : 15px; text-transform : uppercase; letter-spacing : 2px; line-height : 1.67; }
h4 { margin-bottom : 1.6em; font-size : 12px; font-style : italic; text-transform : uppercase; letter-spacing : 2px; line-height : 1.67; }
h5 { margin-bottom : 2.7em; font-size : 12px; font-style : italic; line-height : 1.67; }
blockquote { clear : left; margin : 0 0 1.2em 0; padding-left : 100px; width : 350px; min-height : 80px; background : url(../siteimages/blockquote.png) no-repeat 0 0; font : 16px "Times New Roman", Times, serif; font-style : italic; line-height : 1.5; }
ul, ol { list-style-position : inside; }
form { margin : 0; padding: 0; }
fieldset { overflow : hidden; margin : 0; padding-bottom : 25px; }
label { overflow : hidden; margin-bottom : .5em; width : 350px; }
#f05 label { display : none; }
#f05 p { font-size : 14px; }
label, label span { display : block; }
label span { float : left; width : 180px; padding-right : 10px; text-align : right; font-size : 14px; }
label input { float : right; width : 150px; background-color #fff; border : 3px double #987a83; }
textarea { width : 340px; background-color #fff; border : 3px double #987a83; }
#std_eat, #std_eat_diners, #std_eat_nights { width : 20px; background-color : transparent!important; border : none; border-bottom : 3px double #987a83; }
.day, .month, .year { float : left; width : 110px; }
.day span, .month span, .year span { float : none; width : 100px; padding-right : 0; text-align : left; }
.day select, .month select, .year select { width : 100px; }

#siteinfo .vcard { margin-bottom : 1.6em; font-size : 15px; text-transform : uppercase; letter-spacing : 2px; line-height : 1.67; }
#siteinfo .region, #siteinfo .tel { display : block; }
#siteinfo p { font : 16px "Times New Roman", Times, serif; font-style : italic; line-height : 1.5; }

/* =layout */
.container { width : 100%; }
#nav_supp { width : 950px; margin : 0 auto; padding : 25px 0; }
#siteinfo { width : 450px; margin : 0 auto 25px auto; padding : 25px 0 100px 0; text-align : center; }

/* =index */
.index { padding-top : 60px; background : #fcf8f5  url(../siteimages/body_index.png) repeat-x; color : #3d3936; }
.index .container { padding-bottom : 275px; background : url(../siteimages/container_index.png) repeat-x 50% 100%; }
.index #branding, .index #content { width : 350px; margin : 0 auto; }
.index #branding { margin : 25px auto 37px auto; padding-bottom : 25px; min-height : 5.2em; background : url(../siteimages/branding_index.png) no-repeat 50% 100%; }

.index #branding h1 { margin : 0; background : url(../siteimages/h1_index.png) no-repeat; }
.index #branding h2 { margin : 0; color : #3d3936; }
.index h3 { margin-bottom : 1.6em; font-size : 15px; text-transform : uppercase; letter-spacing : 2px; line-height : 1.67; }
.index blockquote { margin : 0 0 1.2em -90px; padding-left : 90px; width : 360px; min-height : 80px; background : url(../siteimages/blockquote_index.png) no-repeat 0 0; font : 16px "Times New Roman", Times, serif; font-style : italic; line-height : 1.5; color : #7a716b; }
.index p.quote { font-size : 1.15em; line-height : 1.25em; }
.index p.author { font-size : .875em; margin-top : .5em; }
.index a { color : #3d3936; text-decoration : underline; }
.index #content a:focus, .index #content a:hover { background-color : #3d3936; color : #fff; text-decoration : none; }
.index #nav_supp ul { list-style-type : none; margin : 0; padding : 0; text-align : center; }
.index #nav_supp li { display : inline; margin-right : 15px; padding-right : 15px; border-right : 1px solid #987a83; font-size : 10px; text-transform : uppercase; letter-spacing : 2px; }
.index #nav_supp li#n03 { margin-right : 0; padding-right : 0; border-right-width : 0; }
.index #siteinfo { background : url(../siteimages/siteinfo_index.png) no-repeat 50% 100%; }
.index #siteinfo p { color : #7a716b; }

#gallery { margin-bottom : 1.5em; padding : .75em 0; border-top : 3px double #7a716b; border-bottom : 3px double #7a716b; }
#gallery p { margin : 0; text-align : center; }
#images { display : none; }


/* =article */
.article { padding-top : 60px; background : #fefaf8 url(../siteimages/body_article.png) repeat-x; color : #987a83; }
.article .container { padding-bottom : 275px; background : url(../siteimages/container_article.png) repeat-x 50% 100%; }
.article #branding, .article #content, .article #nav_main { width : 750px; margin : 0 auto; }
.article #branding { margin : 25px auto 0 auto; padding-bottom : 25px; background : url(../siteimages/nav_main_article.png) repeat-x 0 100%; }
.article #nav_main { position : relative; margin-bottom : 25px; min-height : 50px; background : url(../siteimages/nav_main_article.png) repeat-x 0 100%; }
.article #content { overflow : hidden; }
.article #content_main, .article #content_sub { float : left; width : 350px; }
.article #content_main { margin-right : 40px; }
.article #siteinfo { background : url(../siteimages/siteinfo_article.png) no-repeat 50% 100%; }
.article #branding h1 { width : 350px; margin : 0 auto; background : url(../siteimages/h1_article.png) no-repeat 50% 0; }
.article #nav_main h2 { position : absolute; top : 12px; left : 0; width : 100%; }
.article #nav_main ul { list-style-type : none; margin : 0; padding : 0; }
.article #nav_main li { font-size : 12px; text-transform : uppercase; letter-spacing : 2px; }
.article #n01 { position : absolute; top : 15px; left : 0; }
.article #n02 { position : absolute; top : 15px; right : 0; text-align : right; }
.article #nav_supp ul { list-style-type : none; margin : 0; padding : 0; text-align : center; }
.article #nav_supp li { display : inline; margin-right : 15px; padding-right : 15px; border-right : 1px solid #987a83; font-size : 10px; text-transform : uppercase; letter-spacing : 2px; }
.article #nav_supp li#n03 { margin-right : 0; padding-right : 0; border-right-width : 0; }
.article blockquote { position : relative; left : 100px; background : url(../siteimages/blockquote_article.png) no-repeat 0 0; color : #d4b8bc; }
.article a { color : #987a83; text-decoration : underline; }
.article #content a:focus, .article #content a:hover { background-color : #987a83; color : #fff; text-decoration : none; }
.article h1 a { display : block; width : 455px; height : 105px; text-decoration : none; }
.form .vcard { margin-bottom : 1.6em; font-size : 15px; text-transform : uppercase; letter-spacing : 2px; line-height : 1.67; }
.form .region, .form .tel { display : block; }

/* =detail */
.detail { padding-top : 60px; background : #fbf7f1 url(../siteimages/body_detail.png) repeat-x; color : #4b4e2e; }
.detail .container { padding-bottom : 275px; background : url(../siteimages/container_detail.png) repeat-x 50% 100%; }
.detail #branding, .detail #content, .detail #nav_main { width : 910px; margin : 0 auto; }
.detail #branding { margin : 25px auto 0 auto; padding-bottom : 25px; background : url(../siteimages/nav_main_detail.png) repeat-x 0 100%; }
.detail #nav_main { position : relative; margin-bottom : 30px; min-height : 50px; background : url(../siteimages/nav_main_detail.png) repeat-x 0 100%; }
.detail #content { overflow : hidden; margin-bottom : 25px; background : url(../siteimages/content_detail.png) repeat-y; }
.detail .col { float : left; width : 190px; margin-right : 50px; }
.detail .last { margin-right : 0; }
.detail #siteinfo { background : url(../siteimages/siteinfo_detail.png) no-repeat 50% 100%; }
.detail #branding h1 { width : 350px; margin : 0 auto; background : url(../siteimages/h1_detail.png) no-repeat 50% 0; }
.detail #nav_main h2 { position : absolute; top : 12px; left : 0; width : 100%; }
.detail #nav_main ul { list-style-type : none; margin : 0; padding : 0; }
.detail #nav_main li { font-size : 12px; text-transform : uppercase; letter-spacing : 2px; }
.detail #n01 { position : absolute; top : 15px; left : 0; }
.detail #n02 { position : absolute; top : 15px; right : 0; text-align : right; }
.detail h4 { margin-bottom : 1.5em; }
.detail #content p, .detail #content ul, .detail #content ol { font-size : 12px; line-height : 1.5; }
.detail #content blockquote { padding-left : 0; width : auto; min-height : auto; background : none; }
.detail a { color : #4b4e2e; text-decoration : underline; }
.detail #content a:focus, .detail #content a:hover { background-color : #4b4e2e; color : #fff; text-decoration : none; }
.detail h1 a { display : block; width : 455px; height : 105px; text-decoration : none; }
.detail #nav_supp ul { list-style-type : none; margin : 0; padding : 0; text-align : center; }
.detail #nav_supp li { display : inline; margin-right : 15px; padding-right : 15px; border-right : 1px solid #987a83; font-size : 10px; text-transform : uppercase; letter-spacing : 2px; }
.detail #nav_supp li#n03 { margin-right : 0; padding-right : 0; border-right-width : 0; }

/* =menu */
.menu #content h3 { margin-bottom : .8em; }
.menu #content p, .menu #content ul, .menu #content ol { margin : 0 50px 1.6em 50px; text-align : justify; font-size : 12px; line-height : 1.5; }
.menu #content ul, .menu #content ol { list-style-type : none; }
.menu #content .section { margin-bottom : 1.5em; padding-bottom : 1.5em; background : url(../siteimages/section.png) no-repeat 50% 100%; }
.menu #content li { margin-bottom : 1em; line-height : 1.1; }
.menu #content h4 { margin-bottom : 1em; }