body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	background: url(../images/bg.jpg) repeat-x #37190F;
}

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

input, textarea, select {
  font-family: Arial, Helvetica, sans-serif;
  color: #666666;
}

img {
	border: 0px;
}

body#home a#homenav,
body#whatwedo a#whatwedo,
body#currentlistings a#currentlistings,
body#propertysearch a#propertysearch,
body#aboutswell a#aboutswell,
body#sitemap a#sitemap {
	background: url(../images/burst2.gif) right no-repeat;
	color: #37190F;
}

h1 {
	font-size: 20px;
	color: #8CC63F;
	border-top: thin dashed #A0C5DB;
	padding: 10px 0;
	margin: 0px 30px 30px 30px;
}

h2 {
	color: #36190E;
	font-size: 20px;
	font-variant: small-caps;
	margin-bottom: 4px;
	font-weight: 700;
	margin-left:40px;
}

h3 {
	color: #8CC63F;
	font-size: 18px;
	font-variant: small-caps;
	margin-bottom: 4px;
	font-weight: 500;
}


#navigation {
	background: url(../images/bg_nav.png) repeat-y;
	position: absolute;
	margin: 40px 0px 0px 0px;
	width: 285px;
	top: 0px;
	bottom: 50px;
	z-index:1;
	font-size: 10px;
	height:650px;	
}

*html #navigation {
	background: url(../images/bg_nav.gif) repeat-y;
	position: absolute;
	margin: 40px 0px 0px 0px;
	width: 285px;
	top: 0px;
	bottom: 50px;
	z-index:1;
	font-size: 10px;
	height: 650px;	
}

#navigation #top {
	background: url(../images/bg_nav_top.png) no-repeat;
	position: relative;
	margin: -40px 0px -25px;
	width: 285px;
	height: 40px;
	float: left;
}

*html #navigation #top {
	background: url(../images/bg_nav_top.gif) no-repeat;
	position: relative;
	margin: -40px 0px -25px;
	width: 285px;
	height: 40px;
	float: left;
}

#navigation #bottom {
	background: url(../images/bg_nav_bottom.png) no-repeat;
	position: absolute;
	bottom: -25px;
	width: 285px;
	height: 25px;
}

*html #navigation #bottom {
	background: url(../images/bg_nav_bottom.gif) no-repeat;
	position: absolute;
	bottom: -25px;
	width: 285px;
	height: 25px;
}

#navigation #swellcontact {
	position: relative;
	margin: 45px 30px 0 30px;
	padding: 5px 0;
	color: #868686;
	border-top: thin dashed #868686;
}

#navigation #credit {
	position: relative;
	margin: 27px 30px 0 30px;
	padding: 10px 0;
	color: #868686;
	border-top: thin dashed #868686;
}

#navigation a:link, #nav a:visited, #nav a: hover {
	text-decoration: none;
	color: #A0C5DB;
}

#navigation a:hover {

}

ul.MainNav, ul.MainNav ul {           
  padding-left: 0px;           
  cursor: default;             
  margin-left: 40px;            
  margin-right: 100px;
  text-decoration: none;
  color: #A0C5DB;
  font-size: 14px;
  line-height: 35px;
}

ul.MainNav li {
	list-style-type: none;      
	margin-left: 5px;                
	position: relative;          
	width: 195px;
	border-bottom: thin dotted #A0C5DB;
	
}

ul.MainNav li a {
	display: block;
	text-decoration: none;
	color: #A0C5DB;
	text-align: left;
}

ul.MainNav li a:hover {
	display: block;
	text-align: left;
	text-decoration: none;
	color: #37190F;
} 

#content {
	width: 715px;
	margin: 45px 0px 0px 300px;
	background: url(../images/bg_content.png) repeat-y;
	top: 0px;
	position: absolute;
	min-height: 650px;
}

p {
	margin: 20px 45px 0 40px;
	align: justify;
}

#content img {
    border: 8px solid #8CC63F;
    padding: 1px;
    margin:4px;
}

#content p a {
	text-decoration: none;
	background: #A0C5DB;
	color: #ffffff;
}

#content p a:hover {
	text-decoration: none;
	background: #A0C5DB;
	color: #ffffff;
}

#listy li a {
	text-decoration: none;
	background: #A0C5DB;
	padding: 0 2px 0 2px;
}

#listy li a:hover {
	text-decoration: none;
	background: #A0C5DB;
	color: #ffffff;
}

*html #content {
	width: 715px;
	margin: 45px 0px 0px 300px;
	background: url(../images/bg_content.gif) repeat-y;
	top: 0px;
	min-height:650px;
  	height:auto !important;
  	height:650px;
	
}

#content #top {
	width: 100%;
	position: relative;
	margin-top: -40px;
	width: 715px;
	height: 40px;
	background: url(../images/bg_content_top.png) no-repeat;
}

*html #content #top {
	width: 100%;
	position: relative;
	margin-top: -40px;
	width: 715px;
	height: 40px;
	background: url(../images/bg_content_top.gif) no-repeat;
}

#content #bottom {
	background: url(../images/bg_content_bottom.png) no-repeat;
	position: absolute;
	bottom: -20px;
	width: 715px;
	height: 25px;
}

