/* CSS Document */
body{
margin:0;
padding:0;
background:url(../images/bodybg.jpg) 0 0 no-repeat fixed #171411;
font-family:Arial, Helvetica, sans-serif;
max-width:1500px;
color:#ffffff;
}
h1, h2, p, ul, li{
margin:0;
padding:0;
}
#maincontainer{
width:98%;
margin:15px 0px 15px 18px;
}
#leftcontainer{
width:84%;
float:left;
}
#leftcontainer .logo{
width:100%;
text-align:center;
float:left;
/*padding:10px 0 58px 50px*/
padding:10px 0 10px 70px;
}
#leftcontainer .leftmenu{
/*width:20%;*/
width:17%;
padding-left:3%;
float:left;
}
#leftcontainer .leftmenu .menubg{
width:130px;
margin-right:10px;
float:left;
}
#leftcontainer .leftmenu .menubg .topmenubg{
margin-top:26px;
width:130px;
background:url(../images/menutopbg.png) 0 0 no-repeat;
height:10px;
float:left;
}
#leftcontainer .leftmenu .menubg .menubg{
width:130px;
background:url(../images/menubg.gif) 0 0 repeat-y;
float:left;
}
#leftcontainer .leftmenu .menubg .menubg ul{
font-family:Verdana;
}
#leftcontainer .leftmenu .menubg .menubg ul li{
text-align:center;
list-style:none;
font-size:20px;
color:#ffffff;
font-weight:normal;
line-height:36px;
}
#leftcontainer .leftmenu .menubg .menubg ul li a{
color:#ffffff;
text-decoration:none;
}
#leftcontainer .leftmenu .menubg .menubg ul li a:hover{
color:#ecb628;
}
#leftcontainer .leftmenu .menubg .menubg ul li a.selected{
color:#ecb628;
}
#leftcontainer .leftmenu .menubg .bttmmenubg{
width:130px;
background:url(../images/menubttmbg.png) 0 0 no-repeat;
height:10px;
float:left;
}
#leftcontainer .leftmenu .icons{
width:130px;
padding-top:8px;
float:left;
}



#leftcontainer .container{
width:70%;
padding-left:5%;
float:left;
}

#leftcontainer .container .containerbg {
width:635px;
margin-right:10px;
height:459px;
/*padding:33px 52px 32px 59px;*/
padding:33px 52px 32px 29px;
background:url(../images/containerbg.png) 0 0 no-repeat;
}

#leftcontainer .container .containerbg_new {
width:635px;
margin-right:10px;
height:459px;
/*padding:33px 52px 32px 59px;*/
padding:33px 52px 32px 29px;
}

