/****** green:#81AF2A, gray:#393939, purple:#540037	******/

/**************************************/	
/************** DEFAULTS **************/
/**************************************/

*, div{outline: none;border: none; margin: 0; padding: 0; list-style: none;}
.clr{clear:both;}

body{
	background: url(../images/bg.main.jpg) repeat-x top #530036;
	font-size:15px;
	color:#393939;
	font-family: "Tahoma", Arial, sans-serif;
	font-variant: normal;
	font-weight: lighter;
	line-height: 22px;
	letter-spacing: .03em;
	}
a{color:#540037;}
a:hover{text-decoration: underline;}
h1, h2, h3, h4, h5, p, ul, ol{padding:0 0 15px 0;}
h1{}
h2{font-size:19px;color:#81AF2A;}
h3{font-size:17px;color:#540037;}
h4{font-size:15px;color:#81AF2A;}
h5{}
p{}
hr{}
strong{font-weight: bold;}
.pdf{background: url(../images/btn.pdf.jpg) no-repeat left center; float: right;padding-left:20px;}

.r{float:right;}
.l{float:left;}
.c{clear:both;}

form input, textarea {
	background: #eee;
	border: 1px solid #333;
	float: left;
	padding: 3px;
	}

form label{
	display: block;
	width:250px;
	float: left;
	}	

form p{clear:both;padding-bottom:30px;}
.element{float:left;margin-left: 5px; margin-bottom: 10px;}
.radioButton{margin: 5px 5px 0 0;}
p.submit input{margin: 15px 0 0 250px; border:none; background:none;}

/**************************************/	
/*************** HEADER ***************/
/**************************************/

#header{
	margin:0 auto;
	width:974px;
	padding: 0;
	background: url('../images/bg.nav.png') no-repeat bottom center;
	height: 110px;
	}
	
#header h1{
	position:relative;
	top:-115px;
	left:371px;
	display: block;
	height: 169px;
	width: 225px;
	overflow: hidden;
	line-height:200px;
	z-index: 100;
	float:left;
	margin: 0 0 -185px 0;
	}

#header h1 a{
	background: url('../images/img.liberty.catering.png') no-repeat top center;
	display:block;
	padding-top:168px;
	height: 0px;
	width:225px;
	overflow: hidden
	}
	
#btn-quote{
	width: 261px;
	height: 0px;
	padding-top: 43px;
	margin: 0 5px 0 0;
	float: right;
	background: url('../images/btn.quote.png') no-repeat;
	overflow: hidden
	}

/**************************************/	
/***************** NAV ****************/
/**************************************/

#nav{
	margin:0;
	padding: 13px 0 0 0;
	clear: both;
	}

#nav li.l{
	background: url('../images/nav/bg.spacer.jpg') bottom right no-repeat;
	}
	
#nav li.r{
	background: url('../images/nav/bg.spacer.jpg') bottom left no-repeat;
	}
	
#nav li.services, #nav li.menus{
	background: none;
	}	
	
#nav li a{
	display: block;
	height: 0px;
	padding-top:54px;
	overflow: hidden;
	}
	
#nav li.home a{background:url('../images/nav/btn.home.png') no-repeat top left; width: 117px;}
#nav li.about a{background:url('../images/nav/btn.about.png') no-repeat top left; width: 115px;}
#nav li.services a{background:url('../images/nav/btn.services.png') no-repeat top left; width: 145px;}
#nav li.menus a{background:url('../images/nav/btn.menus.png') no-repeat top left; width: 159px;}
#nav li.faq a{background:url('../images/nav/btn.faq.png') no-repeat top left; width: 77px;}
#nav li.contact a{background:url('../images/nav/btn.contact.png') no-repeat top left; width: 145px;}

#nav li a:hover{background-position: 0px -54px ;}
	
/**************************************/	
/*********** MAIN ELEMENTS ************/
/**************************************/



#wrap{
	margin:0 auto;
	width:960px;
	padding: 0 8px 0 6px;
	background: url('../images/bg.wrap.png') repeat-y top center;
	}
	
#slide{
	height:338px;
	overflow: hidden;
	clear:both;
	}
	
#slide-secondary{
	height:119px;
	overflow: hidden;
	}
	
#content-main{
	width: 610px;
	padding:25px 20px 20px 20px;
	margin-bottom: 45px;
	background: url('../images/bg.gray.rule.jpg') repeat-x top left;
	float: left;
	}
	
#content-bottom{
	background: url('../images/bg.divider.wide.jpg') no-repeat top left;
	padding-top: 25px;
	padding-bottom: 25px;
	margin-left: -20px;
	margin-top: 25px;
	}
	
#content-bottom div{
	float:left;
	width: 290px;
	margin-left: 20px;
	}
	
#content-main ul li{
	margin-left: 40px;
	list-style-type: disc;
	}
	
#content-main li li{margin-left: 15px;}

#bottomcallout{
	background: url('../images/bg.bottom.callout.jpg') repeat-x top left;
	padding:20px;
	}
	
#bottomcallout .image{
	background: url('../images/bg.callout.image.png') no-repeat bottom left;
	width:317px;
	height:183px;
	display: block;
	padding:10px 17px 24px 17px;
	margin:-45px 10px 0px -7px;
	float:left;
	}
	
#bottomcallout p.more a{ color:#81AF2A;}

