html, body {height: 100%;}

body {
	background: url(images/bg.jpg) repeat-x;
	background-color: #000000;
	margin: 0;
	padding: 0;
    font: 12px/16px Arial, Helvetica, sans-serif;
    color: #989898;
	text-decoration: none;
}

#container {
	width: 978px;
	height: 1000px;
	position: relative;
    margin: 0 auto;
}

#bottomoutercontainer {
	width: 100%;
	height: 400px;
	position: absolute;
    top: 675px;
    left: 0px;
	z-index: 200;
	background: url(images/bg_bottom.gif) repeat-x;
}

#bottomcontainer {
	margin: 0 auto;
	width: 978px;
	height: 280px;
	position: relative;
    top: 30px;
    left: 0px;
	z-index: 250;
}

#topbg {
	width: 978px;
	height: 669px;
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(images/top_bg.jpg) no-repeat;
	opacity: 0;
}

#stripe1_green_home {
	width: 284px;
	height: 496px;
	position: absolute;
	top: 173px;
	left: 9px;
	background: url(images/stripe1_green.jpg) no-repeat;
	display: none;
}

#stripe1_green_donny {
	width: 284px;
	height: 496px;
	position: absolute;
	top: 173px;
	left: 9px;
	background: url(images/stripe1_green.jpg) no-repeat;
	display: none;
}

#stripe1_yellow_photos {
	width: 284px;
	height: 496px;
	position: absolute;
	top: 173px;
	left: 9px;
	background: url(images/stripe1_yellow.jpg) no-repeat;
	display: none;
}

#stripe1_red_regulars {
	width: 284px;
	height: 496px;
	position: absolute;
	top: 173px;
	left: 9px;
	background: url(images/stripe1_red.jpg) no-repeat;
	display: none;
}

#stripe2_green_donny {
	width: 320px;
	height: 669px;
	position: absolute;
	top: 0px;
	left: 310px;
	background: url(images/stripe2_green.jpg) no-repeat;
	display: none;
}

#stripe2_yellow_home {
	width: 320px;
	height: 669px;
	position: absolute;
	top: 0px;
	left: 310px;
	background: url(images/stripe2_yellow.jpg) no-repeat;
	display: none;
}

#stripe2_yellow_photos {
	width: 320px;
	height: 669px;
	position: absolute;
	top: 0px;
	left: 310px;
	background: url(images/stripe2_yellow.jpg) no-repeat;
	display: none;
}

#stripe2_red_regulars {
	width: 320px;
	height: 669px;
	position: absolute;
	top: 0px;
	left: 310px;
	background: url(images/stripe2_red.jpg) no-repeat;
	display: none;
}

#stripe3_green_donny {
	width: 339px;
	height: 645px;
	position: absolute;
	top: 51px;
	left: 630px;
	background: url(images/stripe3_green.jpg) no-repeat;
	display: none;
}

#stripe3_yellow_photos {
	width: 339px;
	height: 645px;
	position: absolute;
	top: 51px;
	left: 630px;
	background: url(images/stripe3_yellow.jpg) no-repeat;
	display: none;
}

#stripe3_red_home {
	width: 339px;
	height: 645px;
	position: absolute;
	top: 49px;
	left: 630px;
	background: url(images/stripe3_red.jpg) no-repeat;
	display: none;
}

#stripe3_red_regulars {
	width: 339px;
	height: 645px;
	position: absolute;
	top: 51px;
	left: 630px;
	background: url(images/stripe3_red.jpg) no-repeat;
	display: none;
}

#aboutpagebg {
	width: 978px;
	height: 580px;
	position: absolute;
	top: 55px;
	left: 0px;
	display: none;
	background: url(images/about_title.png) top left no-repeat;
}


#aboutpage {
	width: 658px;
	height: 430px;
	position: absolute;
	top: 185px;
	left: 150px;
}

#logo {
	width: 269px;
	height: 140px;
	position: absolute;
	top: 27px;
	left: 25px;
	z-index: 100;
}

#label_donnysez {
	width: 192px;
	height: 82px;
	position: absolute;
	top: 50px;
	left: 38px;
	cursor:pointer;
}

#label_photos {
	width: 148px;
	height: 73px;
	position: absolute;
	top: 495px;
	left: 53px;
    z-index:3;
	cursor:pointer;
}

#label_shakeitup {
	width: 147px;
	height: 90px;
	position: absolute;
	top: 31px;
	left: 98px;
	cursor:pointer;
}

