@charset "UTF-8";
/* CSS Document */

body, div, ul, ol, li, h1, h2, h3, h4, p, blockquote, th, td {

margin: 0;
padding: 0;

}


h1, h2, h3, h4, h5, h6 {

font-size: 100%; 

}

ol, ul {

list-style: none;

}

address, caption, cite, code, dfn, em, strong, th, var, b {

font-style: normal;
font-weight: normal;

}

table {

border-collapse: collapse;
border-spacing: 0;

}

fieldset, img {

border: 0;

}

html {

text-align:center;


}

body {

width: 800px;
margin: 0 auto 0 auto;
text-align:left;
position:relative;
background-position:top center;
background-color:#000000;
color:#FFFFFF;
z-index:1;
}






/* --------------------------------------------------------------------------------Crescent Moon Home Page Divs */


#moon_container {
	
width: 800px;
height: 1150px;
margin: 0 auto 0 auto;
text-align:left;
background-image:url(CM%20site%20slices/BACKGROUND.png);
position:relative;
background-repeat:no-repeat;
background-position:top center;
background-color:#000000;
color:#FFFFFF;
z-index:2;
}




#banner {

width: 561px;
height: 238px;
float: left;

}


#chalkboard {

width: 235px;
height: 235px;
background-image:url(CM%20site%20slices/CHALKBOARD.png);
padding: 0;
position:relative;
top: 2px;
float:right;

}


#chalkboard_content {
	height:140px;
	width:150px;
	float:left;
	position:relative;
	top:100px;
	left:30px;

}

#chalkboard_content_hh {
	height:90px;
	width:142px;
	float:left;
	position:relative;
	top:100px;
	left:30px;
	z-index:3;

}


#nav {
	width:750px;
	position: relative;
	float: left;
	left:90px;
	top:10px;
	z-index:3;

}







#home  {

width: 107px;
height: 20px;
position: relative;
float:left;
z-index:4;

}


#home a {

font-family:Harrington;
font-size:18px;
text-decoration:none;
color:#FFFFFF;


}


#home a:hover {

text-decoration:underline;

}


#moon  {

width: 135px;
height: 20px;
position: relative;
padding-left:20px;
float:left;
z-index:4;

}


#moon a {

font-family:Harrington;
font-size:18px;
text-decoration:none;
color:#FFFFFF;


}


#moon a:hover {

text-decoration:underline;

}




#fnd  {

width: 130px;
height: 20px;
position: relative;
padding-left:20px;
float:left;
z-index:4;

}


#fnd a {

font-family:Harrington;
font-size:18px;
text-decoration:none;
color:#FFFFFF;

}


#fnd a:hover {

text-decoration:underline;

}



#info  {

width: 210px;
height: 20px;
position: relative;
padding-left:20px;
float:left;
z-index:4;

}


#info a {

font-family:Harrington;
font-size:18px;
text-decoration:none;
color:#FFFFFF;


}


#info a:hover {

text-decoration:underline;

}


#hhaus  {
	width: 124px;
	height: 20px;
	position: relative;
	padding-left:0px;
	float:left;
	clear:left;
	z-index:4;

}


#hhaus a {

font-family:Harrington;
font-size:18px;
text-decoration:none;
color:#FFFFFF;



}


#hhaus a:hover {

text-decoration:underline;

}

#boot  {
	width: 80px;
	height: 20px;
	position: relative;
	padding-left:30px;
	float:left;
	z-index:4;

}


#boot a {

font-family:Harrington;
font-size:18px;
text-decoration:none;
color:#FFFFFF;



}


#boot a:hover {

text-decoration:underline;

}



#maxjoes  {

width: 100px;
height: 20px;
position: relative;
padding-left:60px;
float:left;
z-index:4;

}


#maxjoes a {

font-family:Harrington;
font-size:18px;
text-decoration:none;
color:#FFFFFF;



}


#maxjoes a:hover {

text-decoration:underline;

}


#beertopia  {

width: 100px;
height: 20px;
position: relative;
padding-left:90px;
float:left;
z-index:4;

}


