/* Web Designer: Katerina Maniataki
Project: Zoe's Club
Location: Spetses
Sales: Christos Bijis
Company: Net360 S.A.
Date: 16.12.2009
Last Update: 22.12.2009*/


/* General------------------------------------------------- */

*{
	margin: 0;
	padding: 0;
}

html{
	font-size:62.5%; 
}

body{
	background:#ffffff url(../images/bg.jpg) repeat-x left 184px;  
	font:0.9em "Trebuchet MS",Tahoma,Verdana,Helvetica,Arial;
}

.inv{
	position: absolute;
	left:-5000px;
}


.floatLeft{
float:left;
margin:3px 5px 5px 0;
border:2px solid #53CEDF;

}


.floatRight{
float:right;
margin:3px 5px 5px 0;
border:2px solid #53CEDF;
}

address{
	font-style: normal;
}

strong{
	color:#262626;
}

a{
	color:#49A2B1;
	text-decoration:none;
}

a:hover{
	color:#2e7580;
}

/* General Ids---------------------------------------------------- */

#supperWrapper{
	margin: 0 auto;
	width:950px;
	overflow:visible;
}

#wrapper{
	overflow: hidden;
	position: relative;
}

/* Header--------------------------------------------------------- */

#header{
	width:950px;
	margin: 0 auto;
	height:121px;
	position: relative;
}


#header h1{
	position: absolute;
	top:29px;
	left: 0;
}

#header h1 a{
	background: url(../images/zoes_logo.jpg) no-repeat top left;
	width:148px;
	height:76px;
	display: block;
}

#header ul{
	position: absolute;
	top:35px;
	right:0px;
	font-size: 1.2em;
	color: #d2d2d2;
	list-style: none;
}

#header ul li{
	float: left;
}

#header ul li a{
	margin: 5px 10px;
}	


/* Navigation--------------------------------------------------- */


#navigation{
	background: url(../images/navBar.jpg) no-repeat top left;
	width:950px;
	height:45px;
	list-style: none;
	padding: 0;
	margin: 0 auto;
}

#navigation ul{
	list-style: none;
}

#navigation li{
	float:left;
	list-style: none;
	position: relative;
}

#navigation li a{
	color: #68B2C0;
	font-size:1.7em;
	padding: 10px 25px 9px;
	display: block;
}

#navigation li a:hover{
	color: #348291;
}


#navigation ul ul{
	background-color: #f2f2f2;
	border:1px solid #ffffff;
	width:200px;
	padding:0px;
	position: absolute;
	top:0px;
	left: -999em;
	margin:0;
}

#navigation ul ul li{
/*	background-color:#F7F4E5;*/
	margin: 0;
	padding: 0;
	float: none;
}


#navigation ul ul li a{
	text-align: left;
	font-size:1.4em;
	margin: 0;
	padding:6px 10px;
	display: block;
	color:#49a2b1;
	border-bottom: 1px solid #f9f9f9;
}

#navigation ul ul li a:hover{
	color:#2dd7f2;
}

#navigation ul li:hover ul, #navigation ul li.sfhover ul {
	left: auto;
	z-index: 100; /* Important: ensures drop down menus appear over other content on the Z-axis */
	background:#f2f2f2; /* Important: background property (can be "none") required here for IE7 focus bug */
}

/* Banner -----------------------------------------------------------*/


#banner{
	/*background: url(../images/kat.jpg) no-repeat top left;*/
	/*width: 940px;*/
	height:447px;
	display: block;
	/*position: absolute;*/
position: relative;
	/*top:-311px;	*/
}
/* Gallery ---------------------------------------- */


.img{	
        width:150px;	
        height:100px;	
        border: 5px solid #53CEDF;	
        overflow: hidden;	
        margin: 10px 5px;
}

.img:hover{	
        border: 5px solid #2E7580;
}

/* Contact---------------------------------------------------------*/

fieldset{	
        border: none;	
        margin-left:35px;	
        margin-right:35px; 	
        margin-bottom:20px;
}

legend{	 
        display: block;	
        overflow: hidden;	
        font-size: 1.4em;	
        margin-bottom:20px;	
        color:#333333;
}

