/*
Date: 22 October
Author: Bogdan Valentin Oasa
Project: Mortaza
*/

/* Reset CSS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	background: transparent;
}

img.floatLeft { 
    float: left; 
    margin: 10px; 
}

.proceed {
width: 111px;
  height: 13px;
  background: url(images/proceed.png) no-repeat;
  cursor: pointer;
  border: none;
  }
a {
  text-decoration: none;
color: #efe197;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* CSS start! */
.clear { clear:both;
display:block;
line-height:0px;
}
.clear2 { clear:both;
display:block;
line-height:0px;
height: 20px;
}
.clear3 { clear:both;
display:block;
line-height:0px;
height: 5px;
font-size: 1px;
}

body,html {
  min-height: 100%;
  height: 100%;
}


body {
  font-size: 11px;
  font-family: Palatino, Times New Roman, Verdana, Arial, sans-serif;
  margin:0;
  padding: 0;
 background-image:
	url('images/bg4.gif');
	background-repeat:repeat-x, repeat-y;
	background-color:#231916;
}
#page {
  width: 766px;
  margin: 0 auto;
}
#header {
  width: 766px;
  height: 146px;
  background: url(images/header.gif) no-repeat;
  float: left;
  clear: left;
  text-align: center;
}
#logo {
  width: 447px;
  margin: 0 auto;
  margin-top: 15px;
margin-right: 15px;
}

.proceed {
width: 111px;
  height: 13px;
  background: url(images/proceed.png) no-repeat;
  cursor: pointer;
  border: none;
  }

/* Menu */


a.ala.hovered a.ala:hover {background: url("images/buttons/about_andrew_mortaza.gif");}
a.ala2:hover {background: url("images/buttons/properties_for_sale2.png");}
a.ala3:hover {background: url("images/buttons/buyers_sellers2.png");}
a.ala4:hover {background: url("images/buttons/concierge2.png");}
a.ala5:hover {background: url("images/buttons/contact2.png");}

#menu_container {
  float: left;
  clear: left;
  width: 766px;
  height: 75px;
  background: url(images/menu_container.jpg) no-repeat;
}
#menu_container ul {
  width: 100%;
  float: left;
  clear: left;
  margin: 34px 0 0 0;
}
#menu_container ul li {
  float: left;
  padding: 0 20px 0 20px;
}

/* Customers */
#customers {
  float: left;
  clear: left;
  width: 766px;
  height: 151px;
  background: url(images/customers2.jpg) no-repeat;
}
.customer_box {
  float: left;
  width: 176px;
  padding: 0 35px 0 43px;
  margin: 13px 0 0 0;
}
.customer_box h2 {
  float: left;
  clear: left;
  height: 26px;
}
.customer_box h2#buyers {
  width: 175px;
  height: 53px;
  background: url(images/buyers2.png) no-repeat;
}
.customer_box h2#sellers {
  width: 175px;
  height: 53px;
  background: url(images/sellers2.png) no-repeat;
}
.customer_box h2#contact_customers {
    width: 175px;
  height: 53px;
  background: url(images/contact22.png) no-repeat;
}
.customer_desc {
  float: left;
  clear: left;
  margin: 11px 0 0 0;
}
.learn_more {
  float: left;
  clear: left;
  width: 69px;
  height: 13px;
  background: url(images/learn_more.png) no-repeat;
  margin: 25px 0 0 0;
  cursor: pointer;
}

#image_middle {
  width: 766px;
  height: 95px;
 /* background: url(images/image_middle.jpg) no-repeat; */
  float: left;
  clear: left;
}

#image_middle2 {
  width: 766px;
  height: 95px;
 background: url(images/image_middle.jpg) no-repeat;
  float: left;
  clear: left;
}

/* Services */
#services {
  float: left;
  clear: left;
  width: 766px;
  height: 158px;
  background: url(images/services.jpg) no-repeat;
}
.services_box {
  float: left;
  width: 220px;
  padding: 0 17px 0 17px;
  margin: 20px 0 0 0;
}
.services_box#contactus_box {
  width: 250px;
}
.services_box#testimonials_box {
  width: 350px;
  padding: 0 17px 0 80px;
}
.services_box h3 {
  float: left;
  clear: left;
  height: 15px;
}
.services_box h3#luxury {
  width: 150px;
  background: url(images/services_luxury.png) no-repeat;
}
.services_box h3#lender {
  width: 168px;
  background: url(images/services_lender.png) no-repeat;
}
.services_box h3#search_services {
  width: 177px;
  background: url(images/services_search.png) no-repeat;
}

