/* CSS Document */
@import url("fonts.css");
body{
	padding:0px; margin:0px; 
	font-family: tahoma, verdana, sans-serif; font-size:100%; line-height:1.11em; color:#878787;
	text-align:center; /*ie6 centering hack*/ 
	background-color:#234a7f; background-image:url(../images/elements/bg.jpg); background-position:top; background-repeat:repeat-x;
	}
/*FONT STYLES*/
p {
	margin:0px; padding:0px; font-size:0.8em; text-align:justify;
}
h1 {
	margin:0px; padding:0px;
}
/*PAGE STYLES*/
#container {
	border-top: 1px solid #CCCCCC; /*hack to remove top margin from firefox, opera, safari etc*/
	width:724px; margin-left:auto; margin-right:auto; margin-top:0px; padding-top:0px; text-align:left;
	}
#page {
	width:702px; margin-top:0px; padding:0px 11px 0px 11px; background-image:url(../images/elements/mainshadow.png); background-repeat:repeat-y; float:left; position:relative;
	}
#header {
	width:702px;float:left; height:263px;
	}
/*NAV BAR STYLES*/
#navbar {
	margin:0px; width:702px;z-index:2;
	}
#navbarleft {
	width:5px; height:30px; float:left; background-image:url(../images/elements/navbarleft.gif); margin:0px; padding:0;
	}
#navbartop {
	width:691px; height:3px; float:left; background-image:url(../images/elements/navbartop.gif); margin:0px; padding:0;
	}
#navbuttons {
	float:left; width:691px; margin-top:3px;
	}
#navbarright {
	width:5px; height:30px; float:left; background-image:url(../images/elements/navbarright.gif);
	}

#navbar ul {
	list-style : none; margin : 0; padding : 0;
}
#navbar ul li {
	padding : 0; float : left;
}
#navbar .navseperator {
	width:2px; height:28px; float:left; background-image: url(../images/elements/navseperator.gif); background-repeat:no-repeat;
}
#navbar ul li a {
	display : block; text-decoration : none;
}
#navbar ul li a span {
	display :none;
}
#navbar #home {
	width : 53px; height : 28px; background-image:url(../images/elements/navhome.gif);
}
#navbar #thevilla {
	width : 82px; height : 28px; background-image:url(../images/elements/navvilla.gif);
}
#navbar #aboutkalkan {
	width : 129px; height : 28px; background-image:url(../images/elements/navkalkan.gif);
	}
#navbar #thingstodo {
	width : 111px; height : 28px; background-image:url(../images/elements/navthingstodo.gif);
}
#navbar #usefullinks {
	width : 110px; height : 28px; background-image:url(../images/elements/navusefullinks.gif)
}
#navbar #reservations {
	width : 108px; height : 28px; background-image:url(../images/elements/navreservations.gif);
}
#navbar #contactus {
	width : 98px; height : 28px; background-image:url(../images/elements/navcontactus.gif);
}
body.home #container #page #header #navbar ul li #home,
body.thevilla #container #page #header #navbar ul li #thevilla,
body.aboutkalkan #container #page #header #navbar ul li #aboutkalkan,
body.thingstodo #container #page #header #navbar ul li #thingstodo,
body.usefullinks #container #page #header #navbar ul li #usefullinks,
body.reservations #container #page #header #navbar ul li #reservations,
body.contactus #container #page #header #navbar ul li #contactus,
#navbar ul li a:hover {
	background-position : 0 54px;
}
#headerimage {
	float:left;
}
/*SUB NAV*/
#subnav {
	text-align:center; margin-top:3px;
}
#subnavinner {
	margin: auto;
 display: table; /* for real browsers */
 display: inline-block; /* for ie */
 text-decoration: none; /* remove strikethrough */
 text-align: left;
}
#subnavleft {
	width:8px; height:40px; background-image:url(../images/elements/subnavleft.png); background-repeat:no-repeat;
	}
