@import url("reset.css");
@import url("rebuild.css");
@import url("form.css");
@import url("pika.css");
@import url("colorbox.css");
/************************
	OHANA BASE STYLES
************************/

body {
	text-align:center;
	background:#1a2438 url(../images/bg-body.jpg) repeat-x left -40px scroll;
	margin:0;
	padding:0;
}
p, li {
	color:#666;
	line-height:1.3em;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
}
a {
	color:#69C;
}
a:hover {
	color:#7aa722;
}
#masthead {
	display:none;
}
#wrapper {
	padding:0;
	margin:0;
	text-align:left;
	padding-bottom:100px;
	margin-top:-40px;
}
#page {
	position:relative;
	padding:310px 0 0 0;
	margin:0 auto;
	width:960px; 
	z-index:2;
}
#water {
	position:absolute;
	margin:0;
	left:-240px;
	top:310px;
	padding:0;
	width:1620px;
	height:699px;
	z-index:1;
	background:url(../images/bg-water.jpg) no-repeat center top;
}
#island-reflection {
	position:absolute;
	margin:0;
	left:-280px;
	top:310px;
	padding:0;
	width:1620px;
	height:66px;
	z-index:2;
	background:url(../images/bg-reflection.jpg) no-repeat center top;
}
#header {
	margin:-310px 0 0 0;
	height:310px;
	width:1300px;
	position:relative;
	z-index:3;
	left:-120px;
}
#island {
	background:url(../images/header.jpg) no-repeat center top;
	height:310px;
	width:1300px;
	margin:0;
	padding:0;
	position:absolute;
	z-index:3;
}
#header h1 {
	text-indent:-9999px;
	margin:0;
	padding:0;
	color:white;
	line-height:1.1em;
	font-family:Georgia, "Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-transform:uppercase;
	position:absolute;
	left:0;
	top:300px;
}
#header h2 {
	color:#72ab00;
	font-family:Georgia, "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:20px;
	letter-spacing:1px;
	margin:0;
	padding:0;
	position:absolute;
	text-shadow:1px 1px #333333;
	text-transform:uppercase;
	top:420px;
	right:255px;
	z-index:5;
}
#header h3 {
	color:#FFFFFF;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:15px;
	letter-spacing:3px;
	margin:0;
	padding:0;
	position:absolute;
	text-shadow:1px 1px #333333;
	text-transform:lowercase;
	top:443px;
	right:255px;
	z-index:5;
}
#logo {
	position:absolute;
	right:230px;
	top:210px;
	z-index:5;
	background:url(../images/the-orcas-ohana-logo_orcas-island-vacation-rental.png) transparent no-repeat center center;
	width:758px;
	height:218px;
	text-shadow:none;
}
#orca {
	position:absolute;
	top:226px;
	left:110px;
	background:url(../images/orca.png) no-repeat center center transparent;
	width:336px;
	height:281px;
	z-index:4;
}
#container {
	position:relative;
	z-index:3;
	margin-top:200px;
	width:920px;
	height:auto;
	padding:0px 140px;
	background: transparent url(../images/bg-main-container_repeat-y.png) repeat-y center top scroll;
	left:-120px;
}
#IE7 #container {
	top:190px;
}
#top_corners {
	position:absolute;
	z-index:2;
	background:transparent url(../images/bg-main-container_top-corners.png) no-repeat center top scroll;
	width:1200px;
	height:140px;
	top:-140px;
	left:0px;
}
#btm_corners {
	position:absolute;
	z-index:2;
	background:url(../images/bg-main-container_btm-corners.png) no-repeat center top;
	width:1200px;
	height:140px;
	bottom:-140px;
	left:0px;
}
#content {
	padding:0 20px 0 0;
	width:580px;
	height:auto;
	position:relative;
	z-index:4;
	float:left;
	margin:0 12px 20px 0;
}
#sidebar {
	width:308px;
	height:auto;
	float:left;
}
#sidebar .widget {
	position:relative;
	width:308px;
	height:auto;
	margin:0 0 16px 0;
}
#IE7 #sidebar #quote-1 {
	margin-top:-26px;
}
#IE7 #sidebar #quotes li {
	width:290px;
}
#sidebar #quote-3 {
	bottom:-400px;
}
#IE7 #sidebar #quote-3 {
	bottom:-300px;
}
#IE7 #sidebar #quote-3 li,
#IE7 #sidebar #quote-5 li,
#IE7 #sidebar #quote-7 li,
#IE7 #sidebar #quote-8 li{
	margin:2em 0;
}
#sidebar #quote-5 {
	bottom:-40px;
}
#sidebar #quote-7 {
	 bottom: -20px; /*bottom:-200px;*/
}
#IE7 #sidebar #quote-7 {
	bottom:-50px;
}
#sidebar #quote-8 {
	bottom: -20px;/* bottom:-450px;*/
}
#IE7 #sidebar #quote-8 {
	bottom:-220px;
}
#IE7 #sidebar ul#quotes {
	height:100px;
	overflow:hidden;
}

