/*
-----------------------------------------------
project :   nana-apartments.gr
author	:   WEBMAN
date	:   20|12|2008
----------------------------------------------- */


/* Imported CSS [menus etc]
----------------------------------------------- */
@import url("highslide.css"); /* Photo Slides Menu */
@import url("layout.css"); /* Layout CSS */


/* Generic CSS
----------------------------------------------- */
body {
	margin: 0px;
	padding: 0px;
	background: url(../_gfx/bg01.jpg) repeat left top;
}

/** FORMS */

form {
	margin: 0px;
	padding: 0px;
}

fieldset {
	margin: 0px;
	padding: 0px;
	border: none;
}

/** HEADINGS */

h1, h2, h3 {
	margin: 0px;
}

/** TEXTS */

body, th, td, input, textarea, select {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #BEB09D;
}

p, ul, ol, dl {
	margin-top: 0px;
	margin-bottom: 20px;
	text-align: justify;
	line-height: 180%;
}
p { margin-bottom: 10px; line-height: 130%; }

/** LINKS */

a {
	color: #908600;
}

a:hover {
	text-decoration: none;
}

/** STYLES */

.style1 {
	margin: 0px;
	letter-spacing: -2px;
	font-size: 22px;
	color: #534331;
}

.style2 {
	margin: 0px 0px 20px 0px;
	letter-spacing: -1px;
	font-size: 14px;
	color: #9DA55C;
}

.style3 {
	margin-bottom: 20px;
	font-size: 21px;
	color: #F6FFCE;
}

.style4 {
	margin-bottom: 5px;
	font-size: 11px;
	color: #FFF9DC;
}

/** LISTS */

.list1 {
	position: relative;
	margin: 0px;
	padding: 0px;
	color: #967258;
}

.list1 dt {
	float: left;
	padding: 7px 0px 5px 21px;
	background: url(../_gfx/homepage08.gif) repeat-x left top;
}

.list1 dd {
	padding: 7px 21px 5px 0px;
	text-align: right;
	background: url(../_gfx/homepage08.gif) repeat-x left top;
}

.list1 .first {
	background: none;
}

.list1 a {
	color: #CFCD9A;
}

/** BACKGROUNDS */

.bg1 {
	margin: 15px -11px 0px -23px;
	padding: 15px 11px 0px 23px;
	background: url(../_gfx/bg07.jpg) no-repeat left top;
}

.bg2 {
	margin: 0px -24px 0px -10px;
	padding: 15px 24px 0px 10px;
	background: url(../_gfx/bg08.jpg) no-repeat left top;
}

/** MISC */

.align-justify {
	text-align: justify;
}

.align-right {
	text-align: right;
}

img {
	border: none;
}

img.left {
	float: left;
	margin: 3px 20px 0px 0px;
}

img.right {
	float: right;
	margin: 3px 0px 0px 20px;
}

img.border {
}

hr {
	display: none;
}

.hr1 {
	height: 1px;
}

.comments {
	padding-left: 20px;
	background: url(../_gfx/homepage05.gif) no-repeat left center;
}

.permalink {
	padding-left: 16px;
	background: url(../_gfx/homepage06.gif) no-repeat left center;
}

/** WRAPPER */

#wrapper {
	background: url(../_gfx/bg02.jpg) repeat-x left top;
}

#wrapper2 {
	height: 294px;
	background: url(../_gfx/bg03.jpg) no-repeat center top;
}

#wrapper3 {
	background: url(../_gfx/bg04.jpg) repeat-y center top;
}

#wrapper4 {
	background: url(../_gfx/bg05.jpg) no-repeat center top;
}

#wrapper5 {
	background: url(../_gfx/bg09.jpg) no-repeat center top;
}

#clear {
	background: url(../_gfx/bg06.jpg) no-repeat center bottom;
}

/** HEADER */

#header {
	width: 976px;
	margin: 0px auto;
}

/** LOGO */

#logo {
	float: left;
	width: 550px;
	height: 201px;
	/*background: url(../_gfx/homepage01.jpg) no-repeat left bottom;*/
}

