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

* {padding:0; margin:0;}
html {padding:none;}

body {margin-top:0px; 
      margin-bottom:0px; 
	  margin-left:0px; 
	  margin-right:0px; 
	  padding:0px;
	  background:#811717 url(images/body_background.png) repeat-x;
	  font-family: arial;
	  font-size:12px;
	  color:#fff;
	  }
p { font-family: Arial, Helvetica, sans-serif;
	  font-size:12px;
	  color:#fff;}
	  
.slogan {color: #EF9C00; padding-top:30px; margin-left:10px;}
.delivery-title {
				font-family: Arial, Helvetica, sans-serif;
	            font-size: 46px;
				margin-top:6px;
				display:block;
				font-weight:normal}
	  
form {padding:0; margin:0;}
table {vertical-align:top; border:0px none;} 
tr {vertical-align:top; border:0px  none; border-collapse:collapse;}  
td {vertical-align:top; border:0px none;}
  
.about-us {
			line-height:1.2em; 
			text-align:justify; 
			margin-top:10px; 
			display:block;
			width:210px;
			}
a {
		color:#FFCC00; 
		text-decoration:none; 
		font-size:12px; 
		font-family:Arial, Helvetica, sans-serif;
		}
a:hover {
			color:#FFFFFF; 
		text-decoration:underline; 
		font-size:12px; 
		font-family:Arial, Helvetica, sans-serif;
		}

ul {display:block;}
li {}

img {border:0; margin:5px;}

h1 {color:#fff;}
h2 {}
h3 {}
h4 {}
h5 {}

/* begin columns */

#site {width:100%; height:100%; margin:0; padding:0;}
#wrapper {width:1080px; height:100%; margin:0 auto; padding:0;}
#langs {width:900px; height:40px; margin:0px auto; clear:both; text-align:center; padding-left:300px;}
#langs  img {width:33px; height:23px; vertical-align:middle; border:1px solid #FFCC00;}
#header {
			width:1018px; 
			height:448px; 
			margin:0px auto; 
			background:url(images/header-bg.png) center bottom no-repeat;
			}
 #header .left-col {width:340px; float:left; height:408px;}
 #header .mid-col {width:260px;float:left;}
 #header .right-col {width:400px;float:right; height:408px;}
 
 /* logo */
 
 #header .left-col #trademark {width:auto; border:0; height:136px;}
 #header .left-col #trademark .logo-left { background:url(images/logo-left.png) no-repeat; width:79px; height:136px;}
 #header .left-col #trademark .logo-mid{ background:url(images/logo-mid.png) repeat-x;}
 #header .left-col #trademark .logo-right { background:url(images/logo-right.png) no-repeat; height:136px; width:23px;}
 #header .left-col h1 {
 					font-size:36px; 
					font-family:Arial, Helvetica, sans-serif;margin:9px 0px 10px 20px; 
					display:block;
					}
					
 a.order {
 		  font-size:36px;
		  color:#fff; 
		  font-family:Arial, Helvetica, sans-serif;margin:9px 0px 10px 20px; 
		  display:block;
		  text-decoration:none;
			}
 a.order:hover  {
 		  font-size:36px;
		  color:#FFCC33; 
		  font-family:Arial, Helvetica, sans-serif;margin:9px 0px 10px 20px; 
		  display:block;
		   text-decoration:none;
			}
  #header .left-col ul {display:block;font-size:22px; 
					    font-family:Arial, Helvetica, sans-serif;
						margin-left:20px;
						width:290px;		
						}
 
 .trademark-souvlaki {width:173px; height:67px; margin:11px 43px 0px 10px;}
  #header .left-col li.li-first { list-style-image: url(images/bullet-1.png); margin-left:40px; padding-left:10px; vertical-align:bottom;  }
  #header .left-col li.li-second { list-style-image: url(images/bullet-2.png);margin-left:40px;padding-left:10px; vertical-align:bottom;  }
  #header .left-col li.li-third { list-style-image: url(images/bullet-3.png);margin-left:40px; padding-left:10px;vertical-align:bottom;  }
 
 /* navigation menu */
 
 #navigation {height:80px;width:400px;padding:0px 0 0 0; margin:none;}
 #navigation img {margin:0px none;}
 #navigation .home {width:76px; height:54px; border:0px none; margin:0;}
 #navigation .restaurant {width:111px; height:54px;border:0px none;margin:0;}
 #navigation .catalog {width:96px; height:54px;border:0px none;margin:0;}
 #navigation .contact {width:96px; height:54px;border:0px none;margin:0;}
 
