/* CSS Document */



/*---------------------------------------------------------------------------------------------------------
[master stylesheet]

Project: Crystal blue - Monte Mayor
Created by: Lee Attard


-----------------------------------------------------------------------------------------------------------

[Table of contents]

1. body
2. pagewrapper
3. header-wrapper
4. site-slogan
5. logo
6. primary-links
7. sidebar-left-region
8. content
9. footer
10.The Costa del Sol page
11.The house page
12.contact page


-----------------------------------------------------------------------------------------------------------
*/




body{
width:960px;
margin-left:auto;
margin-right:auto;
background-image:url(images/background-tile.jpg);
background-repeat:repeat-x;
background-position:top;
background-color:#C9CB2B;
height:100%;
margin-top:0px;
margin-bottom:0px;
padding-bottom:0px;
font-family:"Lucida Grande", Arial, Helvetica, sans-serif;
font-size:12px;
color:#ffffff;
border-left:2px solid #000000;
border-right:2px solid #000000;

}

*{
border:none;


}

p{
line-height:20px;


}


h1{
color:#C9CB2B;

}


h2{
	font-size:18px;
	font-weight:normal;
	padding-bottom:5px;
	background:url(images/h2-underline-tile.gif) bottom repeat-x;
	color: #C9CB2B;

}

h3 {
	font-family:"Lucida Grande", Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#C9CB2B;
	

}





/*---- header image replacements --------------------------------------------------------------------------------------*/

h1 span{
display: none;
}

h1#h1-coming-soon{
width: 500px;
height: 27px;
background-image:url(images/h1-coming-soon.gif);
background-repeat:no-repeat;
	
}


h1#h1-home{
width: 500px;
height: 27px;
background-image:url(images/h1-home.gif);
background-repeat:no-repeat;
	
}

h1#h1-about-us{
width: 500px;
height: 27px;
background-image:url(images/h1-about-us.gif);
background-repeat:no-repeat;
	
}

h1#h1-location{
width: 500px;
height: 27px;
background-image:url(images/h1-locations.gif);
background-repeat:no-repeat;
	
}

/*h1#h1-our-developments{
width: 500px;
height: 27px;
background-image:url(images/h1-our-developments.gif);
background-repeat:no-repeat;
	
}
*/

h1#h1-the-developments{
width: 500px;
height: 27px;
background-image:url(images/h1-the-developments.gif);
background-repeat:no-repeat;
	
}


/*h1#h1-property-portfolio{
width: 500px;
height: 27px;
background-image:url(images/h1-property-portfolio.gif);
background-repeat:no-repeat;
	
}
*/

h1#h1-condos{
width: 500px;
height: 27px;
background-image:url(images/h1-the-condos.gif);
background-repeat:no-repeat;
	
}


h1#h1-contact-us{
width: 500px;
height: 27px;
background-image:url(images/h1-contact-us.gif);
background-repeat:no-repeat;
	
}

h1#joao{
width: 500px;
height: 27px;
background-image:url(images/h1-joao.gif);
background-repeat:no-repeat;
	
}

h1#due{
width: 500px;
height: 27px;
background-image:url(images/h1-due.gif);
background-repeat:no-repeat;
	
}





/*---- LINK STYLING --------------------------------------------------------------------------------------*/


a:link{
color:#C9CB2B;
text-decoration:none;

}

a:visited{
color:#C9CB2B;
text-decoration:none;


}

a:hover{
color:#666666;
text-decoration:none;


}

a:visited:hover{
color:#666666;
text-decoration:none;


}

a:active{
color:#666666;
text-decoration:none;


}



#footer ul a:link{
color:#666666;
text-decoration:none;

}

#footer ul a:visited{
color:#666666;
text-decoration:none;


}

#footer ul a:hover{
color:#C9CB2B;
text-decoration:none;


}

#footer ul a:visited:hover{
color:#C9CB2B;
text-decoration:none;


}