#leftcontainer .container .containerlocation {
/*width:736px;*/
width:756px;
float:left;
margin-right:10px;
}
#leftcontainer .container .containerlocation .menusec{
float:left;
width:100%;
}
#leftcontainer .container .containerlocation .menusec .recipe{
float:left;
width:321px;
margin:0 4px 15px 1px;
}
#leftcontainer .container .containerlocation .menusec .recipe .recipeimg {
float:left;
width:148px;
border:3px solid #62940d;
margin-right:4px;
}
#leftcontainer .container .containerlocation .menusec .recipe .recipedetail {
float:left;
width:162px;
}
#leftcontainer .container .containerlocation .menusec .recipe .recipedetail .tbg, #leftcontainer .container .containerlocation .menusec .recipe .recipedetail .bbg {
float:left;
width:162px;
height:6px;
background:url(../images/detail_topbg.gif) 0 0 no-repeat;
}
#leftcontainer .container .containerlocation .menusec .recipe .recipedetail .bbg {
background:url(../images/detail_botbg.gif) 0 0 no-repeat;
}
#leftcontainer .container .containerlocation .menusec .recipe .recipedetail .midbg {
float:left;
width:148px;
padding:0 7px;
background:url(../images/detail_bg.gif) 0 0 repeat-y;
}
#leftcontainer .container .containerlocation .menusec .recipe .recipedetail .midbg p, #leftcontainer .container .containerlocation .menusec .recipe .recipedetail .midbg p a {
font-size:18px;
color:#fff;
}
#leftcontainer .container .containerlocation .menusec .recipe .recipedetail .midbg p.view {
font-size:12px;
color:#fff;
padding-top:18px;
text-align:right;
}
#leftcontainer .container .containerlocation .menusec .recipe .recipedetail .midbg p.view a {
font-size:12px;
color:#fff;
padding-top:18px;
text-align:right;
text-decoration:none
}
#leftcontainer .container .containerlocation .menusec .recipe .recipedetail .midbg p.view a:hover {
color:#fff;
text-decoration:underline
}
#leftcontainer .container .containerlocation .videobg {
position:relative;
width:645px;
}
.videoimg {
position: relative;
width:685px;
z-index:6px;
/*padding:26px 0 0 78px;*/
padding:26px 0 0 60px;
top:0px;
}
.video {
position: absolute;
width:685px;
float:left;
top:0;
z-index:99;
text-align:center;
}
.video .vtopbg {
width:685px;
/*background:url(../images/videotopbg.png) 36px 0 no-repeat ;*/
background:url(../images/videotopbg.png) 17px 0 no-repeat ;
height:50px;
}
.video .vmidbg {
width:685px;
height:245px;
/*background:url(../images/videomidbg.png) 36px 0 repeat-y;*/
background:url(../images/videomidbg.png) 17px 0 repeat-y;
}
.video .vbtmbg {
width:648px;
/*background:url(../images/videobtmbg.png) 3px 0 no-repeat;*/
background:url(../images/videobtmbg.png) -16px 0 no-repeat;
height:50px;
}


#leftcontainer .container .containerlocation .locationbg {
position:relative;
width:320px;
height:199px;
background:url(../images/imgbg.png) 0 0 no-repeat;
/*margin-right:17px;*/
margin-right:13px;
float:left;
z-index:4;
}

#demo2 {
  position:absolute;
  margin: 11px 0 0 22px;
  color: #fff;
  width: 277px;
  height: 176px;
  z-index:2;
/* -webkit-border-radius: 5px;
  -moz-border-radius: 5px;*/
}
.demoimg {
 position:absolute;
 margin-left:22px;
  width: 277px;
  height: 176px;
  z-index:4;
  font-size:16px;
  font-weight:bold;
  padding:20px 0 0 0px;
  filter:alpha(opacity=70);
  -moz-opacity:0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;

 
}
.demoimg a {
  color:#000;
  text-decoration:none;
  background:url(../images/bg.gif) 0 0px repeat-x;
  display:block;
  width: 272px;
  height:128px;
  padding:5px 0 0 5px;
}
.demoimg a:hover {
  color:#000;
  text-decoration:none;
  background:url(../images/bg_h.gif) 0 0 repeat-x;
}
.demoimg a.selected {
  color:#000;
  text-decoration:none;
  background:url(../images/bg_h.gif) 0 0 repeat-x;
}


#leftcontainer .container .containerlocation .eventsbg {
position:relative;
width:188px;
height:202px;
background:url(../images/eventsbg.png) 0 0 no-repeat;
float:left;
z-index:4;
margin:0 1px 10px 0;
}
#demo3 {
  position:absolute;
  margin: 11px 0 0 16px;
  color: #fff;
  width: 155px;
  /*padding:16px 0 0 3px;*/
  height: 167px;
  z-index:2;
 -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
#demo3 h1 {
  /*color: #ffffff;*/
  font-weight:bold;
  color: #000;
  font-size:16px;
  padding-bottom:51px;
}
#demo3 p {
  color: #000000;
  font-weight:bold;
  font-size:14px;
}