.services_box h3#contact_us {
  width: 118px;
  background: url(images/contact_us.png) no-repeat;
}
.services_box h3#testimonials {
  width: 140px;
  background: url(images/testimonials.png) no-repeat;
}
.services_desc {
  float: left;
  clear: left;
  margin-top: 8px;
}
.services_pic {
  float: left;
  clear: left;
  margin: 16px 0 0 0;
}
.services_list {
  float: left;
  margin: 16px 0 0 13px;
}
.services_list li {
  float: left;
  clear: left;
  margin-bottom: 7px;
}
#services_form {
  float: left;
  clear: left;
  margin: 22px 0 0 0;
}
#services_form input {
  float: left;
  clear: left;
  width: 177px;
  height: 13px;
  margin-bottom: 11px;
  font-family: Palatino, Times New Roman, Verdana, Arial, sans-serif;
  font-size: 11px;
 color: #aeaeae;
text-decoration: italic;
}

#services_form submit {
  width: 111px;
  height: 13px;
  background: url(images/proceed.png) no-repeat;
  cursor: pointer;
  border: none;
}

#services_form select {
  float: left;
  clear: left;
  width: 177px;
  height: 18px;
  margin-bottom: 16px;
}

.services_text {
  float: left;
  width: 130px;
  font-size: 12px;
  color: #414141;
  font-family: Palatino, Times New Roman, Verdana, Arial, sans-serif;
  text-align: left;
  margin: 16px 0 0 13px;
}
* html .services_text {

}
.services_text_testimonials {
  float: left;
  width: 350px;
  font-size: 12px;
  color: #414141;
  font-family: Palatino, Times New Roman, Verdana, Arial, sans-serif;
  text-align: justify;;
  margin: 16px 0 0 0;
}
.services_text_testimonials .important {
  float: right;
}


#footer {
  width: 766px;
  height: 75px;
  float: left;
  clear: left;
  background: url(images/footer.png)  no-repeat;
}
#ad1 {
  float: left;
  position: relative;
  margin: 10px 0 0 -10px;
}
#ad2 {
  float: left;
  position: relative;
  margin: 10px 0 0 -17px;
  z-index: 15;
}
#ad3 {
  float: left;
  clear: left;
  position: relative;
  z-index: 10;
  margin: 12px 0 0 23px;
}
#footer_quote {
  float: left;
  margin: 50px 0 0 60px;
}


#footer_menu {
  float: right;
  clear: right;
  margin: 6px 20px 0 0;
  width: 187px;
}
* html #footer_menu {
  margin-right: 10px;
  width: 195px;
}


#footer_menu li{
  float: left;
  margin: 0 0px 0 8px;
}
#footer_menu li#last{
  float: left;
  margin: 0;
}
#footer_menu li .spacer {
  float: left;
  width: 3px;
  height: 7px;
  background: url(images/spacer.gif) no-repeat;
  margin: 0 0 0 8px;
}
#footer_menu li a {
  float: left;
}
#footer_menu li a img {
  float: left;
}


#telno {
  float: right;
  clear: right;
  margin: 30px 20px 0 0;
}
#dre {
  float: right;
  clear: right;
  margin: 5px 20px 0 0;
}

#customers2 {
  float: left;
  clear: left;
  width: 766px;
  padding: 24px 0 60px 0;
    background: url('images/bgtest.jpg');
}

#customers3 {
  float: left;
  clear: left;
  width: 766px;
  padding: 24px 0 60px 0;
    background: url('images/bgtest.jpg');
}

h1#about_andrew {
  float: left;
  clear: left;
  margin: 0 0 0 23px;
}
* html h1#about_andrew {
  margin-left: 12.5px;
}

#customers2 .customers2_text {
  float: left;
  clear: left;
  width: 679px;
  text-align: justify;
  font-family: Palatino, Times New Roman, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #fff;
  margin: 35px 0 0 55px;

}
* html #customers2 .customers2_text {
  margin-left: 27.5px;
}
.customers2_img {
  float: left;
}
.customers2_p {
  float: left;
  width: 500px;
  position: relative;
  margin: 0 0 0 10px;
}

#customers3 .customers3_text {
  float: left;
  clear: left;
  width: 679px;
  text-align: justify;
  font-family: Palatino, Times New Roman, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #fff;
  margin: 35px 0 0 55px;

}
* html #customers3 .customers3_text {
  margin-left: 27.5px;
}

.customers3_p {
  float: right;
  width: 5px;
  position: relative;
  margin: 0 30px 0 10px;
}

.customers3_img {
  float: left;
}

.customers3_img2 {
  float: right;
}

h2 {
 font-size: 14px;
  font-family: Palatino, Times New Roman, Verdana, Arial, sans-serif;
  color: #efe197;
}

#blanket {
background-color:#111;
opacity: 0.65;
filter:alpha(opacity=65);
position:absolute;
z-index: 9001;
top:0px;
left:0px;
width:100%;
}

#popUpDiv {
position:absolute;
background-color:#eeeeee;
width:300px;
height:300px;
z-index: 9002;