@charset "UTF-8";
/* CSS Document */

BODY{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0 auto;
	width: 900px;
	background-color: #e4e8ea;
		}
	
*{
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	}
	
IMG{
	border: 0px;
	}
	

#pageContainer{
	height: 2185px;
	background-color: #000000;
	}
	
	
/* --------------------- FONTS -----------------------*/

p, li{
	font-size: 0.75em;
	color: #FFFFFF;
	}

p a:link{
	text-decoration: none;
	color: #FFFFFF;
	}
	
p a:visited{
	text-decoration: none;
	color: #FFFFFF;
	}
	
p a:hover{
	text-decoration: underline;
	color: #FFFFFF;
	}
	
label{
	font-size: 1em;
	color: #FFFFFF;
	}
	
tr, td{
	font-size: 1em;
	color: #00aeef;
	}
	
td.left{
	font-size: 0.75em;
	color: #00aeef;
	}
	
td.right{
	font-size: 0.75em;
	color: #00aeef;
	}
	
h1{
	font-size: 2em;
	color: #FFFFFF;
	}
	
h2{
	font-size: 1.1em;
	color: #FFFFFF;
	font-weight: lighter;
	}

h3{
	font-size: 0.85em;
	color: #FFFFFF;
	font-weight: bold;
	}
	
h4{
	font-size: 0.6em;
	color: #FFFFFF;
	font-weight: lighter;
	}
	
h4 a:link{
	text-decoration: none;
	color: #FFFFFF;
	}
	
h4 a:visited{
	text-decoration: none;
	color: #FFFFFF;
	}
	
h5{
	font-size: 1em;
	font-weight: lighter;
	line-height: 2.2em;
	color: #FFFFFF;
	}
	
h6{
	font-size: 1.1em;
	color: #FFFFFF;
	font-weight: bold;
	}
	
	
	
	
/* --------------------- HEADER -----------------------*/

	
	
#header{
	height: 2000px;
	background-image: url(../images/buffet-co_bground_occ.gif);
	background-repeat: no-repeat;
	padding: 35px 0 0 65px;
	color: #FFFFFF;
	}
	
#title{
	height: 90px;
	width: 500px;
	color: #FFFFFF;
	float: left;
	}
	
#logo{
	height: 90px;
	width: 110px;
	float: left;
	}
	
#contact{
	height: 80px;
	width: 240px;
	color: #FFFFFF;
	margin-left: 525px;
	padding-top: 10px;
	}
	
#occassional{
	width: 240px;
	margin-top: 40px;
	text-align: center;
	float: left;
	}
	
#fork{
	width: 240px;
	margin-top: 40px;
	text-align: center;
	padding: 0 0 0 20px;
	float: left;
	}
	
#hot{
	width: 240px;
	margin-top: 40px;
	margin-left: 525px;
	text-align: center;
	}
	
#occassionalTxt{
	width: 240px;
	margin-top: 5px;
	text-align: center;
	float: left;
	}
	
#forkTxt{
	width: 240px;
	margin-top: 5px;
	text-align: center;
	padding: 0 0 0 20px;
	float: left;
	}
	
#hotTxt{
	width: 240px;
	margin-top: 5px;
	margin-left: 525px;
	text-align: center;
	}
	
	
	
#mainContent{
	width: 900px;
	}
	
#bodyCopy{
	width: 440px;
	margin-top: 35px;
	float: left;
	}
	
#img{
	margin-left: 525px;
	margin-top: 70px;
	width: 240px;
	}
	
#img2{
	margin-left: 525px;
	margin-top: 40px;
	width: 240px;
	}
	
#img3{
	margin-left: 525px;
	margin-top: 40px;
	width: 240px;
	}
	
#img4{
	margin-left: 525px;
	margin-top: 40px;
	width: 240px;
	}
	
#img5{
	margin-left: 525px;
	margin-top: 40px;
	width: 240px;
	}
	
#img6{
	margin-left: 525px;
	margin-top: 40px;
	width: 240px;
	}
	
	
#promo1{
	width: 205px;
	float: left;
	}
	
#promo2{
	width: 205px;
	margin-left: 225px;
	}
	
	
#nav{
	width: 900px;
	}
	
#nav li{
	list-style: none;
	display: inline;
	padding: 0px 35px 0 0;
	}
	
#nav li a:link, #nav li a:visited{
	color:#FFFFFF;
	text-decoration: none;
	}
	
#nav li a:hover{
	text-decoration: underline;
	}
	
#rule1{
	height: 1px;
	width: 900px;
	background-color: #FFFFFF;
	}
	
#links{
	width: 835px;
	height: 30px;
	padding: 8px 0 0 65px;
	}
	
#rule2{
	height: 1px;
	width: 900px;
	background-color: #FFFFFF;
	}
	
	
#footer{
	height: 75px;
	width: 835px;
	padding: 0 0 0 65px;
	}
	
#footerTxt{
	width: 380px;
	padding: 55px 0 0 0;
	float: left;
	}
	
#footercert{
	width: 135px;
	float: left;
	padding-top: 10px;
	}
	
#footerlogo{
	width: 135px;
	margin-left: 685px;
	}