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

body { background:#F4C26F url(../images/cafedalsace__background.jpg) center top no-repeat; font:normal 12px/16px Lucida Sans Unicode, Arial, Helvetica, sans-serif; color:#222 }
	body h1, h2, h3, h4, h5 { cursor:default }
	body h1 { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='assets/images/cafedalsace__transparent.png',sizingMethod='scale') }
	html>/**/body h1 { background:url(../images/cafedalsace__transparent.png) }
	body h1 { position:absolute; z-index:12; margin-top:-47px; width:599px; padding:15px 20px; font:bold 16px/17px Lucida Sans Unicode, Arial, Helvetica, sans-serif; letter-spacing:-1px; color:#F5C87A }
	body h2 { font:bold 16px/17px Lucida Sans Unicode, Arial, Helvetica, sans-serif; margin-bottom:16px; letter-spacing:-1px; color:#9C170E }
	body h2.clear { padding-bottom:0; margin-bottom:0 }
	body h3 { font:bold 16px/17px Lucida Sans Unicode, Arial, Helvetica, sans-serif; margin-bottom:2px; letter-spacing:-1px; color:#F4C26F }
	body h3 a { color:#F4C26F; text-decoration:none }
	body h4 { font:bold 12px/16px Lucida Sans Unicode, Arial, Helvetica, sans-serif; color:#F4C26F }
	body em { font-style:normal }
p { padding-bottom:14px }

div#layout { width:960px; padding:0 25px; background:url(../images/cafedalsace__layout_fill.png) center top repeat-y; margin:0 auto }
div#content { width:100%; overflow:hidden; background:#FCEDD4; color:#FFF }
div#content a { color:#F4C26F }
div#content a:hover { text-decoration:none }

a.logo { text-indent:-12999px; position:absolute; z-index:12; margin:-24px 0 0 20px; float:left; width:124px; height:100px; overflow:hidden; background:url(../images/cafedalsace__logo.png) center no-repeat }
a.button { color:#FFF!important; text-decoration:none; float:left; height:19px; padding:2px 6px 0; background:url(../images/cafedalsace__button_fill.jpg) left top repeat-x }
a.button:hover { color:#F4C26F!important }
a.button strong { float:left; font-weight:normal; background:url(../images/cafedalsace__button_arrow.jpg) right center no-repeat; padding-right:20px }
div.reservation a.button strong { width:102px }

div.float { float:left }
div.block320 { width:320px }
div.block280 { width:280px!important }
div.block600 { width:600px }
div.block640 { width:640px; overflow:hidden }
div.block960 { width:960px } div.block960 a { color:#F4C26F } div.block960 a:hover { text-decoration:none!important }
div.block-space { padding:12px 20px 18px }
div.block-space2 { padding:5px 20px 10px }
div.block-black { background:#121212; color:#FFF!important }

ol.openhours { text-align:right; color:#653B35;font-size:11px; } ol.openhours li { overflow:hidden }
	ol.openhours em { float:left; font-style:normal; color:#A18274 }

fieldset { width:100%; margin:15px 0 0 }
	div.input { overflow:hidden; float:left; border:1px solid #FFF; background:#FFF url(../images/cafedalsace__input_fill.jpg) left top repeat-x; width:132px; margin-right:10px; margin-bottom:10px }
	div.input input, select { border:0; background:none; width:100%; font:normal 12px/16px Lucida Sans Unicode, Arial, Helvetica, sans-serif; color:#222 }
div.no-margin { margin-right:0!important }

/* properties: header */
div#header { height:280px; position:relative; overflow:hidden }
	div#header img { position:absolute; top:0; left:0; z-index:8 }
	div#header img.active { z-index:10 }
	div#header img.last-active { z-index:9 }	
	
	div#header div { position:absolute; top:0; left:0; z-index:8 }
	div#header div.active { z-index:10 }
	div#header div.last-active { z-index:9 }	
	
	div.header { height:280px }	
	div.-findus { height:260px; background:url(../images/cafedalsace__header_findus.jpg) }
/* --- */

/* properties: navigation */
div#navigation-wrap { width:100%; height:50px; margin:30px 0 0; background:url(../images/cafedalsace__navigation_background.jpg) center no-repeat }
	div#navigation { width:960px; margin:0 auto; overflow:hidden; background:url(../images/cafedalsace__navigation_fill.jpg) left top repeat-x }
		div#navigation a { color:#FFF; text-decoration:none }
		div#navigation a:hover { color:#F5C87A }
		div#navigation a.active { color:#F5C87A; background:url(../images/cafedalsace__navigation_active.png) left top no-repeat }
		div#navigation ol { float:right }
		div#navigation ol li { float:left; font-weight:bold; letter-spacing:-1px; font-size:14px; background:url(../images/cafedalsace__navigation_separator.jpg) left top no-repeat }
		div#navigation ol li a { float:left; height:33px; padding:17px 17px 0 16px }
/* --- */

/* properties: footer */
div#footer-wrap { width:100%; color:#936137; padding:10px 0 20px; background:url(../images/cafedalsace__footer_fill.jpg) center top no-repeat }
	div#footer { width:920px; margin:0 auto; padding:10px 20px; overflow:hidden; font:bold 16px/17px Lucida Sans Unicode, Arial, Helvetica, sans-serif; letter-spacing:-1px; color:#4A0000 }
	div#footer a { text-decoration:underline; color:#4A0000 }
	div#footer div.copyright {float:right;font:normal 12px/16px Lucida Sans Unicode, Arial, Helvetica, sans-serif; color:#222;}
/* --- */

div.block-welcome { height:75px; background:#262626; width:599px; margin:1px 1px 1px 0; padding:11px 20px 17px }
div.block-follow { overflow:hidden; height:160px; background:url(../images/cafedalsace__image_follow.jpg) center no-repeat }
div.block-gift { overflow:hidden; width:279px!important; height:50px; background:url(../images/cafedalsace__image_gift.jpg) center top no-repeat; margin-right:1px }
div.block-reservation { overflow:hidden; width:279px!important; height:50px; background:url(../images/cafedalsace__image_reservation.jpg) center top no-repeat; margin-right:1px }
div.block-reservation h3 { margin-bottom:6px } div.block-reservation h3 a { font:normal 12px/16px Lucida Sans Unicode, Arial, Helvetica, sans-serif; color:#FFF!important; letter-spacing:0; text-decoration:underline }
div.block-hours { overflow:hidden; height:90px; color:#653B35!important }
div.block-certification { clear:both; overflow:hidden; height:45px; padding-top:15px; padding-left:100px; width:520px; background:url(../images/cafedalsace__certification.gif) 10px center no-repeat; color:#653B35!important }


div.header-content { width:525px; height:230px; padding:25px 20px; margin-left:395px; color:#FFF } div.header-content h3 { margin-bottom:14px }
div.header-content a { color:#F4C26F; position:relative;} div.header-content a:hover { text-decoration:none!important }
body div.header-content { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='assets/images/cafedalsace__transparent2.png',sizingMethod='scale') }
	html>/**/body div.header-content { background:url(../images/cafedalsace__transparent2.png) }
div.press-hover { background:url(../images/cafedalsace_hover_press.jpg) center no-repeat }
div.press-hover div.header-content div { text-align:center; margin-bottom:16px }
div.press-hover div.header-content div a { position:relative; z-index:1000;padding:0 12px }
div.findus-hover { background:url(../images/cafedalsace_hover_findus.jpg) center no-repeat }
div.findus-hover div.header-content div { overflow:hidden; font:bold 16px/17px Lucida Sans Unicode, Arial, Helvetica, sans-serif; margin-bottom:16px; letter-spacing:-1px; color:#F4C26F }
div.findus-hover div.header-content div span.findus-right { float:right; text-align:right; color:#FFF }
div.findus-hover div.header-content div span.findus-left { float:left }
div.story-hover { background:url(../images/cafedalsace_hover_story.jpg) center no-repeat }
div.menu-hover { background:url(../images/cafedalsace_hover_menu.jpg) center no-repeat }
div.gallery-hover { background:url(../images/cafedalsace__header2.jpg) center no-repeat }
div.tdf-hover { background:url(../images/cafedalsace_hover_tdf.jpg) center no-repeat }
div.tdf-hover div.header-content div { width:118px; float:left; margin-left:11px; margin-bottom:16px;font-size:10px; }
div.tdf-hover div.header-content div a.tdf-logo { overflow:hidden; text-align:center; vertical-align:bottom; display:block; width:118px; height:68px; padding-top:2px; background:#FFF; margin-bottom:6px }
div.tdf-hover div.header-content div a.tdf-logo:hover { filter:alpha(opacity=70); -moz-opacity:0.7; opacity:.7; width:114px; height:66px; padding-top:0; border:2px solid #F4C26F }

div.story-small { height:100px; background:url(../images/cafedalsace_small_story.jpg) center no-repeat }
div.findus-small { height:100px; background:url(../images/cafedalsace_small_findus.jpg) center no-repeat }
div.menu-small { height:100px; background:url(../images/cafedalsace_small_menu.jpg) center no-repeat }
div.press-small { height:100px; background:url(../images/cafedalsace_small_press.jpg) center no-repeat }
div.gallery-small { height:100px; background:url(../images/cafedalsace_small_gallery.jpg) center no-repeat }

div.block-page { color:#653B35!important }
div.block-page a  { color:#653B35!important }
div.block565 { width:565px; padding:20px 0 }
div.block565 div.space { padding:0 25px }
div.block395 { width:395px; margin:1px 0 }
div.block605 { width:905px; margin:1px 0 }

div.findus-block { overflow:hidden; font:bold 14px/16px Lucida Sans Unicode, Arial, Helvetica, sans-serif; margin-bottom:16px; letter-spacing:-1px }
div.findus-block span.findus-right { float:right; text-align:right }
div.findus-block span.findus-left { float:left }

div.hours-block { overflow:hidden; background:#782720; padding:20px 25px; margin-bottom:16px; color:#FFF!important }
div.hours-block h3 { font-size:14px; margin-bottom:10px; color:#FFF!important }
div.hours-block a { color:#FFF!important }
div.hours-block ol { margin:10px 0 }
div.hours-block ol li { overflow:hidden; padding-left:80px }
div.hours-block ol em { float:left; width:80px; margin-left:-80px }

p.release a { display:block; font-size:14px; font-weight:bold; letter-spacing:-1px }

div.display-menu { clear:both; padding:10px 0; text-align:center; background:#FFF }
ul.list-menu { overflow:hidden;background-color:#000000; }
ul.list-menu a { font-size:14px; font-weight:bold; letter-spacing:-1px; color:#FFF!important; text-decoration:none }
ul.list-menu li { float:left; height:38px; padding-top:19px; margin-left:1px; text-align:center; background:url(../images/cafedalsace__list_menu.jpg) left top repeat-x }
ul.list-menu li:first-child { margin-left:0 }
ul.list-menu li.active { background:url(../images/cafedalsace__list_active.jpg) left top repeat-x; color:#F4C26F!important }

a.link-right { float:right }
div.gallery-block { overflow:hidden; font-size:14px; letter-spacing:-1px; font-weight:bold; background:#782720; padding:20px 25px; margin-bottom:16px; color:#A3675B!important }
div.gallery-block a { color:#FFF!important }

div.gallery-block2 { overflow:hidden; font-size:14px; letter-spacing:-1px; font-weight:bold; padding:10px 25px; margin-bottom:10px; color:#A3675B!important }
div.gallery-block2 a { color:#FFF!important }

div.gallery-list { }
div.gallery-list a { float:left; border:1px solid #CAB29F;background-color:#CAB29F;text-align:center;vertical-align:middle; width:86px; height:56px; overflow:hidden; padding:1px; margin:0 8px 8px 0 } div.gallery-list a.end { margin:0 0 8px 0 }
div.gallery-list a img {margin:auto;}
div.gallery-list a:hover { border:1px solid #8E6B60 }

table.cateringForm {}
table.cateringForm tbody td {padding:3px;}
table.cateringForm tbody td.name {font-size:12px;width:150px;}
table.cateringForm tbody td.field {font-size:12px;}
table.cateringForm tbody td.field input {width:160px;font-size:12px;background-color:#ECECEC;border:solid 1px #CBCBCB;}
table.cateringForm tbody td.field select {width:162px;font-size:12px;background-color:#ECECEC;border:solid 1px #CBCBCB;}
table.cateringForm tbody td.field textarea {width:250px;font-size:12px;background-color:#ECECEC;border:solid 1px #CBCBCB;}
table.cateringForm tbody td.field2 input {width:30px;font-size:12px;background-color:#ECECEC;border:solid 1px #CBCBCB;}
table.cateringForm tbody td.field2 select {width:50px;font-size:12px;background-color:#ECECEC;border:solid 1px #CBCBCB;}

#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:2;
}
#popupContact{
display:none;
text-align:left;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/

width:408px;
background:#FFFFFF;
border:2px solid #cecece;
z-index:3;
padding:12px;
font-size:13px;
}
.contactArea{text-align:justify;margin-left:18px;margin-right:25px;margin-top:10px;font-size:11px;}
#popupContact h4{
text-align:left;
color:#E45626;
font-size:22px;
font-weight:700;
border-bottom:1px dotted #E45626;
padding-bottom:2px;
margin-bottom:20px;
}
#popupContactClose{
font-size:14px;
line-height:14px;
right:6px;
top:4px;
position:absolute;
color:#6fa5fd;
font-weight:700;
display:block;
}
#button{
text-align:center;
margin:100px;
}

div.ui-datepicker{
 width:200px;
}