/* CapeMayRentals.com stylesheet */
/* by Jessica Leeburg @amissdotorg */

@import url(http://fonts.googleapis.com/css?family=Neuton:700,400,400italic|Yellowtail);

* {
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
}

body {
text-align:center;
background:#A6B786;
background:#DAD9C3;
padding:20px 0 0;
/* Background cover */
 background: url(images/body-full.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;	
}

#container {
width:950px;
position:relative;
text-align:left;
background:#fff;
/*border:1px solid #7C8668;
border:1px solid #cbc9b4;*/
z-index:1;
margin:0 auto;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

#header {
height:169px;
position:relative;
background:url(images/header-2012.png);
background-repeat:no-repeat;
background-position:0 0;
}

#header h1,#header h2 {
margin-left:-1000em;
height:0;
line-height:0;
}

#header #login
{
	position:absolute;
	top:15px;
	right:15px;
}

#header #login li
{
display:inline;
margin:0 0 0 5px;	
}

#login #facebook a
{
background:url(images/facebook.jpg);
background-position:0 0;
background-repeat:no-repeat;	
padding:0 0 0 17px;
}

#login #twitter a
{
background:url(images/twitter.png);
background-position:0 0;
background-repeat:no-repeat;	
padding:0 0 0 17px;
}

#signup
{
	font-weight:800;
}

#login a
{
	font-size:13px;
	color:#999;
	text-decoration:none;
}

#login a:hover
{
	color:#666;
}

#header #search
{
	position:absolute;
	top:120px;
	right:15px;

}

#search img
{
	border:0;
}



#menu {
float:left;
width:100%;
background:#648293;
background:#004887;
z-index:8;
margin-bottom:20px;
}

#menu #nav {
z-index:99;
}

#menu #nav li {
display:inline;
float:left;
position:relative;
list-style:none;
/*width:130px;*/
}

#menu #nav a:hover {
color:#C4F2FF;
}

#nav,#nav ul {
list-style:none;
line-height:1;
z-index:99;
margin:0;
padding:0;
}

#nav a {
float:left;
display:block;
text-decoration:none;
padding:10px 0;
color:#fff;
font-family:arial, helvetica, sans-serif;
font-size:15px;
text-align:center;
width:156px;
border-right:1px solid #7190a2;
border-right:1px solid #0065a8;
}

#nav .last
{
	border:none;
}

#nav .more {
/*background:url(images/morearrow.jpg);
background-position:95% 54%;
background-repeat:no-repeat;*/
}

#nav li ul {
position:absolute;
background-position:top left;
background-repeat:repeat-x;
width:14em;
left:-999em;
z-index:98;
background:url(images/dropdown-back.png);
border-left:1px solid #4B6677;
border-right:1px solid #4B6677;
border-bottom:1px solid #4B6677;
padding:0;
}

#nav li:hover ul,#nav li.sfhover ul {
left:-2px;
top:35px;
z-index:98;
}

#menu #nav li ul li {
display:block;
width:14em;
margin:0;
}

#nav li ul li a {
display:block;
font-size:12px;
height:20px;
padding:5px 7px;
width:auto;
border:none;
text-align:left;
}

#nav li ul li a:hover {
color:#E5FFFF;
}

#banner {
clear:both;
position:relative;
display:none;
}

.index {
height:180px;
background:url(images/banner-index.jpg);
background-position:bottom right;
}

.wildwoods {
height:100px;
background:url(images/banner-wildwoods.jpg);
background-position:bottom left;
}

.cmp {
height:100px;
background:url(images/banner-cmp.jpg);
background-position:bottom left;
}

.capemay {
height:100px;
background:url(images/banner-capemay.jpg);
background-position:bottom left;
}

.bay {
height:100px;
background:url(images/banner-bay.jpg);
background-position:bottom left;
}

.avalon {
height:100px;
background:url(images/banner-avalon.jpg);
background-position:bottom left;
}

.wcm {
height:100px;
background:url(images/banner-wcm.jpg);
}

#featured {
position:absolute;
bottom:0;
left:0;
height:140px;
width:100%;
}

#featured div {
display:block;
width:308px;
margin-right:7px;
float:left;
color:#fff;
font-family:arial, helvetica, sans-serif;
font-size:12px;
}

#featured div img {
border:4px solid #fff;
float:left;
margin:0 10px 10px;
}

#featured div a {
display:block;
background:#537EA9;
color:#fff;
text-align:center;
font-size:11px;
text-decoration:none;
margin:7px 20px 0 175px;
padding:4px;
}

#featured div a:hover {
background:#7E9CB0;
}

#text {
margin:25px 30px;
}

#text h2#smarter
{
	background:url(images/stay-smarter.jpg);
	width:650px;
	height:90px;
	margin:20px 0 -10px -30px;
}

#text h2#smarter2
{
	background:url(images/advertise-smarter.jpg);
	width:650px;
	height:90px;
	margin:50px 0 -20px -30px;
}

