html {
	height: 100%;
}

body {
	background: url(../images/background.jpg) top left repeat-x;
	background-repeat: repeat-x;
	margin: 0 0 0 0px; 
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	
}	

.clr {
	clear: both;
}

.style1 {color: #999999}
.style3 {color: #3399FF}
.style5 {color: #FFFFFF}
.style6 {
	color: #999999;
	font-style: italic;
	font-weight: bold;
}
.style8 {color: #3399FF; font-weight: bold; }
.style9 {color: #2d80cb}

a:link {
	color: #2d80cb;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	color: #2d80cb;
	text-decoration: none;
}
a:active {
	color: #2d80cb;
	text-decoration: none;
}

a:visited {
	color: #2d80cb;
}


/*start main layout*/

/*HOMEPAGE*/

#wrap-a {
	width: 100%;
	
	
}

#background {
	background-image: url(images/background.jpg);
	background-repeat: repeat-x;
}

#header {
	height: 120px;
	width: 971px;
	background-image: url(../images/header.jpg);
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
}
	
#main-nav {
	height: 38px;
	width: 971px;
	background-image: url(../images/main-nav.jpg);
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
}

#nav-home {
	position: absolute;
	height: 38px;
	width: 151px;
	margin-left: 25px;
}

#nav-home {
	position: absolute;
	height: 38px;
	width: 149px;
	margin-top: 0px;
	margin-left: 25px;
}
#nav-menu {
	position: absolute;
	height: 38px;
	width: 134px;
	margin-top: 0px;
	margin-left: 176px;
}

#nav-order {
	position: absolute;
	height: 38px;
	width: 185px;
	margin-top: 0px;
	margin-left: 312px;
	
}

#nav-loc {
	position: absolute;
	height: 38px;
	width: 148px;
	margin-top: 0px;
	margin-left: 499px;
}

#nav-pic {
	position: absolute;
	height: 38px;
	width: 139px;
	margin-top: 0px;
	margin-left: 649px;
}

#nav-contact {
	position: absolute;
	height: 38px;
	width: 155px;
	margin-top: 0px;
	margin-left: 790px;
}

#content-top {
	height: 233px;
	width: 971px;
	background-image: url(../images/content-top.jpg);
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	background-repeat: no-repeat;
}
#image-home {
	position: absolute;
	height: 233px;
	width: 920px;
	background-image: url(../images/img-home.jpg);
	margin-top: 0px;
	margin-left: 25px;
	background-repeat: no-repeat;
}

#content-background {
	width: 971px;
	height: 380px;
	margin-left: auto;
	margin-right: auto;
	background-repeat: repeat-y;
	line-height: 140%;
	background-attachment: scroll;
	margin-bottom: auto;

}
.content-center {
	float: right;
	width: 971px;
}

#img-welc {
	position: absolute;
	height: 23px;
	width: 383px;
	margin-left: 50px;
	margin-top: 25px;
	background-image: url(../images/img-welcome.jpg);
	background-repeat: no-repeat;
}
	
#img-what {
	position: absolute;
	height: 23px;
	width: 340px;
	margin-left: 530px;
	margin-top: 25px;
	background-image: url(../images/img-what.jpg);
	background-repeat: no-repeat;
}

#img-dots {
	position: absolute;
	height:311px;
	width: 3px;
	margin-left: 510px;
	margin-top: 10px;
	background-image: url(../images/img-dots.jpg);
	background-repeat: no-repeat;
	
}
		
.welcometext {
	position: absolute;
	float: none;
	width: 440px;
	margin-right: auto;
	margin-left: 55px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 0px;
	margin-top: 65px;
	background-image: none;
	line-height: 18px;
}

#image-shop {
	position: absolute;
	height:168px;
	width: 239px;
	margin-top: 176px;
	margin-left: 50px;
		
}

#button-menu {
	position: absolute;
	height: 75px;
	width: 190px;
	margin-top: 210px;
	margin-left: 295px;
		
}

#image-bubble {
	padding: 0px;
	position: absolute;
	height: 25px;
	width: 33px;
	margin-top: 12px;
	margin-left: 0px;
	z-index: 65;
}

#image-bubble2 {
	padding: 0px;
	position: absolute;
	height: 5px;
	width: 33px;
	margin-top: 70px;
	margin-left: 0px;
}

