@charset "utf-8";
@import url(reset.css); /* RESET CSS */
/* Style Sheet for Angels Den Ltd Copyright 2010 to Designbyalex.co.uk Version 1.0 * Style Sheet Title - SCREEN*/
/* CONTENTS 

1 -	General Styles

a - Body Styles
b - Resets
c - Links
d - Global fonts and typography etc

2 - Helper Styles

a - Forms
b - Notifications and errors
c - Consistent Items

3 - Page Structure

a - Headers
b - footers
c - navigation
d - Layout

4 - Page Components

a - Individual pages
b - services page - information form
c - portfolio page Navigation
d - portfolio page Panel
*/


/* 1a Body Styles */
html {height:100%}

body {
	background: #e6e6e6 url(../Images-2/Body-texture-1.png);
	padding:    0px;
	margin:     0px;
	height:100%;
	z-index:1;
}


#apDiv1 {
	background:url(../Images-2/contact-numbers-v1.png) no-repeat top left;
	position:absolute;
	width:250px;
	height:250px;
	z-index:100;
	left: 0px;
	top: 0px;
}




#wrapper {
	
	width:100%;
	min-width:1024px;
	min-height:100%;
	height:auto !important;
	height:100%;
	margin:0px auto -100px;

}


/* 1b Resets */

.clear {clear:both;}

.push {clear:both;
height:176px;}
#footer {clear:both;height:176px;}


/* 1d Global fonts and typography   */

h1,h2,h3,h4,h5,p { font-family:Verdana, Geneva, sans-serif;}

p {
	text-align:left;
	font-size:12px;
	color:#333;
	line-height:20px;
}

p strong {
	font-size:14px;
	text-transform: capitalize;
	color:#000;
}

p a {
	text-decoration:none;
	color:#666;
}

p a:hover {
	color:#FFF;
}

li {
	font-family:Verdana, Geneva, sans-serif;
}

li a {
	text-decoration:none;
}


/* 3a Page Headers */
#header {

	position: relative;
	margin: 0px auto 0px auto;
	width: 990px;
	height: 250px;
	padding: 0px;
}

#wrapper #headWrap { width:auto; height:218px; margin: 0px; padding:0px; background:url(../Images-2/Head-texture-1.png) repeat-x; margin-bottom:25px;}


#headWrap #header .logo a  { height:230px; text-decoration:none; position:absolute;
	width:816px;
	height:230px;
	left:0px;
	top:0px;
	overflow: hidden;
	background:url(../Images-2/head-logo-1.png);}

#headWrap #header .logo a span { visibility:hidden;
}

#headWrap #header .logo a:hover {background:url(../Images-2/head-logo-1.png) no-repeat bottom;}

#headWrap #header .desciption { position:absolute; right:0; top:15px; width:470px; height:165px; text-align:center; font-family:Georgia, "Times New Roman", Times, serif; font-weight:200; font-size:36px; color:#450f59;
text-shadow:#a350c3 1px 0px;
}

#headWrap #header .desciption span {font-size:42px; font-weight:500;}



/* 3b Page Footers */

#footer {
	width:100%;
	height:176px;
	margin:0px auto 0px auto;
	background: url(../Images-2/Footer-v-2.png) repeat-x left top;
	position:relative;
}


/* 3c Navigation */

#navPrimary {
	width:990px;
	height:38px;
	margin: 0px auto 0px auto;
}


#nav {
	background:  url(../Images-2/Nav-Bar-Primary-1.png) top center no-repeat;
	width:990px;
	height:38px;
	
}

#nav span {
	display:none;
}

#nav li {
    list-style-type: none;
    float: left;

}

#nav a {
	height: 38px;
	display: block;
	}
	
#list1 { width: 117px; }
#list2 { width: 113px; }
#list3 { width: 119px; }
#list4 { width: 114px; }
#list5 { width: 88px;  }

#list1 a#current {
	background:url(../Images-2/home.png) no-repeat;}
	
#list2 a#current {
	background:url(../Images-2/svcs.png) no-repeat;}
	
#list3 a#current {
	background:url(../Images-2/portfolio.png) no-repeat;}
	
#list4 a#current {
	background: url(../Images-2/contact.png) no-repeat;}
	
#list5 a#current {
	background: url(../Images-2/links.png) no-repeat;}
	
	