#text #smarter span, #text #smarter2 span
{
	margin-left:-1000em;
}

#text p {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
line-height:20px;
color:#333;
margin:5px 0 12px;
}

#text p.terms {
font-size:11px;
font-family:arial, helvetica, sans-serif;
color:#333;
background:#eee;
padding:7px;
}

#text p.notice {
	display:none;
color:#fff;
font-size:15px;
font-weight:800;
font-family:arial, helvetica, sans-serif;
text-align:center;
background:#f2ac3f;
-moz-border-radius:7px;
-webkit-border-radius:7px;
margin:10px 0 15px;
padding:10px;
}

#text p.notice a {
color:#eee;
font-weight:800;
}

#text h2 {
font-family:georgia, times, serif;
font-family: 'Yellowtail', cursive;
font-family: 'Neuton', serif;
font-size:24px;
font-size:35px;
font-size:30px;
font-weight:400;
color:#3F87B2;
margin:0 0 15px;
}

#text h3 {
font-family:arial, helvetica, sans-serif;
	font-family: 'Neuton', serif;
font-size:18px;
font-size:25px;
font-weight:800;
color:#3F87B2;
margin:25px 0 0px;
}

#text h4 {
font-family:arial, helvetica, sans-serif;
font-size:15px;
font-weight:800;
color:#20949B;
margin:10px 0 0;
}

#text h4 .price
{
	margin:0 0 0 10px;
	font-size:14px;
	color:#333;
}

#text ul,#text ol {
font-family:georgia, times, serif;
font-size:14px;
margin:5px 0 20px 30px;
}

#text li {
margin:0 0 2px;
font-size:13px;
line-height:18px;
}

#text #right {
float:right;
width:200px;
padding:0 0 0 20px;
border-left:1px dotted #ccc;
}

#right strong.large
{
font-size:14px;
display:block;
color:#20949B;
}

#text p
{
	line-height:18px;
	font-size:12px;
	
}

#text p.intro
{
	color:#666;
	font-size:17px;
	line-height:20px;
	font-family: 'Neuton', serif;	
	margin:0 0 20px;
}

#text p.intro > a, #text p.intro > strong, #text p.intro em, #text p.intro > b, #text p.intro > i
{
	font-family: 'Neuton', serif;	
}

#text #spotlinks {
float:right;
width:175px;
/*background:#eee;*/
text-align:center;
font-family:arial, helvetica, sans-serif;
font-size:12px;
height:100%;
margin:0 0 0 20px;
padding:7px 5px 15px;
}

#text #spotlinks hr {
width:90%;
margin:20px auto;
}

#text #spotlinks p {
font-family:arial, helvetica, sans-serif;
font-size:12px;
line-height:14px;
}

#text #spotlinks a img {
border:4px solid #ccc;
}

#spotlinks h4
{
	border-top:2px solid #ccc;
	border-bottom:1px dotted #ccc;
	color:#666;
	padding:3px 0;
	font-size:14px;
	margin:0 0 15px;
}

#text a {
color:#5C869F;
}

#text a:visited {
color:#0C466C;
}

#text a:hover {
color:#777C80;
}

table.inner {
width:100%;
}

table.inner td {
width:20%;
font-size:12px;
line-height:16px;
font-family:arial, helvetica, sans-serif;
text-align:center!important;
vertical-align:top;
padding:0 10px 20px;
}

table.inner td .feature {
font-weight:800;
color:#007EC3;
}

table.inner td img
{
	border:1px solid #888;
	margin:0 0 5px;
}

table.inner td img.new
{
border:0;
margin:0;	
}

#text ul.types
{
	list-style:none;
	margin:10px 0;
}

#text .types li
{
	list-style:none;
	width:150px;
	margin:0 10px 20px 0;
	float:left;
}

#text .types li img
{
display:block;	
margin:0 0 5px 0;
}

#text .types li strong
{
	display:block;
}

#text .types li a
{
	text-decoration:none;
}

#footer {
position:relative;
/*background:#DAE1E3;
background:#004887;*/
padding:2px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-radius: 0px 0px 5px 5px;
border-radius: 0px 0px 5px 5px;
}

#footer p {
font-size:11px;
font-family:arial, helvetica, sans-serif;
color:#8F9597;
margin:10px 0;
}

#footer a {
color:#5E6466;
}

#secondary
{
	position:relative;
margin:15px auto;
width:950px;
text-align:left;
background:#002159;
padding:20px 0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

#secondary h4
{
	color:#a4a28e;
	margin:0 20px;
	color:#ccc;

}

#secondary p, #secondary a
{
	font-size:12px;
	color:#5d5c49;
	color:#ccc;
	line-height:16px;
}

#secondary p
{
	margin:10px 20px;
	
}


hr {
background:#eee;
border:0px solid #eee;
height:1px;
margin:10px 0;
}

#spotlinks iframe#facebook
{
	border:2px solid #ccc;
}


.clear
{
	clear:left;
}