/*
Theme Name: Marine Court Hotel
Theme URI: #
Description: #
Version: 1.0
Author: #
Author URI: #
Tags: 
*/

body {background-image: url(images/background.png); margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:0.7em;}
a {text-decoration:none;}
div {margin:0; padding:0;}
.container {width:905px; margin:0 auto; position:relative;}

.content {clear:both; display:block; margin-top:27px;}
.content .col1 {background:#ffffff; width:330px; float:left; height: 450px; padding-right: 25px; padding-left: 20px;padding-top: 60px; margin-top: 10px;}
.content .col5 {background:#ffffff; width:239px; float:left; height: 450px; padding-right: 20px; padding-left: 20px;padding-top: 60px; margin-top: 10px;}
.content .col2 {width:527px; width:622px; height:510px; float:left; margin-top:10px;  z-index:9;}

.content1 {clear:both; display:block; position:relative;}
.content1 .col3 {background:red; width:366px; float:left; position:relative;}
.content .col4 {background:#fde9bc; width:623px; margin-top:10px; float:left; position:relative; line-height: 1.9em;}

.footer {text-align:center; font-size:1em; clear:both; display:block; font-family: "Times New Roman", Times, serif; padding-top: 1px; background-image: url(images/footer-line.gif);
    background-repeat: no-repeat; background-position: bottom; padding-bottom: 1px;}
.footer a {color:#fff;}

.logo {text-align:center;padding-top: 22px;padding-bottom: 22px;}

a:link {color: #666666}
a:visited {color: #666666}
a:hover {color: #999999}

p {color: #666666;line-height: 1.3}

h1 {font-family:"Times New Roman", Times, serif; color:#aa7e2c;} /* font-size: 1.9em; */
h2 {font-family:"Times New Roman", Times, serif; color:#aa7e2c;} /* font-size: 1.2em; */
.style1 {color: #fde9bc}
.style3 { color: #FFF; font-weight: bold;}
.style4 { color: #666; font-weight: bold;}
.style6 {color: #666;}
.style7 {font-style: italic; color: #666;}

/* top nav menu */
#nav {margin:0; padding:0; height:27px; width:100%; z-index:999; position:absolute; display:block;}
#nav ul {list-style:none; margin:0; padding:0; height:27px; width:100%;}
#nav ul li {float:left; margin:0; padding:0; height:27px; position:relative;}
#nav ul li li {background:#c1cbc3; margin:0 1px 1px 0; height:auto; line-height:normal; float:none; display:block;}
#nav ul li li a {margin-left:0;padding:3px 5px;}
#nav ul li li a:hover {background:#dee4e0; color:#0a395a;}
#nav ul li a {color:#0a395a;}

#nav a.top {display:block; overflow:hidden; padding-top:27px; height:0; background-image:url(images/nav3.png); background-repeat:no-repeat;}
#nav a#home {width:61px; background-position:0 0;}
#nav a#rooms {width:62px; background-position:-61px 0;}
#nav a#booknow {width:92px; background-position:-123px 0;}
#nav a#offers {width:120px; background-position:-215px 0;}
#nav a#bars {width:48px; background-position:-334px 0;}
#nav a#dining {width:67px; background-position:-383px 0;}
#nav a#recreation {width:66px; background-position:-451px 0;}
#nav a#business {width:71px; background-position:-516px 0;}
#nav a#weddings {width:81px; background-position:-587px 0;}
#nav a#events {width:65px; background-position:-667px 0;}
#nav a#nearby {width:86px; background-position:-731px 0;}
#nav a#contact {width:86px; background-position:-817px 0;}

#nav a#home.selected, #nav a#home:hover {background-position:0 -26px;}
#nav a#rooms.selected, #nav a#rooms:hover {background-position:-61px -26px;}
#nav a#booknow.selected, #nav a#booknow:hover {background-position:-123px -26px;}
#nav a#offers.selected, #nav a#offers:hover {background-position:-215px -26px;}
#nav a#bars.selected, #nav a#bars:hover {background-position:-334px -26px;}
#nav a#dining.selected, #nav a#dining:hover {background-position:-383px -26px;}
#nav a#recreation.selected, #nav a#recreation:hover {background-position:-451px -26px;}
#nav a#business.selected, #nav a#business:hover {background-position:-516px -26px;}
#nav a#weddings.selected, #nav a#weddings:hover {background-position:-587px -26px;}
#nav a#events.selected, #nav a#events:hover {background-position:-667px -26px;}
#nav a#nearby.selected, #nav a#nearby:hover {background-position:-731px -26px;}
#nav a#contact.selected, #nav a#contact:hover {background-position:-817px -26px;}

/* drop downs - don't edit */
#nav ul {float:left; list-style:none; margin:0; padding:0;}
#nav li {list-style:none; margin:0; padding:0;}
#nav li a, #nav li a:link, #nav li a:visited {display:block;}
#nav li a:hover, #nav li a:active {text-decoration:none; font-colour: #aa7e2c;}
#nav li li a, #nav li li a:link, #nav li li a:visited {width:150px; float:none;}
#nav li li a:hover, #nav li li a:active {}
#nav li {float:left; padding:0;}
#nav li ul {z-index:9999; position:absolute; left:-999em; height:auto; width:159px; margin:0; padding:0;}
#nav li li {}
#nav li ul a {width:140px;}
#nav li ul a:hover, #nav li ul a:active {}
#nav li ul ul {margin:-29px 0 0 171px;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.hover ul ul, #nav li.hover ul ul ul {left:-999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.hover ul, #nav li li.hover ul, #nav li li li.hover ul {left:auto;}
#nav li:hover, #nav li.hover {position:static;}

/* slider on content boxes */
.slider1 {width:10px; height:510px; background:#d3c689; position:absolute; right:0;}
.indicator {width:10px; height:10px; background:#a8984e; position:absolute; font-size:1px; overflow:hidden;}
.wrapper {width:613px; height:510px; overflow:hidden; position:relative;}
.scroll {position:absolute;  padding:60px 90px 42px 95px; width: 426px;}

.col99 {position:relative; width:279px; float:left; margin-top:10px; background:#fff;}
.col99 .wrapper {height:510px; overflow:hidden; position:relative;}
.col99 .scroll {position:absolute; padding:60px 20px 0 20px; width:229px; background:#fff; }

.col99 .scroll-pane {height:450px; padding:60px 20px 0 20px; overflow:hidden; background:#fff;}
.col4 .scroll-pane {height:450px; padding:60px 20px 0 20px; overflow:hidden; background:#fde9bc;}

.coloffers {position:relative; width:905px; float:left; background:#fff; margin-top:10px;}
.coloffers .wrapper {height:510px; overflow:hidden; position:relative;}
.coloffers .scroll {position:absolute; padding:60px 20px 0 20px; background:#fff; }
.coloffers .scroll-pane {height:450px; padding:60px 20px 0 20px; overflow:hidden; background:#fff;}


/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */

.contact-name {width:136px;}
.contact-email {width:136px;}
.contact-message {width:243px; height:80px;}