/*
Site: Cafe Rose/Bistro Alex
Design: Lyndia Haryanto for Schipul
Build: David Stagg for Schipul
URI: http://bistroalex.com
*/

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, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tfoot{
margin: 0;
padding: 0;
} 
html {
    overflow-y: scroll;
}
#search-wrap {
    background-color: transparent;
}
#photo-view{background-color: transparent;}
#showh #primary #secondary a{background-color: transparent;}
#showh { position: relative; width: 45em; height: 30px; font-size: 10px; margin-top:10px;}
#primary{position: relative;top:0px;}

#bg { position: fixed; top: 0; left: 0; }
.bgwidth { width: 100%; }
.bgheight { height: 100%; }

body { background: transparent url(../images/body-bg.jpg) no-repeat 0 0; font: 12px/1.5em Arial, Helvetica, sans-serif; color: #474230; }

a { outline: none; }
p { margin-bottom: 10px; }

ul, ol { margin: 1em 0; padding-left: 2.5em;  }
dt { margin: 0.5em 0 0; }
dd { margin: 0.25em 0 0.5em 2.5em; }

a { color: #003363; text-decoration: none; }
a:hover { color: #1a558d; }

h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-family: Georgia, "Times New Roman", Times, serif; margin-bottom: 10px; color: #003363; text-decoration: none; font-weight: normal; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #1a558d; }

h1, h1 a { font-size: 32px; line-height: 36px; }
h2, h2 a { font-size: 28px; line-height: 32px; }
h3 { font-size: 20px; line-height: 24px; }
h4 { font-size: 18px; line-height: 22px; }

/* STRUCTURE */
#container { width: 960px; margin: 0 auto; position: relative; z-index: 99; padding-bottom: 20px; }
#bistro-box { width: 800px; background: rgb(255,242,220); background: rgba(255,242,220,.8); border: 2px solid #80561b; padding: 20px; float: right; box-shadow: 0 0 5px #80561b; -moz-box-shadow: 0 0 5px #80561b; -webkit-box-shadow: 0 0 5px #80561b; margin-bottom: 20px; }
#header { display: block; height: 165px; position: relative; }
#header h1 { display: block; width: 325px; height: 151px; position: absolute; left: 0; top: 0; }
#logo { display: block; width: 325px; height: 151px; background: transparent url(/images/bistro-2010/logo.png) no-repeat 0 0; text-indent: -9999px; }
#header #utility-menu { width: 353px; position: absolute; bottom: 10px; right: 0; }

#bistro-box #home-content, #bistro-box #bodycontent { position: relative; width: 550px; float: right; }
#bistro-box #sidebar { width: 200px; float: left; }
#sidebar #small-photo { display: block; width: 224px; height: 237px; border: 2px solid #80561b; margin: -36px 0 20px -36px; box-shadow: 0 0 5px #80561b; -moz-box-shadow: 0 0 5px #80561b; -webkit-box-shadow: 0 0 5px #80561b; background: #fff; overflow: hidden; }
#sidebar #bistro-bar { width: 161px; }
#sidebar #bistro-bar a { display: block; height: 82px; width: 161px; background: transparent url(/images/bistro-2010/bistro-bar-btn.jpg) no-repeat 0 0; padding: 8px 8px 5px 8px; color: #fff; font: 16px/16px Georgia, "Times New Roman", Times, serif; margin-bottom: 4px; }
#sidebar #bistro-bar a:hover { color: #ebebeb; }
#sidebar #bistro-bar p { margin: 5px 0 20px 0; font-size: 11px; font-weight:normal; border-top: 1px solid #fff;  padding: 5px 0; text-align:center;}
#home-content #cust-service-btn, #bodycontent #cust-serv-btn { position: absolute; top: 0; right: 0; display: block; height: 22px; width: 161px; background: transparent url(/images/bistro-2010/bistro-bar-btn.jpg) no-repeat 0 0; padding: 8px 8px 5px 8px; color: #fff; font: 16px/16px Georgia, "Times New Roman", Times, serif; }
#home-content #cust-service-btn:hover, #bodycontent #cust-service-btn:hover { color: #ebebeb; }

#bodycontent a { text-decoration: underline; color:#003363;}
#bodycontent a:hover { text-decoration: none; }

#upper { padding-bottom: 10px; border-bottom: 1px dotted #474230; margin-bottom: 14px; }
#upper #address { width: 270px; float: left; }
#upper #address .phone-num { display: block; font-size: 24px; line-height: 28px; }
#upper #address .map-link { font-weight: bold; padding: 10px 26px; background: transparent url(/images/bistro-2010/gold-btn.jpg) no-repeat left center; display: block; }
#upper #hours { width: 260px; float: right; padding-top: 50px; }
#upper #hours .col1, #upper #hours .col2 { margin-right: 10px; }

#lower #about { width: 290px; float: left; }
#lower #about h1 { font-size: 24px; line-height: 28px; margin-bottom: 4px; }
#lower #about h3 { color: #474230; }
#lower #photos-chef { height: 240px; width: 230px; float: right; position: relative; }
#lower #photos-chef a { font-weight: bold; }
#lower #photos-chef img { border: 2px solid #474230; }
#lower #photos-chef #chef { position: absolute; top: 0; right: 0; z-index: 2; }
#lower #photos-chef #chef-picture { position: absolute; top: 20px; right: 0; z-index: 2; }
#lower #photos-chef #photo-gallery { position: absolute; bottom: 0; left: 0; z-index: 3; }

#footer { width: 820px;  background: rgb(255,242,220); background: rgba(255,242,220,.8); border: 2px solid #80561b; padding: 10px; float: right; box-shadow: 0 0 5px #80561b; -moz-box-shadow: 0 0 5px #80561b; -webkit-box-shadow: 0 0 5px #80561b; color: #3e2708; }
#footer a { color: #3e2708; }
#footer a:hover { text-decoration: underline; }
#footer table { margin-left: 75px; }
#footer a img { border: none; margin-right: 4px; }

/** TENDENCI STYLES **/
.titles { font-size: 18px; font-weight: bold; color: #6C4D1F}
.subtitles {
	font-size: 14px;
	font-weight: bold;
	color: #666666;
}
.body_copy {}
.currency { font-size: 12px; color: #333333; text-align: right}
.bold_body_copy {font-weight: bold; text-decoration: none}
.bold_body_copy_blue { font-size: 11px; font-weight: bold; color: #003366; text-decoration: none}
.big_body_copy { font-size: 14px; color: #000000; text-decoration: none}
.links { }
.copyright { font-size: 9px; font-weight: normal; color: #CCCCCC}
.breadcrumbs { font-size: 10px; color: #999999}
.body_copy_alerts {font-size: 12px; color: #FF0000}
.body_copy_invert {font-size: 12px; color: #FFFFFF}
.yellow_body_copy {  background-color: #FFFF00;font-size: 12px; font-style: normal; color: #000000}
.reports { font-size: 12px; color: #000000; text-decoration: none}
.reports_big_body_copy {font-size: 12px; color: #000000; text-decoration: none }
.reports_subtitles {font-size: 14px; font-weight: bold; color: #000000}
.reports_titles {font-size: 18px; font-weight: bold; color: #000000}

#t-cmsform-submissions textarea { width: 80%; }

div#skiptocontent {position: absolute; left: -9999px;}
.clear { clear: both; }