*
{
	margin:0;
	padding:0;
}

body 
{
	margin: 0;
	padding:0;
	width:100%;
	height:100%;
}

img
{
	border:0;	
}

/* Containers */
#container-site
{
	margin: 0;
	padding:0;
	width:100%;
	height:100%;
	font: normal normal normal 10pt/16pt Times New Roman;
	color: #3a1a02;
}

#container-topnav
{
	float:right;
	margin: 0;
	padding:0;
	width:710px;
	height:47px;
	margin:132px 0 0 5px;
}


/* Site Containers */
#site-top
{
	margin: 0 auto;
	width:100%;
	height:289px;
	background:#1b0c02 url("/assets/images/seemless_background_top.jpg") repeat top;
}

#site-bottom
{
	margin: 0 auto;
	width:100%;
	height:100%;
	background:#1b0c02 url("/assets/images/seemless_background_bot.jpg") repeat bottom;
}

#site-footer
{
	margin: 0 auto;
	width:100%;
	height:100%;
	background:#1b0c02 url("/assets/images/seemless_background_footer.png") repeat top;
}

#container-header
{
	clear:both;
	width:960px;
	height:289px;
	padding:0;
	margin: 0 auto;
	background: transparent url("/assets/images/bg_header.jpg") no-repeat 0 0;
}

#container-content
{
	clear:both;
	width:960px;
	margin: 0 auto;
	min-height:489px;
	background: transparent url("/assets/images/bg_content.jpg") no-repeat bottom;
	
}

#container-footer
{
	clear:both;
	margin: 0 auto;
	width:960px;
	height:216px;
	background: transparent url("/assets/images/bg_footer.jpg") no-repeat bottom;
}

/* Footer Links */
#container-footer #nav-footer
{
	padding:80px 0 0 5px;
}

#container-footer a
{
	display:block;
	float:left;
	width:178px;
	height:100px;
	margin:0;
	padding-right:10px;
}

#container-footer .copyright
{
	text-align:center;
	font: normal normal normal 12px/30px Times, Arial, Helvetica, Sans-serif;
	color: #3c341b;
}

#container-footer .copyright a
{
	display:inline;
	float:none;
	margin:0;
	padding:0;
	color: #3c341b;
	text-decoration:none;
}

#container-footer .copyright a:hover
{
	display:inline;
	float:none;
	margin:0;
	padding:0;
	color: #3c341b;
	text-decoration:underline;
}
#logo
{
	float:left;
	width:228px;
	height:228px;
}

#logo a
{
	display:block;
	float:left;
	width:228px;
	height:228px;
	margin: 2px 0 0 10px;
	padding: 0px;
}

/* Top Navigation */
#container-topnav ul
{
	width:710px;
	height:47px;
	margin: 0;
	padding:0;
	clear:both;
}


#container-topnav li
{
	float:left;
	list-style-type:none;
	margin: 0;
	padding:0;	
}

#container-topnav a
{
	display:block;
	height:47px;
	background-position: 0 -47px;
	background-repeat:no-repeat;
	background-color: Transparent;
}


#container-topnav a:hover, #container-topnav .active
{
	background-position: 0 0;
}

#container-topnav a.our-coffee
{
	background-image: url("/assets/images/nav/navOurCoffee.png");
	width:142px;
}

#container-topnav a.our-history
{
	background-image: url("/assets/images/nav/navHistory.png");
	width:115px;
}

#container-topnav a.cafe-menu
{
	background-image: url("/assets/images/nav/navCafeMenu.png");
	width:141px;
}

#container-topnav a.catering-menu
{
	background-image: url("/assets/images/nav/navCateringMenu.png");
	width:170px;
}

#container-topnav a.contact-us
{
	background-image: url("/assets/images/nav/navContactUs.png");
	width:142px;
}

/* Panels */
#container-site #l-panel
{
	float:left;
}

#container-site #c-panel 
{
	float:left;
}

#container-site #r-panel
{
	float:right;
}

#page-home  #l-panel
{
	width:320px;
}

#page-home #c-panel 
{
	width:318px;
}

#page-home #r-panel
{
	width: 262px;
	margin: 0 30px 0 30px;
}

