/* CSS Document */

	html {
		margin:0;
		padding:0;
		color:#000;
		height:101%;
	}
	body {
		margin:0;
		padding:0;
		height:100%;
		min-height:101%;
		background-color:#666666;
		background-image: url(../img/diamond-plate.jpg);
		font-family: Arial;
		font-size: 14px;
		color: #fff;
}

/*for all browsers, including IE*/
	..content  {
		height:100%;
		min-height:100%;
	}
/*fixes error in non-IE agents*/
	html>body .content  {
	height:auto;
	min-height:100%;
	}
	#wrap {
		margin:20px auto;
		width:930px;
		padding: 1px;
		background: #000;
		padding-bottom: 5px;
	}
	#header {
		background: #fff;
		height:190px;
		width: 930px;
		overflow-bottom: hidden;
		background: transparent url(../img/sprite.png) no-repeat scroll 0 0;
		}
	
	#headerleft {
		float: left;
		padding: 30px 0 0 20px;
	}
	#headerright a {
	color: #FFFFCC;
	}
	#header h1 {
    	padding:5px;
	    margin:0;
    }
	#menuright {
		width: 280px;
		height: 47px;
		font-size: 18px;
		font: bold .9em/47px Arial, Helvetica, sans-serif;
		color: #ffffff;
		text-align: right;		
	}
	#menuright a {
		color: #ffffff;		
	}
	#menuright a:hover {
		color: #FF9900;
		text-decoration: none;
	}
	#menuright {
	height: 47px;
	float: left;
	}
	#menuitem1, #menuitem2, #menuitem3, #menuitem4, #menuitem5,  #menuitem6 {
	height: 47px;
	float: left;
	cursor:pointer;
	}
	a#menuitem1 {
		width: 73px;
		background: transparent url(../img/sprite.png) no-repeat scroll 0 -259px;
	}
	a#menuitem2 {
		width: 73px;
		background: transparent url(../img/sprite.png) no-repeat scroll -73px -259px;
	}
	a#menuitem3 {
		width: 155px;
		background: transparent url(../img/sprite.png) no-repeat scroll -146px -259px;
	}
	a#menuitem4 {
		width: 106px;
		background: transparent url(../img/sprite.png) no-repeat scroll -301px -259px;
	}
	a#menuitem5 {
		width: 107px;
		background: transparent url(../img/sprite.png) no-repeat scroll -407px -259px;
	}
	a#menuitem6 {
		width: 122px;
		background: transparent url(../img/sprite.png) no-repeat scroll -514px -259px;
	}
	a#menuitem1:hover, a#menuitem1.home {
		background-position: 0 -319px;
	}
	a#menuitem2:hover, a#menuitem2.menu {
		background-position: -73px -319px;
	}
	a#menuitem3:hover, a#menuitem3.orders {
		background-position: -146px -319px;
	}
	a#menuitem4:hover, a#menuitem4.catering {
		background-position: -301px -319px;
	}
	a#menuitem5:hover, a#menuitem5.aboutus {
		background-position: -407px -319px;
	}
	a#menuitem6:hover, a#menuitem6.contactus {
		background-position: -514px -319px;
	}
	a .alt { 
	display: none;
	}
	#nav1 {
		width: 930px;
		height: 47px; 
		padding: 1px 0;
		background: transparent url(../img/sprite.png) no-repeat scroll 0 -199px;
		text-align: center;
	}
	#nav2 {
		background: #fff;
		height:200px;
		width: 900px;
		overflow-bottom: hidden;
		background-image: url(../img/nav2bkg.jpg);
		padding: 5px 15px;
	}
	#nav2 #item1 a, #nav2 #item2 a, #nav2 #item3 a, #nav2 #item4 a {
	position: relative;
	width: 210px;
	height: 175px;
	background-image: url(../img/itempad.gif);
	float: left;
	margin: 6px;
	}
	#nav2 #item1 a:hover, #nav2 #item2 a:hover, #nav2 #item3 a:hover, #nav2 #item4 a:hover {
	background-image: url(../img/itempad-ov.gif);
	}
	#nav2 #item {
	padding: 4px;
	}
	#nav2 #itemtag img {
	padding: 4px;
	}
	
	#mainbody {
		width:870px;
		padding: 30px;
		background-color: #FF0000;
	}
	#mainbody #mainbodyleft {
		width: 600px;
		float:left;
		font: 16px/19px Arial, Helvetica, sans-serif;
	}
	#mainbody #mainbodyleft #cols {
		width: 150px;
		float:left;
		color: #ffffff;
	}
	#mainbody #mainbodyright {
		width: 210px;
		float: right;
		margin: 0 0 0 20px;
	}
	#mainbody input,#mainbody input,#mainbody textarea,#mainbody select   {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		line-height:14px;
		color:#333;
		font-weight: normal;
		border: 1px solid #ccc;
		padding: 3px;
	}
	#mainbody input:hover {
	background-color: #FF0000;
	}
	#mainbody h1 {
		font: normal 24px Georgia, "Times New Roman", Times, serif;
		color: #FFFFCC;
    }
	#mainbody p {
		margin:0 0 15px 0;
    }
	#mainbody #combo1, #mainbody #catertable {
	overflow: hidden;
	font: 14px Arial, Helvetica, sans-serif;
	padding: 20px 20px 20px 20px;
	color: #000000;
	}
	#mainbody #catertable {
	padding: 20px 20px 20px 20px;
	}
	#mainbody #combo1 #item { 
	width: 400px;
	margin-bottom: 40px;
	}
	#mainbody #combo1 h3 { 
	color: #660000;
	}
	#mainbody #combo1 img, #mainbody h5 img{
	float: left;
	margin: 10px 20px 0 0;
	}
	#mainbody #combo1 div, #mainbody #catertable div {
	float: left;
	width:160px;
	}
	#mainbody #combo1 #product, #mainbody #combo1 #pricing {
	width:190px;
	height: 24px;
	font: bold 12px/26px Arial, Helvetica, sans-serif;
	color: #660000;
	}
	#mainbody #combo1 #caterproduct, #mainbody #combo1 #caterpricing {
	font: bold 12px/15px Arial, Helvetica, sans-serif;
	color: #660000;
	text-align: center;
	width: 80px;
	}
	#mainbody #combo1 #caterpricing {
	width: 150px;
	}
	#mainbody #combo1 #pricing {
	width:110px;
	}
	#mainbody #combo1 #addtocart {
	width: 90px;
	height: 20px;
	}
	#mainbody #combo1 #addtocart #button {
	width: 90px;
	font: bold 11px/11px Arial, Helvetica, sans-serif;
	color:  #660000;
	cursor: pointer;
	background-color: #FFCC00;
	padding: 0;
	}
	#mainbody #combo1 {
	background-color: #fff;
	}
	#mainbody #combo1 div h1, #mainbody #catertable div h1 {
	color: #000;
	font: bold 14px Arial, Helvetica, sans-serif;
	}
	#mainbody #combo1 #adds {
	width: 420px;
	float: right;
	}
	#mainbody #combo1 h2 {
	font-weight: bold;
	margin: 0 0 15px 0;
	}	
	#mainbody #combo1 h3 {
	font-weight: bold;
	margin: 0 0 15px 0;
	}	
	#mainbody #combo1 #adds h3 {
	color: #666666;
	font-weight: bold;
	font: 11px/12px Arial, Helvetica, sans-serif;
	}	
	#highlight, #highlight-sides, #highlight-drinks, #highlight-orders, #highlight-catering {
	width: 210px;
	color: #fff;
	padding: 26px 0 0 18px;
	margin-bottom: 20px;
	}
	#highlight {
	background: transparent url(../img/retailhours.gif) no-repeat;
	height: 80px;
	}
	#highlight-orders {
	background: transparent url(../img/callout-ordersome.gif) no-repeat;
	}
	#highlight-drinks {
	background: transparent url(../img/callout-drinks.gif) no-repeat;
	}
	#highlight-sides {
	background: transparent url(../img/callout-sides.gif) no-repeat;
	}
	#highlight-catering {
	background: transparent url(../img/callout-catering.gif) no-repeat;
	}
	#highlight h1, #highlight-sides h1, #highlight-drinks h1, #highlight-orders h1, #highlight-catering h1 {
	font: 12px bold Arial, Helvetica, sans-serif;
	line-height: 15px;
	font-weight: bold;
	width: 190px;
	}
	#highlight p, #highlight-sides p, #highlight-drinks p, #highlight-orders p, #highlight-catering p {
	font: 12px bold Verdana, Helvetica, sans-serif;
	line-height: 15px;
	font-weight: bold;
	width: 190px;
	}
	#footer {
	margin: 0px auto;
	width: 910px;
	height: 40px;
	padding: 10px;
	text-align: center;
	font: 13px Arial, Helvetica, sans-serif;
	color: #333;
	}
	#footer a {
	text-decoration: underline;
	}
	#footer a:hover {
	text-decoration: none;
	}
	#footer div {
	font: 11px Arial, Helvetica, sans-serif;
	color: #ccc;
	}
	#clearboth {
		clear:both;
		width: 100%;
		height: 0px;
	}
	#mainbody #catertable #clearboth, #mainbody #combo1 #clearboth {
		clear:both;
		width: 550px;
	}
	#mainbody #combo1 #combowide {
	width: 550px;
	}
	#footer a {
	color: #fff;
	text-decoration: none;
	}
a:active {
	color: #660000;
}
a:hover {
	color: #fff;
}
a:link {
	color: #660000;
}
a:visited {
	color: #660000;
}