#label_drink {
	width: 239px;
	height: 159px;
	position: absolute;
	top: 10px;
	left: 57px;
	cursor:pointer;
}

#photo_frame {
	width: 226px;
	height: 343px;
	position: absolute;
	top: 158px;
	left: 25px;
    z-index:2;
}

#label_regulars {
	width: 220px;
	height: 71px;
	position: absolute;
	top: 154px;
	left: 70px;
	cursor:pointer;
}

#events {
	width: 240px;
	height: 500px;
	position: absolute;
	top: 190px;
	left: 53px;
}

#regulars_frame {
	width: 198px;
	height: 202px;
	position: absolute;
	top: 230px;
	left: 40px;
    z-index:2;
}

#bottom_col1 {
	width: 200px;
	height: 260px;
	position: absolute;
	top: 0px;
	left: 40px;
    z-index:4;
}

#bottom_col2 {
	width: 200px;
	height: 260px;
	position: absolute;
	top: 0px;
	left: 265px;
    z-index:4;
}

#bottom_col3 {
	width: 200px;
	height: 260px;
	position: absolute;
	top: 0px;
	left: 490px;
    z-index:4;
}

#bottom_col4 {
	width: 180px;
	height: 260px;
	position: absolute;
	top: 0px;
	left: 730px;
    z-index:4;
}

#bottom_blurb1 {
	width: 350px;
	height: 70px;
	top: 225px;
	left: 40px;
	position: absolute;
    z-index:6;	
	color: #ffb522;
	float: left;
}

#bottom_blurb2 {
	width: 400px;
	height: 70px;
	top: 225px;
	left: 490px;
	position: absolute;
    z-index:6;	
	color: #ffb522;
	clear: right;
}


#overlay { 
	position: fixed; 
	_position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
	opacity:0.8;
	background: #000000; 
	filter: alpha(opacity=80); 
	display: none; 
	z-index:999; 
}

#overlay2 { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
	background: #000000; 
	display: none; 
	z-index:999; 
}


#photo_zoom_frame {
	width: 813px;
	height: 700px;
	position: relative;
	margin: 0 auto;
	display: none; 
	background: url(images/photo_zoom_frame.png) no-repeat;
	z-index: 1000;
}

#photo_big {
	width: 740px;
	height: 466px;
	position: absolute;
	top: 58px;
	left: 40px;
	z-index: 1001;
}

#photo_caption {
	width: 740px;
	height: 200px;
	position: absolute;
	top: 570px;
	left: 20px;
	z-index: 1002;
	font: 16px/20px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: center;
}

#photo_close {
	width: 86px;
	height: 85px;
	position: absolute;
	top: 20px;
	left: 745px;
	z-index: 1003;
}

#photo_zoom_frame_vert {
	width: 477px;
	height: 700px;
	position: relative;
	margin: 0 auto;
	display: none; 
	background: url(images/photo_zoom_frame_vert.png) no-repeat;
	z-index: 1000;
}

#photo_big_vert {
	width: 400px;
	height: 589px;
	position: absolute;
	top: 48px;
	left: 38px;
	z-index: 1001;
}

#photo_caption_vert {
	width: 740px;
	height: 200px;
	position: absolute;
	top: 690px;
	left: -128px;
	z-index: 1002;
	font: 16px/20px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: center;
}

#photo_close_vert {
	width: 86px;
	height: 85px;
	position: absolute;
	top: 15px;
	left: 400px;
	z-index: 1003;
}

#drink_modal {
	width: 833px;
	height: 530px;
	position: relative;
	margin: 0 auto;
	top: 50px;
	display: none; 
	background: url(images/drink_bg2.png) no-repeat;
	z-index: 1000;
}

#drink_text {
	width: 650px;
	height: 450px;
	position: relative;
	top: 200px;
	left: 50px;
}

#reload-photos, #reload-dirkisms, #reload-regulars {
	cursor:pointer;
}

#logo_click_donny {
	width: 269px;
	height: 140px;
	position: absolute;
	top: 27px;
	left: 25px;
	z-index: 2000;
	display: none;
	cursor:pointer;
}

#logo_click_photos {
	width: 269px;
	height: 140px;
	position: absolute;
	top: 27px;
	left: 25px;
	z-index: 2000;
	display: none;
	cursor:pointer;
}

