﻿* {
    font-family:"Trebuchet MS";
    font-size:13px;
}

.pngfix { }
.clearfix { clear:both; height:0; line-height:0; overflow: hidden; padding:0; font-size:0; }

p, h1, h2, h3, h4, h5 { font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; margin:0; }
h1 { font-size:18px; color:#006897; font-weight:bold; }
h2 { font-size:14px; color:#006897; }

p { margin-bottom:20px; }

a img { border:none; }

body {
	background:#2C383E url(/Images/bg.png) repeat-x top left;
	margin:15px 0 15px 0; padding:0;
}

#wrapper {
	width:970px; margin:auto;
}

#header {
    height:60px; border-bottom:solid 1px #E9EAEB;
    background-color:#F1F2F2;
}

#header-left {
	float:left; width:170px;
	margin-top:9px; text-align:center;
}

#header-right {
	float:left; width:799px;
	height:30px; margin-top:15px;
	border-left:solid 1px #BCC2C6;
}

#header-slogan {
	float:left; line-height:30px; font-size:15px;
	vertical-align:middle; padding-left:15px;
	color:#7C7A7B;
}

#header-tinymenu {
	float:right;
}

#header-tinymenu ul {
    margin:0; padding:0;
    margin-right:15px;
}

#header-tinymenu ul li {
    display:inline; list-style-type:none;
    line-height:30px; vertical-align:middle;
    margin-left:10px;
}

#header-tinymenu ul li a {
    font-family:Arial;
    font-size:11px; color:#707071; 
    text-decoration:none; font-weight:bold;
}

#header-tinymenu ul li a:hover {
    color:#333;
}

#header-image {
	width:970px; height:199px;
	background:url(/Images/header-image.jpg) no-repeat;
}

#header-menu {
    height:30px; border-bottom:solid 1px #222B2F;
}

#header-menu ul {
    margin:0; padding:0;
}

#header-menu ul li {
    display:block; list-style-type:none; margin:0;
    text-align:center; width:322px; float:left;
}

#header-menu ul li.seperator {
    list-style-type:none; height:30px;
    width:2px; float:left; 
}

#header-menu ul li.sep-1 { background:url(/Images/footer-menu-sep-1.png) no-repeat; }
#header-menu ul li.sep-2 { background:url(/Images/footer-menu-sep-2.png) no-repeat; }
#header-menu ul li.header-menu-1 { background-color:#2B363B; }
#header-menu ul li.header-menu-2 { background-color:#394348; }
#header-menu ul li.header-menu-3 { background-color:#4C555A; }

#header-menu ul li a {
     font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
     color:#fff; font-size:14px; text-decoration:none;
     line-height:30px; vertical-align:middle;
}

#header-submenu {
    height:25px; background-color:#fff;
}

#header-submenu div {
	background-color:#5D6A70; padding:0 10px 0 10px;
	line-height:25px; vertical-align:middle; display:none;
}

#header-submenu div a {
    font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
    color:#fff; font-size:12px; text-decoration:none; margin:0 10px 0 10px;
    background:url(/Images/arrow-right-white.png) no-repeat left center; padding-left:12px;
}

#header-submenu div a:hover {
    color:#2B363B;
}

#header-submenu-3 { text-align:right; }

#content {
	background-color:#fff;
	padding:5px 35px 10px 35px;
	width:900px;
}

#share {
	background-color:#fff; padding-bottom:15px;
}

#share div {
	padding:0 0 5px 35px;
}

#footer {
	background-color:#616B6F;
}

#footer-content {
	padding:10px 10px 5px 10px; color:#1F262C;
	font-family:Tahoma; font-size:12px;
}

#footer-bottom {
	color:#131B1F; font-family:Tahoma; 
	font-size:11px; text-align:left;
}

#footer-bottom span {
	color:#131B1F; font-family:Tahoma; 
	font-size:11px; font-weight:bold;
	margin-left:10px;
}

#footer-links {
	border-top:solid 1px #394348;
	padding-top:10px; margin-top:5px;
	text-align:center; padding-bottom:10px; 
	font-family:Tahoma; font-size:11px; color:#C2CBCF;
}

#footer-links a {
	font-family:Tahoma; font-size:11px;
	text-decoration:none; color:#C2CBCF;
}

#footer-links a:hover {
	color:#88959B;
}

#footer-info {
	margin-top:5px;
}

#footer-info-copyright {
	float:left; font-size:11px;
	font-family:Tahoma;
}

#footer-info-icons {
	float:right;
}