/* delivery online */

 #delivery {width:400px;padding:100px 0 0 0; margin:29px 0 0 0;} 
 
 #delivery  #delivery-box {width:356px;height:176px;border:0px none;}
 #delivery  #delivery-box .left {width:18px; height:176px; background:url(images/order-box-left.png) no-repeat;}
 #delivery  #delivery-box .mid {width:280px; background:url(images/order-box-mid.png) repeat-x; padding-left:10px;}
 #delivery  #delivery-box .right {width:28px; background:url(images/order-box-right.png) no-repeat;}
 
 /* ------------- slider jajvascript ---------------------------- 8*/
 
 #my-slider {
 			width:1090px; 
			height:300px;
			padding:10px 70px 10px 4px; 
			margin:0px auto;
			float:left;
			background:url(images/my-slider.png) no-repeat;
			}
#slider-panel { width:1030px; height:307px; margin:0px auto;}
#slider-panel .left-bg{width:60px; height:307px;float:left; background:url(images/slider/slider-left.png) no-repeat;}
#slider-panel .main-bg {width:889px; height:307px;float:left; background:url(images/slider/slider-bg.png) repeat-x;}
#slider-panel .right-bg { width:61px; height:307px;background:url(images/slider/slider-right.png) no-repeat; float:right;}  

/*
	AnythingSlider v1.5.10+ Default (base) theme
	By Chris Coyier: http://css-tricks.com
	with major improvements by Doug Neiner: http://pixelgraphics.us/
	based on work by Remy Sharp: http://jqueryfordesigners.com/
*/

/******* SET DEFAULT DIMENSIONS HERE ********/
div.anythingSlider {
	display: block;
	width:900px;
	height: 390px;
	margin: 0 auto;
	overflow: hidden; /* needed for Opera and Safari */
}

/****** SET COLORS HERE *******/
/* Default State */
div.anythingSlider .thumbNav a.cur, div.anythingSlider .thumbNav a {
 
	color: #000;
}
div.anythingSlider .anythingWindow {
 
}
 
 
/* Active State */
div.anythingSlider.activeSlider .anythingWindow {
	border-color: #7C9127;
}
div.anythingSlider.activeSlider .thumbNav a.cur, div.anythingSlider.activeSlider .thumbNav a {
	background-color: #7C9127;
}
div.anythingSlider .start-stop {
	background-color: #080;
	color: #fff;
}
 

/**** DO NOT CHANGE BELOW THIS LINE ****/
/* anythingSlider viewport window */
div.anythingSlider .anythingWindow {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 100%;
}
/* wrapper: 45px right & left padding for the arrows, 28px @ bottom for navigation */
div.anythingSlider {
	position: relative;
	padding: 0 45px 28px 45px;
}
/* anythingSlider base UL */
ul.anythingBase {
	background: transparent;
	list-style: none;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}
ul.anythingBase li.panel {
	background: transparent;
	display: block;
	overflow: hidden;
	float: left;
	padding: 0;
	margin: 0;
}

/* Navigation Arrows */
div.anythingSlider .arrow {
	top: 50%;
	position: absolute;
	display: block;
}
div.anythingSlider .arrow a {
	display: block;
	height: 120px;
	margin: -60px 0 0 0; /* half height of image */
	width: 45px;
	text-align: center;
	outline: 0;
	background: url(images/arrows-default.png) no-repeat;
}
div.anythingSlider .arrow a span { display: block; text-indent: -9999px; }
div.anythingSlider .forward { right: 0; }
div.anythingSlider .back { left: 0; }
div.anythingSlider .forward a { background-position: 0 -40px; }
div.anythingSlider .back a { background-position: -88px -40px; }
div.anythingSlider .forward a:hover, div.anythingSlider .forward a.hover { background-position: 0 -240px; }
div.anythingSlider .back a:hover, div.anythingSlider .back a.hover { background-position: -88px -240px; }
div.anythingSlider .forward.disabled { display: none; } /* disabled arrows, hide or reduce opacity: opacity: .5; filter: alpha(opacity=50); */
div.anythingSlider .back.disabled { display: none; }

/* Navigation Links */
 

 
/* the food box */

.food-box {
			background:#fff; 
			width:222px; 
			height:252px; 
			padding-left:5px; 
			padding-top:7px;
			margin-left:10px;
			}
.basket-box {
			width:224px; 
			height:265px; 
			background:url(images/basket-box.png) bottom no-repeat;
			}
#image-box {
		margin-left:3px; 
		height:197px;
		}
.scratch-bg {
			background:url(images/slider/bottom-scracth.png) no-repeat; 
			width:211px; 
			height:24px; 
			margin-top:20px;
			}