#footer ul a:active{
color:#C9CB2B;
text-decoration:none;


}




#andaluciaws-link a:link, .box2 a:link{
color:#C9CB2B;
text-decoration:none;

}

#andaluciaws-link a:visited, .box2 a:visited{
color:#C9CB2B;
text-decoration:none;


}

#andaluciaws-link a:hover, .box2 a:hover{
color:#666666;
text-decoration:none;


}

#andaluciaws-link a:visited:hover, .box2 a:visited:hover{
color:#666666;
text-decoration:none;


}

#andaluciaws-link a:active, .box2 a:active{
color:#666666;
text-decoration:none;


}




.box3 a:link{
color:#80821C;
text-decoration:none;

}

.box3 a:visited{
color:#80821C;
text-decoration:none;


}

.box3 a:hover{
color:#ffffff;
text-decoration:none;


}

.box3 a:visited:hover{
color:#ffffff;
text-decoration:none;


}

.box3 a:active{
color:#ffffff;
text-decoration:none;


}



/*----DIVS & CLASSES --------------------------------------------------------------------------------------*/


#coming-soon{
margin:30px;


}





#page-wrapper{
width:960px;
margin-left:auto;
margin-right:auto;
background-color:#00090D;
height:100%;
margin-bottom:0px;
padding-bottom:0px;

}


#header-wrapper{
height:138px;
background-image:url(images/header-background.jpg);
background-position:top;

}



#site-slogan{
float:right;
margin-right:15px;
margin-top:20px;


}



#logo{
margin-left:15px;
padding-top:40px;

}


#primary-links{
margin-bottom:20px;


}



#sidebar-left-region{
width:270px;
margin-left:15px;
float:left;
margin-bottom:20px;

}


.box1{
margin-bottom:10px;
background-color:#C9CB2B;


}


.box1-hd{
background-image:url(images/box1-hd.gif);
background-repeat:no-repeat;
height:48px;
}


.box1-hd img{
margin-left:15px;
margin-top:15px;
}


.box1-bd{
background-image:url(images/box1-tile.gif);
background-repeat:repeat-y;
padding:15px;
height:110px;
}
.box1-bd.searchframe {
	padding:5px;
	height:130px;
}

.box1-bd iframe {
	margin:0;
	padding:0;
}


.box1-bd p{
margin-left:15px;
margin-top:0px;
margin-bottom:0px;
line-height:normal;

}


.box1-bd input.text{
width: 233px;
height: 20px;
color: #000000;
background: #FFFFFF;
border:2px solid #000000;
margin-bottom:10px;
padding-left:5px;
padding-top:5px;
}



.box1-bd input.button {
margin-left:83px;
width: 78px;
height: 28px;
color: #000000;
background: #FFFFFF;
border:2px solid #000000;
float:right;
}


.box1-ft{
background-image:url(images/box1-ft.gif);
background-repeat:no-repeat;
height:26px;
clear:both;
}









.box2{
margin-bottom:10px;
background-color:#ffffff;
color:#000000;


}


.box2-hd{
background-image:url(images/box2-hd.gif);
background-repeat:no-repeat;
height:48px;
}


.box2-hd img{
margin-left:15px;
margin-top:15px;
}


.box2-bd{
padding:0px;
}
.box2-bd iframe{
	margin:0;
	padding:0;
}

.box2-bd p{
margin-left:15px;
margin-right:15px;
margin-top:15px;
margin-bottom:0px;
line-height:normal;

}




#box-btns{
width:200px;
margin-right:15px;
text-align:right;
float:right;


}



.box2-ft{
background-image:url(images/box2-ft.gif);
background-repeat:no-repeat;
height:11px;
clear:both;
}




.box3{
margin-bottom:10px;
background-color:#C9CB2B;
color:#000000;


}


.box3-hd{
background-image:url(images/box3-hd.gif);
background-repeat:no-repeat;
height:48px;
}


