/* CSS Document */

* {font-family:Arial, Helvetica, sans-serif; margin:0; padding:0;}
#page {width:902px; margin:15px auto; text-align:left; position:relative;}
body {background:#f7efda; width:100%; text-align:center;}
p, li {font-size:12px; line-height:18px; color:#322e5a;}
h1 {font-size:14px; font-weight:bold; line-height:21px; color:#4a4870;}
h2 {font-size:12px; line-height:18px; color:#322e5a; font-weight:bold;}
a {color:#660000;}
table {margin:0 17px 10px 14px;}
td {vertical-align:top;}
.image {border:1px solid #4a4870; margin-left:10px;}
.image2 {border:1px solid #4a4870; margin-right:10px;}
.testimonial {border-bottom:1px dotted #4a4870;}

floatLeft { 
    float: left; 
    margin: 6px; 
}

#weddingwire 
{position:absolute; 
	top: 1200px; 
	left: 0px;
	width:690px; }

/*Header*/
#header {background:url(img/header.jpg) no-repeat; height:91px; position:relative;}
#header a.link1 {position:absolute; top:6px; left:8px; width:185px; height:65px;}
#header a.bookNow {position:absolute; top:11px; text-align:right; right:11px; height:25px; width:128px;}


/*Navigation*/
.nav {position:relative; height:14px; float:right; padding:5px 1px 0 0;}
.nav a {display:block; float:left; text-decoration:none; outline:none; text-indent:-999em; color:#fff; height:14px;}
.nav a:hover {background-position:0 -14px;}
.nav li {list-style:none; float:left; color:#fff; position:relative; display:block; border-right:2px solid #bdbcc1; padding:0 13px 0 14px; margin-top:5px;}
.nav li a {float:none; text-align:left;}
.nav ul li {width:125px; font-size:11px; line-height:15px; 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;}
.nav ul li a:hover {background:#3d395e; color:#fff;}
.nav ul {display:none; background:#eedaa8; border:1px solid #3d395e; position:absolute; top:13px; left:14px; width:125px; padding:0;}
.nav li:hover ul, .nav li.sfhover ul {display:block;}


#locationsNav, #mainNav {height:14px; text-align:left; display:block; margin:0; text-align:right;}
#locationsNav a, #mainNav a {display:block; background:no-repeat 0 0; height:14px; float:right; outline: none; text-indent:-999em; font-size:0; line-height:0; text-decoration:none; color:#fff;}
#locationsNav {padding:48px 1px 0 0;}
#mainNav {padding:10px 1px 0 0;}

#locationsNav a.carrolltonInn {background-image:url(img/nav/carrolltonInn.jpg); width:156px;}
#locationsNav a.carrollMuseums {background-image:url(img/nav/carrollMuseums.jpg); width:135px;}
#locationsNav a.gramercyMansion {background-image:url(img/nav/gramercyMansion.jpg); width:150px;}
.nav li a.home {background-image:url(img/nav/welcome.jpg); width:75px;}
.nav li a.weddingsParties {background-image:url(img/nav/weddingsParties.jpg); width:128px;}
.nav li a.meetings {background-image:url(img/nav/meetings.jpg); width:168px;}
.nav li a.reviews {background-image:url(img/nav/reviews.jpg); width:64px;}
.nav li a.eventContacts {background-image:url(img/nav/eventContacts.jpg); width:119px;}
.nav li a.ourVenues {background-image:url(img/nav/ourVenues.jpg); width:89px;}
.nav li a.contact {background-image:url(img/nav/contact.jpg); width:74px;}

#locationsNav a:hover, #mainNav a:hover {background-position:0 -14px;}


/*Right*/
#rightContent {width:212px; background:#4a4770; float:left;}
#rightContent div {border-bottom:#efeff3 1px dotted;}
#photoAlbum {text-align:center;}
#photoAlbum a {font-size:10px; color:#fff; line-height:30px;}
#specials p {font-size:12px; line-height:18px; color:#ccc; padding:10px 8px 0 8px;}
#emailClub form {width:196px; background-color: #4a4770; padding:10px 8px; text-align:center;}


/*Content*/
#content {background:url(img/mainBG.jpg) repeat-y;}
#left {float:left; width:690px; background:url(img/contentBG.jpg) repeat-y;}
#welcome {background:url(img/welcomeBG.jpg) repeat-y;}
#welcome p, #interiorContent p, #interiorContent h1, #interiorContent h2 {padding:5px 17px 10px 14px;}
#boxes {width:690px;}
#cabaret, #carrollMansion {float:left; width:236px; padding-bottom:10px;}
#cabaret p, #carrollMansion p {padding:7px 0 0 12px;}
#cityLites, #gramercyMansion {float:left; width:233px; padding-bottom:10px;}
#cityLites p, #gramercyMansion p {padding:7px 5px 0 12px;}
#signersSalon, #carriageHouse {float:left; width:221px; padding-bottom:10px;}
#signersSalon p, #carriageHouse p {padding:7px 5px 0 0;}
#cabaret img, #carrollMansion img, #cityLites img, #gramercyMansion img, #signersSalon img, #carriageHouse img {padding-right:3px;}
#contacts {position:relative; padding:10px 0;}
#contacts li {list-style:none; padding:0 17px 0 14px; font-weight:bold;}
#list2 {position:absolute; top:10px; left:275px;}
#list3 {position:absolute; top:10px; left:500px;}
body#venues {padding-left:0;}
#venues {padding-left:50px;}
#venues a {font-weight:bold;}
#gallery div {width:215px; float:left; padding:10px 10px 0 0;}


/*Lightbox*/
.black_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
 
.white_content {
	display: none;
	position: absolute;
	top: 25%;
	left: 25%;
	width: 50%;
	height: 50%;
	padding: 16px;
	border: 16px solid orange;
	background-color: white;
	z-index:1002;
	overflow: auto;
}


/*Form*/
ul.contactForm {display:block;}
ul.contactForm li {margin:0; padding:5px; display:block; list-style:none; position:relative; clear:both; height:30px;}
ul.contactForm label {margin:0; padding:0; width:200px; position:absolute; top:8px; left:10px;}
ul.contactForm input, ul.contactForm select, ul.contactForm textarea {border:#ccc 2px solid; width:210px; margin-left:140px; padding:2px 0;}
ul.contactForm #submit {background:#68676f; color:#eddaa8; border:2px solid #4a4870;}


/*Footer*/
#footer {background:url(img/footer.jpg) no-repeat; height:37px;}
#footerNav {padding-top:10px; font-size:10px; text-align:center; line-height:15px; color:#322e5a;}