/* 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;
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;


}


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

}





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

h1 span{
display: none;
}

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


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


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


h1#h1-location {
width: 500px;
height: 27px;
background-image:url(images/h1-location.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-costa-del-sol {
width: 500px;
height: 27px;
background-image:url(images/h1-costa-del-sol.gif);
background-repeat:no-repeat;
	
}


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

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

}

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


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


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


a:link{
color:#0099FF;
text-decoration:none;

}

a:visited{
color:#0099FF;
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:#0099FF;
text-decoration:none;


}

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


}

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


}




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

}

#andaluciaws-link a:visited, .box2 a:visited{
color:#0099FF;
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 --------------------------------------------------------------------------------------*/


#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;


}

#locale{
float:right;
height:17px;
margin-right:15px;

}



#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:#0099FF;


}


.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 p{
margin-left:15px;
margin-top:0px;
margin-bottom:0px;
line-height:normal;

}


.box1-bd input.text{
width: 233px;
height: 20px;
color: #ffffff;
background: #000000;
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: #ffffff;
background: #000000;
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 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:26px;
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 #013450;
padding-left:15px;
font-weight:bold;
color:#0099FF;
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 --------------------------------------------------------------------------------------*/


#house-header{
width:640px;

}

#pdf-download{
width:310px;
float:right;
margin-right:15px;

}

#content-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: #00090D;
background-color: #ffffff;
border:none;
padding-left:5px;
padding-top:5px;
}


#contact-form textarea.text2{
width: 400px;
height: 80px;
color: #00090D;
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: #0099FF;
border:0px;
margin-right:10px;
	

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