#subnavbar {
	width:auto; height:40px; background-image:url(../images/elements/subnavbar.png); background-repeat:repeat-x;
	}
#subnavright {
	width:8px; height:40px; background-image:url(../images/elements/subnavright.png); background-repeat:no-repeat;
	}
#subnav a {
	display:block; display:table-cell; float:left; margin: 5px 5px 10px 5px;
	}
/* MAIN CONTENT STYLES*/
#mainpage {
	width:702px;height:100%;float:left; background-color:#FFFFFF;
	}
#mainpagebot {
	width:702px;float:left; background-color:#FFFFFF;
	}
#mainshadowbot {
	width:724px; height:18px;background-image:url(../images/elements/mainshadowbot.png); background-repeat:no-repeat; float:left;
	}
#topfrescoe {
	width:692px; height:224px; margin-left:5px; background-image:url(../images/elements/maintiletop.jpg);  background-position: center top; background-repeat:repeat-x; z-index:2; position:relative;
	}
#botfrescoe {
	width:692px; height:224px; margin-left:5px;  background-image:url(../images/elements/maintilebot.jpg);  background-position: center bottom; background-repeat:repeat-x; z-index:2;
	}
#maincontent {
	width:702px; margin-top:-200px; margin-bottom:-190px; float:left; position:relative; z-index:3;
	}
#topcontent { 
	width:622px; padding:0px 40px 0px 40px; float:left; position:relative; z-index:3;
	}
#topcontentgallery{
	margin-left:-25px; margin-top:-15px;
	}
#bodycontent {
	width:622px; padding:0px 40px 0px 40px; float:left; position:relative; z-index:3;
	}
/*iframe styles*/
#bodycontentiframe{
	width:712px; margin-top: 15px; margin-left:-45px; overflow:hidden; border-color:#d9d3e7; border-style:double; border-width:thin; background-color:#FFFFFF;
	}
#bodycontentcontainer {
	width:672px; margin-top:-205px; margin-left:-50px; # /*hack to adjust position in safari*/
	}
#bodycontentiframe #bodycontentcontainer {
	width:842px; margin-top:-325px; margin-left:-130px; # /*hack to adjust position in safari*/
	}
#bodycontentcontainer iframe{
	width:100%; height:1065px;
	}
iframe {
	height:100%;
	width:100%;
	}
#leftcontent {
	width:280px; padding:0px 30px 0px 40px; float:left; position:relative; z-index:3; overflow:hidden;
	}
#rightcontent {
	width:280px; padding:0px 40px 0px 30px; float:right; position:relative; z-index:3; overflow:hidden;
	}
#headertext {
	margin:0 0 15px 0; padding-right:35px; width:200px;
	}
.lefttext {
	float:left; clear:both;
	}
.righttext {
	float:right; clear:both;
	}
/*IMAGE STYLES*/
/*GENERAL IMAGES*/
#rightcontent img, #leftcontent img, #topcontent img, #bodycontent img {
	margin:5px 0px 0px 5px;padding:5px; float:right;  background-color:#FFFFFF; border:1px solid #cbcbcb;
}
#headertext img {
	text-decoration:none; float:none; border:none; padding:0; margin:0; background:none;
	}
/*main photo*/
#mainphoto {
position:absolute; width:314px; height: 277px; left:365px; top:-115px; z-index:4;
}
#mainphotobdrtop {
width:314px; height:14px; float:left; background-image:url(../images/elements/mainphotobdrtop.png);
}
#mainphotobdrleft {
width:19px; height:239px; float:left; background-image:url(../images/elements/mainphotobdrleft.png);
}
#mainphotopic {
 width: 276px; height:239px; float: left; background-color:#FFFFFF;
 }
#mainphotopic img {
	text-decoration:none; float:none; border:none; padding:0; margin:0; background:none;
	}