#image-bubble3 {
	padding: 0px;
	position: absolute;
	height: 25px;
	width: 33px;
	margin-top: 135px;
	margin-left: 0px;
}

#whattheysay {
	padding-top: 0px;
	position: absolute;
	height: 205px;
	width: 400px;
	margin-top: 60px;
	margin-left: 535px;
	
}

.testimonial1 {
	position:absolute;
	width: 360px;
	margin-top: 0px;
	margin-left: 40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	padding: 0px;
	clear: both;
	
}


#button-more {
	padding: 0px;
	position: absolute;
	height: 38px;
	width: 99px;
	margin-top: 260px;
	margin-left: 680px;
}

#bottom-link {
	height: 25px;
	width: 971px;
	margin-top: 0px;
	margin-left: auto;	
	margin-right: auto;

}

#footer-strip {
	height: 73px;
	width: auto;
	background: url(../images/background.jpg) top left repeat-x;
	margin-bottom: 0px;
	padding-bottom: 0px;
	}
#footer-area {
	
	height: 73px;
	width: 971px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	}
#footer-text {
	position: absolute;
	height: 20px;
	width: 310px;
	margin-top: 25px;
	margin-left:330px
	}
	
	

/**************************INNERPAGES**************************/


/**************************MENU PAGE**************************/
#inner-content-menu {
	padding-top: 0px;
	height: 700px;
	width: 971px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	background: url(../images/content-top.jpg) top left repeat-x;
	}
#heading-menu {
	position: absolute;
	width: 600px;
	height: 50px;
	margin-top: 40px;
	margin-left: 190px;
	background: url(../images/img-menu.jpg) top left repeat-x;
	}
#button-sandwich {
	position: absolute;
	width: 273px;
	height: 217px;
	margin-top: 115px;
	margin-left: 200px;
	}
#button-salad {
	position: absolute;
	width: 273px;
	height: 217px;
	margin-top: 115px;
	margin-left: 505px;
	}
#button-juice {
	position: absolute;
	width: 273px;
	height: 217px;
	margin-top: 365px;
	margin-left: 50px;
	}
#button-catering {
	position: absolute;
	width: 273px;
	height: 217px;
	margin-top: 365px;
	margin-left: 350px;
	}
#button-products {
	position: absolute;
	width: 273px;
	height: 217px;
	margin-top: 365px;
	margin-left: 650px;
	}
#button-download {
	position: absolute;
	width: 190px;
	height: 46px;
	margin-top: 615px;
	margin-left: 390px;
	}
#menu-preview {	
	margin-top= 0px;
	width: 600px;
	height: 800px;
	margin-bottom: auto;
	margin-left: auto;
	margin-right: auto;
	}
	

/**************************ORDER ONLINE PAGE**************************/
#inner-content-order {
	padding-top: 0px;
	height: auto;
	overflow:auto;
	width: 971px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	background: url(../images/content-top.jpg) top left repeat-x;
	}
#coming-soon {
	/*position: absolute;*/
	width: 830px;
	height: auto;
	overflow:auto;
	margin-top: 15px;
	margin-left: 72px;
	}
	
/**************************LOCATION PAGE**************************/
#inner-content-location {
	padding-top: 0px;
	height: 600px;
	width: 971px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	background: url(../images/content-top.jpg) top left repeat-x;
	}
#img-map {
	position: absolute;
	width: 510px;
	height: 408px;
	margin-top: 70px;
	margin-left: 48px;
	}
#txt-location {
	padding: 0px;
	position: absolute;
	width: 366px;
	height: 230px;
	margin-top: 70px;
	margin-left: 575px;
	}
#btn-zones {
	position: absolute;
	padding: 0px;
	position: absolute;
	width: 271px;
	height: 39px;
	margin-top: 290px;
	margin-left: 570px;
	}
#map {
	width: 1140px;
	height: 1480px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	}

/**************************PICTURES PAGE**************************/
#inner-content-pictures {
	padding-top: 0px;
	height: 700px;
	width: 971px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	background: url(../images/content-top.jpg) top left repeat-x;
	}
#btn-pic1 {
	position: absolute;
	width: 195px;
	height: 136px;
	margin-top: 38px;
	margin-left: 68px;
	}
