/* @override http://atriumgardencafe.com/atriumgarden/stylesheets/atrium.css */

/*-----------------------------------------------------------------
Atrium Garden Cafe

Main Stylesheet

version: 	1.0
author: 	Impressive Designs
email:		info@impdesigns.com
website:	http://www.impdesigns.com
copyright:	(c)2007	
-------------------------------------------------------------------*/

/* Begin Style Sheet */


/* @group Site Structure */

body{
	background: #FEF4E3 url(../images/body_bg.gif) repeat-y center top;
        text-align: center;
		margin: 0px;
	    border: 0px;
		padding:0px;
font: 16px/1.3em "Trebuchet MS", Arial, sans-serif;
}
#top_section{
	background: url(../images/top_section_bg.gif) repeat-x;
	margin: 0;
	width: 100%;
	height: 220px;
	padding: 0;
}
#header{
	width: 940px;
	height: 190px;
	padding: 0;
	background: url(../images/header_bg.jpg) no-repeat center top;
	margin: auto;
}
#main_nav{
	margin: auto;
	width: 940px;
	height: 30px;
	background-color: #57581C;
}
#cafe_subnav{
	
}
#content_home{
	width: 940px;
	height: auto;
	margin: auto;
	padding: 0;
}
#content_cafe{
	width: 940px;
	height: auto;
	margin: auto;
	padding: 0;
}

#content_deliboard{
	width: 940px;
	height: auto;
	margin: auto;
	padding: 0;
}
#content_soupsalad{
	width: 940px;
	height: auto;
	margin: auto;
	padding: 0;
}
#content_sandwiches{
	width: 940px;
	height: auto;
	margin: auto;
	padding: 0;
}
#content_sweets{
	width: 940px;
	height: auto;
	margin: auto;
	padding: 0;
}
#content_goodmorn{
	width: 940px;
	height: auto;
	margin: auto;
	padding: 0;
}
#content_lunch{
	width: 940px;
	height: auto;
	margin: auto;
	padding: 0;
}
#content_catering{
	width: 940px;
	height: auto;
	margin: auto;
	padding: 0;
}
#content_catering_breakfast{
	width: 940px;
	height: auto;
	margin: auto;
	padding: 0;
}
#content_catering_coldlunch{
	width: 940px;
	height: auto;
	margin: auto;
	padding: 0;
}
#content_catering_hotlunch{
	width: 940px;
	height: auto;
	margin: auto;
	padding: 0;
}
#content_catering_horsdoeurve{
	width: 940px;
	height: auto;
	margin: auto;
	padding: 0;
}
#content_catering_dessert{
	width: 940px;
	height: auto;
	margin: auto;
	padding: 0;
}
#left_column{
	width: 260px;
	height: auto;
	float: left;
	margin: 0;
	padding: 0 0 0 20px;
}
.message_box{
	border: 1px solid #C17237;
	background-color: #FEF4E3;
	width: 256px;
	padding: 0;
	height: auto;
	margin: 25px 0 0;
}
.menu_listing{
	width: 560px;
	margin: 0 0 15px 17px;
	padding: 0;
	border-bottom: 1px solid #C17237;
}
td.menu_item{
	width: 500px;
	margin: 0;
	padding: 0 15px 0 0;
}
td.menu_price{
	width: 65px;
	height: auto;
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 1em;
	vertical-align: bottom;
	text-align: right;
}
#right_column{
	background-color: #FEF4E3;
	width: 620px;
	height: auto;
	border: 1px solid #C17237;
	float: right;
	padding: 0;
	margin: 25px 20px 25px 0;
}
#bottom_section{
	width: 100%;
	height: 95px;
	margin: 0;
	padding: 0;
	clear: both;
	background: url(../images/bottom_section_bg.gif) repeat-x center;
}
#map_box{
	float: right;
	width: 334px;
	margin: 8px 20px 0;
	height: 275px;
}
#contact_map_box{
	float: right;
	width: 334px;
	margin: 8px 20px 0;
	height: 270px;
}
#photo_box{
	float: right;
	width: 334px;
	margin: 8px 20px 0;
	height: 275px;
}
#footer{
	width: 940px;
	height: 95px;
	margin: auto;
	padding-top: 25px;
	padding: 0;
	background: url(../images/footer_bg.gif) repeat-x;
}
#atrium_info{
	width: 200px;
	padding-top: 40px;
	float: left;
}
#bottom_nav{
	width: 600px;
	padding-top: 40px;
	float: left;
}
#credits{
	float: right;
	width: 100px;
	height: 40px;
	margin: 0 20px 0 0;
	padding-top: 38px;
}