#page-coffee 
{
	display:block;
	padding:25px 0 0 0;
	height:530px;
	width:960px;	
}

#page-coffee #l-panel
{
	display:block;
	width:310px;
	height:383px;
	background: transparent url("/assets/images/ad_mornbell.png") no-repeat top;
}

#page-coffee #c-panel 
{
	display:block;
	width:315px;
	height:383px;
	margin: 0 12px 0 12px;
	background: transparent url("/assets/images/purchase.png") no-repeat center;
}

#c-panel a.purchaseCoffee 
{
	display:block;
	width:315px;
	height:383px;
	margin: 0 12px 0 12px;
}

#page-coffee #r-panel
{
	display:block;
	width: 310px;
	height:383px;
	background: transparent url("/assets/images/ad_espresso.png") no-repeat top;
}

#page-cafe-menu
{
	display:block;
	padding:0 6px 20px 7px;
	height:720px;
	width:947px;	
	background: transparent url("/assets/images/menu_cafe.png") no-repeat top;
}

#page-catering-menu
{
	display:block;
	padding:0 36px 20px 36px;
	height:995px;
	width:888px;	
	background: transparent url("/assets/images/menu_catering.png") no-repeat top;
}

/* home */
#container-site #home-content
{
	margin: 25px 6px 0 6px;
	width:306px;
	text-align:justify;
}

#container-site #home-title
{
	display:block;
	width:306px;
	height:35px;
	margin:0 0 10px 0;
	background: transparent url("/assets/images/headers/hdr_history.png") no-repeat center;
}

#container-site #home-flash
{
	margin: 22px 0 0 0;
	width: 320px;
	height: 250px;
}

#container-site .block-roasts
{
	display:block;
	height:102px;
	width:262px;
	background: transparent url("/assets/images/home/bg_roasts.png") no-repeat center;
	margin:35px 0 15px 0;
}

#container-site .block-history
{
	display:block;
	height:104px;
	width:262px;
	background: transparent url("/assets/images/home/bg_history.png") no-repeat center;
}

/* Our History */
#page-history
{
	width:960px;
	padding-top:15px;
	min-height:1050px;
	text-align:justify;
}

#page-history #history-content
{
	display:block;
	height:655px;
	width:960px;
}

#page-history #header-philly
{
	display:block;
	height:176px;
	width:206px;
	margin:0 0 10px 0;
	background: transparent url("/assets/images/headers/hdr_philly.png") no-repeat top;
}

#history-content #history-col-1
{
	float:left; 
	width:206px;
	height:500px;
	padding-right:22px;
}

#history-col-1 #history-bell
{
	width:206px;
	height:151px;
	padding:10px 0 0 0;
	background: transparent url("/assets/images/libertybell.png") no-repeat center;	
}

#history-content #history-col-2
{
	float:left; 
	width:239px;
	padding-right:23px;
}

#history-content #history-col-3
{
	float:left; 
	width:239px;
	padding-right:23px;
}

#history-col-3 #history-tavern
{
	width:239px;
	height:252px;
	padding:0 0 10px 0;
	background: transparent url("/assets/images/citytavern.png") no-repeat center;	
}

#history-content #history-col-4
{
	float:right;
	width:208px;
}

#history-col-4 #history-exchange
{
	width:208px;
	height:218px;
	padding:10px 0 10px 0;
	background: transparent url("/assets/images/stockexchange.png") no-repeat center;	
}

#page-history #history-divider
{
	width:960px;
	height:33px;
	background: transparent url("/assets/images/history_flourish_divider.png") no-repeat center;	
}

#page-history #history-footer
{
	width:960px;
	height:91px;
}

#history-footer #history-footer-hand
{
	float:left;
	width:116px;
	height:62px;
	background: transparent url("/assets/images/history_hand.png") no-repeat center;	
}

#history-footer #history-footer-content
{
	float:left;
	margin: 0 auto;
	width:716px;
	height:91px;
	margin: 0 14px 0 14px;
	text-align:center;
}

#history-footer #history-footer-bean
{
	float:right;
	width:100px;
	height:100px;
	background: transparent url("/assets/images/history_bean.png") no-repeat center;
}

