* {
	padding: 0px;
	margin: 0px;
	}
a{
  text-decoration: none;
  }
.homeAbout {
 color: #222222;
    float: left;
    font-family: verdana;
    font-size: 8pt;
    line-height: 11.8pt;
    margin-left: 24px;
    margin-top: 24px;
    width: 636px;
    opacity:0.9;
}
	
.selectedLink {
	color:#007AC1 !important;
  
  /*font-weight:bold; */
}
.selectedLinkSideNav {
    color: #007AC1 !important;
    font-size: 7.5pt !important;
    letter-spacing: 0.12em;
    opacity: 1 !important;
}
	
#wrapper {
	float: left;
	width: 100%;
}
.greylinks {
	 color: #58563A;
    float: left;
    font-family: verdana;
    font-size: 8pt; 
    margin-left: 0px;
    padding-top: 8px;
    text-decoration: none;
    font-style:italic;
}
.googlelocation {
	 color: #333333;
    font-size: 7.9pt;
    text-decoration: none;
    font-family:verdana;
    opacity:0.7;
    float:left;
    margin-top:5px;
    font-style:italic;
	
}
#hotelGallery {
	width:970px;
	
	float:left;
  margin-top:21px; 
}
#aboutPara {

    
    width: 636px;
}
#storeDiv {
	
}
#roomDetail {
  background-color:#FFFFFF;
	float: left;
		/*height: 217px;  */
  height:auto;
	width: 970px;
}
#roomFeature {
	float: left;
	height: 165px;
	margin-left: 30px;
	margin-top: 20px;
	width: 180px;
	background-color: #FFF;
	
}
#roomInfo {
	float: left;
	height: auto;
	margin-left: 20px;
	margin-top: 18px;
	width: 412px;
}

#craftInfo h6 {
	font-size: 11.6pt;
	color: #2F7DC1;
	font-weight: normal;
	margin-top: 0px;
	font-family: "verdana";
	line-height:21pt;  
  margin-bottom: 14px;
}

#craftInfo {
	float: left;
	height: auto;
	margin-left: 20px;
	margin-top: 25px;
	width: 650px;
}




#mainDiv {
	margin: auto;
	height: 900px;
	width: 1024px;
	background-color: #FFFFFF;
}
#roomDetail #roomFeature ul li {
	list-style-type: none;
	font-size: 10pt;
	color: #39F;
	padding-top: -0.5px;
	font-family: verdana;
	font-weight: bold;
}


#mainContainer {
	float: left;
	width: 970px;
	margin-right: 27px;
	margin-left: 27px;
}

#homeNav ul li a {
	  color: #B3CEE9;
    display: block;
    float: left;
    font-family: verdana;
    font-size: 7.5pt;
    /*padding-left: 7px;
    padding-right: 7px; */
    padding-left: 0;
    padding-right: 19px;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing:0.12em;
    -webkit-text-size-adjust:none;
}
#spacer {
	/*float: left; */
  clear:both;
	height: 15px;
	width: 970px;
}

#header {
	float: left;
	height: 125px;
	width: 970px;
	position: relative;
}
#homeNav {
	 float: left;
   /* margin-left: 0;  */
    margin-left:6px;
    margin-top: 40px;
    position: absolute;
    width: 445px;
    z-index: 500;
}
#homeNav ul {
	list-style-type: none;
	margin-top: 0px;
  margin-left:10px;
}


#logo {
	  float: left;
    left: 361px;
    position: absolute;
    
}

#brand {
    float: right;
    margin-right: 20px;
    position: relative;
    top: 35px;
    margin-left:15px;
}
#sideNave {
	float: right;
    width: 280px;
}
#sideNave ul {
	list-style-type: none;
	margin-top: 0px;
 /* margin-bottom:21.5px;  */
}
#sideNave ul li {
	display: block;
	float: left;
	letter-spacing: 0.5px;
	word-spacing: 0.3px;
	color: #6CF;
	padding-left: 10px;
}
#sideNave ul li a {
	font-size: 9pt;
	text-transform: uppercase;
	color: #B3CEE9;
	text-decoration: none;
	font-family: verdana;
}
#reservationLeftImg {
	float: left;
	height: 192px;
	width: 684px;
	/*background-color: #FCC; */
}
#reservationRightImg {
	float: right;
	height: 192px;
	width: 282px;
	/*background-color: #FC0;  */
}
#reserveContent {
	float: left;
	/*height: 432px;*/
  height: auto !important;
	width: 970px;
}
#reservationDashboard {
	float: left;
	height: auto;
	width: 970px;
  margin-top:21px; 
}
.fieldBorder {
	border: 1px solid #B3CEE9;
    color: #666666;
    font-family: verdana;
    height: 16px;
    margin-bottom: 3.1px;
    margin-left: 16.7px;
    padding: 2px 2px 2px 5px;
    width: 257px;
	font-size:8pt;
  margin-top:2px;
}







