body {font-family: 'arial','sans-serif',arial,sans-serif; background-color: #ffffff; padding: 0; margin: 0; font-size: 12px; color: #333333; height: 100%;}
a {text-decoration: none; color: #0066FF;}
a:hover {text-decoration: underline; color: #0066FF;}
img {border: 0; behavior: url(images/iepngfix.htc);}

.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px;}


form {padding: 0; margin: 0; height: 100%;}
/*
	Main container
*/
#maincontainer {width: 834px; margin: 0px auto 0px auto; height: 100%;}

/*
	Top container
*/
#topcontainer .logo {width: 100%; height: 145px; background-image: url(images/header.jpg); background-repeat: no-repeat; display: block;}
#topcontainer .logo span {visibility: hidden;}

/*
	Top menu
*/
#topmenu ul {list-style: none; margin: 0; padding: 0; float: left;}
#topmenu ul li {float: left;  padding: 0px 0px 0px 3px;}
#topmenu ul li a {background-repeat: none; height: 23px; display: block;}
#topmenu ul li a span {visibility: hidden;}

#topmenu ul li .home {width: 51px; background-image: url(images/home_navi.jpg);}
#topmenu ul li .home:hover {background-image: url(images/home_navi_over.jpg); text-decoration: none;}
#topmenu ul .selected .home {background-image: url(images/home_navi_over.jpg);}
#topmenu ul li .about {width: 48px; background-image: url(images/about_navi.jpg);}
#topmenu ul li .about:hover {background-image: url(images/about_navi_over.jpg); text-decoration: none;}
#topmenu ul .selected .about {background-image: url(images/about_navi_over.jpg);}
#topmenu ul li .tolet {width: 63px; background-image: url(images/to_let_navi.jpg);}
#topmenu ul li .tolet:hover {background-image: url(images/to_let_navi_over.jpg); text-decoration: none;}
#topmenu ul .selected .tolet {background-image: url(images/to_let_navi_over.jpg);}
#topmenu ul li .landlords {width: 63px; background-image: url(images/landords_navi.jpg);}
#topmenu ul li .landlords:hover {background-image: url(images/landords_navi_over.jpg); text-decoration: none;}
#topmenu ul .selected .landlords {background-image: url(images/landords_navi_over.jpg);}
#topmenu ul li .tenants {width: 63px; background-image: url(images/tenants_navi.jpg);}
#topmenu ul li .tenants:hover {background-image: url(images/tenants_navi_over.jpg); text-decoration: none;}
#topmenu ul li .testimonials {width: 84px; background-image: url(images/instructions_navi.jpg);}
#topmenu ul li .testimonials:hover {background-image: url(images/instructions_navi_over.jpg); text-decoration: none;}
#topmenu ul li .links {width: 48px; background-image: url(images/links_navi.jpg);}
#topmenu ul li .links:hover {background-image: url(images/links_navi_over.jpg); text-decoration: none;}
#topmenu ul .selected .links {background-image: url(images/links_navi_over.jpg);}
#topmenu ul li .faq {width: 48px; background-image: url(images/faq_navi.jpg);}
#topmenu ul li .faq:hover {background-image: url(images/faq_navi_over.jpg); text-decoration: none;}
#topmenu ul .selected .faq {background-image: url(images/faq_navi_over.jpg);}
#topmenu ul li .contact {width: 56px; background-image: url(images/contact_navi.jpg);}
#topmenu ul li .contact:hover {background-image: url(images/contact_navi_over.jpg); text-decoration: none;}
#topmenu ul .selected .contact {background-image: url(images/contact_navi_over.jpg);}

#topmenu .calltitle { 
			float: right; 
			margin: 0px 0px 0px 19px; 
			background-image: url(images/ifyouhaveanyquestions.jpg); 
			background-repeat: no-repeat; 
			width: 328px; 
			height: 19px; 
}
#topmenu .calltitle span {visibility: hidden;}

/*
	Main content
*/
#maincontent {border: 1px solid #cccccc; padding: 10px; margin: 0px 0px 10px 0px; float: right; height: 100%;}


/*
	Quick search
*/
#quicksearch .lbl {width: 92px; height: 13px; background-image: url(images/quicksearch.jpg); background-repeat: no-repeat; float: left; margin: 5px 0px 0px 0px;}
#quicksearch .lbl span {visibility: hidden;}
#quicksearch select {float: left; margin: 0px 0px 0px 4px;}
#quicksearch .frmbtn {float: left; width: 58px; height: 18px; margin: 1px 0px 0px 4px;}

/*
	Main container block
*/
#maincontainerblock {width: 768px;  padding: 0px 45px 55px 0px; background-repeat: no-repeat; background-position: 100% 100%; height: 100%;}
#maincontainerblock .leftcontainer3 {width: 425px; float: right; padding: 0px 0px 0px 0px;}
#maincontainerblock .leftcontainer2 {width: 330px; float: left; padding: 20px 0px 0px 0px;}
#maincontainerblock .leftcontainer {width: 430px; float: left; padding: 25px 0px 0px 0px;}
#maincontainerblock .leftcontainer h1 {
					
					background-repeat: no-repeat; 
					width: 319px; 
					height: 35px; 
					display: block; 
					padding: 0px 0px 6px 0px; 
					margin: 0;
}
#maincontainerblock .leftcontainer h1 span {visibility: hidden;}
#maincontainerblock .leftcontainer p {padding: 6px 0px 6px 0px; margin: 0; color: #8c8c8c; line-height: 100%;}