#nicosiabg{
float:left;
/*width:652px*/;
width:612px;
/*margin-top:35px;*/
margin:35px 0 0 20px;
}
#nicosiabg .topbg{
float:left;
width:652px;
width:612px;
background:url(../images/nicosiatopbg.gif) 0 0 no-repeat;
height:10px;
}
#nicosiabg .midbg{
float:left;
/*width:640px;*/
background:url(../images/nicosiabg.gif) 0 0 repeat-y;
padding:0 6px 10px 6px;
}
#nicosiabg .midbg .heading{
float:left;
/*width:640px;*/
color:#99e516;
font-size:18px;
font-weight:normal;
padding-bottom:16px;
}
#nicosiabg .midbg .fstpart{
float:left;
width:310px;
margin-right:10px;
}
#nicosiabg .midbg .fstpart p{
color:#fff;
font-size:14px;
line-height:18px;
}
#nicosiabg .midbg .scdpart{
float:left;
width:310px;
margin-left:10px;
}
#nicosiabg .midbg .scdpart p{
color:#fff;
font-size:14px;
line-height:18px;
}
#nicosiabg .btmbg{
float:left;
width:652px;
background:url(../images/nicosiabtmbg.gif) 0 0 no-repeat;
}

#leftcontainer .container .containerbgflash {
width:736px;
margin-right:10px;
text-align:right;
}

#rightcontainer{
width:16%;
float:right;
}



#sidebar {
height:900px;
overflow:hidden;
position:relative;
}	

#imgmenu {
width:100%;
list-style:none;
padding:0;
margin:0;
top:0;
position:relative;
height:100%;
width:250px;
}

#imgmenu li {
padding:10px 0;
text-align:right;
display:block;
cursor:hand;
cursor:pointer;
}

#imgmenu li a {
background:url() repeat #1f1f1f;

color:#ddd;
font-family:helvetica, arial, verdana;
font-size:9px;
font-weight:900;
display:inline;
padding:20px 8px 5px 20px;
text-decoration:none;
}

#imgmenu li span {
font-family:georgia, arial;
font-size:9px;
color:#464646;
}



.containerlocation h1{
color:#99e516;
font-size:18px;
font-weight:normal;
}
.containerlocation p {
color:#ffffff;
font-size:16px;

font-weight:normal;
}

.c_over
{
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	width:150px;
	height:163px;
	background:url(../images/trans3.png) 0 0 repeat ;
	/*
	background-color:#ECB628;
	filter:alpha(opacity=85); -moz-opacity:.85; opacity:.85;*/
	color:#fff;
/*	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;*/
	z-index:99;
	padding-top:20px;
	padding-left:4px; 
	padding-right:4px;
	text-align:center;
	cursor:help;
}
.c_over h1{
	font-size:16px;
	font-weight:bold;
	color:#fff;
}
.c_out
{
	z-index:1;
	display:none;
	position:absolute;
	background-color:#ECB628;
	width:158px;
	height:183px;
	top:0px;
	left:0px;
}
.c_out a, a:hover, a:visited{
text-decoration:none;
color:#000;
}
.gallerybg {
position:relative;
width:140px;
height:105px;

float:left;
z-index:4;
margin:0 40px 10px 0;
}
#demo4 {
  position:absolute;
  margin: 11px 0 0 16px;
  color: #fff;
  width: 144px;
  /*padding:16px 0 0 3px;*/
  height: 160px;
  z-index:2;
 -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  text-align:center;
}

#nicosiabg p{
	font-size:13px;
}
#mainflowerbg{
position:relative;
left:0;
top:0px;
}
#flower{
position: absolute;
left:52px;
/*padding-top:55px;*/
padding-top:83px;
}
*+html #flower{
/*padding-top:70px;*/
padding-top:93px;
}
#footer{
width:100%;
float:left;
clear:both;
margin:0 auto;
font-family: "Trebuchet MS";
color:#fff;
font-weight:bold;
font-size:16px;
}
#footer .left{
width:14%;
float:left;
text-align: left;
padding-top:50px;
padding-left:40px;
}
#footer .left a{
color:#fff;
text-decoration:none;
}
#footer .left a:hover{
color:#ba9753;
}
#footer .middle{
width:60%;
float:left;
text-align:center;
background:url(../images/footerbg.png) center 0 no-repeat ;
height:178px;
}
#footer .right{
width:17%;
float: right;
text-align: center;
padding-top:50px;
padding-right:40px;
}
#footer .right a{
color:#fff;
text-decoration:none;
}
#footer .right a:hover{
color:#ba9753;
}