/****************************
	Site Wide Styles
****************************/

body {background:url(../images/wood_bg.jpg) repeat-x #4a1a0e;color:#000;font-family:arial,verdana,san-serif;font-size:12px;margin:0pt;padding:0pt;text-align:left;}
#header, #wood_content, .content {position:relative;z-index:1;margin:0px auto;width:950px;}
#footer {text-align:center;color:#602512;background:url(../images/beans.png) repeat-x bottom left;}
#footer a {color:#602512;font-weight:bold;padding:0px 15px;}
#footer .footerholder {width:700px;margin:10px auto 0px;height:240px;border-top:1px solid #602512;}
#white_bg {background:url(../images/white_bg.gif) repeat-x #d6cfbb;border-top:5px solid #79573b;}
#white_bg .white_content {background:url(../images/white_content.jpg) transparent no-repeat center top;}



h1 span, h2 span, h3 span, h4 span, h5 span, a span {display:none;}
h1, h3 {color:#795645;margin:0px;font-weight:normal;}
h1 {font-size:30px;}

h3 {font-size:16px;}
a {color:#804e33;text-decoration:underline;font-weight:bold;cursor:pointer;}
p {margin:15px 0px;}
a img {border:none;cursor:pointer;}
form, fieldset {border:none;padding:0px;margin:0px;}

.centurygothic {font-family:Century Gothic, arial,verdana,san-serif;}

.right {text-align:right;float:right;}
.left {text-align:left;float:left;}
.left img {margin:0px 10px 10px 0px;}
.right img {margin:0px 0px 10px 10px;}
.clear {clear:both;}
.strong {font-weight:bold;}
.italic {font-style:italic;}
.small {font-size:10px;}
.large {font-size:14px;}
.normal {font-size:12px;font-weight:normal;}
.dim {color:#666666;}
.center {text-align:center;}
.black {color:#000;}
.red {color:#602512;}


/****************************
			Cup Logo
****************************/

.logo {position:absolute;z-index:10;top:0px;margin-left:-40px;}
.logo_holder {width:950px;margin:0px auto;}


/****************************
			Header
****************************/

.gray {color:#d6cfbb;}
#header .gray a {color:#d6cfbb;text-decoration:none;margin-right:15px;}
#header .gray p {margin:5px 0px;}


/***************************
		Main Nav
**************************/


.main_nav {margin:20px 0px;	float:right;}
.main_nav ul li {display:inline;list-style:none;margin:0px 15px;float:left;}
.main_nav ul li.last {display:inline;list-style:none;margin:0px 0px 0px 15px;float:left;}
.main_nav ul li a {display:block;height:49px;position:relative;}
.main_nav ul li a span {display:none;}

.main_nav ul li a.home {background:url(../images/menu_home.png) transparent no-repeat scroll left bottom;width:103px;}
.main_nav ul li a.menu {background:url(../images/menu_menu.png) transparent no-repeat scroll left bottom;width:103px;}
.main_nav ul li a.about {background:url(../images/menu_about.png) transparent no-repeat scroll left bottom;width:113px;}
.main_nav ul li a.contact {background:url(../images/menu_contact.png) transparent no-repeat scroll left bottom;width:135px;}

.main_nav ul li a:hover, .main_nav ul li a.on  {background-position:left top;}


/***************************
		Homepage
**************************/

.flash {margin-bottom:20px;}

.front_box {display:block;margin:15px 0px;overflow:hidden;}
.front_box .blurb {margin:46px 20px 10px;}
.front_box .blurb p {margin:10px 0px 0px;}
.front_box .blurb p {margin:10px 0px 0px;}
.box_coffee {background:url(../images/box_coffee.png) transparent no-repeat scroll left top;height:269px;}
.box_conversation {background:url(../images/box_conversation.png) transparent no-repeat scroll left top;height:269px;}
.box_community {background:url(../images/box_community.png) transparent no-repeat scroll left top;height:269px;}
.box_tornpaper {background:url(../images/tornpaper.png) transparent no-repeat scroll left top;height:286px;}
.box_tornpaper p {padding:26px 33px 14px;line-height:1.8;}
.box_tornpaper a {color:#000;text-decoration:underline;font-weight:normal;}

/***************************
		Interior pages
**************************/

.interiorpage {margin:50px 0px;}

/* about page styles */
.coffebg {background:url(../images/mocha.png) transparent no-repeat scroll bottom right;}
p.coffeefix_mission {padding-right:280px;}
p.coffeefix_bestcup {padding-right:450px;}

/* google map styles */

.mapholder {margin-left:20px;margin-top:15px;}
.mapshadow_top, .mapshadow_bottom {display:block;width:608px;height:4px;margin:0px;padding:0px;}
.mapshadow_top {background:url(../images/map_top.gif) transparent no-repeat scroll left top;}
.mapshadow_bottom {background:url(../images/map_bottom.gif) transparent no-repeat scroll left top;}
.mapshadow_mid {background:url(../images/map_mid.gif) transparent repeat-y scroll left top;width:608px;margin:0px;padding:0px 4px;}
.googlemap {height:433px;width:600px;border:none;}

/* contactform styles */

.contactholder {margin-top:15px;}
.contactholder h3 {margin:0px 20px 10px;font-weight:bold;}
.contactshadow_top, .contactshadow_bottom {display:block;width:278px;margin:0px;padding:0px;}
.contactshadow_top {background:url(../images/contact_top.gif) transparent no-repeat scroll left top;height:4px;}
.contactshadow_bottom {background:url(../images/contact_bottom.gif) transparent no-repeat scroll left top;height:44px;}
.contactshadow_mid {background:url(../images/contact_mid.gif) transparent no-repeat scroll left bottom;width:278px;margin:0px;padding:20px 0px 0px;}


form.contact {color:#602512;}
form.contact p {display:block;height:25px;margin:0px;clear:both;}
form.contact label {float:left;display:inline;width:30%;text-align:right;margin-right:10px;font-weight:bold;}
form.contact input.textfield, form.contact textarea {float:left;display:inline;width:60%;color:#000;padding:2px;border:1px solid #333;}
form.contact textarea {height:50px;}
form.contact select.select {float:left;display:inline;padding:1px;margin-right:2px;width:21%;font-size:11px;}
form.contact input.radio {margin:0px 5px 0px 25px;}

form.contact input.submit {display:block;background:url(../images/submit.png) transparent no-repeat scroll left top;width:158px;height:45px;margin:0px auto 10px;padding:0px;color:#602512;font-weight:bold;border:none;cursor:pointer;}


/* menu styles */
.menuholder {margin-top:15px;color:#fff;margin-bottom:30px;}
.menushadow_top, .menushadow_bottom, .menushadow_mid {display:block;width:952px;margin:0px;}
.menushadow_top {background:url(../images/menu_top.png) transparent no-repeat scroll left top;height:280px;}
.menushadow_bottom {background:url(../images/menu_bottom.png) transparent no-repeat scroll left top;height:100px;}
.menushadow_mid {background:url(../images/menu_mid.png) transparent repeat-y scroll left top;margin:0px;padding:0px 40px 0px;}

.green {color:#9ce436;}
.menu_cat {margin-bottom:40px;}
.menu_nudge {margin-top:-260px;}
h2.freestyle {margin-bottom:-24px;}


/* Floater box over the flash */
.flash_events {font-weight:normal;position:absolute;right:0px;top:16px;width:266px;height:272px;overflow:hidden;padding:5px;color:#fff;background:transparent;}
.flash_events h1.event {color:#fff;font-size:16px;margin:0px;padding:0px 0px 10px;font-weight:bold;}
.flash_events h3.event {color:#c3a472;font-size:14px;margin:0px;padding:0px;font-weight:bold;}
.flash_events p {color:#fff;font-size:12px;margin:0px;padding:0px;}
.flash_events p.eventdate {color:#b3be95;}
.flash_events ul {margin:0px 5px 0px 10px;padding:0px;}
.flash_events ul li {list-style:none;margin-bottom:15px;}