#headerNav {
	float: left;
	/*height: 35px; */
	width: 970px;
}
#dashboard {
	float: left;
	height: 440px;
	width: 970px;
  margin-top:21px;
}
#homeLeft {
	float: left;
	height: 433px;
	width: 684px;
	/*background-color: #CFF; */
}
#homeRight {
	float: right;
	height: 433px;
	width: 282px;
	/*background-color: #FCC;*/
}
#hotelSideNav {
	float: right;
	height: 433px;
	width: 282px;
	background-color: #C7E4F8;
	}
.queryh5 {
    color: #117ED7;
    font-family:verdana;
    font-size: 7.5pt;
    letter-spacing: 0.151em;
    margin-bottom: 31px;
    margin-left: 16.8px;
    margin-top: 34.2px;
}


#reserveInfo {
	color: #222222;
    float: left;
    font-family: verdana;
    font-size: 8pt !important;
    /*height: 432px;*/
    height: auto !important;
    padding-left: 5px;
    width: 679px;
    opacity:0.9;
}
#reserveContent #reserveInfo h4 {
	color: #3399FF;
	font-size:7.5pt;
	letter-spacing: 0.18em;
	margin-top: 34.2px;
	font-weight: normal;
}





#content {
	background-color: #F3F1DD;
    float: left;
    /* height: 217px;  */
   height:auto !important;
    width: 970px; 
}

#content_without_beige {
	background-color: #FFFFFF;
    float: left;
   /*height: 217px;  */
    height:auto !important;
    width: 970px;  
}
#locationContent{
	float: left;
	height: auto;
	width: 970px;
	background-color: #F4F5DE;	
	}
#footer {
	clear: both;
	height: 40px;
	width: 970px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #fdb813;
	 
	/*float: left;  */
}
#copyright {
	color: #B3CEE9;
    float: left;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 7.5pt;
    font-weight: normal;
    margin-left: 25px;
    margin-top: 9.7px;
    width: 650px;
}
#designer {
	color: #B3CEE9;
    float: right;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 7.5pt;
    font-weight: normal;
    margin-right: 4px;
    margin-top: 9.7px;
    width: 143px;
}
#aboutShop {
	float: right;
    height: 180px;
    margin-right: 15px;
    margin-top: 20px;
    width: 260px;
}
#hotelLocation {
	float: right;
	height: 160px;
	margin-right: 16px;
	margin-top: 25px;
	width: 240px;
}

#roomsImg2 {
	float: right;
	height: 204px;
	width: 282px;
	background-color: #CFF; 
  margin-top:-3px;
}
#craftRightImg {
float: right;
	height: 204px;
	width: 282px;
	background-color: #CFF;
}
	
#hotelSideNav ul {
	list-style-type: none;
  margin-top:-16px;
  padding-bottom:3px;
}
#hotelSideNav ul li a {
	  color: #333333;
    display: block;
    font-family: verdana;
    font-size: 8pt;
    padding-top: 3px;
    text-decoration: none;
    padding-bottom:2px;
    opacity:0.8;
}
#hotelLinkDiv {
	 clear: both;
    position: relative;
    left: 32px;
    width: 223.75px;
}
.islandReserve {
	margin-top: 200px !important;
}

#hotelSideNav #navi p a {
	color: #528AC5;
	font-family: verdana;
	font-size: 7.5pt;
	text-decoration: none;
  letter-spacing:0.12em;
	
}


#container {
 float: left;
    width: 661px;
    padding-bottom:5px;
}
#navi {
	float: left;
    margin-left: 25px;
    margin-top: 30px;
}



