html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,object,iframe,img,ins,kbd,q,a,abbr,acronym,address,big, cite,code,tt,var,del,dfn,samp,sub,sup,em,strong,small,strike {margin:0;padding:0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
table{border-collapse:collapse;border-spacing:0;}/* tables still need 'cellspacing="0"' in the markup */
h1,h2,h3,h4,h5,h6,address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
blockquote, q {quotes: none;}
sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}
a:active {outline: none;} /* instead of old :focus rule */
.top {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}
.top1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #6B6B47;
}

ins {text-decoration: none;}/* remember to highlight inserts somehow! */
del {text-decoration: line-through;}
input,textarea,select {font-family: inherit;font-size: inherit;font-weight: inherit;}
/* 12px baseline rhytm 18px */

body {
	font-size: 12px;
	line-height: 1.5em;
	font-family: "Helvetica Neue", Helvetica, Arial sans-serif;
	text-align:center; 
	background-color: #999966;
}

h1 {
	font-size: 1.6666666666666667em;
	line-height: 0.9em;
	margin: 0 0 0.9em 0;
}

h2 {
	font-size: 1.5em;
	line-height: 1em;
	margin: 0 0 1em 0;
}

h3 {
	font-size: 1.3333333333333333em;
	line-height: 1.125em;
	margin: 0 0 1.125em 0;
}

h4 {
	font-size: 1.1666666666666667em;
	line-height: 1.2857142857142858em;
	margin: 0 0 1.2857142857142858em 0;
}

p, ul, blockquote, pre, td, th, label {
	font-size: 1em;
	line-height: 1.5em;
	margin: 0 0 1.5em 0;
	color: #666666;
}

p.small {
	font-size: 0.8333333333333334em;
	line-height: 1.8em;
	margin: 0 0 1.8em 0;
}

table {
	border-collapse: collapse;
	margin-bottom: 1.5em;
}

#wrapper {width: 800px;margin: 0 auto;text-align: left;position:relative;}

#header {width: 800px;overflow: hidden;zoom: 1;background-color: #666633;margin: 0 0 0 0;padding: 2px 0 5px 0;}

#logo {width: 95px;height: 22px;margin: 0 0 0 0;}
#logo a:link, #logo a:visited {width: 95px;height: 22px;display: block;background: transparent url(img/topbar_logo.gif) top left no-repeat;float: left;text-indent: -6000px;}

#images {overflow: hidden;margin: 0 0 35px 10px;padding: 10px 0 0 0;}
#images img {float: left;margin: 0 7px 0 0;}
#images div {width: 165px;display: inline;float: left;margin: 0 7px 0 0;}
#images div img {display: block;float: none !important;}
#images img.last {margin: 0;}
#content {padding: 0 0 125px 0;background: #fff url(img/pattern.png) bottom center no-repeat;overflow: hidden;zoom: 1;position: relative;}

body.home #content_logo {float: right;width: 255px;position: relative;top: -50px;}

#check_av {width: 160px;height: 65px;display: block;background: #fff url(img/checkavail.png) top left no-repeat;margin: 0 0 0 100px;text-indent: -6000px;}

#content p, #content ul {width: 400px;margin-right: 45px;margin-left: 20px;}
#weddings_header {display: block;margin: 0 0 40px 0;}
body.weddings #content_logo {float: right;width: 255px;}

body.vibe #content #content_logo {position: absolute;width: 255px;bottom: 170px;right: 0;}
div.stripe {background-color: #FF9900;clear: both;width: 100%;height: 20px;margin: 10px 0 0 0;}

#nav {
width: 680px;
font-family: "Lucida Grande","Lucida Sans Unicode", helvetica, verdana, arial, sans-serif; 
text-transform: uppercase;
float: right;
background-color: #666633;
font-size: 11px;
margin: -22px 0 0 0;
}

#nav li {
display: inline;
background-color: #666633;
}

#nav li a:link, #nav li a:visited, #t_phone{
	display: block;
	width:  auto;
	float: left;
	text-decoration: none;
	height: 22px;
	color: #ffffff;
	line-height: 22px;
	text-shadow: 1px 1px 1px #525252;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 5px;
	white-space:nowrap;
	text-align:right;
}

#nav li a:hover, #nav li a:active , #nav li.current a {color: #000000;}

#footer {width: 801px;position: relative;overflow: hidden;text-align: left;padding: 2px 0 25px 0;color: #525237;}
#footer p {color: #525237;}
#footer address {color: #525237;display: inline;margin: 0 5px 0 0;}
#footer a:link, #footer a:visited {color: #663300;text-decoration: none;border-bottom: 1px dotted #663300;}
#footer a:hover {color: #000000;text-decoration: none;border-bottom: 1px solid #000000;}

