body { background: url("../images/body_bg.jpg") repeat-x top left #dfefff; color: #333; margin: 10px 10px 100px 10px; padding: 0; font: 75% sans-serif; }

h2 { margin: 0 0 20px 0; font: bold 100% sans-serif; text-align: center; text-transform: uppercase; }
h3 { font: bold 100% sans-serif; text-transform: uppercase; margin: 0 0 2px 0; padding: 3px 10px; background: #069; color: #fff; clear: both; }

a { font-weight: bold; text-decoration: none; }
a:hover { font-weight: bold; text-decoration: underline; }
p, address { font-style: normal; margin: 0 0 15px 0; }
table { margin: 0 auto 20px auto; width: 80%; }
select, input, textarea { font: normal 100% sans-serif; }

div#outer_container { width: 760px; margin: 0 auto; padding: 3px; border: 1px solid #666; background: #fff; }
div#container { border-top: 20px solid #069; border-bottom: 20px solid #069; }

div#header { background: url("../images/header.jpg") no-repeat center 2px; height: 124px; overflow: hidden; border-top: 1px solid #666; }
div#header h1 { margin: 0; padding: 120px 0 0 0; }

div#header_nav { background: #9cf; font-size: 80%; text-transform: uppercase; border-top: 1px solid #69c; border-bottom: 1px solid #69c; padding: 0; margin: 0; }
div#header_nav a { font-weight: bold; color: #000; }
div#header_nav a:hover { font-weight: bold; color: #333; text-decoration: none; }
div#header_nav ul { height: 23px; margin: 0; padding: 0 0 0 5px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }
div#header_nav ul li { float: left; text-align: center; width: 96px; margin: 0; padding: 5px; list-style-type: none; border-right: 1px solid #fff; }
div#header_nav ul li.first { border-left: 1px solid #fff; }

div#main_content { padding: 10px; margin: 0; }
div.gallery { text-align: center; }

div.column { float: left; width: 50%; background: #def; padding: 2px 0 0 0; margin: 0 0 10px 0; }
div.column h2 { clear: left; padding: 5px 10px; background: #69c; color: #fff; border-top: 2px solid #fff; border-bottom: 2px solid #fff; }
div.column p { margin: 0 0 2px 0; padding: 0 20px 20px 20px; }
div.column_clear { float: right; width: 50%; padding: 12px 0 0 0; }
div.column_clear p { margin: 0; padding: 0 20px 20px 20px; }

div.photo_right { float: right; padding: 0 0 0 20px; }
div.photo_right p { margin: 0; }


div#accommodation_list ul { margin: 0; padding: 0; height: 200px; }
div#accommodation_list ul li { margin: 0; padding: 0 0 0 5px; list-style-type: none; float: left; height: 162px; overflow: hidden; }
div#accommodation_list ul li.general_information { background: url("../images/buttons/out/general_information.jpg") no-repeat top right; }
div#accommodation_list ul li.cyprus_town_house { background: url("../images/buttons/out/cyprus_villas.jpg") no-repeat top right; }
div#accommodation_list ul li.cyprus_apartments { background: url("../images/buttons/out/cyprus_apartments.jpg") no-repeat top right; }
div#accommodation_list ul li.cyprus_hotel { background: url("../images/buttons/out/cyprus_hotel.jpg") no-repeat top right; }
div#accommodation_list ul li a { display: block; width: 240px; padding: 160px 0 0 0; }
div#accommodation_list ul li.general_information a:hover { background: url("../images/buttons/over/general_information.jpg") no-repeat top right; }
div#accommodation_list ul li.cyprus_town_house a:hover { background: url("../images/buttons/over/cyprus_villas.jpg") no-repeat top right; }
div#accommodation_list ul li.cyprus_apartments a:hover { background: url("../images/buttons/over/cyprus_apartments.jpg") no-repeat top right; }
div#accommodation_list ul li.cyprus_hotel a:hover { background: url("../images/buttons/over/cyprus_hotel.jpg") no-repeat top right; }


div#description { clear: both; margin: 0 auto; }
div#description div h2 { margin: 0; font: bold 160% serif; text-align: left; }
div#apartments { clear: both; padding: 10px 0; margin: 0; border-top: 1px solid #333; }
div#town_house { clear: both; padding: 10px 0; margin: 0; border-top: 1px solid #333; }
div#general { clear: both; padding: 10px 0; margin: 0; border-top: 1px solid #333; }
div#hotel { clear: both; padding: 10px 0; margin: 0; border-top: 1px solid #333; }

div#enquiry_form { margin: 0 0 15px 0; border: 1px solid #ccc; background: #f9f9f9; clear: both; }
div#enquiry_form form { padding: 5px; margin: 0; }
div#enquiry_form div.split { width: 49%; float: left; }
div#enquiry_form dl { display: block; padding: 10px; clear: both; }
div#enquiry_form dl dt { font-weight: bold; padding: 3px 0 0 0; float: left; width: 50%; margin: 0; clear: both; }
div#enquiry_form dl dd { margin: 0; padding: 0 0 5px 0; float: left; width: 50%; }
div#enquiry_form h4 { font: bold 100% sans-serif; text-transform: uppercase; margin: 0; padding: 3px 10px 0 0; text-align: center; clear: both; } 
div#enquiry_form p { padding: 0 10px; clear: both; }

div.third { float: left; width: 30%; border: 1px solid #ccc; padding: 5px; height: 140px; margin: 0 19px 15px 0; text-align: center; }
div.third_end { float: left; width: 30%; border: 1px solid #ccc; padding: 5px; height: 140px; margin: 0; text-align: center; }
div.third p, div.third address, div.third_end p, div.third_end address { margin: 0; padding: 10px; }

div#footer { clear: both; padding: 5px 10px; margin: 0 0 2px 0; border-top: 1px solid #666; font: normal 90% sans-serif; text-transform: uppercase; }
div#footer ul { margin: 0; padding: 0; text-align: right; }
div#footer ul li { display: inline; margin: 0; padding: 0 0 0 20px; list-style-type: none; }
div#footer ul li a { color: #666; }
div#footer ul li a:hover { text-decoration: underline; }

img.attractions_right { float: right; margin: 5px 5px 5px 10px; border: 5px solid #dfefff; }
img.attractions_left { float: left; margin: 5px 10px 5px 5px; border: 5px solid #dfefff; }

table.tariff { border: 2px solid #69c; margin: 0 auto; padding: 0px; }
table.tariff th { padding: 3px 10px; background: #9cf; color: #000; text-transform: uppercase; font: bold 90% sans-serif;  }
table.tariff td { padding: 3px 10px; text-align: center; border: 1px solid #ccc; }

div.cosmos { margin: 0 auto; }
div.cosmos p { text-align: center; }
div.cosmos img { margin: 0; padding: 0; }