body {
	margin:0px;
	padding:0px;
	background: url('images/woodbg.jpg') repeat-x bottom;
	font-family:Helvetica,Arial,sans-serif;

}

#container {
	margin:-20px auto 0px;
	width:940px;
	background: url('images/shadow.png') repeat-y;
	padding:0px 20px 0px 20px;
}

#header{
	background:url('images/stainedbg.jpg') no-repeat;
	height:194px;
	width:900px;
}
#header h1{
	text-indent:-9999px;/*Hide Text, keep for SEO*/
	width:900px;
	background:transparent url("images/beanlogo2.png") no-repeat center;
	margin-bottom:0px;
	padding:20px 0 0 0;
	height:125px;
}

#nav {
	background:url('images/red.png') repeat;
	margin:-25px 0 0 0;
	font-weight:bold;
	color:white;
	font-size:22pt;
	text-align:center;
}

#nav ul {list-style-type:none;}
#nav li {
	padding:0px 10px;
	display:inline;
	}
#nav li a{
	text-decoration:none;
	color:white;}
#nav li img {border:none;}

#smart-banner {
	width:900px;
	height:360px;
	background:url('images/rippedpage.jpg') no-repeat center bottom;
}
#smart-banner img{border:none;}

#main {
	float:left;
	background:url('images/paper.jpg') repeat-y;
	width:900px;
	padding:0 0 20px 0;
}

#intro {
	width:750px;
	margin:0px auto;
}
#intro h1 {text-align:center;}
#intro p {
	float:left;
	font-size:11pt;
	line-height:19px;
	text-indent:15px;
	padding:0px 0px 0px 25px;
	width:325px;
}



#left {
	width:570px;
	float:left;
	margin:0px 0 0 40px;
}

#left p {font-size:10pt;}

.image {float:left;
	width:135px;
	height:125px;
	margin:20px 0 0 0;
}

.iconholder {margin:20px 0;}
.iconholder h2 {margin:0px;}


#maillist {
	margin:0px 0 0 20px;
	height:580px;
	width:225px;
	float:left;
	text-align:center;
	padding:10px 20px;
	border-left:1px solid black;
}

#maillist form {
	text-align:left;
}

#maillist h3 {
	margin:0 0 20px 0;
	padding:0;
	color:#bb4c4c;
}
#maillist input {background:url('images/input.jpg') repeat-x;}


#footer {background:black url('images/burntfooter2.jpg') no-repeat;
	clear:both;
	width:900px;
	height:394px;
	color:white;
}
#footer img {border:none;}

#time {
	float:left;
	height:155px;
	width:355px;
	margin:20px 0 0 50px;
	padding:0;
	background:url('images/redtrans.png') repeat;
}
#time h1 {font-size:16pt;
	clear:both;
	text-align:center;}
#time h2 {text-align:center;}

#time ul {list-style-type:none;}
#time li {text-decoration:none;}
.days {float:left;}
.hours {float:left;
	padding:0 0 0 20px;
	text-align:right;}
#createdby {height:100px;}
#createdby img {border:none;margin:0px 0px -3px;}




#contactfooter {
	background: url('http://www.brewtopiacoffee.com/images/contactfooter.jpg') no-repeat;
	height:278px;
	width:900px;
	padding-top:12px;
	clear:both;
}

#contactfooterdetails {
	width:450px;
	float:left;
	font-family:Helvetica,Arial,sans-serif;
	text-align:center;
}
#contactfooterdetails h3 {
	font-size:36pt;
	margin:10px 0px 15px 0px;

}	
#contactfooterdetails ul {
	list-style-type:none;
}
#contactfooterdetails li{
	margin:5px 0px;
}
address {
	font-weight:bold;
	font-size:14pt;
}
#contactfooterdetails p {
	font-weight:bold;
	font-size:14pt;

}
#socialmedias {
	height:40px;
	padding-top:10px;
}
.network {
	float:left;
	height:40px;
}
.network * {
	float:left;
}
.network h6 {
	font-size:11pt;
	font-weight:lighter;
	font-style:italic;
	margin:20px 55px 0px 10px;
}
.network a img{
	border:none;
}
#map {
	float:left;
	height:200px;
	margin:0px 0px 0px 15px;

}








#connect {
	margin:0px auto;
	padding:20px 0 0 0;
	width:430px;
	clear:both;
}

#connect ul {list-style-type:none;}
#connect li {text-decoration:none;
	float:left;}
	
	
/* Menu Page, oh boy here we go */

.beans{
	text-indent:-9999px;/*Hide Text, keep for SEO*/
	width:900px;
	background:transparent url("images/freshbeans.png") no-repeat center;
	margin:0 0 50px 0;
}

#hot {float:left;
	width:400px;
	margin:10px 0px 0px 60px;
}
#hot h1 {margin:0px;
	padding:0px;
	text-align:center;}