#list1 a:hover {background:  url(../Images-2/Nav-Bar-Primary-1.png)  no-repeat 0px -38px}
#list2 a:hover {background:  url(../Images-2/Nav-Bar-Primary-1.png) no-repeat -117px -38px}
#list3 a:hover {background: url(../Images-2/Nav-Bar-Primary-1.png)no-repeat -230px -38px}
#list4 a:hover {background: url(../Images-2/Nav-Bar-Primary-1.png) no-repeat -349px -38px}
#list5 a:hover {background: url(../Images-2/Nav-Bar-Primary-1.png) no-repeat -463px -38px}

.navSecondary {
	width: 720px;
	height:65px;
	position:relative;
	margin:0px auto 0px auto;
	padding-top:65px;
}

.navSecondary li {
	display:block;
	float:left;
	width:120px;
	padding:15px 0px 0px 0px;
	line-height:25px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#CCC;
	text-align:center;
}

.navSecondary li a {
	color:#CCC;
	text-decoration:none;
}

.navSecondary li a:hover {
	color:#FFF;
}

#breadcrumTrail {
	background:url(../Images-2/breadcrum-BG.png) no-repeat center center;
	width: 988px;
	height: 50px;
	padding:0px;
	margin:0px;
}

#breadcrumTrail li {
	float:left;
	display:block;
	width:150px;
	font-size:12px;
	height: 50px;
}

#breadcrumTrail li a {
	color:#333;
	line-height:50px;
	text-align:center;
	font-size:14px;
	color:#000;
	text-shadow:#999;
	padding-left:30px;
	background: url(../Images-2/breadcrum-arrow-1.png) no-repeat left top;
}

#breadcrumTrail li a:hover {
	background: url(../Images-2/breadcrum-arrow-1hover.png) no-repeat left bottom;
	color:#999;
}

#desc span {
	visibility:hidden;
	text-align:center;
	line-height:25px;
}







/* 3d Page Layout */
#mainContent {
	background:#FFF;
	width:988px;
	height:auto;
	position:relative;
	margin: 0px auto 0px auto;
	border-left: 1px solid #87748e;
	border-right: 1px solid #87748e;
	-webkit-box-shadow:2px 1px 20px #000;
	-moz-box-shadow:2px 1px 20px #000;
}

#fadeshow1 {
	height:318px;
	background:#FFF;
	border-bottom:1px solid #87748e;
}

#fadeshow2 {
	height:161px;
	background:#FFF;
	border-bottom:1px solid #87748e;
}

/* 3d page layout- primary content assets */

#contentPrimary {
	background: #fff;
	width:708px;
	height:auto;
	float: left;
	display:inline;
	border-right:1px solid #CCC;
		
}

#contentPrimary h1 {  font-family: "Arial Black", Gadget, sans-serif; font-size:30px;color:#000;text-align:center; line-height:30px; padding-top:15px;text-shadow:1px 1px 1px #666;}
#contentPrimary h2 { font-size:18px;color:#333; text-align:center; padding-top:10px; text-shadow:1px 1px 1px #666;}
#contentPrimary p {line-height:20px;}
#contentPrimary h3 {text-align:center;}
.telephone {text-align:center; font-family:Georgia, "Times New Roman", Times, serif; text-shadow:1px 1px 1px #666;}




/* 3d page layout- secondary content assets */

#contentSecondary {
	background: url(../IMAGES/Layout/BG-contentArea-2nd-v1.png) #dff5f5 repeat-x center center;
	width:279px;
	height:auto;
	float: right;
	display:inline;
	box-shadow: -3px 2px 6px #ccc;
	-webkit-box-shadow: -3px 2px 6px #ccc;
	-moz-box-shadow: -3px 2px 6px #CCC;
	
}

#contentTertiary {
	position:relative;
	background: url(../Images-2/contact-right-col-grad-bg-1.png) repeat-x 60px 60px;
	width:258px;
	height:auto;
	float: right;
	display:inline;
	box-shadow: 0px 2px 6px #ccc;
	-webkit-box-shadow: 0px 2px 6px #ccc;
	-moz-box-shadow: 0px 2px 6px #CCC;

	
}

#contentTertiary h2 {
	background:url(../Images-2/contact-right-col-top-1.png) no-repeat top center;
	height:60px;
	text-align: center;
	font-size:16px;
}

#contentTertiary h2 span {visibility: hidden;}

