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

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #BD0217;
	background-position: center;
}

body,td,th {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #000;
}

img, img a {
	border: none;
}

#backarea {
	width: 900px;
	margin: 0 auto;
	background-image: url(img/menuaereabg.png);
	background-position: center;
	background-repeat: repeat-y;
	height: 100%;
	min-height: 500px;
	max-height: 650px;
}


#header {
	width: 900px;
	margin: 0 auto;
	text-align: center;
/*	height: 150px; /*don't forget to adjust the height of the header along with the size of the logo */ 
	background-image: url(img/bottombg.png);
	background-repeat: no-repeat;
	background-position: bottom;
	z-index: 90;
}

.toparea {
	width: 900px;
	text-align: center;
	height: 151px;
	background-color: #e4e0c5;
	background-repeat: no-repeat;
	background-position: bottom;	
}

.logo {
	height: 118px; /*change that to suit logo's size */
	width: 465px;
	float: left;
	margin: 5px 0 0 5px;
}

.address {
	float: right;
	width: 250px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #000;
	font-weight: bold;
	text-align: left;
	margin: 20px 5px 0 0;
}

#menu {
	width: 900px;
	margin-top: 120px; 
	height: 40px; 
	background: #000;
	vertical-align: middle;
	background-image: url(img/menuback3.png);
	background-repeat: repeat-x;
	position: absolute;
	z-index: 100;
}

#menu table {
	width: 500px;
	height: 40px;
	margin-left: 50px; 
}

#menu td {
	font-family: "Arial", Gadget, sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: #fff;
}

#menu td a {
	color: #fff;
	text-decoration: none;
}

#menu td a:hover {
	color: #fc0;
}

.topimage {
	width: 502px;
	padding-top: 8px;
	margin-left: auto;
	margin-right: 400px;
}

.orderonline {
	width: 154px;
	height: 29px;
	float: left;
	padding-top: 10px;
/*	margin: 0 100px 0 15px; */
}

.sidebar {
	width: 300px;
	height: 60px;
	margin-left: -25px;
	margin-top: 0px; /*the height and top margin are relative with each other and with the image at the top. If you increase the one, you have to decrease the other, in order to remain the same, but of course you can change it as it fits you*/
	background-image: url(img/sidebarbg2.png);
	background-repeat: repeat-y;
	z-index: 80;
	padding: 30px 10px 0 80px;   
	color: #000;
	font-size: 16px;
	font-weight: bold;
}

.locations {
	margin: 0 0 20px 30px;
	width: 203px;
	text-align: center;
	background-image: url(img/locationbg.png);
	background-repeat: repeat-x;
}

.city {
	padding-top: 15px;
	color: #900;
	font-size: 14px;
	font-weight: bold;
	display: block;
}

.telephone {
	padding-top: 5px;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
}

.signupimg {
	margin-left: 50px;
	margin-top: 70px;
}


.contentwrap {
	width: 854px;
	height: 100%;
	margin: 0 auto;
}

.contentemptyleft {
	width: 854px;
	height: 100%;
	background-color:  #e4e0c5;
	float: left;
}

.contentsidebar {
	width:300px;
	float: left;
	background-image: url(img/sidebarbg3.png);
	background-repeat: repeat-y;
}

.content{ 
	width: 530px;
	float: right;
	background-color: #e4e0c5;
	padding: 20px 20px 20px 0;
}
.contenttop {
	width: 854px;
	height: 45px;
	background-image: url(img/topbg2-2.png);
	background-repeat: no-repeat;
	float: left;
	text-align: center;
}
.contentbottom {
	width: 854px;
	background-image: url(img/bottombg.png);
	background-repeat: no-repeat;
	background-position: bottom;
	float: left;
}

.welcome {
	font-size: 18px;
	font-weight: bold;
	margin: 18px 0 0 20px;	
	display: block;
	
}
		
.contentimage {
	border: none;
	margin: 10px 10px 10px 0;
}

.contentimagecentered {
	border: none;
	margin-left: 40px;
}

.fts_pagetitle {
	font-family: Trebuchet MS;
	font-size: 16pt;
	line-height: 1.2em;
	letter-spacing: 0;
	text-align: left;
	word-spacing: normal;
	text-decoration: none;
	color: #000;
	border-bottom: solid 2px #3c8661;
}

.fts_heading2 {
	font-family: Trebuchet MS;
	font-size: 14pt;
	line-height: 1.2em;
	letter-spacing: 0;
	text-align: left;
	word-spacing: normal;
	text-decoration: none;
	color: #3c8661;
}

#footer {
	width: 900px;
	height: 40px;
	margin: 0 auto;
	background-image: url(http://pizzaodyssey.com/img/bg_bottom.jpg);
	background-repeat: no-repeat;
	background-position: top;
	position: relative;
}

.copyright {
	float: right;
	margin: 20px 50px 0 0;
	font-size: 10px;
	font-weight: bold;
	color: white;	
}