/* image user control */
.image-container { float:left; width:175px; }
.image-top {
    height:16px; line-height:16px; width:175px;
    background:url(/Images/image-top.gif) no-repeat top right;
    vertical-align:middle; font-family:Arial; font-size:8px;
    text-transform:uppercase; color:#344147; text-align:left;
}
.image-left { float:left; border:solid 1px #344147; }
.image-right { float:left; }


.message-box-error {
	border:solid 1px #D8595D; font-size:12px; font-weight:bold;
	background:#F6CBCA url(/Images/icon-red-delete.png) 3px 4px no-repeat;
	color:#D53E35; padding:3px 3px 3px 22px;
}

.message-box-success {
	border:solid 1px #91AE40; font-size:12px; font-weight:bold;
	background:#EEF4D4 url(/Images/icon-green-check.png) 3px 4px no-repeat;
	color:#98A657; padding:3px 3px 3px 22px;
}


/* ------------- ABOUT BODRUM ------------- */
#aboutbodrum-title {
	margin-bottom:15px;
}

#aboutbodrum-content {
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	float:left; width:710px;
}

#aboutbodrum-images {
	float:right; margin-left:15px; 
}

/* ------------- ABOUT BODRUM BAYS ------------- */
#aboutbodrumbays-title {
	margin-bottom:15px;
}

#aboutbodrumbays-content {
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	float:left; width:710px;
}

#aboutbodrumbays-images {
	float:right; margin-left:15px; 
}

/* ------------- ABOUT US ------------- */
#aboutus-title {
	margin-bottom:15px;
}

#aboutus-content {
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
}

#aboutus-content div.title {
	font-size:15px; color:#0083CD;
	font-weight:bold; margin-bottom:5px;
}

#aboutus-content div.subtitle {
	font-size:13px; color:#333;
	font-weight:bold; margin-bottom:10px;
}

#aboutus-content div.content {
	font-size:13px;
	margin-bottom:15px;
}

/* ------------- CONTACT ------------- */
#contact-title {
	margin-bottom:15px;
}

#contact-content-left {
    float:left; width:430px;
    padding-right:10px; margin-right:10px;
    border-right:solid 1px #BCC2C6;
    background:url(/Photos/contact-phone.jpg) no-repeat right bottom;
}

#contact-content-left div.subtitle {
	font-weight:bold; color:#006897;
}

#contact-content-left div.subcontent {
	margin-bottom:15px;
}

#contact-content-right {
    float:left; width:440px;
}

#form-result {
	display:none; margin-bottom:15px;
}

.contact-formpart {
	margin-bottom:15px;
}

.contact-formpart span {
	font-weight:bold; display:block;
	margin-bottom:5px;
}

.contact-formpart .form {
    border-top:1px solid #555; border-left:1px solid #555;
    border-bottom:1px solid #ccc; border-right:1px solid #ccc;
    border-width:1px; padding:2px; color:#323E45; width:300px;
    font-family:'Trebuchet MS'; font-size:13px;
}

.contact-formpart input.button {
    border:1px solid #333; padding:2px 1em;
    background:#323E45; color:#fff; font-size:100%;
}

/* ------------- DEFAULT ------------- */
#default-column1, #default-column2, #default-column3 {
    float:left;
}

div.column-title {
    margin-bottom:5px;
}

div.column-desc {
    font-size:11px; color:#666;
    margin-bottom:5px;
}

#default-column1 {
	width:280px; padding-right:15px;
}

#default-column2 {
	width:276px; padding:0 15px 0 15px;
    border:solid 1px #F1F2F2; border-bottom:none; border-top:none;
}

#default-column3 {
	width:280px; padding-left:15px;
}

#default-location-livehelp {
	margin-bottom:10px;
	border:solid 1px #ccc;
}

#default-location-subphones {
	font-family:'Trebuchet MS';
	font-size:11px; color:#707071;
	float:left;
}

#default-location-subphones a {
	font-size:11px; color:#707071;
}

#default-location-subphones a:hover {
	text-decoration:none;
}

#default-location-gmap {
	float:right;
}

#default-location-subphones span {
    font-family:'Trebuchet MS';
	font-size:11px; font-weight:bold;
}

#default-location-address {
	margin-top:5px; padding-top:5px; color:#666;
	font-family:'Trebuchet MS'; font-size:11px;
	border-top:solid 1px #F1F2F2;
}

#default-location-address span {
    font-family:'Trebuchet MS';
	font-size:11px; font-weight:bold;
}

.default-reservation-formpart {
	margin-bottom:7px;
}