#beertopia a {

font-family:Harrington;
font-size:18px;
text-decoration:none;
color:#FFFFFF;



}


#beertopia a:hover {

text-decoration:underline;

}




#blueglow {

width: 800px;
height: 178px;
background-image:url(CM%20site%20slices/BLUEGLOW.png);
float:left;
position:relative;
bottom:20px;
z-index:2;

}

#yellowglow {

width: 800px;
height: 178px;
background-image:url(CM%20site%20slices/yellowglow_02.png);
float:left;
position:relative;
bottom:20px;
z-index:2;

}


#imagebar {

width: 800px;
height: 96px;
padding: 0px;
position:relative;
top: 40px;
z-index:4;


}




#maincontent_home {

width: 454px;
height: 516px;
background-image:url(CM%20site%20slices/HOME_MC.png);
position: relative;
bottom: 50px;
text-align:center;
float:left;



}


#maincontent_home_content {
	width:400px;
	height:445px;
	overflow:auto;
	float:left;
	position:relative;
	left:30px;
	top:50px;

}

#maincontent_home p {


text-align: center;
position: relative;
padding-top:10px;

}


#maincontent_home h2 {

display:none;

}


#maincontent_home em {

font-size: 18px;
font-weight:bold;
color:#FFFF66;

}

#image_home {

background-image:url(CM%20site%20slices/HOME_IMG2.png);
width: 223px;
height: 207px;
position:relative;
top: 0px;
left: 60px;
float:left;
z-index: 1;

}

#image_home span {
display:none;
}




#subcontent1_home {

width: 342px;
height: 465px;
background-image:url(CM%20site%20slices/HOME_SC1.png);
position: relative;
top: 20px;
left: 0px;
text-align:center;
float:right;


}


#subcontent_home_content {

width:292px;
height:400px;
overflow:auto;
float:left;
position:relative;
padding:5px;
left:30px;
top:40px;

}

#subcontent1_home p {


text-align: center;
position: relative;
padding-top:10px;
font-size:15px;
overflow:auto;

}


#subcontent1_home h2 {

display:none;

}


#subcontent2_home {

width: 441px;
height: 214px;
background-image:url(CM%20site%20slices/HOME_SC2.png);
position: relative;
bottom: 48px;
left: 20px;
text-align:center;
float:left;



}

#subcontent2_home ul {


margin: auto;
text-align: center;
height: 135px;
width: 400px;
position: relative;
top: 53px;
line-height:120%;
font-size:14px;
overflow:auto;
padding:5px;


}


#subcontent2_home li {

display:list-item;

}

#subcontent2_home em {

font-weight:bold;
color:#FFFF66;

}

#subcontent2_home h2 {

display:none;

}




/* -------------------------------------------------------------------------------------------Food and Drink Page Divs */



#container_fnd {

	
width: 800px;
height: 1150px;
margin: 0 auto 0 auto;
text-align:left;
background-image:url(CM%20site%20slices/bgfnd.png);
position:relative;
background-repeat:no-repeat;
background-position:top center;
background-color:#000000;
color:#FFFFFF;
z-index:2;
}





#menu  {

width: 119px;
height: 45px;
position:relative;
float: left;
top:225px;
left:25px;
z-index:2;

}

#menu a {

color:#3366FF;

}

#menu a:visited {

color:#009933;

}


#subcontent_fnd  {
/*Bottled Beers  --- right side of page*/

width:285px;
height:693px;
background-image:url(CM%20site%20slices/FND_MC1.png);
position:relative;
float:left;
z-index:4;
left:60px;

}

#subcontent_fnd ul  {

font-size:13px;
padding: 5px;
line-height:15px;




}


#subcontent_fnd h4  {

font-size:16px;
padding: 10px;
color:#6699FF;


}

#subcontent_fnd h3  {

font-size:16px;
padding: 10px;
color:#FFFF33;


}

#subcontent_fnd h2  {

font-size:18px;
padding: 10px;
color:#FFFF33;

}