#btn-pic2 {
	position: absolute;
	width: 195px;
	height: 136px;
	margin-top: 38px;
	margin-left: 281px;
	}
#btn-pic3 {
	position: absolute;
	width: 195px;
	height: 136px;
	margin-top: 38px;
	margin-left: 494px;
	}
#btn-pic4 {
	position: absolute;
	width: 195px;
	height: 136px;
	margin-top: 38px;
	margin-left: 707px;
	}

#btn-pic5 {
	position: absolute;
	width: 195px;
	height: 136px;
	margin-top: 190px;
	margin-left: 68px;
	}
#btn-pic6 {
	position: absolute;
	width: 195px;
	height: 136px;
	margin-top: 190px;
	margin-left: 281px;
	}
#btn-pic7 {
	position: absolute;
	width: 195px;
	height: 136px;
	margin-top: 190px;
	margin-left: 494px;
	}
#btn-pic8 {
	position: absolute;
	width: 195px;
	height: 136px;
	margin-top: 190px;
	margin-left: 707px;
	}
#btn-pic9 {
	position: absolute;
	width: 195px;
	height: 136px;
	margin-top: 342px;
	margin-left: 68px;
	}
#btn-pic10 {
	position: absolute;
	width: 195px;
	height: 136px;
	margin-top: 342px;
	margin-left: 281px;
	}
#btn-pic11 {
	position: absolute;
	width: 195px;
	height: 136px;
	margin-top: 342px;
	margin-left: 494px;
	}
#btn-pic12 {
	position: absolute;
	width: 195px;
	height: 136px;
	margin-top: 342px;
	margin-left: 707px;
	}
#btn-pic13 {
	position: absolute;
	width: 195px;
	height: 136px;
	margin-top: 494px;
	margin-left: 68px;
	}
#btn-pic14 {
	position: absolute;
	width: 195px;
	height: 136px;
	margin-top: 494px;
	margin-left: 281px;
	}
#btn-pic15 {
	position: absolute;
	width: 195px;
	height: 136px;
	margin-top: 494px;
	margin-left: 494px;
	}
/**************************CONTACT US**************************/
#inner-content-contact {
	padding-top: 0px;
	height: 600px;
	width: 971px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	background: url(../images/content-top.jpg) top left repeat-x;
	}
#logos-area {
	position: absolute;
	width: 200px;
	height: 320px;
	margin-top: 50px;
	margin-left: 50px
	}
	
#btn-facebook {
	position: absolute;
	width: 180px;
	height: 55px;
	margin-top: 0px;
	margin-left: 0px;
	}
#btn-local {
	position: absolute;
	width: 180px;
	height: 50px;
	margin-top: 63px;
	margin-left: 0px;
	}
#btn-zagat {
	position: absolute;
	width: 180px;
	height: 55px;
	margin-top: 120px;
	margin-left: 0px;
	}
#btn-yelp{
	position: absolute;
	width: 180px;
	height: 60px;
	margin-top: 182px;
	margin-left: 0px;
	}
#btn-trip {
	position: absolute;
	width: 180px;
	height: 52px;
	margin-top: 243px;
	margin-left: 0px;
	}
#btn-citysearch {
	position: absolute;
	width: 180px;
	height: 42px;
	margin-top: 303px;
	margin-left: 0px;
	}
#form-area{
	position: absolute;
	width: 600px;
	height: 210px;
	margin-top: 50px;
	margin-left: 300px;
	
	}
#form-comments{
	position: absolute;
	width: 380px;
	height: 85px;
	margin-top: 130px;
	margin-left: 300px;
	}
#form-informations {
	position: absolute;
	width: 380px;
	height: 85px;
	margin-top: 0px;
	margin-left: 0px;
	}
#form-area2{
	position: absolute;
	width: 400px;
	height: 250px;
	margin-top: 270px;
	margin-left: 300px;
	}
	
/**************************WEB REVIEWS**************************/
#inner-content-review {
	padding-top: 0px;
	height: 1370px;
	width: 971px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	background: url(../images/content-top.jpg) top left repeat-x;
	}


#web-review-area {
	position: absolute;
	padding-top: 0px;
	height: auto;
	width: 971px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	}