StyleSheet

@import 'reset.css';
@import 'CoffeeBar/ie.css';




* {
	list-style:none;
	padding-top: 500;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	float: none;
	width: auto;
	margin: 0;
}


body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	width: 28000px;
	overflow: hidden;
}

#ie6 {
display: none;
}

a img {
	border:none;
	top: 500px;
}

p{
	font-weight: lighter;
	line-height: 1.4em;
	letter-spacing: -0.5px;
	vertical-align: middle;
}

a {
outline: none;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, p a{
background: #ffea08;
padding: 0 3px;
color: black;
text-decoration: none;
	
}

h1, h2, h3, h4, h5, h6, h7, h8, p {
	margin-top: 0;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, p a:hover{
background: white;
}

img {
outline: none;
}


.container {
float: left;
display: block;
height: 1000px;
width: 2000px;
position: relative;
}

.containerb {
	float: left;
	display: block;
	height: 100px;
	width: 800px;
	position: relative;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	top: 150px;
	left: 0px;
	margin: 0px;
}
.containerc {
	float: left;
	display: block;
	height: 150px;
	width: 800px;
	position: relative;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	top: 85px;
	left: 40px;
	margin: 0px;
}
.containerd {
	float: left;
	display: block;
	height: 150px;
	width: 800px;
	position: relative;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: -10px;
	top: 0px;
	left: 0px;
	margin: 0px;
}

.containere {
	float: left;
	display: block;
	height: 150px;
	width: 800px;
	position: relative;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: -10px;
	top: 85px;
	left: 0px;
	margin: 0px;
}

.calendar {
	float: left;
	display: block;
	height: 150px;
	width: 600px;
	position: relative;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: -10px;
	top: 90px;
	left: 340px;
	margin: 0px;
}
.alt {
color: white;
}


.interior {
	width: 800px;
}


.back {
	position: relative;
	height: 0px;
	width: 0px;
	left: 0px;
	top: 525px;
}

.next {
	position: relative;
	height: 0px;
	width: 0px;
	left: 580px;
	top: 20px;
}
.menu {
	position: absolute;
	height: 175px;
	width: 200px;
	left: 820px;
	top: 585px;
}
.menu2 {
	position: absolute;
	height: 175px;
	width: 200px;
	left: 708px;
	top: 317px;
}
.link1 {
	position: absolute;
	height: 175px;
	width: 200px;
	left: 480px;
	top: 115px;
}
.adress {
	position: absolute;
	width: 200px;
	height: 50px;
	left: 805px;
	top: 304px;
}

.home {
	position: absolute;
	width: 46px;
	height: 17px;
	left: 8px;
	top: 59px;
}



#home {
background: #FFF url('images/bg-home.gif') no-repeat top left;
}

#home .interior {
	padding-top: 276px;
	padding-left: 116px;
}

#home img {
	float: left;
	margin-right: 19px;
}

#home h2 {
width: 270px;
float: left;
}


#homeToCommunity {
background: #FFF url('images/bg-homeToCommunity.gif') no-repeat top left;
}

#homeToCommunity2 {
background: #FFF url('images/bg-homeToCommunity2.gif') no-repeat top left;
}

#community {
background: #FFF url('images/bg-community.gif') no-repeat top left;

}

#communityToArt {
background: #FFF url('images/bg-communityToArt.gif') no-repeat top left;
}

#communityToArt2 {
background: #FFF url('images/bg-communityToArt2.gif') no-repeat top left;
}

#communityToArt3 {
background: #FFF url('images/bg-communityToArt3.gif') no-repeat top left;
}


#art {
background: #FFF url('images/bg-art.gif') no-repeat top left;
font-size: 16px;


}

#artToEats {
background: #FFF url('images/bg-artToEats.gif') no-repeat top left;

}



#artToEats2 {
background: #FFF url('images/bg-artToEats2.gif') no-repeat top left;

}

#eats {
background: #FFF url('images/bg-eats.gif') no-repeat top left;
font-size: 20px;


}

#eatsToDrinks {
background: #FFF url('images/bg-eatsToDrinks.gif') no-repeat top left;

}



#eatsToDrinks2 {
background: #FFF url('images/bg-eatsToDrinks2.gif') no-repeat top left;

}

#drinks {
background: #FFF url('images/bg-drinks.gif') no-repeat top left;
font-size: 20px;


}



#art .back {
	top: 535px;
	left: 10px;
}

#community .back {
top: 525px;
left: 20px;
}

#community .art {
	top: 0px;
	left: 800px;
}