/* @end */


/* @group Main Nav */

#main_nav ul{
	list-style-type: none;
	margin: 0 0 0 10px;
	padding: 0;
}
#main_nav li{
	margin: 5px 0 0 0px;
	padding: 0;
	float: left;
	color: #CDE5EF;
}
#main_nav a{
	text-decoration: none;
	color: #CDE5EF;
	font-size: 1.2em;
	font-weight: normal;
	font-style: normal;
}
#main_nav  a:hover{
	color: #ffffff;
}
#home li.nav_home a{
	color: #FFFFFF;
}
#cafemenu li.nav_cafemenu a{
	color: #FFFFFF;
}
#catering li.nav_catering a{
	color: #FFFFFF;
}
#about li.nav_about a{
	color: #FFFFFF;
}
#contact li.nav_contact a{
	color: #FFFFFF;
}

/* @end */

/* @group Sub Navigations */

#cafe_subnav ul{
	list-style-type: none;
	margin: 10px 0 0 10px;
	padding: 0;
	height: 25px;
	width: 600px;
}
#catering_subnav ul{
	list-style-type: none;
	margin: 10px 0 0 10px;
	padding: 0;
	height: 25px;
	width: 600px;
	}
#cafe_subnav li{
	margin: 0;
	padding: 0;
	float: left;
}
#catering_subnav li{
	margin: 0;
	padding: 0;
	float: left;
}
#cafe_subnav a{
	margin: 0 2px;
	padding: 4px 5px 0;
	text-decoration: none;
	display: inline-block;
	color: #C17237;
	border-top-style: solid;
	border-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	height: 20px;
	font-size: .8em;
}
#catering_subnav a{
	margin: 0 5px;
	padding: 4px 5px 0;
	text-decoration: none;
	display: inline-block;
	color: #C17237;
	border-top-style: solid;
	border-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	height: 20px;
	font-size: .8em;
}
#cafe_subnav li a:hover{
	color: #FEF4E3;
	background-color: #C17237;
}
#catering_subnav li a:hover{
	color: #FEF4E3;
	background-color: #C17237;
}
#content_cafe #cafe_subnav li.subnav_cafe a{
	color: #FEF4E3;
	background-color: #C17237;
}
#content_deliboard #cafe_subnav li.subnav_deliboard a{
	color: #FEF4E3;
	background-color: #C17237;
}

#content_soupsalad #cafe_subnav li.subnav_soupsalad a{
	color: #FEF4E3;
	background-color: #C17237;
}

#content_sandwiches #cafe_subnav li.subnav_sandwich a{
	color: #FEF4E3;
	background-color: #C17237;
}

#content_sweets #cafe_subnav li.subnav_sweets a{
	color: #FEF4E3;
	background-color: #C17237;
}

#content_goodmorn #cafe_subnav li.subnav_goodmorn a{
	color: #FEF4E3;
	background-color: #C17237;
}
#content_lunch #cafe_subnav li.subnav_cafelunch a{
	color: #FEF4E3;
	background-color: #C17237;
}

#content_catering #catering_subnav li.subnav_catering a{
	color: #FEF4E3;
	background-color: #C17237;
}
#content_catering_breakfast #catering_subnav li.subnav_cater_breakfast a{
	color: #FEF4E3;
	background-color: #C17237;
}
#content_catering_coldlunch #catering_subnav li.subnav_cater_coldlunch a{
	color: #FEF4E3;
	background-color: #C17237;
}
#content_catering_hotlunch #catering_subnav li.subnav_cater_hotlunch a{
	color: #FEF4E3;
	background-color: #C17237;
}
#content_catering_horsdoeurve #catering_subnav li.subnav_cater_horsdoeurve a{
	color: #FEF4E3;
	background-color: #C17237;
}
#content_catering_dessert #catering_subnav li.subnav_cater_dessert a{
	color: #FEF4E3;
	background-color: #C17237;
}

/* @end */




/* @group Form Elements */

