/* ----------------------------------------------------------------------

				TITLE: Loretta Morgan Properties
				AUTHOR: ILYA LOBANOV
				WEB: WEBSITEBLUE.COM
	
------------------------------------------------------------------------ */


/* ----------------------------------------------------------------------
	Main definition of the page's body.
------------------------------------------------------------------------ */

		body {
			margin:0px;
			padding:0px;
			background-color: #f1f1f1; 
			font-size: 11px;
			font-family:Arial, Helvetica, sans-serif;
			letter-spacing: .1pt;
			line-height: 15pt;
			font-weight: normal;
			text-align:center;
		}


/* ------------------------------------------------------------
		WRAPPER CONTAINER TO CENTER
------------------------------------------------------------ */

		#wrapper {
			background-color: #FFFFFF; 
			padding-top:20px;
			margin-left: auto;
			margin-right: auto;
			width: 800px;
			text-align: left;
		}

/* ------------------------------------------------------------
		MAIN NAVIGATION STYLES
------------------------------------------------------------ */

	#nav  {
		height: 36px;
		width: 100%;
		background: url("images/navbg.jpg") repeat-x;
		vertical-align:middle;
		margin:0;
		padding:0;
		}


	#nav ul {
		height: 100%;
		color: #FFFFFF;
		font-size: 11px;
		font-family:Arial, Helvetica, sans-serif;
		margin:0;
		padding:0;
		display: inline;
		}

	#nav ul li  {
		height: 100%;
		margin: 0;
		padding: 10px 15px 11px 15px;
		background: url("images/nav1.jpg") no-repeat scroll right; 
		list-style: none;
		display: inline;
		}

		#nav li a {
			font-weight:bold;
			list-style: none;
			display: inline;
			color: #FFFFFF;
			text-decoration: none;
			margin:0;
			padding: 0;
			}
		
		#nav li a:hover {
			font-weight:bold;
			list-style: none;
			display: inline;
			color: #acd142;
			text-decoration: none;
			margin:0;
			padding: 0;
       		}



/* ------------------------------------------------------------
		SUB NAVIGATION ON RIGHT
------------------------------------------------------------ */


		#subnav {
			margin-top: 20px;
			width:189px;
			}



		#subnav ul {
			font-size: 11px;
			font-family:Arial, Helvetica, sans-serif;
			letter-spacing: .1pt;
			line-height: 1.6em;
			font-weight: normal;
			list-style:none;
			margin:0;
			padding:0;
			text-indent: 18px;
			}


		#subnav li a {
			font-weight:bold;
			font-size: 11px;
			display:block;
			margin:0px;
			border-bottom:1px solid #444fd2;
			border-left:5px solid #acd142;
			padding: 4px 0px 4px 1em;
			color: #FFFFFF;
			text-decoration: none;
			width: 100%;
			background-color: #2430bb;
			}
		
		#subnav li a:hover {
			margin:0px;
			color:#FFF; 
			text-decoration: none;
			font-weight:bold;
			background-color: #444fd2;
			}	

		html>body #subnav li a {
			width: auto;
			}

