/* CSS Document */
body {
	background: url("http://www.theheatisoncatering.com/assets/img/bg.jpg");
	font-family: Century Gothic;
	font-size:12px;
	color: #000000;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
}
a {text-decoration:none; color:#cc6600; }
a visited {color:#993300;}

h4{margin-top:0;margin:bottom:2px;padding:0;}

body.Intro{
	background-color:#999999;
}

/*MENUS STYLING*/
body.dishMenu{
	background: #ffffff;
}
/*Menu Styling*/
.hovermenu{
	font: 12px "Century Gothic";
}
	.hovermenu ul{	/*This sets the font for the list*/
		background-color:#000000;
		list-style: none;
		margin-left: 0;
		padding-left: 4em;
		text-indent: -1em;
		margin-top:10px;
		margin-bottom:0;
	}
	.hovermenu ul li{ /*This sets the style for the list*/
		display:inline; /*not bulleted and list horizontally*/
		padding-right: 1em;
	}
	.hovermenu ul li a{
		text-decoration:none; /*removes the link underline set by default for hrefs*/
		color:#FFFFFF; /*sets color of font to white for hrefs*/
		/*background-color:#999999; /*Set background color of items to light grey*/
	}
	.hovermenu ul li a:hover/*only adjust links when mouse over*/{
		/*background-color:#333333; /*Background color for when mouse over*/
		text-transform:uppercase; /*Self explanatory, transform from lower case to upper when mouse over.*/
		border-top: 2px solid #cc6600;
	}
/*END MENU STYLING*/
/*-----FEATURES SKYSCRAPER-------------------------*/
table.features
{
	font-size: 12;
	background-color:#FFFFFF;
	width: 172px;
	border: 1px solid black;
	padding-bottom:0;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
}
td.featuresHead
{
	background-color: #666666;
	color: #CCCCCC;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #cccccc;
	padding-bottom: 0;
	padding-left:0;
	padding-right:0;
	padding-top:0;
}
td.featurestitlebar
{
	border-bottom: 2px solid #cccccc;
	background-color:#999999;
	color:#333333;
	text-align:center;
	padding-bottom: 0;
	padding-left:0;
	padding-right:0;
	padding-top:0;
}
td.featuresrowsplit
{
	font-size: 2;
	border-bottom: 1px solid #cccccc;
	padding-bottom: 0;
	padding-left:0;
	padding-right:0;
	padding-top:0;
}
td.featurescontent
{
	border-bottom: 1px solid #cccccc;
	padding-bottom: 0;
	padding-left:0;
	padding-right:0;
	padding-top:0;
	text-align: center;
}
/*-------------end features tower------------------*/

table.layoutIntro{
	background-image: url(../img/bg.jpg);
	color:#999999;
}
table.layout{
	border: 0;
	background-color:#FFFFFF;
	width: 872px;
}
td.head{
	background: black;
	border-bottom:3px dotted #2d2d2d;
	padding-bottom: 0;
	padding-left:0;
	padding-right:0;
	padding-top:0;
}
td.menu{
	/*background: url("../img/indentbg.gif") repeat-x;*/
	background-color:#333333;
}
td.main {
	padding:0;
	background-color:#FFFFFF;
	color: #000000;
	font-size: 14px;
	vertical-align:top;
}
td.footer {
	font-family: Century Gothic;
	color: #000000;
	font-size: 8pt;
	border-top: 1px solid black;
	padding-bottom: 0;
	padding-left:0;
	padding-right:0;
	padding-top:0;
	background-color:#000000;
}
td.footer a{
	text-decoration:none; /*removes the link underline set by default for hrefs*/
	color:#FFFFFF; /*sets color of font to white for hrefs*/
}
td.footer a:hover{
	text-decoration:none;
	border-bottom: 1px solid #cc6600;
	
}
td.contactinfo {
	font-family: Century Gothic;
	font-size:12px;
	color: #000000;
}	
table.dishMenuLayout{
	border: 1px solid black;
	width: 90%;
	background: #EAEAEA;
	color: #000000;
	font-size: 10pt;
	font-family: Century Gothic;
	padding-bottom: 0;
	padding-left:0;
	padding-right:0;
	padding-top:0;
}
.titleCost{
	text-align:center;
}
.dishMenuTitle{
	font-weight: bold;
	font-family: Century Gothic;
	font-size: 12pt;
	text-align:center;
}
.dishMenuSubTitle{
	font-weight: bold;
	font-family: Century Gothic;
	font-size: 10pt;
	text-align:center;
}

table.adbox{
	border: 1px solid black;
	font-family: Century Gothic;
	font-size: 10pt;
	background-color:#FFFFFF;
	width: 172px;
}
td.adtitle{
	background: #666666;
	color: #CCCCCC;
	padding-bottom: 0;
	padding-left:0;
	padding-right:0;
	padding-top:0;
}
select.form{
	background: #cccccc;
	border: 1px solid black;
	font-family: Century Gothic;
}
td.review1{
	border-bottom: 1px solid silver;
	padding-bottom: 0;
	padding-left:0;
	padding-right:0;
	padding-top:0;
}
td.review2{
	border-bottom: 1px solid silver;
	background: #FBFBFB;
	padding-bottom: 0;
	padding-left:0;
	padding-right:0;
	padding-top:0;
}
.thioForm{
	font-size:12px;
	font-family:"Century Gothic";
}
#Layer1{
	padding:8px;
	text-align:justify;
}

/*PERSONAL CHEF STYLING*/
.personalChefTable{
	border: 0;
	width: 100%;
}
	.personalChefQ{
		padding:0 0 0 30px;
		font-size:12px;
		font-family:"Century Gothic";
		background-image:   url("../img/pchef_qtitle.jpg");
		font-weight: bold;
	}
	.personalChefA{
		font-size:12px;
		font-family:"Century Gothic";
		background-color: white;
	}

.iFrameStyle{
	background-color:#FFFFFF;
}
/*Named Styles that apply to more than one type of element*/
#sidepanel {
	background: #ececec;
	font-family: Century Gothic;
	font-size: 10pt;
	color: #000000;
	padding-top: 10px;
	vertical-align:top;
	text-align:center;
}
#Layer1{
	font-family: Century Gothic;
	position:relative;
	z-index:1;
	overflow: auto;
}
