body { background: url("../images/body_bg.jpg") repeat-x top left #ffc; 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: #ff7200; 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 #f70; border-bottom: 20px solid #ff7200; }

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

div#header_nav { background: #f70; font-size: 80%; text-transform: uppercase; border-top: 1px solid #f70; border-bottom: 1px solid #f70; padding: 0; margin: 0; }
div#header_nav a { font-weight: bold; color: #fff; }
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: #ffc; padding: 2px 0 0 0; margin: 0 0 10px 0; }
div.column_wide { width: 100%; background: #ffc; padding: 2px 0 0 0; margin: 0 0 10px 0; }
div.column h2, div.column_wide h2 { clear: left; padding: 5px 10px; background: #f70; color: #fff; border-top: 2px solid #fff; border-bottom: 2px solid #fff; margin-bottom: 0; }
div.column p.courses { margin: 10px 0 10px 0; padding: 0; text-align: center; }
div.column p, div.column_wide p { margin: 10px 0 10px 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_apartments.jpg") no-repeat top right; }
div#accommodation_list ul li.cyprus_apartments { background: url("../images/buttons/out/cyprus_villas.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_apartments.jpg") no-repeat top right; }
div#accommodation_list ul li.cyprus_apartments a:hover { background: url("../images/buttons/over/cyprus_villas.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#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; color: #f70; }
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: 120px; margin: 0 19px 15px 0; text-align: center; }
div.third_end { float: left; width: 30%; border: 1px solid #ccc; padding: 5px; height: 120px; margin: 0; text-align: center; }
div.third p, div.third address, div.third_end p, div.third_end address { margin: 0; padding: 5px 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; }

dl { }
dt { color: #f00; font-weight: bold; text-decoration: underline; padding-bottom: 10px; padding-left: 4px; }
dd { padding-bottom: 10px; padding: 0 0 10px 5px; margin: 0; }
p.bold {font-weight: bold;}
p.apartment_images { float: left; padding: 2px; }
p.apartment_images img { border: 1px solid #f70; }
p.apartment_images_right { float: right; padding: 2px; }
p.apartment_images_right img { border: 1px solid #f70; }

ul.features { float: left; width: 50%; }
ul.features li { padding: 5px; }

img.border { border: 3px solid #f70; }

div.clear { clear: both; }

blockquote { color: #f00; font-weight: bold; text-align: center; font-size: 140%; font-style: italic; }

#gallery { }
#gallery p { float: left; margin: 10px; padding: 0; }
#gallery img { border: 10px solid #f70; }
#gallery a:hover img { border: 10px solid #fc3; }