#bottles {
width:240px;
height:580px;
text-align:center;
position:relative;
top: 70px;
left: 20px;
overflow:auto;


}


/*Draught Beers --- left side of page*/


#maincontent_fnd  {

width:288px;
height:693px;
background-image:url(CM%20site%20slices/FND_MC2.png);
position:relative;
float:left;
z-index:4;
left:45px;

}


#maincontent_fnd ul  {

font-size:13px;
padding:10px;
line-height:15px;


}


#maincontent_fnd h4  {

font-size:16px;
padding: 10px;
color:#6699FF;



}

#maincontent_fnd h3  {

font-size:16px;
padding: 10px;
color:#FFFF33;


}

#maincontent_fnd h2  {

font-size:18px;
padding: 10px;
color:#FFFF33;

}


#drafts {
width:220px;
height:560px;
text-align:center;
position:relative;
top: 70px;
left: 20px;
overflow:auto;
padding:10px;


}








/* -----------------------------------------------------------------------------------------------Contact Page Divs */


#container_info {

width: 800px;
height: 1150px;
margin: 0 auto 0 auto;
text-align:left;
background-image:url(CM%20site%20slices/bg_info.png);
position:relative;
background-repeat:no-repeat;
background-position:top center;
background-color:#000000;
color:#FFFFFF;
z-index:2;
}


#hours {

width:289px;
height:383px;
background-image:url(CM%20site%20slices/INFO_HOURS.png);
float:left;
position:relative;
left: 100px;
z-index:2;


}


#hours_content  {
	width:235px;
	height:283px;
	text-align:center;
	position: relative;
	top: 60px;
	left: 20px;
	overflow:auto;

}


#hours_content h3 {

font-size:18px;
color:#FFFF33;
padding: 15px;

}


#hours_content h4 {

font-size:14px;
padding: 5px;

}





#location  {

width:323px;
height:201px;
background-image:url(CM%20site%20slices/INFO_LOC.png);
float:right;
position:relative;
right: 50px;
z-index:2;


}

#location_content  {

width:283px;
height:151px;
text-align:center;
position: relative;
top: 58px;
left: 20px;

}

#location_content h3 {

font-size:16px;
padding: 3px;

}

#location_content a {

font-size:16px;
padding: 3px;
color:#3366FF;

}

#location_content a:hover, visited {

font-size:16px;
padding: 3px;
color:#FFFF33;

}


#contact  {

width:324px;
height:207px;
background-image:url(CM%20site%20slices/INFO_CONT.png);
float:right;
position:relative;
right:50px;
z-index:2;


}


#contact_content  {
	width:284px;
	height:117px;
	text-align:center;
	position: relative;
	top: 60px;
	left: 20px;
	overflow:auto;

}

#contact_content h3 {

font-size:18px;
padding: 3px;
color:#FFFF33;

}


#contact_content h4 {

font-size:15px;
padding: 3px;

}

#contact_content a {

font-size:16px;
padding: 3px;
color:#3366FF;

}

#contact_content a:hover, visited {

font-size:16px;
padding: 3px;
color:#FFFF33;

}







/* -----------------------------------------------------------------------------------------------------Huber Haus Page Divs */


#container_hh {

	
width: 800px;
height: 1150px;
margin: 0 auto 0 auto;
text-align:left;
background-image:url(CM%20site%20slices/bg_hh.png);
position:relative;
background-repeat:no-repeat;
background-position:top center;
background-color:#000000;
color:#FFFFFF;
z-index:2;


}





#maincontent_hh {

width:376px;
height:382px;
background-image:url(CM%20site%20slices/HH_MC.png);
float:left;
left:20px;
position:relative;
z-index:2;

}


#maincontent_hh_content  {

width:306px;
height:280px;
text-align:center;
line-height:20px;
font-size:14px;
padding-right:10px;
position:relative;
overflow:auto;
top:60px;
left:30px;

}

#maincontent_hh_content em  {

font-weight:bold;
font-size:16px;
color:#FFFF66;
padding:5px;

}