#logo_click_regulars {
	width: 269px;
	height: 140px;
	position: absolute;
	top: 27px;
	left: 25px;
	z-index: 2000;
	display: none;
	cursor:pointer;
}


/* HOME STATE */

#topinfo {
	width: 300px;
	height: 40px;
	position: absolute;
	top: 40px;
	left: 670px;
    z-index:5;
    color: #FFFFFF;
    font: 12px/25px Arial, Helvetica, sans-serif;
}

#donnysez_quote_1 {
	width: 186px;
	height: 240px;
	position: absolute;
	top: 145px;
	left: 59px;
    z-index:5;
	color: #FFFFFF;
    font: 20px/25px Arial, Helvetica, sans-serif;
}

#regulars_quote {
	width: 190px;
	height: 100px;
	position: absolute;
	top: 435px;
	left: 51px;
    z-index:5;
    color: #FFFFFF;
    font: 12px/16px Arial, Helvetica, sans-serif;
}

#donnysez_link {
	position: relative;
    z-index:5;
	color: #FFFFFF;
    font: 12px/20px Arial, Helvetica, sans-serif;
}





/* DONNY SEZ STATE */

#donnysez_page_title {
	width: 200px;
	height: 129px;
	position: absolute;
	top: 48px;
	left: 70px;
    z-index:5;
}

#donnysez_page_quote_1 {
	width: 186px;
	height: 240px;
	position: absolute;
	top: 110px;
	left: 60px;
    z-index:5;
	color: #FFFFFF;
    font: 20px/25px Arial, Helvetica, sans-serif;
}

#donnysez_page_quote_2 {
	width: 186px;
	height: 300px;
	position: absolute;
	top: 220px;
	left: 70px;
    z-index:5;
	color: #ffb522;
    font: 20px/25px Arial, Helvetica, sans-serif;
}

#donnysez_page_quote_3 {
	width: 186px;
	height: 285px;
	position: absolute;
	top: 220px;
	left: 60px;
    z-index:5;
	color: #FFFFFF;
    font: 20px/25px Arial, Helvetica, sans-serif;
}

#donnysez_note_1 {
	width: 186px;
	height: 25px;
	position: absolute;
	top: 100px;
	left: 60px;
    z-index:5;
	color: #000000;
    font: bold 12px/16px Arial, Helvetica, sans-serif;
}

#donnysez_note_2 {
	width: 186px;
	height: 25px;
	position: absolute;
	top: 210px;
	left: 70px;
    z-index:5;
	color: #000000;
    font: bold 12px/16px Arial, Helvetica, sans-serif;
}
#donnysez_note_3 {
	width: 186px;
	height: 25px;
	position: absolute;
	top: 210px;
	left: 60px;
    z-index:5;
	color: #000000;
    font: bold 12px/16px Arial, Helvetica, sans-serif;
}

.donnysez_note {
	color: #000000;
    font: bold 12px/20px Arial, Helvetica, sans-serif;
}


/* PHOTOS STATE */

#photos_page_title {
	width: 200px;
	height: 129px;
	position: absolute;
	top: 40px;
	left: 85px;
    z-index:5;
}


#photos_photo_1 {
	width: 256px;
	height: 354px;
	position: absolute;
	top: 59px;
	left: 14px;
    z-index:5;
}

#photos_photo_2 {
	width: 266px;
	height: 361px;
	position: absolute;
	top: 190px;
	left: 26px;
    z-index:5;
}

#photos_photo_3 {
	width: 252px;
	height: 339px;
	position: absolute;
	top: 175px;
	left: 18px;
    z-index:5;
}

#photo_note_1 {
	width: 186px;
	height: 240px;
	position: absolute;
	top: 72px;
	left: 56px;
    z-index:10;
	color: #4e3207;
    font: 9px/16px Arial, Helvetica, sans-serif;
}

#photo_note_2 {
	width: 186px;
	height: 300px;
	position: absolute;
	top: 524px;
	left: 164px;
    z-index:10;
	color: #4e3207;
    font: 9px/16px Arial, Helvetica, sans-serif;
}
#photo_note_3 {
	width: 186px;
	height: 285px;
	position: absolute;
	top: 182px;
	left: 184px;
    z-index:10;
	color: #4e3207;
    font: 9px/16px Arial, Helvetica, sans-serif;
}

/* REGULARS STATE */

#regulars_page_title {
	width: 223px;
	height: 140px;
	position: absolute;
	top: 40px;
	left: 60px;
    z-index:5;
}