#contentTertiary h3 {
	height:35px;
	font-size:22px;
	padding: 10px 0px 0px 10px;
	font-family:Georgia, "Times New Roman", Times, serif;
}

#contentTertiary dl dt {
	font-size:16px;
	padding: 5px 0px 0px 10px;
}

#contentTertiary dl dd {
	font-size:16px;
	color:#333;
	text-align:right;
	font-family:Georgia, "Times New Roman", Times, serif;
}

#contentTertiary h4 {
	padding: 25px 5px 15px 5px;
	font-family:Georgia, "Times New Roman", Times, serif;
}

#contentTertiary h4 span {
	text-transform:capitalize;
	font-style:italic;
	font-size:18px;
}




#contentSecondary #rssBox{ /* The main box for the rss scroller */
		width:273px;
		float:right;
		height:230px;	
		padding:3px;
		font-size:0.8em;
		background-color:#E2EBED;

		
		/* Never change these two values */
		overflow:hidden;
		position:relative;	

	}		
	
#contentSecondary #rssBox .slide{	/* A specific slide */
		background-color:#E2EBED;	/* Light blue background color */
		
	}
	
#contentSecondary #rssBox.rssBoxDate{
		display:none;	/* I don't want to show the date */
	}
#contentSecondary #rssBox.rssBoxHeading{	/* Heading of RSS item */
		font-weight:bold;
		color:#000;
		margin:0px;
	}
#contentSecondary #rssBox.rssBoxDescription{	/* Description of RSS item */
	
	}	
#contentSecondary #rssBox.rssBoxLink{	/* Read more link */
		color:#F00;
		text-decoration:none;
	}
#contentSecondary #rssBox.rssBoxLink:hover{	/* Read more link - mouse over */
		text-decoration:underline;
	}

#contentSecondary h3 {
	height:58px;
	line-height:76px;
	text-align:center;
	text-transform:capitalize;
	font-size:22px;
	color:#333;
	border-bottom: 1px solid #CCC;
}

p {
	padding: 10px;
}

#contentSecondary h3 img {
	padding: 0px;
	margin-top:20px;
	margin-left:10px;
	float:left;
}

#contentSecondary dl {margin: 0 0 0 10px;}

#contentSecondary dl dt {font-size:18px; padding-left:30px; padding-top:15px; font-weight:500;}

#contentSecondary dl dd {color:#666; font-size:14px;}

#contentSecondary dl .last {border-bottom:1px solid #CCC; padding-bottom:15px;}

/*  4a home page components */

.rssBoxDate{
		display:none;	/* I don't want to show the date */
	}
	.rssBoxHeading{	/* Heading of RSS item */
		font-weight:bold;
		color:#317082;
		margin:0px;
	}
	.rssBoxDescription{	/* Description of RSS item */
	
	}	
	.rssBoxLink{	/* Read more link */
		color:#F00;
		text-decoration:none;
	}
	.rssBoxLink:hover{	/* Read more link - mouse over */
		text-decoration:underline;
	}
	
	
/*  4b services page information form*/

fieldset {
	padding: 10px;
	margin:2px auto 0px auto;
	border:  1px solid #ccc;
	
}

legend {
	font-weight:	bold;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
}

label {
	font-family: Verdana, Geneva, sans-serif;
	font-size:	12px;
	display:	block;
	cursor:		pointer;
}

input {
	width:		180px;
}



input[type="text"]:focus, textarea:focus {
	background: #FCF;
}

.required {
	font-size:9px;
	color:#760000;
}

form fieldset div {
	margin: 2px auto 0px auto;
	width:auto;
}


input.radio {
	
	width: 50px;
}

select#idealLocation {
	width:200px;
	margin:0px auto 0px auto;
}
select#howManyPeople {
	width:200px;
	margin:0px auto 0px auto;
}

form {
	width:235px;
	margin: 0px auto 0px auto;
}


button {
	cursor:	pointer;
	background: url(../IMAGES/Layout/buttons/form-button-send-v2.png) no-repeat top center!important;
	width: 199px!important;
	height: 50px!important;
	margin: 0px auto 0px auto;
	border:none;
	
	
	
}

button span {
	display:none;
}



button:hover {background:  url(../IMAGES/Layout/buttons/form-button-send-v2.png) no-repeat bottom center!important;
}


/* Portfolio page Bits n Bobs */
#fadeshow2 img {
	margin:0px;
	padding: 0px;
	border:none;
}


/* 4c portfolio page Navigation */