#maincontent_hh_content  h2 {

font-size:20px;
color:#FFFF66;
text-decoration:underline;
padding:10px;

}

#maincontent_hh_content a {


color:#FFFF66;

}


#maincontent_hh_content a:visited {


color:#6699FF;

}




#subcontent_hh {
	width:321px;
	height:590px;
	background-image:url(CM%20site%20slices/biere.png);
	float:left;
	position:relative;
	left:60px;
	z-index:2;

}

#biere {
	width:261px;
	height:490px;
	position:relative;
	z-index:2;
	top:75px;
	left:40px;
	overflow:auto;
	text-align:center;

}


#biere h3 {

font-size:22px;
color:#FFFF66;
text-decoration:underline;
padding:10px;

}


#biere h4 {

font-size:14px;
color:#6699FF;
padding:5px;

}

#biere li {

font-size:12px;
padding:5px;

}


#subcontent2_hh {

width: 441px;
height: 214px;
background-image:url(CM%20site%20slices/HOME_SC2.png);
position: relative;
bottom: 215px;
left: 0px;
text-align:center;
float:left;



}

#subcontent2_hh ul {
	margin: auto;
	text-align: center;
	height: 135px;
	width: 400px;
	position: relative;
	top: 50px;
	line-height:120%;
	font-size:14px;
	overflow:auto;
	padding:5px;


}


#subcontent2_hh li {

display:list-item;

}

#subcontent2_hh em {

font-weight:bold;
color:#FFFF66;

}

#subcontent2_hh h2 {

display:none;
}

/* ------------------------------------------------------------------------------------------------Max and Joes Page Divs */


#container_maxandjoes {

	
width: 800px;
height: 1150px;
margin: 0 auto 0 auto;
text-align:left;
background-image:url(CM%20site%20slices/bg_maxandjoes.png);
position:relative;
background-repeat:no-repeat;
background-position:top center;
background-color:#000000;
color:#FFFFFF;
z-index:2;


}





#maincontent_maxandjoes {

width:376px;
height:382px;
background-image:url(CM%20site%20slices/maxandjoes_03.png);
float:left;
left:20px;
top:10px;
position:relative;
z-index:2;

}


#maincontent_maxandjoes_content  {

width:306px;
height:280px;
text-align:center;
line-height:20px;
font-size:16px;
position:relative;
overflow:auto;
top:65px;
left:30px;

}


#maincontent_maxandjoes_content a {


color:#FFFF66;

}


#maincontent_maxandjoes_content a:visited {


color:#6699FF;

}

#maincontent_maxandjoes_content h3 {

font-size:22px;
color:#FFFF66;
text-decoration:underline;
padding:10px;

}

#maincontent_maxandjoes_content h4 {

font-size:14px;
color:#6699FF;
padding:5px;

}




#subcontent_maxandjoes {

width:294px;
height:580px;
background-image:url(CM%20site%20slices/beers.png);
float:left;
position:relative;
text-align:center;
left:50px;
z-index:2;

}

#beers_mj  {
	width:260px;
	height:480px;
	position:relative;
	float:left;
	overflow:auto;
	top:60px;
	right:0px;
	padding:10px;
	
}


#beers_mj h3 {

font-size:22px;
color:#FFFF66;
text-decoration:underline;
padding:10px;

}


#beers_mj h4 {

font-size:14px;
color:#6699FF;
padding:5px;

}

#beers_mj li {

font-size:12px;
padding:5px;

}



#pricing  {
	width:374px;
	height:287px;
	position:relative;
	float:left;
	background-image:url(CM%20site%20slices/rental_07.png);
	bottom:200px;
	left:20px;
	
}

#pricing_content  {
	width:280px;
	height:185px;
	position:relative;
	float:left;
	left:20px;
	top:45px;
	padding:10px;
	overflow:auto;
	
}

#pricing_content h4 {

font-size:12px;
color:#6699FF;
text-align:center;

}

#pricing_content a {

color:#FFF;

}

#pricing_content a:visited {

color:#3366FF;

}

#pricing_content ul {

