/* CSS Document Mckinlay Residential website created 18.04.08*/

body {
	background: #990000 url(images/bg.gif) repeat-x fixed top;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: justify;
}
iframe{border:1px solid #ffffff;}
#map {float:right; margin-right:5px;}
#photo{float:left;width:300px;height:300px; background:#cccccc;border:1px solid #ffffff;margin-right:5px;}

li {style-type:disc; style-color:#ffcc00;
		}
.contact h2 {

border-top:1px dashed #ffffff;
padding-top:10px;
}
#wrapper {
	margin: auto;
	height: auto;
	width: 900px;
	text-align: justify;

}
#header {
	background: url(images/let_images/res_layout04_03.gif) no-repeat;

}
#headerFlash {
	position: relative;
	left: -2px;
}
#searchHead {
	position: absolute;
	z-index: 200;
	margin-left: 780px;
	margin-top: 130px;
}
#topNav {
	position: absolute;
	margin-left: 345px;
	z-index: 300;
	margin-top: 15px;
	font-size: 10px;
}
#topNav a {
	color: #FFFFFF;
	text-decoration: none;
}
#topNav a:hover {
	color: #FFCC00;
}
#searchBox {

	height: 250px;
	width: 140px;
	position: absolute;
	margin-left: 752px;
}
.searchGreen {
	color: #000066;
	background: #FFCC00;
	width: 110px;
}




#botomWrap {
	background: url(images/let_images/res_layout04_08.gif) no-repeat 2px bottom;
	padding-bottom: 20px;
	margin-bottom: -5px;
}

#innerWrap {
	background: url(images/let_images/res_layout04_05.gif) repeat-y left;
	width: 900px;
	height: 100%;
	text-align: justify;
}


#leftNav {

}
#leftNav a {

}
#leftNav a:hover {

}
#contentWrap {
	margin-left: 100px;
	width: 625px;
	padding-bottom: 20px;
	text-align: justify;
	min-height:250px;
	}
	
#content {
	text-align: justify;
	width: 300px;
	float: left;
	text-align: justify;
	height:auto;
}
.terms #content{width:100%;}
/*****desciption's style sheet starts here****/
#description {

text-align:justify;
width:600px;
float:left;
}
#title{
font: 16px Arial, Helvetica, sans-serif;
font-weight:bold;
text-align: left;
padding-top:10px;
width:300px;

	}
	#title a{color:#ffffff;text-decoration:none;}
	#title a:hover {color:#ffcc00;text-decoration:none;}
	
#price{
font: 12px Verdana, Arial, Helvetica, sans-serif, ;
color: #FFFFFF;
padding-top:10px}

#details{
float:left;
padding-top:10px;
padding-bottom:10px;
text-align:justify;
border-bottom: solid 1px #eeeeee;

}
#details a {color:#FFCC00; text-decoration:none}
#details a:hover {color:#FFCC00}

.det #details {border:0px; width:300px;}
 
.imgright{
float:right;
padding: 0px 0px 0px 0px;
border:1px solid #ffffff;
margin-left:10px;
}

#enquiry
{
border: 1px dashed #ccc;
padding:8px 8px 8px 8px;
margin-right: 8px;
width: 600px;
height:auto;
float:left;
}
#maplink
{
float:right;
align:center;

}
#maplink a{text-decoration: none; color: #ffcc00; }

#printlink
{
float:right;
align:center;
margin-right:30px;

}
#printlink a{text-decoration: none; color: #ffcc00; }

#enquiry strong{
color: #FFCC00;
}
#printlink img{padding-left:10px;border:0;}
#maplink img{padding-left:13px; border:0;}

/*****description's ends here ******/


#rightSide {
	float: right;
}
#featured {
	border: 1px solid #FFFFFF;
	width: 294px;

}
#featured img {
	border: 1px solid #FFFFFF;
}


#bottom {
	clear: both;
}

