@charset "utf-8";
/* CSS Document */

body, html {
	padding: 0;
	margin: 0;
	background: url(images/body-bg.png) repeat-x #000F22; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

p, ul, ol, h2, h3, h4 {
	margin: 0 0 10px 0;
}

li {
	margin: 0 0 5px 0;
}

h1 {
	margin: 0 0 20px 0;
}

p, ul, ol, table {
	font-size: 10pt;
	line-height: 13pt;
}

h1, h2, h3, h4 {
	color: #001D43;
	font-family: Arial, Helvetica, sans-serif;
}

h1 {
	font-size: 30pt;
}

h2 {
	font-size: 22pt;
	line-height: 22pt;
}

a {
	text-decoration: none;
	font-weight: bold;
	color: #BA1721;
}

	a:hover {
		color: #000;
	}

img {
	border: none;
}

hr {
	background: #000D1D;
	color: #000D1D;
	border: none;
	height: 1px;
	margin: 20px 0;
	clear: both;
}

	hr.indexHr {
		clear: none;
		color: #8AAAC3;
		background: #8AAAC3;
	}

#wrap {
	width: 840px;
	margin: 0 auto;
}

#container {
	width: 840px;
	float: left;
	background: #fff !important;
}

#banner {
	width: 840px;
	height: 244px;
}

#header {
	width: 840px;
	height: 87px;
	background: url(images/header-bg.jpg) no-repeat #001D3F;
}

	#header a {
		display: block;
		width: 100%;
		height: 100%;
	}

#main {
	width: 780px;
	min-height: 392px;
	float: left;
	padding: 20px 30px 30px 30px;
	position: relative;
	background: #fff !important;
}

#appointmentBanner {
	position: absolute;
	right: 10px;
	top: 9px;
}

#balloon {
	position: absolute;
	right: -40px;
	top: -70px;
	z-index: 999;
}

#catalogButton {
	float: left;
	padding: 5px 20px 0 0;
}

#faceBook {
	float: right;
	margin: 5px 0 0 25px;	
}

p#searchMLSButton {
	text-align: center;
	margin: 25px 0 0 0;
}

#sidebar {
	width: 296px;
	background: url(images/sidebar-bg.jpg) repeat-x left bottom #99B9D0;
	float: right;
	position: relative;
	margin: 0 0 0 30px;
	min-height: 595px;
	position: relative;
	z-index: 888;
}

#sidebarContent {
	padding: 30px 30px 20px 30px;
	width: 236px;
}

	#sidebarContent img {
		margin: 10px 0 0 0;
	}
	
#sidebarContent p {
	text-align: center;
	margin: 0 0 3px 0;
}

#sidebarTop {
	background: url(images/sidebarTop-bg.jpg) no-repeat;
	width: 296px;
	height: 24px;
	position: absolute;
	top: 0;
	left: 0;
}

#sidebarBottom {
	width: 296px;
	height: 17px;
	background: url(images/sidebarBottom-bg.jpg) no-repeat;
	position: absolute;
	bottom: 0;
	left: 0;
}

img#sidebarTitle {
	margin: 0 0 11px 0;
}

.agentBio {
	width: 550px;
	float: right;
	margin: -6px 0 20px 0;
}

form#contactForm {
	float: right;
	width: 290px;
	margin: 40px 0 0 0;
	padding: 25px 30px 15px 30px;
	background: #b2cfe3;
	position: relative;
}

	form#contactForm h2 {
		text-align: center;
		margin: 0 0 20px 0;
	}

	form#contactForm label {
		float: left;
		width: 70px;
		text-align: right;
		margin: 0 5px 0 0;
	}
	
	form#contactForm input[type=text], textarea {
		width: 200px;
		padding: 3px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10pt;
		border: none;
		color: #476685;
	}
	
	form#contactForm input[type=text]:hover, textarea:hover, input[type=text]:focus, textarea:focus {
		color: #000;
	}
	
	form#contactForm input[type=submit] {
		background: #476685;
		padding: 5px;
		border: none;
		color: #fff;
	}
	
		input[type=submit]:hover {
			background: #002049;
		}
		
#contactFormTop {
	position: absolute;
	width: 350px;
	height: 14px;
	top: 0;
	left: 0;
	background: url(images/contactFormTop-bg.png) no-repeat;
}

#contactFormBottom {
	position: absolute;
	width: 350px;
	height: 14px;
	bottom: 0;
	left: 0;
	background: url(images/contactFormBottom-bg.png) no-repeat;
}

#map {
	float: right;
}

	#map iframe {
		margin: 0 0 5px 0;
	}

#footer {
	clear: both;
	text-align: center;
	background: url(images/footer-bg.jpg) repeat-x #99B9D0;
	padding: 10px;
	border-top: 1px solid #001E44;
}

	#footer p {
		font-size: 8pt;
		color: #476685; 
		margin: 0 0 3px 0;
	}

	#footer a {
		color: #476685;
	
	}
	
	#footer a:hover {
		color: #000F22;
	}	
	
	
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.pagination {
	padding: 2px;
}

.pagination ul {
	margin: 0;
	padding: 0;
}

.pagination li {
	list-style-type: none;
	display: inline;
	padding-bottom: 1px;
}

.pagination a, .pagination a:visited {
	padding: 0 5px;
	border: 1px solid #AAAAAF;
	text-decoration: none; 
	background-color: #E8E8E6;
	color: #666666;
}

.pagination li.currentpage {
	font-weight: bold;
	padding: 0 5px;
	border: 1px solid #AAAAAF;
	background-color: #666666;
	color: #E8E8E6;
}

.pagination li.disablepage {
	padding: 0 5px;
	border: 1px solid #AAAAAF;
	color: #929292;
}

.pagination li.nextpage {
	font-weight: bold;
}

* html .pagination li.currentpage, * html .pagination li.disablepage { /*IE 6 and below. Adjust non linked LIs slightly to account for bugs*/
	margin-right: 5px;
	padding-right: 0;
}
.agentPhoto {
  width:200px;
  height:301px;
}