position:relative;
top:15px;

}



/*------------------------------------------------------------------------------------------------------------------- Beertopia Page Divs */


#container_beertopia {

	
width: 800px;
height: 1150px;
margin: 0 auto 0 auto;
text-align:left;
background-image:url(CM%20site%20slices/bg_beertopia2.png);
position:relative;
background-repeat:no-repeat;
background-position:top center;
background-color:#000000;
color:#FFFFFF;
z-index:2;


}


#maincontent_beertopia {

width:369px;
height:398px;
background-image:url(CM%20site%20slices/btfield.png);
float:left;
left:20px;
top:0px;
position:relative;
z-index:2;

}


#maincontent_beertopia_content  {
	width:306px;
	height:265px;
	text-align:center;
	line-height:20px;
	font-size:16px;
	position:relative;
	overflow:auto;
	top:80px;
	left:25px;
	padding:5px;

}


#maincontent_beertopia_content a {


color:#FFFF66;

}


#maincontent_beertopia_content a:visited {


color:#6699FF;

}

#maincontent_beertopia_content h3 {

font-size:22px;
color:#FFFF66;
text-decoration:underline;
padding:10px;
margin-top:20px;

}


#maincontent_beertopia_content h4 {

color:#FFFF66;
padding:10px;
margin-top:20px;

}




#subcontent_beertopia {

width:294px;
height:580px;
background-image:url(CM%20site%20slices/beers.png);
float:left;
position:relative;
text-align:center;
left:50px;
z-index:2;

}

#beers_bt  {
	width:260px;
	height:480px;
	position:relative;
	float:left;
	overflow:auto;
	top:60px;
	right:0px;
	padding:10px;
	
}


#beers_bt h3 {

font-size:22px;
color:#FFFF66;
text-decoration:underline;
padding:10px;

}


#beers_bt h4 {

font-size:14px;
color:#6699FF;
padding:5px;

}

#beers_bt li {

font-size:12px;
padding:2px;

}

#beers_bt em {

font-size:13px;
font-weight:bold;
padding:2px;
color:#FFFF66;


}


#rewards  {
	width:369px;
	height:287px;
	position:relative;
	float:left;
	background-image:url(CM%20site%20slices/rewardsfield.png);
	bottom:200px;
	left:20px;
	
}

#rewards_content  {
	width:300px;
	height:175px;
	position:relative;
	overflow:auto;
	float:left;
	left:20px;
	top:60px;
	padding:10px;
	
}

#rewards_content h4 {

font-size:14px;
color:#6699FF;
text-align:center;

}

#rewards_content a {

color:#FFF;

}

#rewards_content a:visited {

color:#3366FF;

}

#rewards_content ul {

position:relative;
top:20px;

}

#rewards_content em {

font-size:13px;
font-weight:bold;
padding:2px;
color:#FFFF66;


}






/* -----------------------------------------------------------------------------------------------------------------------Boot Page Divs */



#container_daboot {

	
width: 800px;
height: 1150px;
margin: 0 auto 0 auto;
text-align:left;
background-image:url(CM%20site%20slices/bg_boot.png);
position:relative;
background-repeat:no-repeat;
background-position:top center;
background-color:#000000;
color:#FFFFFF;
z-index:2;


}




#daboot  {
	
	width:480px;
	height:640px;
	background-image:url(CM%20site%20slices/dasbootfield.png);
	background-repeat:no-repeat;
	float:left;
	position:relative;
	left:150px;
	padding:50px;
	
}


#maincontent_daboot  {
	
	width:380px;
	height:560px;
	position:relative;
	top:30px;
	
}


#maincontent_daboot h3 {
	
	
	font-size:22px;
	color:#6699FF;
	
}

#maincontent_daboot h4 {

font-size:14px;
color:#6699FF;
text-align:center;

}



#maincontent_daboot ul {

margin-top:20px;
margin-bottom:30px;
font-size:18px;
list-style:circle;
color:#FFFF33;


}


#maincontent_daboot li {
	margin-top:15px;

}