/* ------------------------------------------------------------
		MAIN CONTENT STYLES
------------------------------------------------------------ */

	#content  {
		width: 100%;
		margin:0;
		padding: 20px 0px 10px 5px;
		}

	#content H1{
		margin: 0;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 20px;
		color: #2430bb;
		font-weight: normal;
		}

	#content H2{
		margin: 0;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 14px;
		color: #8fb523;
		font-weight: bold;
		}

	#content p {
		color: #858585;
		font-size: 12px;
		font-family:Arial, Helvetica, sans-serif;
		letter-spacing: .1pt;
		line-height: 1.6em;
		font-weight: normal;
		padding-right:30px;
		}

	#content span {
		color: #8fb523;
		font-size: 12px;
		font-family:Arial, Helvetica, sans-serif;
		letter-spacing: .1pt;
		line-height: 1.6em;
		font-weight: bold;
		}

	#content a {
			font-weight:normal;
			font-size: 12px;
			color: #8fb523;
			text-decoration: underline;
			}

	#content a:visited {
			font-weight:normal;
			margin:0px;
			color:#858585; 
			text-decoration: underline;
			}
			
	#content a:hover {
			font-weight:normal;
			margin:0px;
			color:#8fb523; 
			text-decoration: none;
			}

	#content ul {
		color: #858585;
		font-size: 12px;
		font-family:Arial, Helvetica, sans-serif;
		letter-spacing: .1pt;
		line-height: 1.6em;
		font-weight: normal;
		margin: 0 0 16px 15px;
		list-style-type: none;
		text-indent: 15px;
	}


	#content ul li {
		background: url("images/bullet.gif") no-repeat left center;
		padding: 0 0 3px 8px;
	}


	#content input {
		font-size: 12px;
		font-family:Arial, Helvetica, sans-serif;
		color:#848484;
		width: 350px;
		padding: 3px;
		margin-bottom: 10px;
		border: 1px solid #CFCFCF;
		height:22px;
	}


	#content input.pricesmall{
		font-size: 12px;
		font-family:Arial, Helvetica, sans-serif;
		color:#848484;
		width: 165px;
		padding: 3px;
		margin-bottom: 10px;
		margin-right: 20px;
		border: 1px solid #CFCFCF;
		height:22px;
	}


	#content select {
		font-size: 12px;
		font-family:Arial, Helvetica, sans-serif;
		color:#848484;
		width: 350px;
		padding: 3px;
		margin-bottom: 10px;
		border: 1px solid #CFCFCF;
		height:22px;
	}

		#content textarea {
			font-size: 12px;
			font-family:Arial, Helvetica, sans-serif;
			color:#848484;
			width: 350px;
			padding: 3px;
			margin-bottom: 10px;
			border: 1px solid #CFCFCF;
			}


	#content input.button { 
		margin-top:0px;
		width: 78px; height: 22px;
		background-color: #2430bb; border: none;
		font-family: tahoma, sans-serif; font-size: 9px; font-weight: bold; 
		text-transform: uppercase; color: #FFF;
	}
	

	#content input:hover.button {
		background-color: #8fb523; border: none;
	}
	
	
	#content  input.tick {
		margin-bottom:-1px;
		height:13px;
		width:13px;
		border: 0px;
	}


	#content div.break {
		clear: both;
		margin-bottom: 0;
		padding-bottom: 15px;
		}


/* ------------------------------------------------------------
		RIGHT COLUMN STYLES
------------------------------------------------------------ */

	#side  {
		width: 100%;
		margin:0;
		padding: 20px 30px 10px 5px;
		}

	#side p {
		color: #858585;
		font-size: 11px;
		font-family:Arial, Helvetica, sans-serif;
		letter-spacing: .1pt;
		line-height: 1.6em;
		font-weight: normal;
		padding: 0 0 0 0;
		margin: 5px 0 0 0;
		}

	#side span {
		color: #2430bb;
		font-size: 11px;
		font-family:Arial, Helvetica, sans-serif;
		letter-spacing: .1pt;
		line-height: 1.6em;
		font-weight: bold;
		}

	#side a {
			font-weight:normal;
			font-size: 11px;
			color: #8fb523;
			text-decoration: underline;
			}

	#side a:hover {
			font-weight:normal;
			margin:0px;
			color:#8fb523; 
			text-decoration: none;
			}

	 div.hr {
	  width: 100%;
	  height: 1px;
	  background: #e4e4e4;
	  margin: 5px 0 0 0;
	}
	
	div.hr hr {
	  display: none;
	}



/* ------------------------------------------------------------
		QUICK  SEARCH TABS
------------------------------------------------------------ */


		#quicksearchtabs {
			clear: both;
			margin: 0;
			padding: 0;
			font-size: 11px;
			height: 21px;
		}
		
		#quicksearchtabs a {
			display: block;
			padding: 4px 0px 3px 20px;
			font-weight: bold;
			color: #FFFFFF;
			text-decoration: none;
		}
		
		#quicksearchtabs a:hover {
			color: #c1e753;
			text-decoration: none;
		}
		
		#quicksearchtabs ul {
			height: 100%;
			color: #FFFFFF;
			font-size: 11px;
			font-family:Arial, Helvetica, sans-serif;
			margin:0;
			padding:0;
			display: inline;
			}
		
		#quicksearchtabs ul li {
			display: inline;
			float: left;
			margin: 0;
			color: #FFF;
			background:url("images/taboff.jpg") no-repeat right top;
			width:140px;
		}
		
		#quicksearchtabs ul li.active a {
			display: block;
			padding: 4px 0px 3px 20px;
			font-weight: bold;
			color: #fff;
			background:url("images/tabon.jpg") no-repeat left top;
		}
		
		#quicksearchtabs ul li.active a:hover {
			color: #fff;
			text-decoration: none;
		}
		
		#quicksearchtabs ul li.active {
			display: inline;
			float: left;
			color: #FFF;
			background:url("images/tabon.jpg") no-repeat right top;
			width:140px;
		}