#contactForm td{	
        padding:10px 5px;
}

#contactForm label{	
        font-size:1.4em;	
        display: inline;
}

#contactForm input, #contactForm textarea{	
        background-color: #DFFAFF;	
        border: 1px solid #209AB1;
	padding: 5px;	
        color:#333333!important;	
        width: 250px;
}

#contactForm input:hover, #contactForm textarea:hover{	
        background-color:#209AB1;	
        border: 1px solid #DFFAFF;
}

#contactForm input.sendForm{
	background-color:#209AB1;	
        border: 1px solid #61CDDF;	
        width: 102px!important;	
        height:24px;	
        color: white!important;
      	display: block;	
        position:relative;
  	padding: 0!important;
}

#contactForm input.sendForm:hover{
	background-color: #61CDDF;	
        border: 1px solid #209AB1;
}

/* Tools----------------------------------------------------------- */

.addthis_button{
position:absolute;
top:-100px;
right:5px;
overflow:hidden;
}

/* Content--------------------------------------------------------- */

.contents1, .contents2, .contents3{
	position:relative;
	/* margin-top:312px;*/
	background: url(../images/contentTopShadow.jpg) no-repeat top left;
	margin-bottom:50px;
	overflow: visible;
	width: 950px;
	height:auto;
	/*padding:140px 0;*/
}

.contents1 #column1{width:100%;}

.contents2 #column1{
	/*width:500px;*/
width:588px;
	float: left;
	margin-right:60px;
}

.contents2 #column2{
	/*width:355px;*/
width:302px;
	float: left;
margin-top:450px;
}

	/*.contents3 #column1, .contents3 #column2, .contents3 #column3{width:302px; float:left; margin-right: 10px;}*/

.contents3 #column1{width:950px; float:none;}

.contents3 #column2{width:588px; float:left; margin-right:60px;}

.contents3 #column3{width:302px; float:left;}

.contents3 #column3{margin-right:0;}

/* Footer------------------------------------------------------------ */



#innerFooter{
	width:950px;
	margin: 0 auto;
	padding:30px 0;
	position: relative;
}

#innerFooter ul{
	list-style: none;
}

#innerFooter ul li{
	float: left;
	font-size:1.1em;
	list-style:none;
}

#innerFooter ul li a{
	color:#68B2C0;
	font-size:1.3em;
	padding: 5px;
	display:block;
}

#innerFooter ul li a:hover{color:#367a88;}

#net360{
	position:absolute;
	top:20px;
	right: 0;
}

#net360 a, #net360 a:hover{
	background: url(../images/net360L.jpg) no-repeat top right;
	width:46px;
	height:39px;
	display: block;
}

#net360 a:hover{background: url(../images/net360L.jpg) no-repeat top left;}


/* Typography------------------------------------------------------ */

h2{
	font-size:1.9em;
	color: #0F4274;
	font-weight: lighter;
	padding: 5px 5px 20px 5px;
}

h3{
	font-size:1.7em;
	color: #0F4274;
	font-weight: lighter;
	padding: 10px 5px;
}

h4{
	font-size:1.5em;
	color: #0F4274;
	padding: 10px 5px;
}

p, address{
	font-size: 1.3em;
	padding: 5px 5px 10px;
	color:#3a3a3a;
}

/* More -------------------------------------------------------------------*/

.box h2{
background: url(../images/boxTop.jpg) no-repeat top left;
padding:20px 20px 15px;
}

.box{
background: url(../images/boxBg.jpg) no-repeat left 46px;
width:302px;
display:block;
}

.box p{padding:0px 20px 20px;}


/* Map */

#mapCanvas{
	display:block;
	width:300px;
	margin:0 auto;
	height:200px;
	border:1px #333333 solid;
}

/*  Prices ------------------------------------------------ */

#colortitle{ background-color:#CDD7D9;
             padding-left:380px;
             }
.tit{ background-color:#BEDFE6;
        font-size:1.3em
        }
#tableprice{ width:100%;
       font:1.2em "Trebuchet MS",Tahoma,Verdana,Helvetica,Arial;
       }
.fontdates{ color:#999
            }
td { padding:2px
     }