#container2 {
	float: right;
	height: 200px;
	width: 284px;
}
#linkDiv {
	float: right;
    margin-right: 40px;
    margin-top: 20px;
    width: 199px;
}
.reservationLink {
	color: #ED9A36;
    float: left;
    font-family: verdana;
    font-size: 6.5pt;
    
    letter-spacing: 0.11em;
    text-decoration: none;
    margin-top:5px;
    /*font-weight:bold; */
}
.reservationLinkThin {
	color: #ED9A36;
    float: left;
    font-family: verdana;
    font-size: 6.5pt !important;
    
    letter-spacing: 0.11em;
    text-decoration: none;
}
.linkImg {
	float: right;
	text-decoration: none;
  margin-right:10px;
}
.submit {
	background-image: url(http://www.mediterraneo-megisti.com/images/user/SubmitButton.png);
	background-position: center center;
	background-repeat: no-repeat;
	border-radius: 6px 6px 6px 6px;
	color: #FFFFFF;
	float: right;
	height: 23px;
	margin-right: 5px;
	margin-top: 11px;
	text-transform: uppercase;
  padding-bottom:3px;
  letter-spacing:0.1em;
  font-size:9pt;
	width: 85px;
	border: 3px solid #FDB813;
  cursor:pointer;
}

#contactContainer {
	float: left;
		height: 642px;
	width: 970px;
  margin-top:21px;
  }
#contacAdd {
float: left;
    height: 123px;
    padding-top: 31px;
    width: 284px;
     margin-bottom: 31px;
}
.msgBoxReservation {
	border: 1px solid #B3CEE9;
    color: #666666;
    font-family: verdana;
    font-size: 9pt;
    height: 131px;
    margin-left: 16.7px;
    padding-left: 5px;
    width: 259px;
	resize: none;
}
#contactInfo #contacAdd p {
	color: #117ED7;
    font-family: verdana;
    font-size: 8pt;
    margin-left: 25px;
    line-height:13pt;
}

#contactForm {
	float: left;
	height: 460px;
	width: 284px;
}

#contactImg {
	float: left;
	height: 650px;
	width: 684px;
}
.msgBoxContact {
 border: 1px solid #B3CEE9;
    color: #666666;
    font-family: verdana;
    font-size: 9pt;
    height: 185px;
    margin-left: 16.7px;
    padding-left: 5px;
    width: 259px;
	resize: none;
  padding-top:2px;
}

#contactInfo {
	float: right;
	height: 650px;
	width: 284px;
}
 
 #hotelLocationImg {
	 float: left;
	height: 433px;
	width: 684px;
/*	background-color: #CFF;   */
	}
	
#islandleftImg {
	 float: left;
	height: 433px;
	width: 684px;
	/*background-color: #CFF; */
}
	
	#roomsImg {
		float: left;
	height: 433px;
	width: 684px;
	background-color: #CFF;
	}
	#craftLeftImg {
			float: left;
	height: 433px;
	width: 684px;
	background-color: #CFF;
		}
#locationPara {
	
	
	float: left;
    margin-top: 16px;
    padding-left: 10px;
    padding-right: 10px;
    width: 664px;
	
}


#islandLocationPara {
	float: left;
	margin-top: 16px;
	padding-left: 10px;
	padding-right: 10px;
	width: 664px;
	margin-top: 25px;
	padding-bottom: 20px;
}
.fontDeatails {
	font-family: verdana;
	font-size: 8pt;
	color: #222222;
	line-height:12pt;
  opacity:0.9;
}
.lithosFont {
	font-family: "verdana";
	font-size:10pt;
}
.aboutImgMiddle {
	margin-left: 35px;
	border: 3px solid #FFF;
}
.calenderClass {
	color: #666666;
	font-family: verdana;
	height: 23px;
	float:left;
	margin-left: 16.7px;
	padding-left: 5px;
    width: 231.5px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #B3CEE9;
	border-bottom-color: #B3CEE9;
	border-left-color: #B3CEE9;
	font-size: 8pt;
  margin-bottom:3.1px;
}
.calender {
	height: 24.5px;
    position: relative;
    text-decoration: none;
    top: 0;
}
a img{
border:none;
margin-bottom:-4px;
}