#mainphotobdrright {
width:19px; height:239px; float:left; background-image:url(../images/elements/mainphotobdrright.png);
}
#mainphotobdrbot {
width:314px; height:24px; float:left; background-image:url(../images/elements/mainphotobdrbot.png);
}
.medphoto {
	float:left; clear:both;width:280px; height: 219px; margin-top:15px;
	}
.medphotobdrtop {
	width:280px; height:14px; float:left; background-image:url(../images/elements/medphotobdrtop.png);
	}
.medphotobdrleft {
	width:19px; height:181px; float:left; background-image:url(../images/elements/medphotobdrleft.png);
	}
.medphotoimage {
	width: 242px; height:181px; float: left; background-color:#FFFFFF;
	}
#leftcontent .medphotoimage img, #rightcontent .medphotoimage img, #topcontent .medphotoimage img, #bodycontent .medphotoimage img {
text-decoration:none; float:none; border:none; padding:0; margin:0; background:none;
}
.medphotobdrright {
	width:19px; height:181px; float:left; background-image:url(../images/elements/medphotobdrright.png);
	}
.medphotobdrbot {
	 width:280px; height:24px; float:left; background-image:url(../images/elements/medphotobdrbot.png);
	 }
/*OFFER BOX STYLES */
.sobox {
	float:left; clear:both; width:280px; margin-top:15px; font-style:italic; font-size:1em;
	}
.soboxbody {
	width:280px; background-image:url(../images/elements/soboxbody.png); background-repeat:repeat-y;float:left;
	}
.soboxtop {
	width:280px; height:14px; float:left; background-image:url(../images/elements/soboxtop.png);
	}
.soofferbox {
	width: 242px; margin-left:19px; float:left; background-image:url(../images/elements/offerbox.jpg); background-position:center top; background-color:#FFFFFF; background-repeat:no-repeat;
}
.medofferhead {
	float:left; margin:0 0 0 10px;
}
#leftcontent .medofferhead img, #righttcontent .medofferhead img, #topcontent .medofferhead img, #bodycontent .medofferhead img {
	text-decoration:none; float:none; border:none; padding:0; margin:0; background:none;
	}
.medofferpic {
	position:absolute; left:210px; margin-top:-25px;
	}
#leftcontent .medofferpic img, #rightcontent .medofferpic img, #topcontent .medofferpic img, #bodycontent .medofferpic img {
	text-decoration:none; float:none; border:none; padding:0; margin:0; background:none;
	}
.medoffertext {
	float:left; clear:both; width:222px; padding: 10px 10px 0px 10px;
	}
.soboxbot {
	float:left; width:280px; background-image:url(../images/elements/soboxbot.png); height:24px;
	}
/*RED BAR FOOTER STYLES*/
#redbartop {
	width:724px; height:11px;background-image:url(../images/elements/redbartop.png); background-repeat:no-repeat;float:left;
	}
#redbar {
	width:690px; padding:0px 16px 0px 16px; height:auto; background-image:url(../images/elements/redbar.png); background-repeat:repeat-y; float:left;
	}
#redbarcarpet {
	width:690px; height:58px; background-image:url(../images/elements/redcarpet.gif); background-position:center; background-repeat:repeat-x;
	}
#redbarcontent {
color:#fbeebd ;width:670px; height:38px; padding:5px 10px 10px 10px; font-size:.7em; text-align:center;text-transform:uppercase; line-height: 1.7em; color:#edcd8e;
}
#redbarcontent a{
	padding-right :10px;color:#edcd8e; text-decoration:none; text-transform:uppercase; font-family: tahoma, verdana, sans-serif; font-style:normal;font-size:1em;
	}
#redbarcontent a:hover {
text-decoration:underline;
	}
#redbarbot {
	width:724px; height:15px;background-image:url(../images/elements/redbarbot.png); background-repeat:no-repeat; float:left;
	}
/*FORM STYLES*/
fieldset {
	margin:30px 0px 25px 10px;
	display:block;
	padding-left:15px;
	}