#icontact{
	border: 1px solid #C17237;
	background-color: #FEF4E3;
	width: 256px;
	padding: 15px 0 0;
	height: auto;
	margin: 25px 0 0;

}
.icontact_form_label{
	float: left;
	color: #000;
	font-size: .9em;
	text-align: right;
	margin: 5px 0 0;
	height: 15px;
	width: 85px;
	padding: 0;
	
}
.icontact_field_block{
	width: 256px;
	height: 35px;
	margin: 0;
	padding: 0;
	float: none;
}
form .icontact_field{
	float: left;
	padding: 0;
	width: 170px;
	text-align: left;
	margin-right: 0;
	margin-bottom: 0;
	margin-top: 0;
}
label.icontact_form_header{
	color: #000;
	width: 256px;
	font-size: .9em;
	text-align: center;
}

form input.icontact_text_field{
	padding: 5px;
	width: 150px;
	border: 1px solid #C17237;
	font-size: 12px;
	font-weight: bold;
	margin-left: 5px;
}
.icontact_checkbox_block{
	text-align: left;
	margin: 0;
	padding: 0 0 0 85px;
}

#contactform{
	width: 578px;
	clear: both;
	height: auto;
	margin: 0 0 20px 20px;
	background-color: #FDE9C6;
	border: 1px solid #C17237;
	display: inline-block;
	padding: 0;
}


#contactform_message{
	width: 578px;
	clear: both;
	height: auto;
	margin: 25px 0 20px 20px;
	background-color: #FDE9C6;
	border: 1px solid #C17237;
	display: inline-block;
	padding: 0;
}
.contact_field_block{
	width: 500px;
	height: auto;
	margin: 5px 0 10px;
	padding: 5px 0 0 25px;
	float: none;
}

.contact_field_blockarea{
	width: 500px;
	height: 100px;
	margin: 5px 0 10px;
	padding: 5px 0 0 25px;
	float: none;
}

form label{
	float: left;
	color: #C17237;
	font-size: .9em;
	width: 130px;
	text-align: right;
	height: 25px;
	margin: 3px 0 0;
	padding-top: 0;
	padding-left: 0;
	padding-bottom: 0;
}
form .field{
	float: left;
	padding: 0;
	width: 350px;
	text-align: left;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 0;
}
form input.text_field{
	padding: 5px;
	width: 100%;
	border: 2px solid #C17237;
	font-size: 14px;
	font-weight: bold;
	margin-left: 5px;
}
form .field_block{
	float: left;
	padding: 0;
	width: 350px;
	text-align: left;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 15px;
	height: 100px;
}

form textarea.text_field{
	padding: 5px;
	width: 100%;
	border: 2px solid #C17237;
	font-size: 14px;
	font-weight: bold;
	height: 100px;
	margin: 0 0 0 5px;
}
.checkbox_label{
	font-size: .9em;
}
/* @end */

/* @group Misc. */

.clearboth{
	clear: both;
}
#icontact a{
	color: #568444;
	padding: 0;
	margin: 0;
	text-decoration: none;
}
#icontact a:hover{
	color: #C17237;
	padding: 0;
	margin: 0;
	text-decoration: none;
}
p {
	text-align: left;
	margin: 0;
	padding: 0 15px 8px 17px;
	font-size: .9em;
}
h1{
	text-align: left;
	margin: 0;
	padding: 20px 15px 8px;
	color: #568444;
	font-size: 1.75em;
	font-weight: normal;
	font-style: normal;
}
h2{
	text-align: left;
	margin: 0;
	padding: 20px 15px 5px;
	color: #568444;
	font-size: 1.5em;
	font-weight: normal;
	font-style: normal;
}
#map_box p{
	text-align: right;
	margin: 5px 0 0;
	padding: 0;
	color: #C17237;
}
#photo_box p{
	text-align: right;
	margin: 5px 0 0;
	padding: 0;
	color: #C17237;
}
.message_box h1{
	font-size: 1.2em;
}
.message_box h2{
	font-size: 1.4em;
	text-align: right;
	margin: 0 20px 10px 0;
	padding: 0;
}
.menu_listing h3{
	text-align: left;
	color: #C17237;
	font-weight: normal;
	font-style: normal;
	margin: 5px 0 0 0px;
	padding: 0;
}
.menu_item p{
	margin: 0;
	padding: 0 0 0 2px;
}
#atrium_info p{
	color: #C17237;
	font-size: .8em;
}
#bottom_nav{
	color: #C17237;
	font-size: .8em;
}
#bottom_nav a{
	color: #C17237;
}
#credits a{
	text-decoration: none;
}
#credits img{
	border-style: none;
}

/* @end */