#logo h1, #logo h2 {
	text-indent: -9999em;
}

/** SEARCH */

#search {
	float: right;
	width: 277px;
	height: 28px;
	padding: 173px 0px 0px 149px;
}

#search input {
	float: left;
	font: normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #F6FFCE;
}

#keywords {
	width: 186px;
	height: 20px;
	background: #373100;
	border-top: 1px solid #1E1B00;
	border-right: 1px solid #352F00;
	border-bottom: 1px solid #5A5100;
	border-left: 1px solid #352F00;
}

#search-submit {
	margin-left: 12px;
}

/** MENU */

/*#menu {
	width: 930px;
	padding: 0px 23px;
}*/

#menu {
	width: 930px;
	padding: 201px 0px;
}

* html #menu {
	width: 930px;
	padding: 0px 23px;
}

#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	line-height: normal;
}

#menu li {
	float: left;
	height: 24px;
	padding: 25px 20px 0px 20px;
	font-weight: bold;
	color: #F6FFCE;
}

#menu li ul {
	position: absolute;
	display: none;
	width: 930px;
	top: 250px;
	left: 0px;
}

#menu li li {
	display: inline;
	height: auto;
	padding: 8px 20px 0px 20px;
	background: none;
}

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

#menu li.show {
	background: url(../_gfx/homepage03.gif) repeat-x left top;
	color: #6D543B;
}

#menu li.show ul {
	display: block;
}

#menu li.show a {
	color: #6D543B;
}

#menu .active li a {
	height: auto;
	color: #897965;
}

#menu li li a:hover {
	background: none;
}

#active {
}

/** PAGE */

#page {
	width: 976px;
	margin: 0px auto;
	padding: 20px 0px;
}

#page2 {
	width: 928px;
	margin: 0px auto;
	padding: 25px 0px;
}

#single {
	width: 929px;
	padding: 0px 0px 0px 23px;
}

/** CONTENT */

#content {
	float: left;
	width: 654px;
	padding: 0px 0px 10px 23px;
}

/** BOX STYLE A */

.boxA {
	margin-bottom: 15px;
	padding-bottom: 30px;
	background: url(../_gfx/bg1_03.jpg) no-repeat left bottom;
}

.boxA .title {
	height: 42px;
	padding: 8px 0px 0px 20px;
	background: url(../_gfx/bg1_01.gif) no-repeat left top;
	letter-spacing: -1px;
	font-size: 12px;
	color: #F6FFCE;
}

.boxA .content {
	padding: 10px 21px 1px 21px;
	background: #EEE5D6 url(../_gfx/bg1_02.jpg) no-repeat right top;
	color: #776357;
}

/** BOX STYLE B */

.boxB {
	margin-bottom: 15px;
	padding-bottom: 30px;
	background: url(../_gfx/bg1_06.jpg) no-repeat left bottom;
}

.boxB .title {
	height: 42px;
	padding: 8px 0px 0px 20px;
	background: url(../_gfx/bg1_04.gif) no-repeat left top;
	letter-spacing: -1px;
	font-size: 12px;
	color: #F6FFCE;
}

.boxB .content {
	padding: 0px 21px 1px 21px;
	background: #EEE5D6 url(../_gfx/bg1_05.jpg) no-repeat right top;
	color: #776357;
}

/** BOX STYLE C */

.boxC {
	width: 317px;
	/* background: url(../_gfx/bg1_08.jpg) repeat-y left top; */
	color: #C8BD99;
}

.boxC .title {
	height: 30px;
	padding: 10px 0px 0px 20px;
	/*background: url(../_gfx/bg1_07.jpg) no-repeat left top; */
	background: url(../_gfx/bg1_15.png) no-repeat left top;	
	font-size: 13px;
	color: #F6FFCE;
}

.boxC .title span {
	color: #B7C36C;
}

.boxC .content {
	padding: 20px 21px;
	background: url(../_gfx/bg1_09.jpg) no-repeat left top;
}