/* ------------------------------------------------------------
		QUICK  SEARCH SALE
------------------------------------------------------------ */

		#quicksearchsale {
			clear: both;
			width: 545px;
			margin: 0;
			padding-top:25px;
			padding-bottom:15px;
			background-color: #acd142;
		}
		
		#quicksearchsale p {
			color: #fff;
			clear: both;
			font-family: Arial, Verdana, Helvetica, sans-serif;
			font-size: 11px;
			padding: 0px 0px 0px 25px;
			margin:0;
		}
		
		
		#quicksearchsale a {
			font-size: 12px;
			color: #fff;
			text-decoration: underline;
		}
		
		#quicksearchsale a:hover {
			font-size: 12px;
			text-decoration: none;
		}
		
		
		#quicksearchsale form {
			float: left;
			margin: 0 0 0 0;
		}
		
		#quicksearchsale fieldset {
			float: left;
			border: none;
			padding: 15px 15px 15px 25px;
		}
		
		#quicksearchsale label.invis {
			display: none;
		}
		
		#quicksearchsale select.pcid {
			float: left;
			width: 160px;
			margin: 0 8px 0 0;
			font-family: Arial, Verdana, Helvetica, sans-serif;
			font-size: 11px;
			color: #444;
		}
		
		#quicksearchsale select.upper {
			float: left;
			width: 100px;
			margin: 0 8px 0 0;
			font-family: Arial, Verdana, Helvetica, sans-serif;
			font-size: 11px;
			color: #444;
		}

		#quicksearchsale select.lower {
			float: left;
			width: 100px;
			margin: 0 8px 0 0;
			font-family: Arial, Verdana, Helvetica, sans-serif;
			font-size: 11px;
			color: #444;
		}



/* ------------------------------------------------------------
		QUICK  SEARCH RENT
------------------------------------------------------------ */

		#quicksearchrent {
			clear: both;
			width: 545px;
			margin: 0;
			padding-top:25px;
			padding-bottom:15px;
			background-color: #acd142;
		}
		
		#quicksearchrent p {
			color: #fff;
			clear: both;
			font-family: Arial, Verdana, Helvetica, sans-serif;
			font-size: 11px;
			padding: 0px 0px 0px 25px;
			margin:0;
		}
		
		
		#quicksearchrent a {
			font-size: 12px;
			color: #fff;
			text-decoration: underline;
		}
		
		#quicksearchrent a:hover {
			font-size: 12px;
			text-decoration: none;
		}
		
		
		#quicksearchrent form {
			float: left;
			margin: 0 0 0 0;
		}
		
		#quicksearchrent fieldset {
			float: left;
			border: none;
			padding: 15px 15px 15px 25px;
		}
		
		#quicksearchrent label.invis {
			display: none;
		}
		
		#quicksearchrent select.pcid {
			float: left;
			width: 160px;
			margin: 0 8px 0 0;
			font-family: Arial, Verdana, Helvetica, sans-serif;
			font-size: 11px;
			color: #444;
		}
		
		#quicksearchrent select.lower {
			float: left;
			width: 100px;
			margin: 0 8px 0 0;
			font-family: Arial, Verdana, Helvetica, sans-serif;
			font-size: 11px;
			color: #444;
		}

		#quicksearchrent select.upper {
			float: left;
			width: 100px;
			margin: 0 8px 0 0;
			font-family: Arial, Verdana, Helvetica, sans-serif;
			font-size: 11px;
			color: #444;
		}



/* ------------------------------------------------------------
		THREE  BOXES - FOR SALE
------------------------------------------------------------ */

		#sale {
			float:left;
			position: relative;
			margin: 10px 0px 20px 0px;
			width:170px;
			height:216px;
			background: #b624bb url("images/saleimg.jpg") no-repeat top center;
			font-family:Arial, Helvetica, sans-serif;
			color:#FFF; 
			font-size: 11px;
			}
	
		#sale  a {
				font-weight:normal;
				margin:0px;
				color:#FFF; 
				text-decoration: none;
				position: absolute;
				height: 25px;
				left: 15px;
				bottom: 0px;
				text-align: left;
				}
					
			#sale  a:hover {
				font-weight:normal;
				margin:0px;
				color:#FFF; 
				text-decoration: underline;
				position: absolute;
				height: 25px;
				left: 15px;
				bottom: 0px;
				text-align: left;
				}


