/* pacific property 'nautilus beach front' style sheet */

html, body {
	margin:0px;
	padding:0px;
	background:url(../images/body.png) #000D23;
	height:100%;
	color:#000;
}

body, p, li, td {
	font-family:Arial;
	color:#000;
	font-size:12px;
	line-height:18px;
}

h1, h2, h3, h4, h5, h6 {
	margin:0px;
	padding:0px;
	color:#333;
}

h2 {
	margin-bottom:20px;
	font-size:18px;
	font-family:Verdana;
	text-transform:uppercase;
	letter-spacing:2px;
}

h3 {
	margin-bottom:15px;
}

p {
	margin:0px 0px 20px 0px;
	padding:0px;
	color:#666;
	font-size:1em;
}

b, strong {
	color:#000;
}

ul li {
	margin:0px 0px 5px 0px;
	padding:0px;
	color:#666;
	font-size:1em;
}

.clear {
	margin:0px;
	padding:0px;
	height:1px;
	clear:both;
}

a:link, 
a:visited,
a:hover,
a:link {
	color:#000D23;
}

a:hover {
	text-decoration:none;
}

/* =wrapper */

#wrapper {
	margin:0px auto 0px auto;
	padding:0px;
	width:960px;
	overflow:hidden;
	background:url(../images/wrapper.png) top center repeat-y #000D23;
	position:relative;
}

/* =header */

#header {
	margin:0px 30px 0px 30px;
	padding:0px;
	height:250px;
	width:900px;
	overflow:hidden;
	position:relative;
	background:url(../images/header.png) top right repeat-y;
}

#header #slideshow {
	width:660px;
	height:250px;
	overflow:hidden;
	float:left;
}

#header #slideshow .ReNetSlideshow-overlay {
	cursor:default;
}

#header #headercontent {
	width:240px;
	height:250px;
	overflow:hidden;
	float:right;
	position:relative;
	/*
	background:url(../images/headercontent.png) top left repeat-y rgb(0, 51, 124);
	*/
}

#header #headercontent p {
	margin:96px 30px 20px 20px;
	color:rgb(207, 228, 243);
	font-size:11px;
	line-height:14px;
	text-shadow:1px 1px rgb(0, 47, 114);
}

#header a.home-link:link,
#header a.home-link:visited,
#header a.home-link:hover,
#header a.home-link:active {
	position:absolute;
	display:block;
	text-decoration:none;
	top:26px;
	right:30px;
	background:url(../images/nautiluslogo.png) top left no-repeat;
	height:58px;
	width:189px;
}

#header a.coffsaccommlogo:link,
#header a.coffsaccommlogo:visited,
#header a.coffsaccommlogo:hover,
#header a.coffsaccommlogo:active {
	position:absolute;
	display:block;
	text-decoration:none;
	bottom:10px;
	right:30px;
	background:url(../images/pacificproperty.png) top left no-repeat;
	height:43px;
	width:50px;
}

/* =menu */

#menu {
	margin:1px 31px 0px 31px;
	height:38px;
	position:relative;
	background:url(../images/menu.png) top left repeat-x;
	/* hide this for now */
	/* display:none; */
}

#menu ul {
	margin:0px;
	border:none;
	padding:0px;
	list-style:none;
	height:38px;
}

#menu ul li {
	margin:0px;
	border:none;
	padding:0px;
	height:38px;
	line-height:38px;
	float:left;
	background:url(../images/menupipe.png) top right no-repeat;
}

#menu ul li.last {
	background:none;
}

#menu ul li a:link,
#menu ul li a:visited,
#menu ul li a:hover,
#menu ul li a:active {
	margin:0px;
	padding:0px 13px 0px 13px;
	display:block;
	float:left;
	height:38px;
	line-height:38px;
	font-family:Verdana;
	text-transform:uppercase;
	letter-spacing:2px;
	color:#FFF;
	font-size:11px;
	text-decoration:none;
}

#menu ul li a:hover, 
#menu ul li.current a:link, 
#menu ul li.current a:visited,
#menu ul li.current a:hover,
#menu ul li.current a:active {
	text-decoration:underline;
}

