@charset "utf-8";
/* 1840s Carrollton Inn CSS Document */
HTML{width:100%;}
body{width:100%; background-color:#466f54; text-align:center; color:black;}
#page {margin:0 auto; width:950px;  text-align:left;}
a img {border:0;}
img.stay {border:1px solid #466F54; margin:0 15px 15px 0; float:left;}

/* Font preferences */
* {font-family:Arial, Helvetica, sans-serif; font-size:12px;  line-height:16px;}
p, td, div,  {font-size:12px; line-height:16px;}

/* Header and bold tags */
h1 {padding:4px 0; color:#ffffff;  font-size:10px; }
h2 {line-height:19px; padding:4px 0; color:#000; font-weight:900; font-size:17px; border-bottom:#08e 1px dotted;}
h3 {line-height:18px; padding:4px 0; color:#322e5a; font-weight:900; font-size:16px;}
h4 {line-height:16px; padding:4px 0; color:#322e5a; font-weight:900; font-size:14px;}
h5 {line-height:18px; margin:2px 0 4px 0; color:#eddaa8; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; font-size:16px;}

#peacock {
    position:absolute; top:37px; left:0; z-index:10;
}

/* Default definition lists */

dt {color:#CC0000;font-weight:900;margin:10px 0pt; border-bottom: #CCCCCC 1px solid;}
dd {text-indent:0pt; padding-bottom:30px;}

/* Default link and hover preferences */

a {color:#990000; text-decoration:underline;}
a:hover {color:#990000; text-decoration:none;}

a.more {text-decoration:underline; font-size:10px;}
a.more:hover {text-decoration:none; font-size:10px;}

a.rightLink {text-decoration:underline; color:#ffffff;}
a.rightLink:hover {text-decoration:none; color:#ffffff;}

a.rightMore {text-decoration:underline; font-size:10px;color:#ffffff;}
a.rightMore:hover {text-decoration:none; font-size:10px;color:#ffffff;}

/* Slideshow */

.fadein { position:relative; width:736px; height:430px; }
.fadein img { position:absolute; left:0; top:0;  }

/* Main block elements */

#header {background-color:#466F54; width:950px; height:521px; position:relative; z-index:100;}
#header a.peacock {position:absolute; top:-3px; left:0; z-index:10;}
#content{width:899px; padding-left:51px;}
#left {width:674px; vertical-align:top; background-color:#C3B688; padding:5px; position:relative;}
#spacer {width:5px; vertical-align:top; background-color:#4a4770;}
#right {width:210px; vertical-align:top; background-color:#4a4770; color:#eddaa8;}

#leftContent	{width:674px;  vertical-align:top; float:left;}
#welcomebox	{width:672px; padding:0; float:left;border:solid #322e5a 1px;}
#welcome	{width:662px; background-color:#f6f5df; float:left; padding: 0 5px 0 5px;}

#testimonials {width:650px; padding-left:20px;}
#testimonials div {border-bottom:1px dotted #68676f; padding:10px 0;}


#homeBottom	{width: 674px; text-align:left; }
#roomOfMonth	{width:331px; float:left; display:inline;padding-top:5px;}
#features 	{width:331px; padding-left4px; float:left; display:inline;padding:5px 0 0 4px;}
#photoThumb	{ width:200px; padding-left:5px; text-align:center; padding-bottom:10px; border-bottom:dotted #eddaa8 1px; }
#gallery	{float:left; padding:0; margin-left:3px; margin-bottom:5px; height:105px; overflow:hidden;}
#roomGallery	{float:left; padding:0; margin-left:10px; margin-bottom:5px; height:100px; overflow:hidden; border:thin 1px #000000;}
#roomText	{ width:250px; float:left;}
#roomPics	{ width:400px; padding-left:10px; float:left;}


#footer {height:16px; line-height:10px; font-size:10px; padding:3px; text-align:center; color:#cdcdcd; line-height:10px;}
#footer a {color:#FFFFFF; text-decoration:underline; font-size:10px;}
#footer a:hover {color:#FFFFFF; text-decoration:none;}
#mainTable {display:block; width:100%;}
#seo {width:950px; margin:10px auto; text-align:center; font-size:10px; color:#CCCCCC;}

/* Paragraph classes (use sparingly - use tag globals whenever possible) */
p.caption {font-size:10px; color:#999999; line-height:normal;}
strong.red {color:#CC0000;}
em.red {color:#CC0000;}

/* FORMS */
#form, #form li {display:block; list-style:none; margin:0; padding:0; position:relative; background:none;}
#form li label {display:block; width:200px; background:#E9E9E9; line-height:16px; padding:2px 5px; text-align:right;}
#form li input, #form li textarea {position:relative; left:215px; width:380px; top:-21px;}

/* Top H1 element */

h1#title  {display:block; text-align:center; width:945px; margin:5px auto; border:none; font-size:10px; color:#666666; padding:0; text-transform:none;}

#adminables	{padding:0 10px 10px 10px; color:#eddaa8;}
#emailclub	{border-top:dotted 1px #eddaa8; padding-top:5px; text-align:center; color:#eddaa8;}
#roomRates {padding:0 5px 6px 5px; width:650px; height:115px; display:block;}

/*Nav Menu and Dropdowns*/
#nav {float:left; display:block; width:809px; height:18px; background-color:#ffffff; padding:0; position:relative; z-index:100;}
#nav {background-color:#ffffff; height:18px; width:809px; text-align:left; display:block; padding:0; margin:0; list-style: none;}
#nav a {display:block; height:18px; float:left; background:no-repeat}
#nav a.welcome {width:75px; background-image: url(img/navWelcome.gif);}
#nav a.welcome:hover {background-image: url(img/navWelcomeOver.jpg);}
#nav a.roomrates {width:95px; background-image: url(img/navRoomRates.gif);}
#nav a.roomrates:hover {background-image: url(img/navRoomRatesOver.jpg);}
#nav a.SpecialPkgs {width:71px; background-image: url(img/nav_specials.gif);}
#nav a.SpecialPkgs:hover {background-image: url(img/nav_specials_over.gif);}
#nav a.Neighborhood {width:116px; background-image: url(img/nav_plan_stay.gif);}
#nav a.Neighborhood:hover {background-image: url(img/nav_plan_stay_hover.gif);}
#nav a.Contact {width:75px; background-image: url(img/navContact.gif);}
#nav a.Contact:hover {background-image: url(img/navContactOver.jpg);}
#nav a.ballroom {width:131px; background-image: url(img/nav_weddings_parties.gif);}
#nav a.ballroom:hover {background-image: url(img/nav_weddings_parties_over.gif);}
#nav a.grammercy {width:149px; background-image: url(img/navGrammercyMansion.gif);}
#nav a.grammercy:hover {background-image: url(img/navGrammercyMansionOver.jpg);}

#nav ul li {width:165px; font-size:11px;  border-right:none; padding:0; margin:0;}
#nav ul li a {color:#68676f; font-size:11px; line-height:15px; padding:5px; border-bottom:1px solid #3d395e; text-indent:0; height:auto; background:#eddaa8;}
#nav ul li a:hover {background:#466F54; color:#eddaa8;}
#nav ul {display:none; background:#466F54; border:1px solid #3d395e; position:absolute; top:13px; left:14px; width:125px; padding:0; z-index:100;}
#nav li:hover ul, #nav li.sfhover ul {display:block;}



/* [ Drop Down Menu ] */

/* [ All list items ] */
#nav li { 
	position: relative;
	float: left;
	margin:0; padding:0;
}

/* [ Third-and-above-level lists ] */
#nav li ul ul { 
	left: -999em;
}

#nav li a {
	width: 155px;
	display: block;
	background-color: #231111;
	padding:0;
	text-align: left;
	
}


#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li.sfhover ul ul,
#nav li.sfhover ul ul ul {
	left: -999em;
}

/* [ Lists nested under hovered list items ] */
#nav li:hover ul,
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul,
#nav li li li.sfhover ul { 
	
}