@charset "UTF-8";
/* CSS Document */
/* by Jessica Leeburg @amissdotorg */

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

html
{
height:100%;	
}

body
{
background:#f3f2f1 url(images/body-back.jpg);
background-repeat:repeat-x;
background-position:0 -420px;
text-align:center;	
height:100%;
z-index:0;
}

body.index
{
	background-position:0 -120px;
}

#wrapper
{
	position:relative;
background:url(images/wrapper-back.png);
background-position:top center;
background-repeat:no-repeat;
padding:24px 0 0;
margin:0 auto -170px;
min-height:100%;
}

#container
{
position:relative;
text-align:left;
width:960px;
margin:0 auto -170px;
min-height:100%;
}

#container.index
{
margin:0 auto;	
}

#header
{
position:relative;	
padding:20px 0 0;
}

body.index #header
{
	padding:0;
}

#header h1 span, #header h2 span
{
	margin-left:-1000em;
}

#header h1 a
{
display:block;
width:141px;
height:102px;
background:url(images/inn-of-cape-may-logo.png);
position:absolute;
top:370px;	
left:410px;
z-index:100;
}

#header h2 a
{
display:block;
width:141px;
height:102px;
background:url(images/inn-of-cape-may-logo.png);
margin: 0 auto;
z-index:100;
}

/* Slider styles */

.nivoSlider {
    position:relative;
    width:960px; /* Change this to your images width */
    height:450px; /* Change this to your images height */
    background:url(slides/inn-of-cape-may.jpg);
}
.nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
.nivoSlider a {
    border:0;
    display:block;
}

#slider
{
position:relative;	
width:960px;
height:450px;
z-index:40;
}

#slider2
{
background:url(images/photo-overlay.png);
background-repeat:no-repeat;
width:960px;
height:450px;
position:absolute;
z-index:50;
}

#menu
{
	margin:10px 0 0;
position:relative;	
width:960px;
height:67px;
background:url(images/navigation.png);
background-position:0 -67px;
}

#menu li
{
display:inline;	
float:left;
}

#menu a
{
display:block;
height:50px;
float:left;
color:#fff;
background:url(images/navigation.png);
}

#menu a span
{
margin-left:-1000em;	
}

#menu a.inn
{
background-position:0 0;	
width:156px;
}

#menu a.rates
{
background-position:-156px 0;
width:74px;	
}

#menu a.specials
{
background-position:-230px 0;	
width:101px;	
}

#menu a.dining
{
background-position:-331px 0;	
width:90px;	
}

#menu a.entertainment
{
	background-position:-421px 0;
width:166px;	
}

#menu a.events
{
background-position:-587px 0;	
width:159px;	
}

#menu a.reservations
{
background-position:-746px 0;	
width:158px;
}

#menu a:hover
{
background:none;	
}

#pic
{
position:relative;
width:920px;
height:300px;	
margin-left:-20px;
margin-bottom:10px;
border:1px solid #ddd;
}

#pic.pic-rates
{
background:url(images/header-rooms.jpg);	
}

#pic.pic-specials
{
background:url(images/header-specials.jpg);	
}

#pic.pic-bar
{
background:url(images/header-bar.jpg);	
}

#pic.pic-alet
{
background:url(images/header-aleatheas.jpg);	
}


#content
{
position:relative;	
margin:15px 20px 0;
padding:0 20px;
min-height:300px;
}

#content.index
{
float:left;
margin:15px 20px 0;
width:620px;	
background:none;
padding:none;
min-height:inherit;
}

.index #right
{
width:207px;
float:right;
margin:15px 20px 0 0;	
}

#content #right
{
width:207px;
float:right;
margin:15px 20px 20px 30px;	
}

#left
{
	float:left;
	margin:0 30px 10px -20px;
	width:250px;
}

#left img
{
	margin:0 0 5px;
	padding:4px;
	background:#fff;
	border:1px solid #ddd;
}

#content h1, #content h2, #content h3
{
font-family:"Times New Roman", Times, serif;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
font-weight:200;
}

#content h1
{
	margin:10px 0 5px;
	font-style:italic;
	color:#5c587b;
}

#content h2
{
margin:20px 0 5px;	
color:#454162;
font-variant:small-caps;
}

#content h3
{
margin:5px 0px;	
color:#44398f;
}

#content p
{
margin:10px 0;
font-size:13px;
line-height:18px;
color:#6b6860;
}

#content p.notice
{
	width:300px;
	float:right;
	padding:10px;
	margin-top:-30px;
	border:1px solid #ccc;
	background:#fff;
}

#content a
{
color:#44398f;	
}

