/***********************************************/
/*   property heroes.com                       */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/

<!--
	body {
		font-family:  Arial, Helvetica, sans-serif;
		color: #000000;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		background: #ffffff;
	}




/******* positionning and containers *******/
div.header{
	width: 100%;
	min-width: 600px;
	height: 307px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image: url(images/bodybg.jpg);
	background-repeat: repeat-x;
	text-align: center;
	}
	
		#headerimagebar{
			width: 100%;
			min-width: 600px;
			height: 128px;
			margin: -8px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			background-image: url(images/imagebg.jpg);
			background-repeat: repeat-x;
			text-align: center;
			top: -8px;
			}
			
				#headerimagebarcenter{
					position: relative; 
					width: 800px;
					left: auto;
					right: auto;
					margin-left: auto; 
					margin-right: auto;
					margin-top: 0px;
					margin-bottom: 0px;
					}
			
						#headerimagebar1{
							position: absolute;
							width: 176px;
							left: 100px;
							margin-left: 0px; 
							margin-right: 0px;
							margin-top: 0px;
							margin-bottom: 0px;
							}
							
						#headerimagebar2{
							position: absolute;
							width: 176px;
							left: 300px; 
							margin-left: 0px; 
							margin-right: 0px;
							margin-top: 0px;
							margin-bottom: 0px;
							}
							
						#headerimagebar3{
							position: absolute;
							width: 176px;
							left: 500px; 
							margin-left: 0px; 
							margin-right: 0px;
							margin-top: 0px;
							margin-bottom: 0px;
							}
			
		#headerimagebar img{
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			}

#taskbar{
	width: 880px;
	height: auto; 
	position: relative; 
	border: none;
	background: none;
	margin-left: auto; 
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	top: -30px;
	z-index: 5;
	text-align: center;
	color: #ffffff;
	}

	#taskbar a:link, #taskbar a:visited{
		font: bold 80% Arial, Helvetica, sans-serif;
		font-style: normal;
		color: #ffffff;
		text-decoration: none;
		}
	
	#taskbar a:hover{
		text-decoration: underline;
		}
				


div.container{
	width: 800px;
	height: 100%; 
	position: relative; 
	border: none;
	border-left: dotted 1px #420808; 
	border-right: dotted 1px #420808;
	background: none;
	margin-left: auto; 
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px 4px 0px 0px;
	z-index: 0;
	}


#footer{
	width: 100%;
	height: 148px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image: url(images/footerbg.jpg);
	background-repeat: repeat-x;
	text-align: center;
	font: normal 90% Arial, Helvetica, sans-serif;
	color: #000000
	}
	
	#footer a:link, #footer a:visited{
		font: bold 90% Arial, Helvetica, sans-serif;
		font-style: normal;
		color: #000000;
		text-decoration: none;
		}
	
	#footer a:hover{
		text-decoration: underline;
		}
				
#footerplacement{
	width: 800px;
	height: 100%; 
	position: relative; 
	border: none;
	background: none;
	margin-left: auto; 
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 0px;
	top: 20px;
	z-index: 0;
	}
	
	#footerleft{
		float: left;
		width: 200px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		text-align: center;
		font: Arial, Helvetica, sans-serif;
		}
			
	#footermiddle{
		float: left;
		position: absolute;
		width: 150px;
		left: 250px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		text-align: justify;
		font: Arial, Helvetica, sans-serif;
		}
		
	#footermiddleright{
		float: left;
		position: absolute;
		width: 150px;
		left: 430px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		text-align: justify;
		font: Arial, Helvetica, sans-serif;
		}
		
	#footerright{
		float: right;
		width: 200px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		text-align: center;
		font: Arial, Helvetica, sans-serif;
		}




/******* hyperlink and anchor tag styles and margins *******/



a:link, a:visited{
 	color: #ffffff;
	text-decoration: none;
	font: bold 80%  Arial, Helvetica, sans-serif;
}

a:hover{
	text-decoration: underline;
}
/************** header tag styles **************/


h1{
 font: bolder 160%  Arial, Helvetica, sans-serif;
 color: #000000;
 margin: 0px;
 padding: 0px;
 text-indent: 5px;
}

h2{ 
 font: bold 120%  Arial, Helvetica, sans-serif;
 color: #5d0a04;
 margin: 0px;
 padding: 0px;
 text-indent: 10px;
 text-decoration: underline;
}

h3{ 
 font: bold 90%  Arial, Helvetica, sans-serif;
 color: #000000;
 margin: 0px;
 padding: 0px;
 text-indent: 0px;
 text-decoration: none;
}

#galleryheading { 
 font: bold 90%  Arial, Helvetica, sans-serif;
 color: #000000;
 background-color: #CC9999;
 margin: 0px 0px 0px 0px;
 padding: 3px 0px 3px 0px;
 text-indent: 25px;
 text-decoration: none;
 background-image: url(images/arrow.jpg);
 background-repeat: no-repeat;
}

.galleryheading { 
 font: bold 90%  Arial, Helvetica, sans-serif;
 color: #000000;
 background-color: #CC9999;
 margin: 0px 0px 0px 0px;
 padding: 3px 0px 3px 0px;
 text-indent: 25px;
 text-decoration: none;
 background-image: url(images/arrow.jpg);
 background-repeat: no-repeat;
}

/************* Styles of the container for p tags etc ***************/	
#container {
	left: 0px;
	}
	
	#container p {
		font: 90% Arial, Helvetica, sans-serif;
		color: #000000;
		margin-left: 15px;
		padding: 0px;
		}
		
	#container img {
		margin: 0px;
		padding: 0px;
		border: none;
		}
		
	#container hr {
		color: #ffffff;
		border: none;
		border-bottom: dotted 1px #420808;
		}
		
	#container li {
		list-style-image: url(images/bulletpoint.jpg);
		}
	 
	 /*text link*/

	#container a:link, #container a:visited{
		font: bold 90% Arial, Helvetica, sans-serif;
		font-style: normal;
		color: #000000;
		text-decoration: underline;
		}
	
	#container a:hover{
		text-decoration: none;
		}
		
	#container ul {
		color: #000000;
		position: relative;
		left: 5px;
		list-style: inside;
		list-style-type: disc;
		font: normal 90% Arial, Helvetica, sans-serif;
		text-indent: 5px;
		}


#form h2{ 
 font: bold 120%  Arial, Helvetica, sans-serif;
 color: #000000;
 background-color: #CC9999;
 margin: 0px;
 padding: 0px;
 text-indent: 10px;
 text-decoration: none;
}

#form h3{ 
 font: bold 90%  Arial, Helvetica, sans-serif;
 color: #000000;
 margin: 0px;
 padding: 0px;
 text-indent: 0px;
 text-decoration: none;
}

#floatleft{
	float: left;
	left: 5px;
	padding: 0px 4px 0px 5px;
	width: auto;
	height: auto;
	}