.default-reservation-formpart span {
	font-weight:bold; display:block;
	margin-bottom:2px;
}

.default-reservation-formpart .form {
    border-top:1px solid #555; border-left:1px solid #555;
    border-bottom:1px solid #ccc; border-right:1px solid #ccc;
    border-width:1px; padding:2px; color:#323E45; width:250px;
    font-family:'Trebuchet MS'; font-size:13px;
}

.default-reservation-formpart .date {
    width:85px;
    background:url(/Images/icon-calendar.png) no-repeat center right;
}

.default-reservation-formpart input.button {
    border:1px solid #333; padding:2px 1em;
    background:#323E45; color:#fff; font-size:100%;
}

#default-reservationform-carpic-container {
	width:200px; height:125px;
	background:url(/Images/ajax-loader.gif) no-repeat center center;
}

/* ------------- FAQ ------------- */
#faq-title {
	margin-bottom:15px;
}

#faq-content {
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
}

#faq-content div.question {
	font-size:13px; color:#0083CD;
	font-weight:bold;
}

#faq-content div.answer {
	font-size:13px;
	margin-bottom:15px;
}

/* ------------- PENINSULA MAP ------------- */
#peninsulamap-title {
	margin-bottom:15px;
}

#peninsulamap-content {
	border:solid 1px #37444A;
}

/* ------------- RENTAL CARS ------------- */
#rentalcars-title {
	margin-bottom:15px;
}

.rentalcar-container {
	width:225px; float:left;
}

.rentalcar-container div.title {
	width:200px; font-size:16px;
	font-weight:bold;
	
}

.rentalcar-container div.image {
	width:200px; height:125px;
	text-align:center;
}

.rentalcar-container div.price {
	width:200px; font-weight:bold;
	margin:5px 0 5px 0; text-indent:2px;
	color:#2B363B;
}

.rentalcar-container div.specs {
	width:170px; font-size:11px;
	background:#DBDDDE url(/Images/icon-info.png) no-repeat 5px 5px;
	padding:5px 5px 5px 25px; color:#313D43;
}

.rentalcar-container div.reservation {
	width:170px; padding:5px 5px 5px 25px;
	background:url(/Images/icon-carkey.gif) no-repeat 2px 4px;
}

.rentalcar-container div.reservation a {
    text-decoration:none;
    color:#0081B7; font-size:12px;
    font-weight:bold;
}

.rentalcar-container div.reservation a:hover {
    color:#313D43;
}

.rentalcar-splitter {
	height:1px; line-height:1px;
	background-color:#4C555A;
	border-bottom:solid 1px #DBDDDE;
	margin:25px 0 25px 0; width:875px;
}

/* ------------- RENTAL CONDITIONS ------------- */
#rentalconditions-title {
	margin-bottom:15px;
}

#rentalconditions-content {
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
}

#rentalconditions-content span.subtitle {
	font-size:13px; color:#0083CD;
	font-weight:bold;
}

#rentalconditions-content span.attention {
	font-size:13px;
	font-weight:bold;
}

/* ------------- RESERVATION ------------- */
#reservation-title {
	margin-bottom:15px;
}

#reservationform-desc {
	font-size:12px; color:#2B363B;
	margin-bottom:10px;
}

#form-result {
	display:none; margin-bottom:15px;
}

#reservationform-column1 {
	float:left; width:290px;
}

#reservationform-column2 {
	float:left; width:290px;
	margin-left:15px;
}

#reservationform-column3 {
	float:left; width:290px;
	margin-left:15px;
}

#reservationform-carpic-container {
	width:200px; height:125px;
	background:url(/Images/ajax-loader.gif) no-repeat center center;
}

.reservation-formpart {
	margin-bottom:7px;
}

.reservation-formpart span {
	font-weight:bold; display:block;
	margin-bottom:2px;
}

.reservation-formpart .form {
    border-top:1px solid #555; border-left:1px solid #555;
    border-bottom:1px solid #ccc; border-right:1px solid #ccc;
    border-width:1px; padding:2px; color:#323E45; width:250px;
    font-family:'Trebuchet MS'; font-size:13px;
}

.reservation-formpart .date {
    width:85px;
    background:url(/Images/icon-calendar.png) no-repeat center right;
}

.reservation-formpart input.button {
    border:1px solid #333; padding:2px 1em;
    background:#323E45; color:#fff; font-size:100%;
}

/* ------------- VIP SERVICES ------------- */
#vipservices-title {
	margin-bottom:15px;
}

#vipservices-content {
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
}