#footer {
	width: auto;
	padding-left: 90px;
	padding-right: 170px;
	line-height: 22px;
	clear: both;
}
#footer a {
}
#footer a:hover {
}
#footerNav {
	float: left;
}
#footerNav a {
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
}
#footerNav a:hover {
	color: #FFCC00;
}

#footerContact {
}

h1 {
	font: 16px Arial, Helvetica, sans-serif;
	text-align: left;
}
h2 {
	font-size: 12px;
	display:block;
	padding-bottom:10px;
	
}
.h2BoxHeader {
	font-size: 14px;
	background: #FFCC00;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin: 0px;
	color: #000066;
	font-weight: lighter;
	border-bottom: 1px solid #FFFFFF;
}


#graph
{

width:280px; 
height:258px; 
float:right;
background: url(images/HIP_with_text.gif) no-repeat;
position:relative;
display:block;
}

#graph h1{padding-left:15px;}

#CO2arrow1{
height:20px;
width:40px;
background:url(images/lgreen_arrow.gif) no-repeat;}

#CO2arrow2{
height:20px;
width:40px;
background:url(images/orange_arrow.gif) no-repeat;}

#energyArrow1{
height:20px;
width:40px;
background:url(images/lgreen_arrow.gif) no-repeat;
padding:0px;
}

#energyArrow2{
height:20px;
width:40px;
background:url(images/orange_arrow.gif) no-repeat;
padding:0px;
}



/*****************************************************  Spotless link at bottom of page *************/
#spotless {
	font-size: 9px;
	text-align: right;
	width: auto;
}
#spotless a {
	color: #FFFFFF;
	text-decoration: none;
}
#spotless span {
	color: #FF9900;
}
/***************************gallery*****************/





#galleryContainer {float: right; width:230px; height:400px; padding-top:200px; }

#galleryPosition {
	margin: -50px 0px 0px 0px;
	width: 250px;
}
a.gallery:focus { outline: none; }
a.gallery{ 
	display:inline;
	text-decoration:none;
border:1px solid #FFFFFF;
	
	width:100px;
	height:75px;
	float:right;
	margin:5px 5px;
	position:relative;
	color: #666666;

}
a.gallery:active{
display:inline;
	text-decoration:none;

	
	width:100px;
	height:75px;
	float:right;
	
	position:relative;
	color: #666666;

}



a.slide1 {margin-right: 0px;}
a.slide2 {margin-right: 0px;}
a.slide3 {margin-right: 0px;}
a.slide4 {margin-right: 0px;}
a.slide5 {margin-right: 0px;}
a.slide6 {margin-right: 0px;}
a.slide7 {margin-right: 0px;}
a.slide8 {margin-right: 0px;}
a.slide9 {margin-right: 0px;}
a.slide10 {margin-right: 0px;}

a.gallery span {
	visibility:hidden; 
	display:block; 
	position:absolute; 
	width:280px; 
	height:auto; 


}

a.slide1 span {
	margin-top: -220px;
	margin-left: -182px;
	visibility: visible;
	border: 1px solid #ffffff;
	
}
a.slide2 span {
	margin-top: -219px;
	margin-left: -74px;}
	
	
a.slide3 span {
	margin-top: -306px;
	margin-left: -181px;}
	
a.slide4 span {
	margin-top: -306px;
margin-left: -74px;}

a.slide5 span {
	margin-top: -393px;
	margin-left: -181px;}
	
a.slide6 span {
	margin-top: -393px;
	margin-left: -74px;}

a.slide7 span {
	margin-top: -480px;
	margin-left: -181px;}
	
a.slide8 span {
		margin-top: -480px;
margin-left: -74px;}
a.slide9 span {
	margin-top: -567px;
	margin-left: -181px;}
a.slide10 span {
	margin-top: -567px;
	margin-left: -74px;}

a.gallery:hover {white-space:normal; z-index:100;}
a.gallery:hover span {visibility:visible; z-index:100;}
a.gallery:hover span img { position:relative; z-index:100;}


}