#regulars_photo_1 {
	width: 207px;
	height: 211px;
	position: absolute;
	top: 90px;
	left: 44px;
    z-index:5;
}

#regulars_photo_2 {
	width: 210px;
	height: 206px;
	position: absolute;
	top: 220px;
	left: 51px;
    z-index:5;
}

#regulars_photo_3 {
	width: 206px;
	height: 204px;
	position: absolute;
	top: 240px;
	left: 50px;
    z-index:5;a
}

#regulars_name_1 {
	width: 207px;
	height: 38px;
	position: absolute;
	top: 66px;
	left: 72px;
    z-index:10;
}

#regulars_name_2 {
	width: 210px;
	height: 33px;
	position: absolute;
	top: 196px;
	left: 80px;
    z-index:10;
}

#regulars_name_3 {
	width: 230px;
	height: 36px;
	position: absolute;
	top: 215px;
	left: 80px;
    z-index:10;
}

#regulars_page_quote_1 {
	width: 190px;
	height: 100px;
	position: absolute;
	top: 300px;
	left: 55px;
    z-index:5;
    color: #FFFFFF;
    font: 12px/16px Arial, Helvetica, sans-serif;
}

#regulars_page_quote_2 {
	width: 190px;
	height: 100px;
	position: absolute;
	top: 430px;
	left: 60px;
    z-index:5;
    color: #FFFFFF;
    font: 12px/16px Arial, Helvetica, sans-serif;
}

#regulars_page_quote_3 {
	width: 190px;
	height: 100px;
	position: absolute;
	top: 446px;
	left: 62px;
    z-index:5;
    color: #FFFFFF;
    font: 12px/16px Arial, Helvetica, sans-serif;
}



.loadmore_donny {
}

.loadmore_photos {
}

.loadmore_regulars {
}

.zoom_photo {
}

.drink_details {
}

.jump_photos, .jump_regulars {
	cursor:pointer;
}

.jump_donny {
	text-decoration: none;
}

a:link, a:visited {
	color: #deab1e;
	text-decoration: hover;
}

a.bottom:link, a.bottom:visited {
	color: #989898;
}

.title {
	color: #FFFFFF;
    font: bold 16px/22px Arial, Helvetica, sans-serif;
}

.bold {
	color: #FFFFFF;
    font: bold 12px/15px Arial, Helvetica, sans-serif;
}

.copyright {
	color: #656565;
    font: 11px/15px Arial, Helvetica, sans-serif;
}

.sociallist {
	color: #989898;
    font: bold 12px/18px Arial, Helvetica, sans-serif;
    text-decoration: none;
}

a.sociallist:link, a.sociallist:visited {
	color: #989898;
    font: bold 12px/18px Arial, Helvetica, sans-serif;
	text-decoration: hover;
}

.topinfo_yellow {
	color: #d1a11c;
    font: 11px/25px Arial, Helvetica, sans-serif;
}

.bigquote_white {
	color: #FFFFFF;
    font: 20px/25px Arial, Helvetica, sans-serif;
}

.bigquote_yellow {
	color: #ffb522;
    font: 20px/25px Arial, Helvetica, sans-serif;
}

.smalllink_white {
	color: #FFFFFF;
    font: 12px/16px Arial, Helvetica, sans-serif;
	text-decoration: none;
}

a.smalllink_white:link, a.smalllink_white:visited {
	color: #FFFFFF;
    font: 12px/16px Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.bottomblurb_head {
	color: #ffb522;
    font: bold 14px/16px Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.bottomblurb_sub {
	color: #999999;
    font: 11px/16px Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.events_text {
	color: #FFFFFF;
    font: 11px/14px Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.happyhour_headline {
	color: #ffb522;
    font: 14px/22px Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-shadow:0 1px 1px #000000;
}

.happyhour_text {
	color: #FFFFFF;
    font: 12px/14px Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.aboutpage_headline {
	color: #ffb522;
    font: bold 20px/28px Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-shadow:0 1px 1px #000000;
}

.aboutpage_text {
	color: #FFFFFF;
    font: 13px/17px Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-shadow:0 2px 2px #000000;
}

.drink_name {
	color: #ffb522;
    font: bold 24px/28px Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-shadow:0 1px 1px #000000;
}

.drink_desc {
	color: #FFFFFF;
    font: 20px/28px Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-shadow:0 1px 1px #000000;
}

.drink_details {
	color: #999999;
    font: 14px/18px Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-shadow:0 1px 1px #000000;
}