.success{
    /*border: 1px solid #B3CEE9; */
    color: #007AC1;
    font-size: 14px;
    font-weight: bold;
    width:275px;
    margin-top: 125px;
}
.error{
    /*border: 1px solid #ffebe8;  */
    color: #DD3C10;
    float: right;
    font-size: 16px;
    font-weight: bold;
    margin-top: 61px;
}
.error_class{
    color:red;
    float:right;
    margin-top:-28px;
    margin-right:72px;
    width:192px;
}
#contactbox{float: left;
	height: auto;
	width: 284px;
  }
  
  #slider {
    width:696px;
    position:relative;
}
#slider img{
    border:none;
}
#slider ul, #slider li{
    margin:0;
    padding:0;
    list-style:none;
}
#slider li { 
    /*width:696px;    */
    overflow:hidden; 
}
#slider ul, #slider li{margin:0;padding:0;list-style:none;position:relative;display:block;}
/* Uncomment this if you wan't to only have 1 visible slide before the javascript kicks in. */
#slider li {display:none;}	
#slider li:first-child {display:block;}


#slider, #slider li {width:970px;overflow:hidden;height:600px;}
/* // Sudo Slider */	
/* Numeric Navigation */

.prevBtn{display:block;width:30px;height:77px;position:absolute;left:30px;top:282px;z-index:1000;background:url(http://www.mediterraneo-megisti.com/images/btn_prev.gif) no-repeat 0 0;cursor:pointer;}	 
.nextBtn {display:block;width:30px;height:77px;position:absolute;right:100px;top:282px;z-index:1000;background:url(http://www.mediterraneo-megisti.com/images/btn_next.gif) no-repeat 0 0;cursor:pointer;}	
												

.paddingbtm{
  padding-bottom:4px;
  height:5px;

}

.homeAboutLocation {
 color: #222222;
    float: left;
    font-family: verdana;
    font-size: 8pt;
    line-height: 11.8pt;
    margin-left: 24px;
    margin-top: 24px;
    width: 651px !important;
    /*margin-bottom:14px; */
}
.mapImg{
 border-width:2px;
 border:solid;
 border-color:#F3F1DD;
 height:126px;
}

#container p{
   opacity:0.9;
}


@media screen and (-webkit-min-device-pixel-ratio:0){

 #homeNav ul li a {
	  color: #B3CEE9;
    display: block;
    float: left;
    font-family: verdana;
    font-size: 7.5pt;
   /* padding-left: 7.5px;
    padding-right: 7px;  */
    padding-left: 0;
    padding-right: 20px; 
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing:0.12em;
     -webkit-text-size-adjust:none;
}

	.queryh5 {
color: #5188C0;
    font-family: verdana;
    font-size: 7.5pt;
    letter-spacing: 0.198em;
    word-spacing:0.299em;
    margin-bottom: 40px;
    margin-left: 19px;
    margin-top: 40px;
}

 .reservationLinkThin {
    
    letter-spacing: 0.114231em;
}
 .reservationLink{
    
    letter-spacing: 0.114231em;
}

/*----Added on 12th november start------*/
.inline_contact{
  letter-spacing:0.107em !important;
}

.inline_reservation{
  margin-left:-1px !important;
  letter-spacing:0.107em !important;
}

.inline_gallery{
  margin-left:-1px !important;
}
#homeNav{
margin-left:5px;
}

/*-----Added on 12th november end ------*/

.msgBoxContact {
   height:171px;
}
		
}

.leftnavimg{
float:left;
height:52px;
width:64px;
padding-right:0px !important;
padding-left:0px !important;
margin-top:275px;
/*border:0px solid;
background:none repeat scroll 0 0 rgba(248,247,244,0.5);*/
padding-top:12px;
display:block;
}
.rightnavimg{
float:right;
display:block;
height:52px;
width:65px;
padding-right:0px !important;
padding-left:0px !important;
margin-top:275px;
/*border:0px solid;
background:none repeat scroll 0 0 rgba(248,247,244,0.5);*/
padding-top:12px;
}
#left-navigation:hover {
  display:block !important;
}
#right-navigation.hover{
  display:block;
}
.islandNav {
    float: left;
    height: 350px;
    width: 100%;
}

#container h6 {
	font-size: 11.6pt;
	color: #2F7DC1;
	font-weight: normal;
	margin-top: 0px;
	font-family: "verdana";
	line-height:21pt;  
  margin-bottom: 14px;
}

.linkgrey{
    color:#222222;
    cursor:pointer;
    text-decoration:none;
    opacity:0.9;
}

/*---Added on 14th Jan 2013 ------*/
.right_img {
    height: 204px;
    margin: 0 auto;
    width: 282px;
}
.height{
height:211px !important; }