#portfolioNav {
	background:url(../Images-2/portfolio-nav-BG1.png) no-repeat center center;
	width:988px;
	height: 250px;
	position:relative;
	margin:0px;
	padding:0px;
}

.headContainer {
	width:988px;
	height:125px;
	margin:0px;
	padding:0px;
	position:relative;
}

#nav2 {
	
	position:relative;
	width:988px;
	height:75px;
	top:0px;
	left:0px;
	
	
}

#nav2 span {
	display:none;
}

#nav2 li {
    list-style-type: none;
    float: left;

}

#nav2 a {
	height: 75px;
	display: block;
	}
	
#listlavachet { width: 210px;margin-left:98px; background:url(../Images-2/button-lavachet.png) no-repeat; }
#listvalclaret { width: 210px;margin-left:87px; background:url(../Images-2/button-valclaret.png) no-repeat; }
#listlelac { width: 210px;margin-left:90px; background: url(../Images-2/button-lelac.png) no-repeat; }

#listlavachet a:hover { width: 210px; background:url(../Images-2/button-lavachet.png) bottom;}
#listvalclaret a:hover { width: 210px; background:url(../Images-2/button-valclaret.png) bottom;}
#listlelac a:hover { width: 210px; background:url(../Images-2/button-lelac.png) bottom;}

.bookNow {
	width:196px;
	height:125px;
	float:right;
	position:relative;
	right:0px;
	top:0px;
}

.bookNow a span {visibility:hidden;}

.bookNow a {
	background:url(../Images-2/Book-Now-sprite-1.png) no-repeat top;
	display:block;
	width:196px;
	height:125px;
	text-decoration:none;
}

.bookNow a:hover {
	background:url(../Images-2/Book-Now-sprite-1.png) bottom;}

.directions {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	color:#333;
	width:600px
	height:110px;
	position:relative;
	float:left;
	padding-left:20px;
	padding-top:10px;
}

#blockWrapper {
	width: 988px;
	height:auto;
	padding:0px;
}


#title h2 {
	text-align:center!important;
	width:978px;}
	
.panelHead {
	width:988px;
	height:130px;
	background:url(../Images-2/panel-head.png) repeat-x;
	margin:0px auto 0px auto;
	position:relative;
}

.contactIcon  {
	
	position:relative;
	width:137px;
	height:130px;
	right:0px;
	top:0px;
	float:right;
	margin:0px;
	padding:0px;
	
}

.contactIcon h6 span {
	visibility:hidden;
}

.contactIcon h6 {
	display: block;
	width:137px;
	height:130px;
	right:0px;
	top:0px;
	margin:0px;
	padding:0px;
}

.contactIcon h6 a {
	background: url(../Images-2/Book-me-1.png) no-repeat left top;
	display: block;
	width:137px;
	height:130px;
	text-decoration:none;
	-webkit-border-radius: 5px;
	-moz-border-radius:5px;
 }

.contactIcon h6 a:hover {
	background: url(../Images-2/Book-me-1.png) no-repeat left -138px;
	text-decoration:none;
}

.panelHead h3 {
	background: url(../Images-2/house-img2.png) no-repeat 30px;
	float:left;
	padding-left:125px;
	height:75px;
	line-height:45px;
	position:relative;
	

}

.panelHead h4 {
	background: url(../Images-2/house-img3.png) no-repeat 30px;
	float:left;
	padding-left:125px;
	height:75px;
	line-height:45px;
	position:relative;
	

}

.panelHead h5 {
	background: url(../Images-2/house-img4.png) no-repeat 30px;
	float:left;
	padding-left:125px;
	height:75px;
	line-height:45px;
	position:relative;
	

}


.panelHead p {
	float:left;
	padding-left:125px;
	margin-top:-30px;
	
}



/* 4d portfolio page PanelS/Boxes */

.apartmentBox {
	width:960px;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
	padding:10px;
	float:left;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-webkit-box-shadow:0px 0px 6px #d0d0d0;
	-moz-box-shadow:0px 0px 6px #d0d0d0;
	background: #f0f8ff;
	border:1px solid #e5e499;
	font-family:Verdana, Geneva, sans-serif;
}

.apartmentBox2 {
	width:960px;
	margin-bottom:5px;
	padding:10px;
	float:left;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-webkit-box-shadow:0px 0px 6px #d0d0d0;
	-moz-box-shadow:0px 0px 6px #d0d0d0;
	background: #faf1fe;
	border:1px solid #f4d9fe;
	font-family:Verdana, Geneva, sans-serif;
}


