* {
 margin: 0;
 padding: 0;
 list-style: none;
 border: 0;
 background-repeat: no-repeat;
 text-decoration: none;
 outline: none;
 }
 .link:hover {text-decoration: underline;}
 img {display: block;}
 input.text, textarea {background-color: #694f47; color: #f8f3ea; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;}
 em {font-style: normal; font-weight: bold;}
 
 body {background-color: #003839; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 21px; }

 .clearer { height: 0.1em; clear: both;}


 #container {width: 819px; height: 523px; margin: 0 auto;  position: absolute; top: 50%; left: 50%; margin-left: -415px; margin-top: -261px;}

 #wrapper { background:url(../images/bg_middle.gif); }
 #page { background-image:url(../images/bg_top.gif);   }
 #page_top {background-image:url(../images/bg_bottom.gif); background-position: left bottom; padding: 5px 5px 4px;  }
 #page_bottom {border: 1px solid #003839; }
 #real_page {background-color: #FFFFFF; height: 494px; position: relative; overflow: hidden; border: 9px solid #003839;}
 
 h1 {width: 174px; height: 174px;  position: absolute; top: 218px; left:416px; z-index: 10000; }
 h1 a {text-indent: -3000px; overflow: hidden; background:url(../images/oxford.gif); display: block; height: 100%; width: 100%;}
 h2 {width: 246px; height: 248px; position: absolute; top: 0; right: 0; text-indent: -3000px; overflow: hidden; }
 h3 {height: 14px; text-indent: -3000px; overflow: hidden; margin-bottom: 12px;}
 h4 {font-size: 9px;}
 h4.noutati {margin-bottom: 5px;}
 a:link {
 	cursor: hand;
}
 
  #logoz {
	width: 152px;
	position: absolute;
	top: 105px;
	left: 53px;
	padding: 1px 0 0;
	height: 152px;
}
 
 #main_menu {
	width: 152px;
	position: absolute;
	top: 273px;
	left: 56px;
	padding: 1px 0 0;
	background:url(../images/dot_hor.gif);
	background-repeat: repeat-x;
	height: 158px;
}
 #main_menu li {padding: 0 0 1px; background:url(../images/dot_hor.gif); background-repeat:repeat-x; background-position: left bottom; width: 100%; float: left;}
 #main_menu a {display: block; height: 20px; background-position: 5px 6px; background-repeat: no-repeat;  }
  
 #location_menu {
 width:auto;
 }
 
 #community_menu {
 width:auto;
 }
 
 
 
 
 
 
 
 .plots {margin: 0 0 2px 3px;}
 .location {margin: 0 0 2px 3px;}
 .community {margin: 0 0 2px 3px;}
  #main_menu .galerie {margin: 0 0 2px 3px;}
 .contact {margin: 0 0 2px 3px;} 
 
 #contents_wrapper {
	width: 549px;
	height: 494px;
	position: absolute;
	overflow: hidden;
	left: 255px;
	top: 0px;
}
 #contents {width: 3952px; height: 100%; position: relative;}
 .content {width: 549px;  position: absolute; overflow: hidden; }
 #home {left: 0; top: 0;}
 
 #plots {left: 549px; top: 0; background-image:url(../images/plots.png); padding: 494px 0 0;}
 
 #location {left: 1098px; top: 0; background-image:url(../images/nature.png); padding: 494px 0 0;}
 #location3 {left: 1647px; top: 0; background-image:url(../images/urban.png); padding: 494px 0 0;}
 #location4 {left: 2196px; top: 0; background-image:url(../images/history.png); padding: 494px 0 0;}
 #location5 {left: 2745px; top: 0;}
 
 #community {left: 3294px; top: 0; background-image:url(../images/transport.png); padding: 494px 0 0;}
 #community3 {left: 3843px; top: 0; background-image:url(../images/schools.png); padding: 494px 0 0;}
 #community4 {left: 4392px; top: 0; background-image:url(../images/attractions.png); padding: 494px 0 0;}
 
 
 #galerie {left: 4941px; top: 0; height: 494px; overflow: hidden; }
 #fotos_nav {position: absolute; left: 0;  z-index: 20;}
 #fotos_nav li {width: 87px; height: 86px; margin-bottom: 1px; float: left; clear: left;}
 #fotos_nav  a {display: block; width: 87px; height: 86px; cursor: pointer; }
 #foto_inapoi { background-image:url(../images/up.png); visibility: hidden;margin-left:455px;z-index:5;}
 #foto_inainte { background-image:url(../images/down.png);margin-left:455px;z-index:5;}
 #fotos_wrapper {width: 549px; height: 494px; overflow: hidden; position: absolute; top: 0; left: 0;}
 #fotos {  width: 549px; position: absolute; top: 0; left: 0;  }
 #fotos li { position: relative; left: 0; top: 0; float: left; clear: left; }
 #fotos li img {display: block;}
 #fotos li span {height: 23px; width: 247px; background-color: #000000; color: #ffffff; line-height: 23px; font-weight: normal; text-indent: 8px; display: block; position: absolute; left: 0; bottom: 0;}

 
 #fotos_nav2 {position: fixed;  top: 50%; left: 50%; z-index: 200; width: 549px; height: 23px;  margin-left: -400px; margin-top: 225px; visibility: hidden; }
 #galerie:hover #fotos_nav2 {visibility: visible;} 
 
 #fotos_nav2 ul {float: right; padding: 5px;}
 #fotos_nav2 li {float: left; padding-right: 1px;}
 #fotos_nav2 li a:link, #fotos_nav2 li a:visited , #fotos_nav2 li a:active, #fotos_nav2 li a#selectat {color: #fff; display: block; width: 13px; height: 13px; text-align: center; line-height: 13px; font-family: 'Trebuchet Ms'; background-image:url(../images/nav_bg.png);}
 #fotos_nav2 li a:hover, #fotos_nav2 li a#selectat { background-color: #000 !important; background-image: none !important; }
 #fotos_nav2 h4 {height: 23px; width: 353px; background-color: #000; color: #fff; line-height: 23px; font-weight: normal; float: left; text-indent: 8px;} 
 
 #contact { left: 5490px;  top: 0; height: 494px; overflow: hidden;background-image:url(../images/contact_us.png); padding: 494px 0 0;}
 #formular_contact {position: absolute; left: 0;  top: 0; padding: 248px 0 0; height: 246px; overflow: hidden; width: 494px; }
 #formular_contact .description { height: 170px; padding: 38px 125px 38px 40px; color: #ffffff;}
 #contact_link { background-image:url(../images/locatie.gif); display: block; text-indent: -3000px; overflow: hidden; width: 96px; height: 33px; margin-top: 3px;   }
 #contact_link:hover {background-position: 0 -33px;}
 
 #locatie {position: absolute; left: 0; top: 494px; height: 494px; width: 494px;}
 #locatie img {cursor: pointer;}
 
 .formular {width: 333px;}
 .formular label {display: block; float: left; clear: both;  white-space: nowrap;}
 .formular span {display: block; float: right;  background-color: #5E5E5E; padding: 1px; margin: 0 0 2px; }
 .formular input.text, .formular textarea {width: 243px; background-color: #353F37; display: block; color: #fff;}
 .formular2 {width: 210px; float: left;margin-left:-30px;margin-top:46px;}
 .formular2 input.text,  .formular2 textarea {width: 147px;}
 input.button {float: right;}
 .formular textarea {height: 30px; overflow: auto;}
 #plots .formular  input.text {width: 240px;}
 #plots .nr {width: 100%; float: left;}
 #plots .formular .nr input.text {width: 73px;}
 #plots .nr_1 {float: left; width: 166px;  }
 #plots .nr_2 {float: right; width: 159px;  }
 #plots .nr span { position: relative; top: 0; left: 0;}
 #plots .nr_1 iframe {top: 10px; left: 10px;}
  .rezervari_select {width: 100%; float: left; position: relative; left: 0; top: 0; padding-bottom: 4px; z-index: 100;}
  iframe {visibility: visible; z-index: 999; position: absolute; top: -5000px; left: -5000px;  width: 205px; height: 194px; overflow: hidden;}
  select { display: block; width: 246px; position: absolute; top: 0; left: 87px; }
  select.replaced { display: none; }
  ul.selectReplacement { overflow: visible; width: 246px; float: right;  position: absolute; top: 0; left: 87px; z-index: 100;}
  ul.selectReplacement li { background: #432C26; color: #fff; cursor: pointer; display: none; font-size: 10px;padding-left: 5px;}
  ul.selectOpen li {display: block;}
  ul.selectReplacement li.selected { background-color: #6A4F48; background-image:url(../images/select_arrow.gif); background-position: center right; background-repeat: no-repeat; color: #fff; display: block; }
  ul.selectOpen li.selected { background: #301D17; display: block;}
  ul.selectOpen li:hover, ul.selectOpen li.hover, ul.selectOpen li.selected:hover { background: #301D17; color: #fff; }
  
  #footer {position: absolute; top: 530px; left: 497px; width: 328px; border: solid #E3D0AF; border-width: 0 0 0 1px; text-indent: 7px; line-height: 16px; color: #978158; font-size: 9px;}
  #footer #desero {text-indent: -3000px; overflow: hidden; width: 70px; height: 16px; background-image:url(../images/desero.gif); background-position: left center; position: absolute; right: 0; top: 0; display: block;}
 
  .alert_wrapper { position: relative; top: 0; left: 0; z-index: 1000; width: 100%; float: left;}
  .confirmare, .eroare {width: 269px; height: 88px; border: 1px solid #9A835E; background-color: #2D331F; position: absolute; top: 0; left: 43px; padding: 15px; z-index: 1000;  }
  .eroare {background-color: #6B3030;}
  .confirmare h4, .eroare h4 {height: 18px; text-indent: -3000px; overflow: hidden;}
  .confirmare h4 { background-image:url(../images/confirmare.gif);}
  .eroare h4 { background-image:url(../images/eroare.gif);} 
  .confirmare p, .eroare p {line-height: 14px;}
  .confirmare .inchide, .eroare .inchide {display: block; text-indent: -3000px; width: 92px; height: 17px; overflow: hidden; position: absolute; top: 83px; left: 15px;  }
  .confirmare .inchide {background-image:url(../images/inchide_confirmare.gif);}
  .eroare .inchide {background-image:url(../images/inchide_eroare.gif);}

  .inchide_btn { position: absolute; top: 83px; left: 15px;}

 .loading {width:370px; display:block; height:120px; background-position:center;}
 #plots .loading {color:#5B423B; background-image:url(../images/loader_rezervari.gif); }
 #contact .loading {color:#4C413F; background-image:url(../images/loader_contact.gif);}
 .foto {background-image:url(../images/loader_contact.gif); background-position: center; background-color: #4C413F;}
 
 #contact_div {width: 370px;}
 #contact_info {padding-left: 15px; float: left; width: 150px; white-space:normal;  line-height: 18px;}
 
/*******************************************************************************************
*
*						AlexM Changes
*
********************************************************************************************/


    	/* FOTOS FIXEDS */
    	#fotos_nav2 ul {margin-right: 25px !important;}
    	#formular_contact {width: 100%; padding-right: 0;}
    	
    	/* CONTACT FIXES */
    	#contact_info {color: #fff; z-index: 1000; display: block; position: absolute; left: 230px; top: 330px; width: 350px; padding-left: 7px; font-size: 10px;}
    	#contact_info p {line-height: 1.1em; padding-bottom: 7px; letter-spacing: -1px;}
    	#contact_info a:link, #contact_info a:visited, #contact_info a:hover, #contact_info a:active {text-decoration: none; border-bottom: 2px solid #5f6261; color: #fff;}