/* -----------------------------------------
Site: 			Raymondshores.com
Author: 		Chris Satterthwaite
Updated: 		Feb/16/2010
Updated By: 	Chris Satterthwaite
--------------------------------------------
STYLE RULES
--------------------------------------------
Box
			hieght
			width
			background
			border
			margin
			padding
			display
			
Position
			position
			top
			left
			float
			clear
			z-index
			
Font
			color
			font family
			font size
			line hieght
----------------------------------------- */
/* CSS Constants (works in IE6+, FF2+, Opera, Safari and CSS1+)
 * ------------------------------------------------------------
 * Variables like: $variable = 'value';
 * Import this css as:
 * <style type="text/css">
 *		@import '{path-to-cssconst.php}cssconst.php?c={path-to-this-css-file}&{var1}={value1}...';
 * </style> 
 * Comment out constants: replace $ with #

#colour2 = '#2f9a9e';  

*/

/*----------------- Reset --------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	margin: 				0px;
	padding:                0px;
	border: 				0px;
	outline: 				0px;
	font-size: 				100%;
	vertical-align: 		baseline;
	background: 			transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: 			none;
}
blockquote, q {
	quotes: 				none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: 				'';
	content: 				none;
}

/* remember to define focus styles! */
:focus {
	outline: 				0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: 		none;
}
del {
	text-decoration: 		line-through;
}

/*----------------- Body ---------------- */
body {
	background:				#fff;
	margin: 				0px;
	padding: 	    	  	0px;
	font: 					12px/16px Verdana, Geneva, sans-serif;
}
/*-------------- Wrapper ---------------- */
#wrapper {
	width:					890px;
	margin:         		7px auto;
	padding:          	    0px;
	position:       		relative;
	z-index:				10;
}
/*-------------- Typography ------------- */
#text-area h1 {
	color:					#003399;
	font-size:				17px;
	font-style:				italic;
	font-weight:			bold;
	margin-bottom:			12px;
}

#text-area h2 {
	color:					#003399;
	font-size:				12px;
	margin-bottom:			8px;
}

#text-area p { 
	margin-bottom:			16px;
	color:					#333333;
}

#text-area ul { 
	margin:					16px 0px 16px 30px;
	color:					#333333;
	list-style:				disc;
}

#text-area a { 
	color:					#003399;
	text-decoration:		none;
}
/*-------------- Header Section --------- */
#header {
	height:					140px;
	width:					auto;
	margin-bottom:			7px;
	background:				#14255a;
	display:				block;
	position:				relative;
	z-index:				20;
}
#logo {
	height:					79px;
	width:					346px;
	position:				absolute;
	top:					17px;
	left:					50px;
}
#lots-sold {
	height:					56px;
	width:					370px;
	position:				absolute;
	top:					30px;
	right:					56px;
}

/*----------- Navigation Section -------- */
#nav {
	height:					20px;
	/*width:					708px;*/
	position:				absolute;
	top:					116px;
	left:					90px;
	z-index:				30;
}
#nav ul {
	height:					20px;
	/*width:					708px;*/
	display:				block;
}
#nav ul li {
	margin:					0px 30px 0px 0px;
	padding:          		0px;
	float:					left;
	list-style-type:		none;
}

#nav ul li a {
	color:					#FFF;
	height: 				20px;
	display: 				block;
	text-decoration:		none;
}

#nav ul li a:hover, #nav ul .selected {
	color:					#FC0;
}
/*-------------- Content Section -------- */
#content {
	width:					619px;
	float:					left;
	position:				relative;
}
/*-------------- Main Picture Section --- */
#main-picture {
height:390px;
width:720px;
z-index:30;	

position: relative;
}

#lot-map {
	width:					619px;	
}
/*------------- Contact Section ---------- */
.row {
	width: 					425px;
	height: 				30px;
	
	display: 				block;
}
.message-row {
	width: 					425px;
	height: 				110px;
	
	display: 				block;
}
label {
	width: 					90px;
	height: 				20px;
		
	float: 					left;
}
input {
	width: 					325px;
	height: 				20px;
	
	float: 					right;
}
select {
	width: 					325px;
	height: 				20px;

	float: 					right;

}
textarea {
	width: 					325px;
	height: 				100px;


	float: 					right;
	
	overflow: 				hidden;

}
.submit {
	width: 					100px;
	height:					30px;
	margin-left: 			10px;
	
	float: 					right;
	font-size:				14px;
	font-weight:			bold;
	cursor:					pointer;
}