#fb_like {
	margin-top: 50px;	
}

#map {margin-top:10px;}
a.big-rr_btn img {
	display:block;
	cursor:pointer;
	background:url(../images/big-rates-reserve_btn.jpg) no-repeat center top transparent;
	width:308px;
	height:90px;
	outline:none;
}
a.big-rr_btn:hover img {
	background-position:center bottom;
}


#footer {
	margin-top:25px;
	position:relative;
	z-index:5;
}
#IE7 #footer {
	top:220px;
}
#footer ul {
	list-style: none;
	margin: 0;
	padding:0;
	text-align:center;
	margin-bottom:4px;
}
#footer ul li {
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#2c3445;
	border-right:1px solid #2c3445;
	margin-right:8px;
	padding-right:8px;
	line-height:1em;
	display:inline;
	list-style-type:none;
}
#footer ul li a, #footer ul li a:visited {
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#2c3445;
	text-decoration:none;
	display:inline;
	cursor:pointer;
}
#footer ul li a:hover, #footer ul li.active {
	color:#72ab00;
}
#footer ul li.last {
	border-right:none;
	margin-right:0;
	padding-right:0;
}
h1, h2, h3, h4, h5, h6, .reason-x, .reason-y, .list-header, .hot-n-lovely, .or-how-about, .reason-next  {
	font-family:Georgia, "Palatino Linotype", "Book Antiqua", Palatino, serif;
	color:#333;
}
.bold {font-weight:bold;}
.small {font-size:.8em;}
.tiny {font-size:.6em;}
.red {color:#933;}
.green {color:#060;}
.savings { color:green; font-size:.8em; font-style:italic;}
h2 {
	font-size:26px;
	line-height:1.2em;
	margin:15px 0;
	text-align:center;
}
h2.three-reasons {
	background:transparent url(../images/3.gif) no-repeat scroll left top;
	color:#666666;
	font-size:30px;
	height:158px;
	letter-spacing:1px;
	line-height:1.1em;
	padding-left:110px;
	padding-top:30px;
	margin:0;
	font-weight: normal;
	text-align:left;
}
p.reason-x {
	color:#7aa722;
	letter-spacing:-1px;
	font-size:38px;
	margin:0 0 0px 0;
	text-align:center;
}
h2.reason-y {
	font-size:26px;
	line-height:1.2em;
	margin:0;
	text-align:center;
}

span.hot-n-lovely {
	font-size:inherit;
	color:#7aa722;
	text-decoration:underline;
	font-style:italic;
}
h3 {
	text-transform:uppercase;
	letter-spacing:1px;
	color:#485EAB;
	font-weight:normal;
	font-size:18px;
	margin:1.2em 0 .4em 0;
	text-align:center;
}
#sidebar h3 {

}
ul.chickity-check,
ul.thumbs-up,
ul.homes {
	margin:0;
	padding:0;
}
ul.chickity-check li,
ul.thumbs-up li,
ul.homes li {
	list-style-image:url(../images/green-tick.png);
	list-style-position:outside;
	margin:18px 0 0 25px;
	color:#666;
	line-height:1.3em;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
}
ul.thumbs-up li {
	list-style-image:url(../images/thumbs_up.png);
}
ul.homes li {
	list-style-image:url(../images/home.png);
}
ul.homes ul li {
	list-style-image:url(../images/bullet_delete.png);
	margin:10px 0 0 0;
}
#IE7 ul.homes li {
	margin-left:8px;
}
ul.forms {
	margin:20px 0 20px 40px;
	padding:0;
	list-style:none;
}
ul.forms li {
	list-style-type:none;
	background:url(../images/acrobat.jpg) no-repeat left center transparent;
	padding-left:36px;
	margin:0 0 15px 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	line-height:1em;
	height:24px;
}
img.profile {
	float:left;
	margin:0 15px;
	border:1px solid #7aa722;
}
.choose-your-own-adventure {
	margin-top:40px;
}
p.reason-next {
	color:#7aa722;
	font-size:24px;
	float:left;
	padding-top:17px;
}
span.or-how-about {
	margin:0 20px 0 15px;
	font-style:italic;
	font-size:18px;
}
span.supersize-me {
	font-size:1.3em;
	font-family:inherit;
}
a.med-rr_btn img {
	display:block;
	cursor:pointer;
	background:url(../images/med-rates-reserve_btn.jpg) no-repeat center top transparent;
	width:233px;
	height:68px;
	outline:none;
}
a.med-rr_btn:hover img {
	background-position:center bottom;
}
ul#quotes {
	height:100px;
	width:290px;
	list-style-type:none;
	margin:0;
	padding:0 0 0 18px;
	position:relative;
	z-index:4;
	background:url(../images/bg-quote.png) no-repeat left top transparent;
}
ul#quotes span.author {
	text-align:left;
	margin-left:50px;
	font-size:14px;
	font-style:italic;
	color:#7aa722;
}
#fido-friendly {
	color:#7aa722;
	font-size:10px;
	font-style:italic;
	background:url(../images/fido-friendly-best-hotel-2010_san-juan-island-vacation-rental.jpg) no-repeat center bottom transparent;
	height:167px;
	width:180px;
	position:absolute;
	z-index:4;
	right:140px;
}
#fido {
	background:url(../images/fido.jpg) no-repeat center center transparent;
	height:256px;
	width:264px;
	position:absolute;
	bottom:0;
	right:245px;
	z-index:3;
}
#kiddo-friendly {
	color:#7aa722;
	font-size:12px;
	font-style:italic;
	height:78px;
	width:150px;
	position:absolute;
	z-index:4;
	right:165px;
}
#kiddo {
	background:url(../images/kid-friendly-vacation-destination-orcas-island.jpg) no-repeat center center transparent;
	height:224px;
	width:235px;
	position:absolute;
	bottom:0px;
	right:250px;
	z-index:3;
}
#fun-friendly {
	color:#7aa722;
	font-size:12px;
	font-style:italic;
	height:78px;
	width:150px;
	position:absolute;
	z-index:4;
	right:165px;
}
#fun {
	background:url(../images/orcas-island-vacation-rental-for-family.jpg) no-repeat center center transparent;
	height:401px;
	width:141px;
	position:absolute;
	bottom:0px;
	right:300px;
	z-index:3;
}
#family-friendly {
	color:#7aa722;
	font-size:12px;
	font-style:italic;
	height:78px;
	width:150px;
	position:absolute;
	z-index:4;
	right:260px;
}
#family {
	background:url(../images/family-friendly-vacation.jpg) no-repeat center center transparent;
	height:229px;
	width:308px;
	position:absolute;
	bottom:0px;
	right:160px;
	z-index:3;
}
#index #content {
	margin-bottom:130px;
}
#rates .dark td {
	background:#668cd9;
	color:white;
	text-transform:uppercase;
	font-weight:bold;
}
#rates .low {
	background:#09F;
	color:white;
}
#rates .high {
	background:#F60;
	color:white;
}
#rates .winter {
	background:#396;
	color:white;
}
#rates th {
	font-size:1.2em;
	padding-top:4px;
}
#rates tr.even {
	background:#e8eef7;
}
#rates tr.dark,
#rates tr.even,
#rates tr.odd {
	border:1px #e1e1e1 solid;
}
#rates tr td {
	padding:4px;
}
ul#rate-notes {
	margin:5px 0 0 20px;
	padding:0;
}
ul#rate-notes li {
	font-size:11px;
	margin:0 0 10px 0;
}
#rate-card,
#calendar,
#contact {
	margin-bottom:30px;
}
.clear {
	clear:both;
	height:0px;
}