/****************************************************************************************************

	bar.css
	- Layout for Dolphin Bar & Grill

****************************************************************************************************/
@import "typography.css";

*{
	margin: 0;
	padding: 0;
}
.clear:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
ul#skip{
	position: absolute;
	top: -999em;
}
html{
	min-height: 100%;
	background: #d5d1c4 url('/b&g/img/bg_gradient.gif') repeat-x;
}
body{
	height: 100%;
}
#wrapper{
	position: relative;
	top: -30px;
	width: 760px;
	height: 100%;
	padding: 235px 24px 65px 24px;
	margin: 0 auto;
	background: url('/b&g/img/bg_paper.jpg') repeat-y bottom left;
}

#header{
	position: absolute;
	top: 0;
	left: 0;
	width: 808px;
	height: 235px;
	background: url('/b&g/img/bg_header.png') no-repeat top left;
}

#header_info{
	float: right;
	margin-top: 100px;
	width: 295px;
}
#main{
	float: right;
	width: 535px;
	height: 100%;
}
.home #main{
	height: 610px;
}
#main .col{
	float: left;
	position: relative;
	width: 235px;
	min-height: 300px;
	padding: 20px 0 140px 20px;
	margin: 5px 0 3px 0;
}
#main .col.one{
	width: 246px;
	min-height: 350px;
	padding: 20px 20px 80px 0;
	border-right: 2px dotted #5B1400;
	background: url('/b&g/img/col-onion.gif') no-repeat 0 bottom;
}
#main .col.two{
	width: 241px;
}
#main #content{
	margin-top: 25px;
}
#secondary{
	float: left;	
	width: 180px;
	padding-right: 20px;
	margin: 5px 0 3px 0;
	border-right: 2px dotted #5B1400;
}

#secondary div.module{
	padding: 20px 0 145px 0;
	margin-bottom: 20px;
	border-bottom: 2px dotted #5B1400;
	background: url('/b&g/img/bg_secondary.gif') no-repeat bottom left;	
}

body.breakfast #secondary div.module{
	background: url('/b&g/img/bg_secondary_break.gif') no-repeat bottom left;	
}
body.light #secondary div.module{
	background: url('/b&g/img/bg_secondary_light.gif') no-repeat bottom left;	
}
body.lunch #secondary div.module{
	background: url('/b&g/img/bg_secondary_lunch.gif') no-repeat bottom left;	
}

#footer{
	position: absolute;
	bottom: 0;
	left: 0;
	height: 60px;
	width: 788px;
	padding-left: 20px;
	background: url('/b&g/img/bg_footer.jpg') repeat-y bottom left;
}

body.home #secondary{
	min-height: 605px;
}
body.breakfast #secondary{
	height: 265em;
}
body.light #secondary{
	height: 126em;
}
body.lunch #secondary{
	height: 170em;
}

body.map #secondary{
	height: 70em;
}

#mapHolder{
	width:  530px;
	height: 684px;
}