#content ul
{
margin:10px 0 10px 25px;	
}

#content li
{
font-size:13px;	
color:#666;
line-height:18px;
}

form
{
	background:url(images/bgpattern.jpg);
	border:1px solid #cdcac3;
	padding:0px 20px 10px;
	margin:10px 0;
}

#content ul#reserve
{
	margin:20px 0;
}

#content ul#reserve li
{
	list-style:none;
	line-height:18px;
	margin:0 20px 10px 0;
	float:left;
}

#content ul#reserve li.newline
{
clear:left;	
}

#content ul#reserve li.submit
{
clear:left;	
float:none;
}

#reserve li input, #reserve li textarea, #reserve li select
{
	display:block;
}

#reserve li input, #reserve li textarea
{
padding:2px;
border:1px solid #cdcac3;	
color:#79766e;
}

#reserve li.submit input
{
display:inherit;	
padding:5px 20px;
border:1px solid #cdcac3;	
background:url(images/footer-back.png);
color:#fff;
font-size:14px;
}

#reserve fieldset
{
	padding:15px;
	margin:0 0 15px 0;
	border:1px solid #d8d4cb;
	border:none;
	background:#f4f1ea;
}

#reserve legend
{
	color:#636058;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-style:italic;
	padding:0 2px;
	font-size:21px;
	margin: 0 0 10px;
}

#content .col
{
width:49%;
float:left;	
}

#content.index p, #content.index h2
{
color:#43474b;	
font-variant:inherit;
}

#content.index h2
{
margin:0 0 10px;	
font-style:italic;
}

#content.index a
{
	color:#44398f;	
}

img.r
{
	float:right;
	padding:4px;
	background:#fff;
	border:1px solid #ddd;
	margin-left:20px;
}

img.l
{
	float:left;;
	padding:4px;
	background:#fff;
	border:1px solid #ddd;
	margin-right:20px;
}

iframe
{
	border:1px solid #ddd;
	margin:0 0 15px;
}

hr
{
height:1px;
border:1px solid #ccc;
/*background:#ccc;*/
margin:10px 0;
}

/* Rate table styles */

table.rates
{	
margin:10px 0;
font-size:12px;
width:880px;
background:#fff;
padding:10px;
border:1px solid #ddd;
}

table.rates th
{
text-align:center;	
background:#9794af;
padding:4px 0;
color:#fff;
font-size:13px;
font-weight:200;
}

table.rates td
{
padding:4px;	
border-right:1px solid #aaa5c2;
border-bottom:1px solid #aaa5c2;
}

table.rates .fullspan
{
background:#6a6680;	
color:#fff;
padding:5px 2px 5px 5px;
font-size:13px;
border-left:1px solid #aaa5c2;
}

table.rates .day
{
background:#e6e5ef;
color:#333;	
font-size:11px;
border-left:1px solid #aaa5c2;
}

#footerfix
{
	clear:both;
	position:relative;
	height:170px;
}

#base
{
position:relative;
height:170px;	
}

#base2
{
position:relative;
height:95px;
padding-top:40px;
background:url(images/base-back.jpg);
background-position:center top;
background-repeat:no-repeat;
}

.index #base2
{
	background:none;
}

#address
{
	clear:both;
	position:relative;
	margin:10px 0 10px;
	text-align:center;
	z-index:50;
}

#address p, #address strong
{
font-size:14px;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
color:#6c675f;
}

#menu2
{
display:relative;
text-align:center;	
margin:0 0 20px;
z-index:50;
}

#menu2 li
{
display:inline;
margin: 0 10px 0 0;	
}

#menu2 li a
{
font-size:13px;	
text-decoration:none;
color:#6c675f;
}

#menu2 li a:hover
{
text-decoration:underline;	
}

#footer
{
	position:relative;
	background:#44398f;
	background:#333;
	background:url(images/bgpattern.jpg);
	border-top:1px solid #2c2577;
	border-top:1px solid #000;
	border-top:3px double #cfccc5;
	padding:10px 0;
}

#footer p
{
color:#ccc;	
color:#5f5d57;
font-size:11px;
}

#footer a
{
color:#ddd;	
color:#5f5d57;
}

/* Site-wide styles */

.clear
{
clear:both;	
}

#content a[href^="http://www.facebook.com/"], #menu2 a[href^="http://www.facebook.com/"] {
    display:inline-block;
    background:transparent url(images/f-logo.jpg) center left no-repeat;
	padding-left:18px;
    line-height:18px;
	color:#3d5d9a;
}

.group
{
border:0;
margin:0 2px;
}

.group img
{
border:4px solid #fff;
}