/* Contact */
#page-contact
{
	width:960px;
	min-height:500px;
	text-align:justify;
}

#page-contact #contact-title
{
	display:block;
	height:35px;
	width:960px;
	padding:25px 0 0 0;
	background: transparent url("/assets/images/headers/hdr_contact.png") no-repeat center;
}

#page-contact #contact-valid
{
	width:380px;
	padding:10px;
	text-align:center;
	margin:0 auto;
}

#page-contact #contact-form
{
	display:block;
	height:500px;
	width:928px;
	padding: 0 16px 70px 16px;
	background: transparent url("/assets/images/contact_boxarea.png") no-repeat top;
}

#site-bottom #header-expanded
{
 position:inherit;
 width:100%;
 margin: 0 auto;
 height:52px;
 background: transparent url("/assets/images/headers/bg_hdr_history.png") repeat center;
}

#header-expanded #history-title
{
	display:block;
	margin: 0 auto;
	height:52px;
	width:960px;
	background: transparent url("/assets/images/headers/hdr_big_history.png") no-repeat center;
}

/* Contact Form */
#contact-content
{
	padding: 70px 10px 10px 45px;
}

#contact-address
{
	clear:both;
	text-align:center;
	padding-top:5px;
	font: normal normal normal 12pt/16pt Times New Roman;
}

#contact-leftPanel
{
	float:left; 
	width:333px;
}

#contact-leftPanel .contact-form-group
{
	clear:both;	
	height:32px;
}

#contact-leftPanel .contact-form-group2
{
	padding-top: 28px;
	clear:both;	
}

#contact-leftPanel .contact-form-title
{
	float:left;
	height:28px; 
	width:45px;	
	line-height:28px;
}

#contact-leftPanel input
{
	height:20px;
	width:265px;
	border: none 0px #333333;
	padding: 0;
	margin: 4px 4px 4px 4px;
}

#contact-leftPanel .dropdown
{
	height:20px;
	width:265px;
	border: none 0px #333333;
	padding: 0;
	margin: 4px 4px 4px 4px;
}


#contact-leftPanel select, #contact-leftPanel option
{
	height:22px;
	width:267px;
	border: solid 0px #333333;
	margin: 3px 3px 3px 3px;
}

#contact-leftPanel .contact-form-field
{
	float:left; 
	height:28px;
	width:273px;
	background: transparent url("/assets/images/contact_field.png") no-repeat top center;
}

#contact-leftPanel .contact-form-error
{
	float:left;
	height:28px; 
	width:12px;	
	line-height:28px;
	padding-left:3px;
}

#contact-rightPanel
{
	float:left;
}

#contact-rightPanel .contact-form-group-top
{
	clear:both;	
	height:95px;
}

#contact-rightPanel .contact-form-group-bot
{
	clear:both;	
	height:175px;
}

#contact-rightPanel .commentGroup
{
	padding-left:60px;
}


#contact-rightPanel .contact-form-title
{
	float:left;
	height:92px; 
	width:65px;	
	line-height:28px;
}

#contact-rightPanel .commentBox
{
	height:84px;
	width:265px;
	border: none 0px #333333;
	padding: 0;
	margin: 4px 4px 4px 4px;
}

#contact-rightPanel .contact-form-field
{
	float:left; 
	height:92px;
	width:273px;
	background: transparent url("/assets/images/contact_comments.png") no-repeat top center;
}


#contact-rightPanel .contact-form-error
{
	float:left;
	height:28px; 
	width:12px;	
	line-height:28px;
	padding-left:3px;
}

#contact-rightPanel .contact-submit
{
	float:left;
	padding-top:35px;
}

#contact-rightPanel .contact-phone
{
	float:right;
	padding-left:130px;
	display:block;
	width:210px;
	height:172px;	
	background: transparent url("/assets/images/phone_facebook.gif") no-repeat top right;
}
#contact-rightPanel a.lnkFacebook
{
	display:block;
	margin:100px 45px 25px 45px;
	width:120px;
	height:47px;
}
/* thank you*/
#thank-you-content
{
	padding: 50px 0 0 0;
	text-align:center;
}