@charset "windows-1252";
body { margin: 0px; padding:0px; background-image: url('images/bkgd4.jpg'); font-family: georgia, 'trebuchet ms', arial, sans-serif; color: #333333;}
.container {margin: 30px auto; padding: 0px; width: 900px;  background-color: #f1f1f1;  position: relative; border: 2px #cccccc solid; min-height: 650px;}			
.header {color: #333333; position: relative; height: 145px;}
img.logo {position: absolute; top: 60px; left: 50px;}
img.title {padding: 0 0 5px 0;}
.header-image {position: absolute; top: 25px; left: 360px; height: 98px; width: 518px;}
.content {position: relative;}
.leftcol {width: 500px; margin: 0px 0px 0px 30px; padding: 0px; position: absolute;}
div.map_bkgd {width: 463px; height: 292px; background-image: url('images/map_bkgd.gif'); padding: 7px 0px 0px 7px;}
div.map {width: 452px; height: 282px; }
.rightcol {width: 330px; margin: 0px; padding: 0px; position: relative; top: 0px; left: 540px; min-height:400px;} 
.onecol {width: 800px; margin: 0px; padding: 20px 30px 0px 30px;} 
h1, h2, h3, h4, p {margin: 0px; padding: 0px 0px 10px 0px;}
h1.cafe-title {width: 250px; font-size: 1.5em;}
h3.thumbtitle {font-weight: normal; font-size: 1em; padding-bottom: 2px;}
p.thumbsub {padding: 0px; font-size: 0.7em;}
img {border: 0px;}
.cafe-title-image {width: 324px; height: 244px; background-image: url(images/320px-frame.gif); padding: 7px;}
.cafe-body {position: relative;}
.scores {position: absolute; top: -3px; left: 280px; width: 55px;}
div.overlaytitle {font-weight: bold; font-size: 1.3em; margin: 0px; padding: 0 0 7px 0px;}
div.overlaybody {font-size: 0.7em; margin: 0px; padding: 0;}
img.mapthumb {margin-right: 4px; padding: 0; float: left;}
img.mapspacer {margin: 0px; padding: 0; float: left;}
/* Homepage specific styles */
div.thumbcafe {position: relative; margin-bottom: 10px;}
div.thumbtext {position: absolute; left: 84px; top: 0px; width: 190px;}
div.thumbrating {position: absolute; left: 292px; top: -4px; width: 55px; padding: 0px;}
img.dest_image {float: left; padding: 4px 8px 0px 0px;}
div.dest {padding: 0 0 5px 0px;}
h4.dest_title {padding: 0px; font-weight: normal;}
div.dest_container {position: relative;}
div.dest_left_col {width: 230px;}
div.dest_right_col {width: 230px; position: absolute; top: 0px; left: 240px;}
label {	display: block; float: left; width: 40%; padding: .2em 2% 0 0; text-align: right; clear: left; font-size: 14px;}
label.img_label {width: 10%;}
div.formtwocol {position: relative; }
form .field {margin: 0;padding: 0 0 0.5em 0;clear: both;overflow: auto;border: 0px;}	
fieldset {border: none;}
fieldset.fieldset_l {width: 300px;}
fieldset.fieldset_r {position: absolute; left: 400px; top: 0px; width: 300px;}
div.fieldnote {width: 150px; margin-left: 42%; font-size: 0.6em;}
div.map_geo_container {position: relative; padding: 10px 30px 170px 10px;}
div.map_geo {width: 470px; height: 300px; border: 1px #cccccc solid; position: absolute; left: 375px;}
div #infoPanel {padding: 15px; width: 250px;}
div.images_container {position: relative; padding-left: 20px;}
div.prop {    height:1000px;    float:right;    width:1px;}
div.clear {    clear:both;    height:1px;    overflow:hidden;  }
div.review {border: solid 1px #cccccc; border-bottom: none; background-color: #ffffff; padding: 5px; margin-left: 60px; min-height: 50px; font-size: 0.7em;}
div.review-bottom {text-align: right; font-size: 0.7em; margin-left: 60px;}
div.review-author {margin: -3px 0px 10px 0px;}
div.review-container {position: relative;}
div.review-scores {position: absolute; top: 0px; left: 12px; width: 36px;}
img.score-small {padding: 3px 0 0 0;}