#maincontainerblock .rightel {float: right; width: 325px; margin: 20px 0px 0px 0px; display: block;}

/*
	Home listing
*/
#homelisting {width: 100%;}
#homelisting h2 {
			margin: 0px 0px 0px 0px; 
			padding: 0; 
			background-image: url(images/featuredhomes.jpg); 
			background-repeat: no-repeat; 
			width: 330px; 	
			height: 24px; 
			display: block; 
			position: relative;
			z-index: 1;
			font-size: 12px;
}
#homelisting h2 span {visibility: hidden;}
#homelisting ul {list-style: none; padding: 0; margin: 0;}
#homelisting ul li {width: 100%; display: block; padding: 5px 0px 0px 0px; margin: 0;}
#homelisting ul li .thumb {float: left; width: 99px; padding: 0; margin: 0; border: 1px solid #d9dbda;}
#homelisting ul li .rightcontainer {padding: 0px 0px 0px 4px; float: right; width: 663px;}
#homelisting ul li .rightcontainer p {font-weight: normal; padding: 8px 0px 0px 0px; margin: 0;}
#homelisting ul li .rightcontainer .title h3 {float: left; margin: 0; padding: 0;}
#homelisting ul li .rightcontainer .title h3 a {color: #466ed0;}
#homelisting ul li .rightcontainer .title h3 a:hover {text-decoration: underline;}
#homelisting ul li .rightcontainer .title span {float: left; margin: 0; padding: 0; font-size: 14px; font-weight: bold;}
#homelisting ul li .rightcontainer .title span a {color: #466ed0;}
#homelisting ul li .rightcontainer .title span a:hover {text-decoration: underline;}
#homelisting ul li .rightcontainer .title .photoicons {float: right;}
#homelisting ul li .rightcontainer .title .photoicons img {float: right; padding: 0px 4px 0px 0px;}

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
left: -1000px;
visibility: hidden;
color: white;
text-decoration: none;
background-color: #333333;
padding: 3px;
padding-left: 6px;
padding-top: 6px;
border-style: solid;
border-width: 1px;
text-align: center;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
border-color:#333333;
padding: 2px;
text-align: center;
color:#333333;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 500px;
left: 400px;
z-index: 50;
text-align: center;
}