/* ------------------------------------------------------------
		THREE  BOXES - FOR RENT
------------------------------------------------------------ */

		#rent {
			float:left;
			position: relative;
			margin: 10px 0px 20px 17px;
			width:170px;
			height:216px;
			background: #00aeef url("images/rentimg.jpg") no-repeat top center;
			font-family:Arial, Helvetica, sans-serif;
			color:#FFF; 
			font-size: 11px;
			}
	
		#rent  a {
				font-weight:normal;
				margin:0px;
				color:#FFF; 
				text-decoration: none;
				position: absolute;
				height: 25px;
				left: 15px;
				bottom: 0px;
				text-align: left;
				}
					
			#rent  a:hover {
				font-weight:normal;
				margin:0px;
				color:#FFF; 
				text-decoration: underline;
				position: absolute;
				height: 25px;
				left: 15px;
				bottom: 0px;
				text-align: left;
				}


/* ------------------------------------------------------------
		THREE  BOXES - WISHLIST
------------------------------------------------------------ */

		#wish {
			float:left;
			position: relative;
			margin: 10px 0px 20px 18px;
			width:170px;
			height:216px;
			background: #f1aa00 url("images/wishimg.jpg") no-repeat top center;
			font-family:Arial, Helvetica, sans-serif;
			color:#FFF; 
			font-size: 11px;
			}
	
		#wish  a {
				font-weight:normal;
				margin:0px;
				color:#FFF; 
				text-decoration: none;
				position: absolute;
				height: 25px;
				left: 15px;
				bottom: 0px;
				text-align: left;
				}
					
			#wish  a:hover {
				font-weight:normal;
				margin:0px;
				color:#FFF; 
				text-decoration: underline;
				position: absolute;
				height: 25px;
				left: 15px;
				bottom: 0px;
				text-align: left;
				}


/* ------------------------------------------------------------
		APPRAISAL BOX
------------------------------------------------------------ */

		#appraisal {
			margin-top: 20px;
			width:189px;
			padding-top:15px;
			padding-bottom:15px;
			background-color: #2430bb;
			}
	
		#appraisal p {
			margin:0;
			padding: 10px 15px 10px 22px;
			color: #FFF;
			font-size: 11px;
			font-family:Arial, Helvetica, sans-serif;
			letter-spacing: .1pt;
			line-height: 15px;
			font-weight: normal;
			}


/* ------------------------------------------------------------
		NEWSLETTER BOX
------------------------------------------------------------ */

		#newsletter {
			margin-top: 10px;
			margin-bottom:0;
			width:189px;
			padding-top:15px;
			padding-bottom:15px;
			background-color: #acd142;
			}
	
		#newsletter p {
			margin:0;
			padding: 10px 25px 5px 22px;
			color: #FFF;
			font-size: 11px;
			font-family:Arial, Helvetica, sans-serif;
			letter-spacing: .1pt;
			line-height: 15px;
			font-weight: normal;
			}
	
		#newsletter .field {
			margin: 10px 0px 15px 22px;
			padding:4px;
			background-color: #FFF;
			border:none;
			color: #444444;
			font-size: 11px;
			height:22px;
			width:140px;
			font-family:Arial, Helvetica, sans-serif;
			letter-spacing: .2pt
			}

/* ------------------------------------------------------------
		FOOTER & COPYRIGHT
------------------------------------------------------------ */


		#footer {
			margin:0;
			padding-top:5px;
			padding-bottom: 15px;
			color: #cecec9;
			font-size: 11px;
			font-family:Arial, Helvetica, sans-serif;
			letter-spacing: .1pt;
			line-height: 15pt;
			font-weight: normal;
			}
	
		
		#footer span {
			color: #acd142;
			font-size: 11px;
			font-family:Arial, Helvetica, sans-serif;
			letter-spacing: .1pt;
			line-height: 15pt;
			font-weight: normal;
			}	
	
	
		#footer a {
				font-weight:normal;
				font-size: 11px;
				color: #cecec9;
				text-decoration: none;
				}
					
	
		#footer a:hover {
				font-weight:normal;
				margin:0px;
				color:#cecec9; 
				text-decoration: underline;
				}



		#footer a.wb {
				font-weight:normal;
				font-size: 11px;
				color: #8fb523;
				text-decoration: none;
				}
					
	
		#footer a.wb:hover {
				font-weight:normal;
				margin:0px;
				color:#8fb523; 
				text-decoration: underline;
				}