#hotdrinks {
	list-style-type:none;
	text-decoration:none;
	float:left;
	}

#hotprices {
	float:left;
	list-style-type:none;
	text-decoration:none;
}
#hotpricem {
	list-style-type:none;
	text-decoration:none;
	float:left;
	}
#hotpricel {
	list-style-type:none;
	text-decoration:none;
	float:left;
	}
	
	
#cold {float:left;
	width:400px;
	margin:10px 0px;
}
#cold h1 {margin:0px;
	padding:0px;
	text-align:center;}
	
#colddrinks {
	list-style-type:none;
	text-decoration:none;
	float:left;
	}

#coldprices {
	float:left;
	list-style-type:none;
	text-decoration:none;
}
#coldpricem {
	list-style-type:none;
	text-decoration:none;
	float:left;
	}
#coldpricel {
	list-style-type:none;
	text-decoration:none;
	float:left;
	}
	
#extras {
	list-style-type:none;
	text-decoration:none;
	float:left;
	margin:75px 0 0 100px;
}

#extras h1 {margin:0px;
	padding:0px;
	text-align:right;}
	
#extra {
	list-style-type:none;
	text-decoration:none;
	float:left;
	}

#extraprice {
	list-style-type:none;
	text-decoration:none;
	float:left;
	}

#specials {
	float:left;
	clear:both;
	padding:15px 0 0 0;
}

#specials h1 {text-align:center;}

#specials ul {
	padding:0px 0px 0px 100px;
	float:left;
	list-style-type:none;
	text-decoration:none;
}

#specialdrinks li h3,h5{
	margin:0px;
	padding:0px;
}

#specialdrinks li h3{
	color:#575757;
}

#specialdrinks li h5{
	/*padding:0px 0px 0px 40px; */
	float:left;
}

#specialdrinks li{
	float:left;
	width:385px;
	height:85px;	
	}

#specialdrinks li p {
	clear:both;
	margin:0px;
}

/* Bean Page, Maybe?? */

#coffee {float:left;
	width:600px;
	margin:10px 0 0 150px;
}
#coffee h1 {margin:0px;
	padding:0px;
	text-align:center;}

#coffeetype {
	list-style-type:none;
	text-decoration:none;
	float:left;
	padding-right: 105px;
	}

#half {
	float:left;
	list-style-type:none;
	text-decoration:none;
}
#full {
	list-style-type:none;
	text-decoration:none;
	float:left;
	}
	
#organic {float:left;
	width:600px;
	margin:10px 0 0 150px;
}
#organic h1 {margin:0px;
	padding:0px;
	text-align:center;}
	
#organictype {
	list-style-type:none;
	text-decoration:none;
	float:left;
	}

#decaf {float:left;
	width:600px;
	margin:10px 0 0 150px;
}
#decaf h1 {margin:0px;
	padding:0px;
	text-align:center;}
	
#decaftype {
	list-style-type:none;
	text-decoration:none;
	float:left;
	padding-right:25px;
	}

/* Contact form */
#contactform {
	height:400px;
	margin:0px auto;
	width:605px;
}


#text {float:left;
	text-align:left;
	width:300px;
}

#text p {margin:15px 0 12px 0px;
}
#text input {width:250px;}

#comment {float:left;
	width:300px;
}

#comment p {margin:15px 0 10px 0;}
#comment textarea {
	width:300px;
	height:218px;
	font-family:Helvetica,Arial,sans-serif;
	font-size:10pt;}
#comment #submit {
	float:right;
	height:25px;
	margin: 5px 0 0 0px;}
	
.ty {text-align:center;
	margin:25px 0 100px 0;}
	
#events {text-align:center;}	
#events img {border:none;}

.center {text-align:center;}
.floatleft {float:left;}
.floatright {float:right;}

/* Twitter */
#twitter_div {background:url('images/brewtweet2.png') no-repeat;
	height:275px;
	margin:0px auto;
	width:225px;}
#twitter_update_list {
	font-size:10pt;
	list-style-type:none;
	height:75px;
	padding:19px 0 0 26px;
	width:185px;}
#twitter_update_list a {color:#dc0808;}
#twitter-link {margin:20px 0 0;
	color:#d4705e;
	font-size:14pt;}
#twitter_div ul {text-align:left;}
#twitter_div ul li span {
	visibility: visible;
}
 
#twitter_div ul li span a {
	color: #dc0808;
	visibility: visible;
}
 
#twitter_div ul li a {
	visibility: hidden;
}

.center {text-align:center;}

#rules {width:550px;
	margin:0px 0px 0px 50px;
	}
#rules p {text-indent:15px;}

.video {
	margin:50px 0px 50px 125px;
	}
.video h2 {
	margin-bottom:10px;	
	}