.boxC .bg {
	background: url(../_gfx/bg1_10.jpg) no-repeat left bottom;
}

.boxC a {
	color: #CFCD9A;
}

.boxC .links {
	clear: left;
	padding-top: 20px;
}

/** BOX STYLE D */

.boxD {
	margin-bottom: 15px;
	padding-bottom: 30px;
	background: url(../_gfx/subpage2_03.jpg) no-repeat left bottom;
}

.boxD .title {
	height: 42px;
	padding: 8px 0px 0px 20px;
	background: url(../_gfx/subpage2_01.jpg) no-repeat left top;
	letter-spacing: -1px;
	font-size: 12px;
	color: #F6FFCE;
}

.boxD .content {
	padding: 10px 21px 1px 21px;
	background: #EEE5D6 url(../_gfx/subpage2_02.jpg) no-repeat right top;
	color: #776357;
}

/** SIDEBAR */

#sidebar {
	float: right;
	width: 254px;
	padding-right: 24px;
}

/** BOX1 */

#box1 {
	margin: 0px 0px 0px 0px;
}

/** BOX2 */

#box2 {
    margin-top: 15px;
}

/** BOX3 */

#box3 {
}

/** BOX4 */

#box4 {
	float: left;
}

/** BOX5 */

#box5 {
	float: left;
	margin-left: 20px;
}

#box5 .title {
/*	background-image: url(../_gfx/bg1_11.jpg); */
	background-image: url(../_gfx/bg1_15.png);
}
}

#box15 .title {
	background-image: url(../_gfx/bg1_15.png);
}

#box15 {
	float: left;
	margin-left: 20px;
}
/** BOX6 */

#box6 {
	float: left;
	width: 610px;
	padding: 0px 0px 0px 20px;
	color: #C8BD99;
}

#box6 p {
	line-height: 150%;
}

#box6 a {
	color: #CFCD9A;
}

/** BOX7 */

#box7 {
	float: right;
	width: 270px;
	padding-top: 10px;
}

#box7 ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	line-height: normal;
}

#box7 li {
	float: left;
	padding: 0px 0px 11px 16px;
}

/** BOX8 */

#box8 {
}

/** FOOTER */

#footer {
}

#footer p {
	margin: 0px;
	padding: 0px 0px 30px 0px;
	text-align: center;
	color: #665134;
}

#ContactForm { margin-bottom: 50px; margin-left: 50px; }

#ContactForm label, #ContactForm input {
	display: block;
	width: 120px;
	float: left;
	margin-bottom: 10px;
	font: normal 11px Arial, Verdana;
	color:#646464;
}
#ContactForm label {
	text-align: right;
	width: 75px;
	padding-right: 7px;
}
#ContactForm select {
	width: 125px;
	margin-bottom: 10px;
	font: normal 11px Arial, Verdana;
	color:#646464;
}
#ContactForm textarea {
	display: block;
	width: 326px;
	height: 120px;
	float: left;
	margin-bottom: 10px;
	font: normal 11px Arial, Verdana;
	color:#646464;
}
#ContactForm br {
	clear: left;
}

#flags { position: absolute; right: 10px; top: 255px; }

#prices { width: 380px; }
#prices td { padding: 3px; background: #706708; color: #fff; }
#prices td.light { padding: 3px; background: #c9c388; text-align: center; color: #706708; }
#prices td.head { padding: 3px; background: #3D1A07; text-align: center; color: #FFFFFF; }

div.gallery { margin: 0px 0px 0px 15px; }
div.gallery a img { border: solid 1px #311E10; margin: 0px 10px 10px 0px; }

div.chkBookings { border: solid 1px #ccc; background: #EAEAEA; padding: 10px; color:#3C7FB1; font-weight:bold; }
div.chkBookings .btn { border: solid 1px #fff; background: #ff6600; padding: 5px 3px; color:#fff; font-weight:bold; cursor:pointer; }
div.chkBookings .btn:hover { background: #003580; }