/*-------------- text Area Section ------ */
#text-area {
	
	width:					539px;
	padding:	            25px 40px 25px 40px;			
	background:				#FFF;
}

.home-price {
	padding:				10px 15px 10px 15px;
	margin:					0px 0px 15px 0px;
	border:					1px solid #006;
	background:				#FFF;
	color:					#F00;
	font-weight:			bold;
}

.item {
	margin-bottom:			10px;
}
/*-------------- Side Section ----------- */
#side {
	
	width:					264px;
	float:					right;
	position:				relative;
}
#side-ad  {
	height:					198px;
	width:					264px;
	margin-bottom:			7px;
	background:				#ff8905;
}

#side-ad img {
	height:					167px;
	width:					234px;
	margin:					13px;
	border:					2px solid #FFF;
}

#side-content {
	height:					500px;
	width:					220px;
	padding:				22px;
	background:				#ffcc99;
}

#side-content p{
	color:					#003399;
	font-size:				18px;
}

#side-content #list {
	position:				absolute;
	bottom:					30px;
	left:					-8px;
}

#home-side-content {
	width:					264px;
	height:					225px;
	position:				relative;
}

#home-side-content .deal-year {
	position:				absolute;
	top:					-7px;
	left:					-7px;
}

/*------------- Footer Section ---------- */
#footer{
	height:					61px;
	width:					890px;
	margin:         		0px auto;
	clear:					both;
	position:				relative;
	color:					#003366;
	font-size:				11px;
}


#footer ul {
	height:					20px;
	width:					648px;
	display:				block;
	position:				absolute;
	top:					0px;
	left:					151px;
}
#footer ul li {
	margin:					0px 30px 0px 0px;
	padding:          		0px;
	float:					left;
	list-style-type:		none;
}

#footer ul li a {
	color:					#003366;
	height: 				20px;
	display: 				block;
	text-decoration:		none;
}

#footer ul li a:hover {
	color:					#003366;
}
/*------------- Hacks/Fixes ------------- */
/* Fire Fox Float Fix                     */
.clearfix:after {
	height:					0;
	visibility: 			hidden;
	display: 				block;
	clear: 					both;
	content: 				".";
	line-height: 			0;
}
.clearfix {
	display: 				block;
}
html[xmlns] .clearfix {
	display:				block;
}
* html .clearfix {
	height: 				1%;
}
/*------------- Form Security ------------- */
.sec {
	display: none;
}
/*-------------- Photo Gallery Section -------- */
#gallery {
	width: 					100%;
	height: 				auto;
	margin:					0px 0px 20px 0px !important;
	padding:                0px 0px 0px 0px !important;
}
#gallery li {
	width: 					100px;
	height: 				67px;
	margin: 				2px;
	display: 				block;	
	float: 					left;
	list-style: 			none;
	background:				#333;
}
#gallery .gallery-img {
	width: 					100px;
	height: 				67px;
}
#gallery a {
	width: 					100px;
	height: 				67px;
	
	display: 				block;
}
/*-------------- Button Section -------- */
.price-list {
	width:					146px;
	height:					25px;
	background:				url(../../images/interface/download-price-list.gif);
	margin:					0px 0px 7px 0px;
	float:					right;
	
	display:				block;
	cursor:					pointer;
}
.price-list:hover {
	background:				url(../../images/interface/download-price-list.gif) 0px -25px;
}
.price-list:active {
	background:				url(../../images/interface/download-price-list.gif) 0px -50px;	
}
.price-list span {
	display:				none;
}

div#loginerrors, div#signuperrors {
    text-align: center;
    margin-bottom: 8px;
}
label.error {
    height: auto;
    color: red;
    float: none;
    display: block;
    width: 100%;
}