p.q{font-weight: bold;}
p.a{padding:0px 0px 0px 10px;margin:0px 0px 10px 10px; border-left: 3px solid #ccc;}


/**************************************/	
/*********** MENU ELEMENTS ************/
/**************************************/

ul.tabNavigation{
	margin:0;
	padding:0;
	}
	
	ul.tabNavigation li{
		margin:0 !important;
		padding:0 !important;
		list-style:none !important;
		float:left; !important;
		}
		
		ul.tabNavigation li a{
			margin:0 3px -1px 0;
			padding:5px 10px;
			background:#ccc;
			border-top:1px solid #bbb;
			border-right:1px solid #bbb;
			border-left:1px solid #bbb;
			text-decoration:none;
			display:block;	
			}
			
			ul.tabNavigation li a.selected{
				background:#fff;
				color:#81af2a;
				}
	
div#first, div#second{
	padding:10px;
	border:1px solid #bbb;
	}
	
	div#first h3, div#second h3{
		margin-top:0;
		padding-top:0;
		}

table.menuchoices{
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	font-size:9.5px;
	line-height:12px;
	text-align:center;
	}
	
	table.menuchoices th{
		background:#eee;
		color: #540037;
		text-transform:uppercase;
		}
		
	strong.special{
		color:#540037 !important;
		text-transform:uppercase;
		}
		
	table.menuchoices strong{
		color:#81af2a;
		}
	
	table.menuchoices th, table.menuchoices td{
		border-bottom: 1px solid #ccc;
		border-left: 1px solid #ccc;
		height:28px;
		padding:2px;
		}
		
			table.menuchoices td.elite{
				font-weight:bold;
				background:#eee;
				border-bottom:none;
				}
				
				table.menuchoices td.last{
					border-bottom: 1px solid #ccc !important;
					}
					
table.menuchoices th{
	background:;
	}

/**************************************/	
/*************** SIDEBAR **************/
/**************************************/

#sidebar{
	width: 270px;
	padding:20px;
	background: url('../images/bg.sidebar.jpg') repeat-x top left;
	float:right;
	}
	
h3#secondarynavhead{
	background: url('../images/bg.sidebar.secondary.jpg') top left no-repeat;
	color: #fff;
	padding: 9px 20px;
	margin:-21px -19px 5px -20px;
	text-shadow: 1px 1px 1px #394d0e;
	}

p.more a{
	font-weight:bold;
	text-decoration: none;
	padding-left: 15px;
	background: url('../images/bg.more.arrow.png') no-repeat left center;
	float: right;
	}
	
p.more a:hover{text-decoration: underline;}

#sidebar .image{
	background: url('../images/bg.sidebar.image.png') no-repeat center;
	padding: 16px;
	height: 167px;
	width: 264px;
	margin: 0 0 0 -10px;
	}

#sidebar .image img{
	margin-top:3px;
	}
	
#sidebar .image p{
	padding: 0;
	margin: 0;
	line-height: 15px;
	font-size:12px;
	text-align: right;
	}

#sidebar p.more a {color:#81AF2A;}

#sidebar a{text-decoration: none;}
#sidebar a:hover{text-decoration: underline;}

#sidebar ul#primary{padding-bottom: 10px; margin-bottom: 10px;border-bottom:1px solid #555;}
#sidebar ul#primary li a{color: #540037;font-weight: bold;}
#sidebar ul#secondary li a{ color: #393939; line-height: 28px;}
#sidebar ul#secondary li.facebook a{ padding-left:25px; background: url(../images/icons/facebook.gif) no-repeat left center;}
#sidebar ul#secondary li.twitter a{ padding-left:25px; background: url(../images/icons/twitter.gif) no-repeat left center;}


#testimonial{
	color:#777;
	margin:10px -20px;
	font-family: "Georgia", Times, serif;
	font-weight: bold;
	font-size: 13px;
	line-height: 15px;
	font-style: italic;
	text-shadow: 1px 1px 0px #fff;
	}

#testimonial p{
	margin:0px 20px;
	padding:0px 20px 10px 20px;
	background: url('../images/bg.testimonial.tile.gif') repeat-y top center;
	}
	
#testimonial p.byline{
	text-align: right;
	margin-bottom: 0;
	padding-bottom: 0;
	}

#testimonial div.ttop{height:29px;display: block; background: url('../images/bg.testimonial.top.gif') no-repeat top center}
#testimonial div.tbtm{height:30px; display: block; background: url('../images/bg.testimonial.btm.gif') no-repeat top center}

/**************************************/	
/*************** FOOTER ***************/
/**************************************/

#footer{
	margin:0 auto;
	height:20px;
	width:960px;
	padding: 0 7px;
	background: url('../images/bg.wrap.btm.png') no-repeat center;
	color:#fff;
	font-size: 13px;
	text-shadow: 1px 1px 1px #000;
	}

#footer a{color:#fff; text-decoration: none;}
#footer a:hover{text-decoration: underline;}

#legal{margin:20px 0 10px 20px;float: left;text-align:left;}	
#nav-foot{margin:20px 20px 10px 0px;float: right;text-align:right;}
#nav-foot li{ display: inline; margin: 0 0 0 5px;}

/**************************************/	
/************* DATE PICKER ************/
/**************************************/

a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../images/calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}
td.elite {
}