/* CSS Document */

body {
	margin: 19px auto;
	padding: 0;
	text-align: center;
	min-width: 800px;
	background: url('images/bg.jpg') top left repeat-x #6f9ac2;
	background-attachment: fixed;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #635D53;
	}
	
a:link, a:visited {color: #BE6915;}
a:hover, a:active {color: #8CB18C;}

p {
	padding-left: 10px;
	padding-right: 10px;
	}
	
h1 {font-family: "Times New Roman", Times, serif;
	font-size: 28px;
	font-weight: normal;
	font-style: italic;
	padding-left: 10px;
	padding-right: 10px;
	color: #24201D;
	margin: 4px auto;
	padding-top: 4px;}

h2 {font-family: "Times New Roman", Times, serif;
	font-size: 20px;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
	color: #4F7792;}
h3 {font-size: 16px;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
	color: #3D3A33;}
	
table.stylized {margin-left:10px; 
	border: 1px solid #CFC2AC;
	}
table.stylized td{ vertical-align: top;
	padding: 4px;
	border-top: 1px solid #D5C8B1;
	border-left: 1px solid #D5C8B1;
	border-bottom: 1px solid #C3B6A2;
	border-right: 1px solid #C3B6A2;
	}
table.stylized p{padding: 0px;}
table.stylized ul{padding: 0px 10px 0px 15px; margin: 0px 0px 0px 12px;
	color: #3B3834;}
	
#header {}
#wrapper {
	width: 800px;
	margin: 0 auto;
	text-align: left;
	background-color: #ffffff;
	}	
#top-info {width: 800px;
	background: url('images/gulf-shores-condo-info.jpg') top left no-repeat;
	height: 259px;}
#top-info h1 {
	color: #3C3530;
	font-style: italic;
	font-size: 24px;
	text-align: right;
	margin: 98px 0px 0px 0px; padding: 0px 8px 0px 0px;}
#top-info h2{
	color: #514741;
	font-style: italic;
	font-size: 16px;
	margin: 0px; padding: 10px 12px 0px 5px;
	font-weight: normal;
	text-align: justify;
	}
	
#content {
	width: 800px;
	background: url('images/content-bg.jpg') top center no-repeat #ffffff;
	padding-bottom: 20px;
	}
#right-content {width: 200px; float: right;
	margin: 0px 4px 0px 10px;
	padding-bottom: 15px;
	background-color: #DED8C9;
	border-left: 1px solid #BBAF9B;
	border-bottom: 1px solid #BBAF9B;
	color: #3B3834;}
#right-content h1{font-size: 22px;
	color: #4F7792;}
#right-content ul {padding: 0px 10px 0px 15px; margin: 0px 0px 0px 12px;
	color: #3B3834;}

#mainnav {width: 792px;
	padding: 0px;
	background-color: #DBA24A;
	margin: 4px;
	color: #ffffff;
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	padding: 5px 0px 5px 0px;
	}
#mainnav ul{list-style-type:none;
	margin:0px; padding: 0px 0px 0px 7px;}
#mainnav li{list-style-type:none; display: inline;}
#mainnav a{text-decoration: none;
	padding: 5px;}
#mainnav a:link, #mainnav a:visited{color: #ffffff;}
#mainnav a:hover, #mainnav a:active{color: #1F263B;}	
#footer {
	clear: both;
	}
#footer p{text-align: center;}
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} /* End hide from IE-mac */