#community .eats {
	top: 0px;
	left: 800px;
}

#community .drinks {
	top: 0px;
	left: 800px;
}

#community .interior {
padding-top: 110px;
padding-left: 113px;
font-size: 20px;
}

#community .interior img {
float: left;
margin-right: 25px;
border-color: white;
}

.column {
	float: left;
	width: 275px;
	margin-right: 25px;
}

#community h1 {
float: left;
margin-left: -8px
}


#art .interior {
padding: 40px 90px;
}

#art .bubble {
float: left;
width: 245px;
padding-top: 195px;
margin-right: 60px;
height: 600px;
}

#drink h5 {
font-size: 20px;
}

.bubble p {
margin-bottom: 10px;
}

.bubble h4 {
text-align: right;
margin-top: 20px;
}

.project {
height: 110px;
width: 580px;
padding-right: 10px;
color: white;
float: left;
background: url('images/overlay.png') repeat 0 0;
height: 70px;
margin-bottom: 26px;
overflow: hidden;
}

.project:hover {
background: url('images/overlay.png') repeat 100% 100%;

}


.project p {
font-size: 12px;

padding: 0 4px;
}

.project img{
float: left;
margin-right: 15px;
}

.project h2 {
padding: 5px;
font-size: 16px;
}

.project h2 strong {
color: #555;
margin-left: 5px;
}


h1 {
	font-size: 24px;
	margin-bottom: 10px;
	letter-spacing: -1px;
	color: #FFE000;
	margin-top: 20px;
}


h2 {
	font-size: 11px;
	letter-spacing: 2px;
	line-height: normal;
	font-weight: bold;
	color: #FFFFFF;
	clip: rect(auto,auto,auto,auto);
	font-style: normal;
	height: auto;
	padding: 0px;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}


h3 {
	font-size: 8px;
	color: #FFE000 !important;
	margin-top: 10px;
	text-transform: lowercase;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: lighter;
}

h4 {
	font-size: 13px;
	color: #FFE000 !important;
	margin-top: 10px;
	text-transform: lowercase;
}

h5 {
	font-size: 9px;
	letter-spacing: 1px;
	line-height: 1em;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: lighter;
	word-spacing: normal;
	color: #333300;
	text-transform: lowercase;
	margin: 0px;
}

h6 {
	text-transform: lowercase;
	font-size: 12px;
	color: #333300;
	font-weight: lighter;
	margin-left: 65px;
	margin-bottom: -3px;
}


.visit {
float: right;
text-transform: uppercase;
letter-spacing: 3px;
font-size: 10px;
padding: 3px 3px 0 0;
}

.visit a {
color: #FFEE0F;
text-decoration: none;
}

#art .next {
	top: 0px;
	left: 580px;
}

#eats .interior {
	padding-top: 65px;
	padding-right: 100px;
	padding-bottom: 0px;
	padding-left: 122px;
}

#eats .column {
width: 210px;
}

input, textarea {
font-family: arial, helvetica, verdana, sans-serif;
}

#eats .back {
	top:340px;
	left: 125px;
}

#drinks .back {
	top:590px;
	left: 125px;
}

#drinks.interior {
	padding-left: 127px;
	padding-top: 0px;
}



.column.middle {
}

.column.right {
}

form, fieldset {
 border: none;
 outline: none;
}

input, textarea {
width: 230px;
font-size: 14px;
font-weight: bold;
background: #FFEA08;
color: black;
padding: 5px;
border: none;
margin-bottom: 8px;
}

textarea {
height: 50px;
}
input.submit {
width: 70px;
background: black;
color: #FFEA08;
font-size: 20px;
padding: 10px;
margin-left: 15px;

}

label {
font-size: 12px;
font-weight: bold;
margin-top: 10px;
}

#expand {
position: absolute;
left: -1550px;
display: block;
top: 0;
}

h3.section {
	margin-top: 1em;
}

#twitter_update_list {
font-size: 12px;
font-weight: bold;
list-style-type: none;
margin: 10px 0 0 0;
padding: 0 10px;
}

#twitter_update_list li {
margin: 0;
line-height: 1.5em;
}


#twitter_update_list a {
display: block;
color: #333;
text-decoration: underline;
}

#twitter_update_list span a {
background: #FFEA08 none repeat scroll 0 0;
color: black;
padding: 0 3px;
text-decoration: none;
display: inline;
}

#twitter_update_list span a:hover {
background: white;
}

.grey {
font-weight: bold;
color: #444444;
}