body {

	background-attachment: scroll;

	background-image:  url(images/backgroundLong.jpg);

	background-repeat: repeat-x;	

	width: 900px;

	margin: 0 auto;

	}

#container {

	background-attachment: scroll;

	background-image:  url(images/mainpage.jpg);

	background-repeat: no-repeat;	

	width: 900px;

	height: 1136px;

	margin: 10px;

	}

.credits {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #999999;

	text-align: center;

	position: absolute;

	top: 1100px;

	left: 100px;

	right: 100px;

	}

.logo {

	float: left;

	}

h1 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 30px;

	color: #9900FF;

	margin: 0px 40px 0px 80px;

	float: left;

	height: 88px;

}

h2 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 18px;

	font-weight: bold;

	color: #9900FF;

}

.topara {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	line-height: 17px;

	float: right;

	color: #999999;

	width: 380px;

	margin: 5px 70px 0px 0px;

	height: 88px;



}

.barbelogo {

	text-align: center;

	}

.indexgrills {

	width:900px;

	float:right;

	padding:0px;

	margin:auto 0px;

	text-align: center;

	visibility: hidden;

	z-index: 1;

	}	

#content {

	font-family: Arial, Helvetica, sans-serif;

	color: #CCCCCC;

	float: right;

	padding-top: 225px;

	padding-right: 100px;

	padding-left: 100px;

	font-size: 14px;

	}

#menu {

	width: 900px;

	float: right;

}

.subtitle {

	font-family: Arial, Helvetica, sans-serif;

	color: #9900FF;

	font-size: 18px;

	font-weight: bold;

	text-align: center;

	}

ul {

	padding: 0px 0px 0px 5px;

	margin: 0 auto;

}

li {

	display: inline;

	list-style: none;

	float: left;

}

.free {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-style: italic;

	color: #FFCC00;

	padding-top: 10px;

	text-align: center;

}

.free a {

	text-decoration: none;

	}

a:link {

	color: #FFCC00;

}

a:visited {

	color: #FFCC00;

}