@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: 1250px;
	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: #FFFFFF;
	}
	
td.left{
	font-size: 1em;
	color: #FFFFFF;
	}
	
td.right{
	font-size: 1em;
	color: #FFFFFF;
	}
	
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: 310px;
	background-image: url(../images/buffet-co_header.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;
	height: 800px;
	}
	
#bodyCopy{
	width: 440px;
	padding: 10px 0 0 65px;
	float: left;
	}
	
#promo1{
	width: 205px;
	float: left;
	}
	
#promo2{
	width: 205px;
	margin-left: 225px;
	}
	
#promo3{
	width: 205px;
	float: left;
	}
	
#promo4{
	width: 205px;
	margin-left: 225px;
	}
	
	
#enquiries{
	background-image: url(../images/enquiries.gif);
	background-repeat: no-repeat;
	width: 335px;
	margin-left: 525px;
	margin-top: 25px;
	padding: 10px 0 0 10px;
	}
	
#rightCol{
	width: 320px;
	margin-left: 525px;
	margin-top: 25px;
	padding: 15px 0 0 20px;
	}
	
#nav{
	width: 900px;
	}
	
#nav li{
	list-style: none;
	display: inline;
	padding: 0px 20px 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: 265px;
	float: left;
	padding-top: 10px;
	}
	
#footerlogo{
	width: 135px;
	margin-left: 685px;
	}