
.gallery {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0px 0px 0px 3px;
padding:0;
}
.gallery li {
float:left;
height:94px;
margin-bottom:0px;
margin-top:0px;
padding:6px;
position:relative;
width:138px;
}
.gallery img {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #CCCCCC;
padding:1px;
}

.gallery em {
background:transparent url(images/bubble.png) no-repeat scroll 0 0;
display:none;
font-style:normal;
font-family:Arial, Helvetica, sans-serif;
font-size:.8em;
left:27px;
position:absolute;
text-align:center;
top:0px;
width:102px;
height: 30px;
}
.gallery a {
color:#000000;
text-decoration:none;
}
.gallery a:hover em {
display:block;
border-color:ccc;
}

.gallery li:hover img {
border-color:#266d49;
}

.ausmap {
position:absolute;
top: 17px;
right: 32px;
z-index:1;
}


.logo {
position:absolute;
top: 22px;
left: 20px;
z-index:1;
}

.contactinfo {
	position:absolute;
	margin-top: 10px;
	width: 300px;
	right: 24px;
	text-align:right;
	font-size: .9em;
	line-height:1.2em;
	color:#ffffff;
	float:right;
	top: 12px;
}

.agentphoto {
position:absolute;
top: 7px;
right: 0px;
z-index:1;
border-left:2px solid #fff;
}

body {
background-color:#81a594;
background-image:url(images/background.jpg);
background-position:center top;
background-repeat:repeat-x;
    font-family:Arial, Helvetica, sans-serif;
        margin: 0px;
    padding: 0px;
	
	color:#000;
	
}

p {
font-size: 14px;
	line-height: 1.3em;
	}
	
.photos {
width:775;

}

.photos img {
margin-left: 1px;
margin-right: 0px;
margin-bottom: 4px;
float:left;
}

#wrapper {

position:relative;
margin-left:auto;
margin-right:auto;
top: 0px;
width:775px;
border-top: 0px solid #FFFFFF;
border-right: 7px solid #ffffff;
border-bottom: 0px solid #FFFFFF;
border-left: 7px solid #ffffff;

    background-color:  #e6e6dc;

}

body div#shadow {
background:transparent url(images/shadow.png) repeat-y scroll 0% 0%;
width:809px;
position:relative;
margin-left:auto;
margin-right:auto;
}

h1 {
postion: absolute;
margin-top: 5px;
margin-left: 5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
color: #87212e;
}

h3 {
    margin-top: 0px;
    padding-top: 0px;
}

#head {
	
	width:775px;
	height:100px;
	left:0px;
	top: 0px;
	background: #266d49;
	border-bottom: 0px solid #FFFFFF;
	border-top: 7px solid #FFFFFF;
	}



	
.map {
width:410px;
float:left;
clear:both;
margin-top:20px;
}

.map iframe {
float:left;
clear:both;
border:5px solid #FFFFFF;
margin-left:6px;
margin-bottom:8px;
}


.contact {
width:330px;
margin-right:12px;
float:right;
margin-top:20px;
margin-bottom:5px;
}

.contact p
{
font-size: .9em;
line-height:1.1em;
}

#content {
	width: 775px;
	top: 156px;
	left: 0px;
	background-color: #e6e6dc;
}

.address {
margin-top:0px;
margin-bottom:0px;
font-weight:normal;
font-family:Georgia,'Times New Roman',serif;
}

.address h2 {
color:#266d49;
font-size:1.3em;
font-weight:normal;
padding:0px;
margin-top:10px;
margin-bottom:10px;
margin-left:10px;
}



.main {
margin-left: 5px;
margin-right: 5px;
}

.main p {
margin-left:5px;
margin-top:0px;
}


.main a {
text-decoration:none;
}


.main img.main {
border:5px solid #FFFFFF;
margin-right: 10px;
margin-bottom:5px;
float:left;
}

.main img.interior {
border:5px solid #FFFFFF;
}

.main img.noborder {
border:0px;
clear:both;
margin:0pt 0pt 5pt 5px;
}

.main img.propertydetails {
border:0px;
clear:both;
margin:12pt 0pt 5pt 5px;
}




.main ul.summary {
background:#f3f3ed none repeat scroll 0% 0%;
border:2px solid #81a594;
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt 0pt 12px;
padding:3px 5px;
width:235px;
font-size:15px;
line-height:1.4em;
}

.main dl.details {
clear:both;
float:left;
width:780px;
margin:0pt 0pt 1.5em 5px;
font-size:.9em;
line-height:1.4em;
text-align:left;
}

dl.details dt {
padding-right:1%;
width:22%;
font-weight:bold;
}

dl.details dt, dl.details dd {
border-bottom:1px solid white;
float:left;
margin:0pt;
padding:0.25em 0pt;
}

dl.details dd {
width:26.5%;
}

dl.details dd a{
color: #333;
text-decoration: underline;
}


ul#formFields, ul#formFields li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
clear:both;
float:left;
line-height:1.7em;
margin:0pt;
padding:0pt;
}


#foot {
position:relative;
    clear: both;
	width:775px;
	height:63px;
	left:-5px;
	top: 0px;
	background: #e6e6dc;
	border-bottom: 7px solid #FFFFFF;
	border-top: 2px solid #FFFFFF;
	margin-top: 5px;
	  
   
}














#navbar2 {



width: 775px;
border-top: solid #ffffff 1px;
border-bottom: solid #ffffff 1px;
background-color: #e6e6dc;



}

div#navbar2 ul {
margin: 0px;
padding: 0px;
font-family: verdana;
font-size: 1em;
color: #000000;
line-height: 30px;
white-space: nowrap;
}

#navbar2 li {
list-style-type: none;
display: inline;
}

#navbar2 li a {
text-decoration: none;
padding: 4px 12px;
color: #000;
}

#navbar2 li a:link {
color: #000:
}

#navbar2 li a:visited {
color: #000;
}

#navbar2 li a:hover {

color: #FFF;
background-color: #266d49;
}


.footerlinks {
position: relative;
top: 15px;
right: 10px;
text-align: right;

}

.footerlinks a {
color: #333; text-decoration:none; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .8em;
}

.footerlinks a:hover {

color: #FFF;

}

.footerlinks p {
color: #333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .8em;
}



#content, {float: left;}







#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