.food-title {
	color: #F9C503;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	padding:150px 0px 10px 10px;
	font-size:14px;
 
}
p.food {padding:0px 70px 0px 10px; 
	   font-size:11px;color:#fff;
      display:block;
	  }
.price {
	color: #FBCC04;
	font-weight: bold;
	font-size: 24px;
	padding-left:10px;
	font-family:Arial, Helvetica, sans-serif;
}
/* images */

.souvlakia {
			background:url(images/slider/souvlaki-kalamakia.jpg) no-repeat;
			width:210px;
			height:197px;
			}
.patatoules {
			background:url(images/slider/chips.jpg) no-repeat;
			width:210px;
			height:197px;
			}
.chicken {
			background:url(images/slider/chicken.jpg) no-repeat;
			width:210px;
			height:197px;
			}
.salad {
			background:url(images/slider/salad.jpg) no-repeat;
			width:210px;
			height:197px;
			}

/* ---------------- main columns ------------------------------ */

#main-content {width:1020px; margin:0px auto; height:auto;}
#left-column {width:250px; margin-left:10px; float:left; height:auto;}
#central-column {width:560px; float:left; PADDING-LEFT:10PX;}
#right-column {width:180px; height:auto; float:right;}


#search-form {width:256px;}

#search-form .left-col {width:22px; height:69px; background:url(images/search-bg-left.png) no-repeat;}
#search-form .mid-col {width:212px; background:url("images/search-bg.png") repeat-x;}
input.name-search {background:url(images/search-input.png) no-repeat; width:173px; height:38px; border:0;margin-top:10px;padding-left:10px;
padding-right:30px;padding-top:10px; color:#660000;}
#search-form .right-col {width:22px; background:url(images/search-bg-right.png) no-repeat;}


#categories {width:254px; height:59px; border:0px; margin-top:10px;}
#categories H2 {text-align:center; PADDING-TOP:20PX;}
#categories .left-col {width:21px; height:52px; background:url(images/cats-left.png) no-repeat;}
#categories .mid-col {width:210px; background:url(images/cats-middle.png) repeat-x;}
#categories .right-col {width:23px; background:url(images/cats-mid.png) no-repeat;}
#div-1 {width:261px;}
#div-2 {width:261px;}

h1.home-title {margin-left:10px; fo0nt-size:15px;MARGIN-BOTTOM:15PX;}
#div-2 ul.cats {
			display:block; 
			margin-left:49px; 
			margin-top:20px; 
			line-height:1.4em; 
			list-style:none;
			}
#div-2 li {
		color:#FFCC00; 
		list-style-image:url(images/list-item.png);
		line-height:1.6em;
		}
#div-2 li a {text-decoration:none;}
#div-2 li a:hover {text-decoration:none;}

#about-us {width:220px; height:59px; border:0px; margin-top:0px;}
#about-us H2 {text-align:center; PADDING-TOP:20PX;}
#about-us .left-col {width:20px; height:52px; background:url(images/cats-left.png) no-repeat;}
#about-us .mid-col {width:175px; background:url(images/cats-middle.png) repeat-x;}
#about-us .right-col {width:23px; background:url(images/cats-mid.png) no-repeat;}


/* --------- FOOD PRODUCTS ------------------- */

#food-products {width:260px; height:auto; float:left;margin-left:10px;}
#food-products .food-box-main {background:url("images/food-box-main.png") no-repeat; width:256px; height:208px; padding:6px 6px 0px 6px; }
#food-products .text-order {width:260px; height:250px; margin-top:10px;}
#food-products .text-order  h1 {color:#fbcc04; FONT-SIZE:14PX; FONT-WEIGHT:BOLD;MARGIN-BOTTOM:10PX;}
.home-price {	color: #FBCC04;
	font-size: 24px;
	font-weight: bold;
	margin-top:7px;}

#order-btn {width:160px;MARGIN-TOP:24PX; MARGIN-BOTTOM:24PX;}

#order-btn  .left-col {width:20px; height:69px; background:url(images/search-bg-left.png) no-repeat;}
#order-btn  .mid-col {width:102px; background:url("images/search-bg.png") repeat-x; color:#993300; padding-top:20px; text-align:center}
#order-btn  .mid-col a {color:#800000;font-size:16px; font-weight:bold; font-weight:bold; padding-top:15px;text-decoration:none;}
#order-btn  .mid-col a:hover {color:#fff;font-size:16px; padding-top:15px;  font-weight:bold;text-decoration:none;}
#order-btn  .right-col {width:22px; background:url(images/search-bg-right.png) no-repeat;}

#footer {
		width:100%; 
		height:30px; 
		background:#510000;
		clear:both;
		color:#fff;
		padding-top:20px;
		}