*html #content #bottom {
	background: url(../images/bg_content_bottom.gif) no-repeat;
	position: absolute;
	bottom: -25px;
	width: 715px;
	height: 25px;
}

#content a:link, #content a:visited {
	color: #37190F;
}

#content a:hover {
	text-decoration: none;
	color: #37190F;
}

#sublist li {
	display: inline;
	list-style-type: none;
	font-size: 12px;
	margin: 0 0 30px -5px;
}

#sublist a:link, #sublist a:visited, #sublist a:hover{
	padding: 0 10px 0 10px;
}

#sublist #active a {
	background-color: #F8981C;
	text-decoration: none;
	color: #ffffff;
	padding-top: 5px;
	padding-bottom: 5px;
}

/* Site Map Section */

.nav 	{
		padding: 0 0 15px 0; margin: 0px 0 0 150px;
		font-family: Arial, Helvetica, Sans-Serif;
		overflow: visible;
		text-decoration: none;
		}
		
.nav ul {		
		display: block;
		list-style: none;
		margin: -18px 0; padding: 0;
		border: 0; 
		text-decoration: none;
		}

.nav ul li 	{
			position: relative; top: -1px; left: -11px;
			margin: 10px 0 5px 0; padding: 0; 
			border: 0;
			voice-family: "\"}\"";
			margin: 10px 0 5px 10px; 
			text-decoration: none;
			}
			
.nav a, .nav a:visited {
				width: 18.4em; height: 2em;
				display: block; 
				margin: 0 0 0 3px; padding: 1px;
				font-weight: bold; font-size: 110%; line-height: 2em; 
				text-indent: 0.4em; text-align: left; text-decoration: none;
				cursor: pointer;
				voice-family: "\"}\""; 
				margin: 0 0 0 -10px;
				}

.nav ul ul {	
			padding: 20px 0 18px 0;
			background: none;
			position: relative; top: -1px;
			}
				
.nav ul li li	{
			position: relative; top: 0px; left: 10px;
			margin: 10px 0 5px 1px; padding: 0 0 0 25px;
			voice-family: "\"}\"";
			left: 0px;
			}
			

.nav ul li .sub-sub {
			left: 10px;
			margin: 10px 0 0 1px;
			voice-family: "\"}\"";
			position: relative; top: 0px; left: 0px;
			}

.nav ul ul a, .nav ul ul a:visited 	{
					width: 15.9em; height: 1.8em;
					margin: 0;
					font-size: 110%; line-height: 1.8em; font-weight: normal; text-indent: 0.3em;
					text-decoration: none;
					}
					

.nav ul ul ul {margin: 0 0 34px 12px; padding: 8px 0 0 0;}

.nav ul li li li	{
			position: relative; top: 13px; left: 0px;
			margin: 10px 0 5px 0; padding: 0 0 0 20px; 
			}

																		
.nav ul ul ul a, .nav ul ul ul a:visited 	{
					width: 14.9em;
					padding: 1px;
					font-size: 100%;
					text-decoration: none;
					}


/* ### Global Settings >>> colors, borders and images  ### */
.nav 	{ border: 0; border-left: 1px solid #BBBBBB; }
.nav ul li li	{color: #000; background:  url("../images/line.gif") left center no-repeat;}
.nav ul ul ul {border-left: 1px solid #BBBBBB; }
.nav ul li .sub-sub {background:  url("../images/line.gif") top left no-repeat;}
.nav a, .nav a:visited	{color: #4F4F4F; text-decoration; none;}				
.nav a:active, .nav a:hover, .nav a:focus,  a:focus .sffocus 	{color: #000;}			
.nav ul ul a, .nav ul ul a:visited 	{color: #4F4F4F;}			
.nav ul ul a:active, .nav ul ul a:hover, .nav ul ul a:focus	{color: #000;}
	
/* inner box styling */
/* Level 1 */
.nav ul li .ro {display: block; width: 100%; background: url("../images/ro-01.gif") top right no-repeat;}
.nav ul li .lo {display: block; width: 100%; background: url("../images/lo-01.gif") top left no-repeat;}
.nav ul li .ru {display: block; width: 100%; background: url("../images/ru-01.gif") bottom right no-repeat;}
.nav ul li .lu {display: block; width: 100%; background: url("../images/lu-01.gif") bottom left no-repeat;}
.nav ul li .box-content {width: 100%; padding: 0.1em 0.1em 0.1em 0.1em; }

/* Level 2 + 3 */
.nav ul li li .ro {background: url("../images/ro-02.gif") top right no-repeat;}
.nav ul li li .lo {background: url("../images/lo-02.gif") top left no-repeat;}
.nav ul li li .ru {background: url("../images/ru-02.gif") bottom right no-repeat;}
.nav ul li li .lu {background: url("../images/lu-02.gif") bottom left no-repeat;}
.nav ul li li .box-content {width: 100%; padding: 0.1em 0.1em 0.1em 0.1em; }
/* Level 1 - 3 hover */
.nav ul li a:hover .ro {background: url("../images/ro_h.gif") top right no-repeat;}
.nav ul li a:hover .lo {background: url("../images/lo_h.gif") top left no-repeat;}
.nav ul li a:hover .ru {background: url("../images/ru_h.gif") bottom right no-repeat;}
.nav ul li a:hover .lu {background: url("../images/lu_h.gif") bottom left no-repeat;}