/* =page */

#page {
	padding:0px 30px 0px 30px;
	background:url(../images/page.png) top center no-repeat;
}

/* =contentbannner */

#contentbanner {
	height:100px;
	position:relative;
	background:url(../images/contentbanner.png) left center no-repeat;
}

#contentbanner #hotdeals {
	
	position:absolute;
	right:22px;
	top:22px;
	display:block;
	width:200px;
	height:56px;
	line-height:56px;
	font-weight:bold;
	font-size:11px;
	text-decoration:none;
	color:rgb(0, 67, 139);
	text-shadow:1px 1px #CCC;
	background:url(../images/hotdeals.png) center right no-repeat;
	
	/* turn this off for now */
	
	display:none;
	
}

/* =content */

#content2 {
	margin:0px 0px 0px 30px;
	padding:0px 0px 40px 0px;
	position:relative;
	min-height:300px;
	width:844px;
}

/* =hometext */

#hometext {
	margin:0px 40px 0px 40px;
}

/* =footer */

#footer {
	margin:0px;
	padding:0px 50px 30px 50px;
	position:relative;
	background:url(../images/footer.png) bottom center no-repeat;
}

#footer p {
	margin:0px 0px 10px 0px;
	padding:0px;
	line-height:16px;
	text-align:center;
	background:none;
	color:#666;
	font-size:11px;
}

#footer p a:link,
#footer p a:visited, 
#footer p a:hover,
#footer p a:active {
	color:#666;
	font-weight:normal;
}

#footer p.renet_links {
	font-size:10px;
}

/* =homepage */

#homepage {
	
}

/* =pagination */

.pagination {
	margin:20px 0px 20px 0px;
	padding:0px;
	border:none;
	font-weight:bold;
	color:#0E33B5;
}

.pagination-top {
	display:none;	
}

/* =availabilityataglance */

a.availabilityataglance:link,
a.availabilityataglance:visited,
a.availabilityataglance:hover,
a.availabilityataglance:active {
	margin:20px 100px 40px 100px;
	height:40px;
	line-height:40px;
	text-align:center;
	display:block;
	background:url(../images/large_button.png) top left no-repeat orange;
	text-decoration:none;
	color:white;
	font-size:18px;
	text-shadow:0px 0px 10px #CC0000;
}

a.availabilityataglance:hover {
	background:url(../images/large_button_hover.png) top left no-repeat gray;
	text-shadow:0px 0px 10px #333;
}

/* =messages */

.success, .error {
	margin:0px 0px 15px 0px;
	padding:15px;
}

.success {
	margin-left:auto;
	margin-right:auto;
	width:400px;
	color:green;
	background:#DFFFE6;
	font-size:1em;
}

.error {
	margin-left:auto;
	margin-right:auto;
	width:400px;
	color:#CC0000;
	background:#FFEFF0;
	font-size:1em;
}

.success li, .error li {
	list-style:none;
}

.success li {
	color:green;
}

.error li {
	color:#CC0000;
}

/* =contactpage */

#contactpage-left {
	float:left;
	width:60%;
}

#contactpage-left h2 {
	display:none;
}

#contactpage-left .form {
	width:100%;
}

#contactpage-left .form td {
	text-align:left;
	vertical-align:top;
	font-weight:bold;
	color:#333;
}

#contactpage-left .form td.input {
	width:350px;
	font-weight:normal;
	color:#666;
}

#contactpage-left .form td.contact-joinmail {
	font-weight:normal;
	color:#666;
	padding:10px;
}

#contactpage-left .form td input[type="text"],
#contactpage-left .form td input[type="password"],
#contactpage-left .form td textarea {
	padding:2px;
	font-size:1em;
	color:#000;
	border:1px solid #666;
	width:90%;
}

#contactpage-left .form td textarea {
	height:140px;
}

#contactpage-right {
	width:35%;
	float:right;
}

.required {
	font-size:20px;
	color:#FF0000;
	font-weight:bold;
}