.box3-hd img{
margin-left:15px;
margin-top:15px;
}


.box3-bd{
padding:0px;
}



.box3-bd p{
margin-left:15px;
margin-right:15px;
margin-top:15px;
margin-bottom:0px;
line-height:normal;

}


.box3-ft{
background-image:url(images/box3-ft.gif);
background-repeat:no-repeat;
height:26px;
clear:both;
}





.content{
width:640px;
margin-left:305px;
margin-right:15px;
margin-bottom:20px;

}



#footer{
height:70px;
border-top:1px solid #3D4416;
padding-left:15px;
font-weight:bold;
color:#C9CB2B;
clear:both;
margin-bottom:0px;
padding-bottom:0px;

}


#footer p{
margin-top:10px;
padding-bottom:0px;

}



#footer ul{
padding-left:0px;
margin-left:0px;
margin-top:0px;
padding-top:0px;
padding-bottom:10px;
}



#footer li{
display:inline;
margin-right:10px;
text-decoration:none;
}


/*--- The Costa del Sol page --------------------------------------------------------------------------------------*/

#anchor-links{
padding-bottom:5px;
background:url(images/h2-underline-tile.gif) bottom repeat-x;

}



#anchor-links ul{
margin-left:0px;
padding-left:0px;
font-size:14px;

}


#anchor-links ul li{
display:inline;
margin-right:10px;
padding-left:16px;
background:url(images/arrow-blue.gif) no-repeat left;


}


/*--- the house page --------------------------------------------------------------------------------------*/

#pdf-download{
float:right;

}

#h2-house{
clear:right;

}


/*--- contact page --------------------------------------------------------------------------------------*/

#contact-form{
	padding:3px 15px 15px 0px;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
}


#contact-form input.text2{
width: 300px;
height: 20px;
color: #000000;
background-color: #FFFFFF;
border:none;
padding-left:5px;
padding-top:5px;
}


#contact-form textarea.text2{
width: 400px;
height: 80px;
color: #000000;
background-color: #FFFFFF;
border:none;
padding-left:5px;
padding-top:5px;
font-family:"Lucida Grande", Arial, Helvetica, sans-serif;
font-size:12px;
}

#contact-form input.button {
width: 78px;
height: 28px;
color: #ffffff;
background-color: #C9Cb2B;
border:0px;
margin-right:10px;
}

.box3-bd p a:link {
color: #000000;}

strong {
color:#C9CB2B;
}



/*--- property database --------------------------------------------------------------------------------------*/


h1#h1-search-our-properties{width: 500px; height: 27px; background-image:url(images/h1-search-our-properties.gif); background-repeat:no-repeat;}

h1#h1-search-results{width: 500px; height: 27px; background-image:url(images/h1-search-results.gif); background-repeat:no-repeat;}

#propertyprofile h1{
color:#C9CB2B;
font-size:22px;

}

#main-src{
background:url(images/yellow-strip.gif) bottom repeat-x #C9CB2B;
color:#000000;
padding:20px 20px 0px 20px;
font-weight:bold;
}

#main-src .button{
width: 78px;
height: 28px;
background-color:#000000;
color:#FFFFFF;

}

#main-src select{
width:150px;
border:1px solid #7F9DB9;
}


td.pd-summary{
padding-top:20px;
}


#propertylist tr{
background:url(images/yellow-line2.gif) bottom left repeat-x;

}


#pd-contact{
background:url(images/yellow-strip.gif) bottom repeat-x #C9CB2B;
color:#000000;
padding:20px 20px 0px 20px;
font-weight:bold;

}



#pd-contact input, #pd-contact textarea{
width:300px;
border:1px solid #7F9DB9;
}

#pd-contact .button{
width: 78px;
height: 28px;
background-color:#000000;
color:#FFFFFF;
border:none;

}



.pd-contact-link2 a {
	color:#FF0000;
	text-decoration:underline;
}

h2 span {align:right;}

.large {
font-size:24px;}