legend {
	font-size:1.5em; line-height:inherit; font-family:"Palatino Linotype", "Palatino", "Book Antiqua", Times, serif; font-variant:small-caps; font-weight:bold; text-decoration:none; color:#6f8cc3;
	margin:-2px 0px 20px -18px;
	display:inline;
	}
form p {
	padding:2px;
	position:relative;
	}
input {
	width:200px;
	}
/*reset width for non-text inputs*/
input.checkbox, input.radio, input.submit{
	width:auto;
	}
label {
	float:left;
	width:90px;
	margin-right:10px;
	}
label.top {
	width:auto;
	float:none;
	display:block;
	}
/*feedback style*/
label .feedback {
	position:absolute;
	margin-left:6em;
	left:240px; top:0px;
	color:#76000;
	padding:0 0 5px 20px;
	background-image:url(../images/elements/alert.gif);
	background-repeat:no-repeat;
	background-position::top left;
	/*width for IE*/
	width:250px;
	}
label .callink {
	position:absolute;
	margin-left:6em;
	margin-top:5px;
	left:240px; top:0px;
	padding:0 0 5px 20px;
	background-image:url(../images/elements/minicalendar2.jpg);
	background-repeat:no-repeat;
	background-position::top left;
	/*width for IE*/
	width:250px;
	}
.formfield, textarea, {
	background-image:url(../images/elements/offerbox.jpg);
	background-repeat:repeat-x;
	font-family: tahoma, verdana, sans-serif; font-size:100%; line-height:1.11em; color:#878787;
	}
input#submit {
	font-family: tahoma, verdana, sans-serif; font-size:100%; line-height:1.11em; color:#878787;
	background-color:#dddddd;
	}
/*these styles use attribute selectors and focus psuedoclass selector to style form elements in DOM comliant browsers- others (ie6) will render default*/
input:focus, textarea:focus {
	border:2px solid #630;
	}
/*STYLES FOR POPUP CALENDAR*/
#CALENDAR {
	position:absolute; z-index:12; left:0px; top:0px; margin-top:-500px; margin-left:-300px; visibility:hidden; 
	background-image:url(../images/elements/calendarbg.jpg); background-color:white; background-repeat:no-repeat; background-position:center top; layer-background-color:white;
	 	}
#CALENDAR a {
	font-style:normal;
	}
#CALENDAR a:hover {
	background-color:#CCCCCC;
	}
/*styles for pricelist*/
/*Font Reset*/
#plcontainer h1, #plcontainer h2, #plcontainer h3, #plcontainer h4 {
	margin:0px; line-height:1em;
	} 
#plcontainer {
	width:338px; margin-left:auto; margin-right:auto;
	}
#plpage {
	width:338px; height:auto; float:left; background-image:url(../images/elements/pricelistbody.png); background-repeat:repeat-y; background-position: top left;
	}
#plheader {
	width:308px; height:53px; margin-left:14px; float:left; background-image:url(../images/elements/pricelistheader.png); background-repeat:no-repeat;
	}
#plcontent {
	width:288px; margin-left:24px; float:left;margin-bottom:-120px; position:relative; z-index:3;
	}
#pricelistiframe {
	width:300px; height:300px; overflow:hidden; margin:10px 18px 15px -7px; float:left;
	}
#pricelistcontainer {
	margin-top:-1070px;
	}
#pricelistcontainer iframe {
	width:100%; height:2195px;
	}
#plbotfrescoe {
	width:298px; height:140px; float:left; margin-left:18px; background-image:url(../images/elements/pricelistfrescoe.jpg); background-repeat:repeat-x; background-position:center bottom;
	}
#plpagebot {
	width:338px; height:17px; float:left; background-image:url(../images/elements/pricelistbot.png); background-repeat:none; background-position: top left;
	}
/*WC£ ICONS*/
#wc3 a {
	border:none;
	}
#wc3 a img{
	float:left;
	}
	
#wc3 a:hover {
	border:none;
	}