.col1 {
	width:165px;
	height:auto;
	display:inline;
	float:left;
}

.col2 {
	width:215px;
	height:auto;
	margin-left:5px;
	display:inline;
	float:left;
	margin-right:3px;
	border-left:1px dashed #999;
	
}

.col3 {
	width:165px;
	height:auto;
	margin-left:5px;
	display:inline;
	float:left;
	margin-right:5px;
	border-left:1px dashed #999;
	
}

.col4 {
	width:195px;
	height:auto;
	margin-left:5px;
	display:inline;
	float:left;
	margin-right:5px;
	border-left:1px dashed #999;
	border-right:1px dashed #999;
	
}

.col1 dt {
	background:url(../Images-2/compass-v1.png) no-repeat left center;
	padding-left:35px;
	height:30px;
}

.col2 dt {
	background:url(../Images-2/power-plug.png) no-repeat left center;
	padding-left: 35px;
	text-decoration:underline;
}

.col3 dt {
	background: url(../Images-2/bed.png) no-repeat left center;
	padding-left: 35px;
	text-decoration:underline;
}

.col4 dt {
	background: url(../Images-2/infp.png) no-repeat left top;
	padding-left: 35px;
	height:28px;
	text-decoration:underline;
}

dt { font-size:14px; font-style:italic;}

dd { font-size:12px; color:#666; padding:5px;}

dt span {color:#333; text-transform:uppercase;}
dd span {color:#333; text-transform:uppercase;}
dd strong {color:#003;}

 a img {
	width:auto;
	height:auto;
	display:inline;
	float:right;
	margin-right:20px;
	margin-top:20px;
	margin-bottom:20px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-webkit-box-shadow:0px 3px 9px #333;
	-moz-box-shadow:0px 3px 9px #333;
	border:2px solid #666;
}

a img:hover {
	border:2px solid #063;
}






/* 4e Contact Form and page Form 2 */


#ContactForm2 form {
	width: 650px;
	
}

legend {
	font-weight:	bold;
	font-family:	"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

label {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:12px;
	display:	block;
	cursor:		pointer;
}

input.checkbox {
	cursor:pointer;
	
}

#ContactForm2 form fieldset div #enquiry {
	width: 500px;
}

input[type="text"]:focus, textarea:focus {
	background: #CFF;
}

.required {
	font-size:9px;
	color:#760000;
}

button {
	cursor:	pointer;
	background: url(../Images-2/form-button01.png) no-repeat left top!important;
	width: 167px!important;
	height: 57px!important;
	margin: 0px auto 0px auto;
	border:none;
	
	
	
}

button span {
	display:none;
}



button:hover { background:url(../Images-2/form-button01.png)no-repeat left bottom!important;
}


/* 5 Links Page */

#linksContainer {
	position:relative;
	width:900px;
	height:auto;
	margin: 0px auto 0px auto;
}

#linksContainer h5 {
	text-align:left;
	font-size:18px;
	padding:10px;
	color:#666;
}

#linksContainer ul li {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	list-style:disc;
	color:#333;
	padding:5px;
}

#linksContainer ul li a {
	color:#060;
}

#linksContainer ul li a:hover {
	color:#CCC;
}

/* site map */

#mainContent .sitemaphead {
	font-family: Georgia, "Times New Roman", Times, serif;
	width: 940px;
	text-align:center;
	padding:20px;
}
#mainContent .sitemaphead span {
	font-size:24px;
	font-weight:200;
}

#wrapper #mainContent .siteMap {
	width:940px;
	height:400px;
	position:relative;
	margin: 10px auto 0px auto;
	padding:5px;
	
}	

#wrapper #mainContent .siteMap li a {
	display:block;
	width:200px;;
	height:40px;
	text-align:center;
	color:#666;
	font-size:14px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:200;
	line-height:35px;
	text-align:left;
	padding-left:10px;

}

#wrapper #mainContent .siteMap li a:hover {
	background:#CCC;
	color:#333;
	
}
	
#mainContent .siteMap li .siteMapext {
	margin: 0px 0px 0px 100px;
}

#mainContent .siteMap li .siteMapext li {
	
}

/* Image slideshow */

#content-secondary #slideshow {
	width:990px;
	height:319px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}