#img_holder {float: right;margin: 10px 10px 0 0;}
#gal_title {display: block;margin: 0 0 0 10px;float: left;padding: 10px 0 0 0;}
.galleria {list-style:none;width:400px; float: left;clear: both;margin: 10px 0 10px 10px;padding-top: 70px;}
body.rentals #img_holder {margin: 10px 0 0 40px;float: none !important;}
body.rentals #content ul.galleria {list-style:none;width:400px; float: left;margin: 10px 0 10px 40px;padding: 0;}

.galleria li{display:block;width:50px;height:50px;overflow:hidden;float:left;margin:5px 5px 5px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:none} /* no captions here */
* html .galleria li div span{width:400px} /* MSIE bug */


/* rentals page */
#wexler {width: 305px;height: 70px;margin: 0 0 0 40px;text-indent: -6000px;background: #fff url(img/Wexler_headline.png) top left no-repeat;}
#vespero {width: 131px;height: 33px;margin: 1.125em 0 1.125em 40px;text-indent: -6000px;background: #fff url(img/seascape.png) top left no-repeat;}
#nola {width: 180px;height: 33px;margin: 1.125em 0 1.125em 40px;text-indent: -6000px;background: #fff url(img/casadenola.png) top left no-repeat;}
body.rentals #content p {width: 380px;margin-right: 45px;margin-left: 40px;}
body.rentals #content ul {width: 380px;margin-right: 45px;margin-left: 52px;list-style: disc outside url();}
body.rentals #content h3 {text-transform: uppercase;color: #FF6600;margin: 0 0 0.5em 40px;}
div.sidebar {float: right;width: 220px;margin: 0 10px 0 0;}
div.sidebar img {display: block;margin: 0 0 12px 0;}
body.rentals #content .sidebar p, body.rentals #content .sidebar h3 {margin-left: 0;}
body.rentals #content a:link, body.rentals #content a:visited {color: #663300;text-decoration: none;border-bottom: 1px dotted #663300;}
body.rentals #content a:hover {color: #000000;text-decoration: none;border-bottom: 1px solid #000000;}

/* rates page */

#images #rates {width: 108px;height: 254px;margin: 0 8px 0 -2px;padding:0;background: transparent url(img/rates_box_03.gif) bottom left no-repeat;float: left;}
#rates h4 {width: 108px;height: 46px;background: transparent url(img/rates_box_01.gif) top left no-repeat;text-indent: -6000px;margin: 0;padding: 0;}
#rates dl {background-color: #990000;color: #fff;width: 108px;margin: 0 0 0 0; padding: 0 0 4px 0;}
#rates dl dt {margin: 0 12px 0 12px;font-weight: bold;font-size: 1.1em;letter-spacing: .025em;}
#rates dl dt.first {border-top: 1px solid #808080;padding-top: 4px;}
#rates dl dd {margin: 0 0 0 18px;}
#rates dl dd a:link, #rates dl dd a:visited {color: #fff;text-decoration: none;border-bottom: 1px dotted #fff;}
#rates dl dd a:hover {color:  #000;border-bottom: 1px solid #000;}
#interior_suite {float: left;display: block;margin: 0;}
#images div.holder{float: right;width: 165px;margin: 0 8px 0 0;}
#balcony {display: block;padding: 8px 0 0 0;}

/* buzz page */

body.rentals #downloads {
	background-color: #FF9900;
	overflow: hidden;
	zoom: 1;
	margin-top: 25px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}
body.rentals #downloads h4 {color: #666666;margin: 20px 0 0 35px;text-transform: uppercase;font-size: 1em;}
body.rentals #downloads ul {float: right;width: 400px;margin: 20px 0 30px 0;list-style-type: none;}
body.rentals #downloads ul li {float: left;width: 125px;margin: 0 65px 0 0;list-style-type: none;text-transform: uppercase;color: #666666;text-align: center;}
body.rentals #downloads ul li a {border:  none !important;}

/* links */
#linksheader {display: block;margin: 0;}
body.links div.stripe {margin: 0;clear: both;}
#pellegrini {width: 227px;height: 33px;margin: 20px 0 1em 40px;text-indent: -6000px;background: #fff url(img/josephpelligrini_headline.png) top left no-repeat;}
body.links div.retroathome {padding-top: 20px;}
body.links div.retroathome a {border:  none !important;}
body.links div.rental {zoom: 1;overflow: hidden;}

/* tripadvisor badges */

#tripadvisor {
	overflow: hidden;
	zoom: 1;
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0;
	padding-right: 40px;
}
#tripadvisor div {
	float: right;
	padding-right: 10px;
	padding-top: 0px;
	margin-top: 0px;
}
#tripadviser1 {
	float: right;
	background-color: #FF9900;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 25px;
	margin-left: 0px;
	padding: 0px;
}
#newstrip {
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#list {
	float: left;
}
#list ul {
	margin: 0px;
	padding: 0px;
}
#list ul li {
	list-style-type: decimal;
	display: block;
	text-align: left;
}
.list {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #4B4B4B;
	vertical-align: top;
}
.new-had {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #999966;
	padding-bottom: 15px;
	padding-left: 39px;
}