/* Steven Walker - Ragoodall Design - www.ragoodall.co.uk */

/* The Ship Hotel Styles */

/* Global */
body			{text-align: center; margin: 0px 0px 10px 0px; background: #fff8e8 url(../images/bg_pattern.gif); background-repeat: repeat-x; background-attachment: fixed; 
				font-family: georgia, "Times New Roman", Times, serif; color: #715f25; font-size: 62.5%;}
				
p				{margin: 20px 0px 0px 0px; line-height: 1.5em;}
img				{border: 0px;}
			
/* Headings - 1em defaults at 12px not 10px */
h1				{font-size: 1.42em; color: #5b91ad; margin: 0px;}
.under			{margin-top: 20px;}
.bm				{margin-bottom: 20px;}
h2				{font-size: 1.25em; color: #82b2cb; margin: 20px 0px 20px 0px;}

/* Links */
a				{color: #5b91ad; text-decoration: none; outline: none; border: none;}
a:visited		{color: #5b91ad; text-decoration: none;}
a:active		{color: #5b91ad; text-decoration: none;}
a:hover			{color: #5b91ad; text-decoration: underline;}

/* Layout - Layered Div's */
#container		{width: 820px; height: 348px; margin: 0px auto 0px auto; position: relative; top: 10px; text-align: left;}
#navigation		{width: 100%; height: 50px; background: url(../images/bg_nav.png); background-position: center; background-repeat: no-repeat; z-index: 2; position: absolute; color: #ffffff;}
#header			{width: 800px; height: 120px; background: url(../images/bg_header.png); background-position: center; background-repeat: no-repeat; z-index: 3; position: absolute; top: 50px;
				text-align: left; margin: 0px 10px 0px 10px;}
#footer			{width: 800px; height: 120px; background: url(../images/bg_footer.png); background-position: center; background-repeat: no-repeat; z-index: 5; position: relative; 		
				text-align: left; margin: 0px auto 0px auto;}
#header img		{margin-left: 10px; width: 100px; height: 100px;}
#slideshow		{width: 800px; height: 288px; z-index: 1; position: absolute; top: 50px; background-color: #fff8e8; margin: 0px 10px 0px 10px;}
#photoshaper	{width: 800px; height: 60px; background: url(../images/bg_photoshaper.png); background-position: center; background-repeat: no-repeat; z-index: 4; position: absolute;
				top: 278px; margin: 0px 10px 0px 10px;}
				
/* Menu */
.menu 				{position: relative; height: 28px; width: 778px; margin: 0px 10px 0px 10px; padding: 1px 0px 1px 22px; overflow: hidden; font-size: 1.1em;}
.menu li			{float: left; list-style: none;}
.menu li.back		{background-color: #64531f; width: 9px; height: 28px; z-index: 6; position: absolute; border-bottom: 1px solid #54461a;}
.menu li a			{text-decoration: none; color: #ffffff; outline: none; text-align: center; top: 7px; text-transform: uppercase; letter-spacing: 0; z-index: 8;
					display: block; float: left; height: 28px; position: relative; overflow: hidden; margin: auto 13px; text-decoration: none;}
.menu li a:hover, .menu li a:active, .menu li a:visited 
					{border: none; color: #ffffff; text-decoration: none;}
					
/* Sub Menu */
.submenu 			{width: 240px; padding: 0px; margin: 0px;} 
.submenu li 		{width: 100%; list-style: none; margin: 0px 0px 8px 0px; padding: 0px; background-color: #ede9cc; border: 1px solid #dad3a5;}
.submenu a			{display: block; padding: 12px; color: #8c793d; text-decoration: none;}
.submenu a:hover, .submenu a.active
					{background-color: #fff8e8; color: #5b91ad; text-decoration: none;}
					
.submenu a span			{font-size: 0.85em; color: #b7a876; text-decoration: none;}
.submenu a:hover span	{color: #82b2cb; text-decoration: none;}
									
/* Slideshow */
#slideshow .photos		{width: 100%; height: 100%; margin: 0px; padding: 0px;}
#slideshow .photos img	{width: 800px; height: 288px; top: 0px; left: 0px;}
				
/* Content */
#content			{width: 800px; height: 100%; position: relative; text-align: left; background-color: #fffce4; margin: 0px auto 0px auto; 
					overflow: hidden; font-size: 1.3em;}
#content .left		{width: 440px; height: 100%; float: left; padding: 20px 40px 0px 40px;}

#content .right		{width: 240px; height: 100%; float: right; padding: 20px 40px 0px 0px;}
#content .right-tm65{width: 240px; height: 100%; float: right; padding: 65px 40px 0px 0px;}
#content .right-tm41{width: 240px; height: 100%; float: right; padding: 41px 40px 0px 0px;}

#content .whole		{width: 720px; height: 100%; padding: 20px 40px 0px 40px;}

.roundedbox			{width: 216px; height: 100%; padding: 12px; margin-bottom: 8px; background-color: #ede9cc; border: 1px solid #dad3a5; color: #8c793d;}
.roundedbox img		{width: 216px; height: 130px; border: 0px;}
.roundedbox .title	{width: 200px; height: 100%; padding: 8px; margin-bottom: 8px; background-color: #fff8e8; color: #5b91ad; border: 1px solid #dad3a5;}
.roundedbox p		{margin: 0px;}
.roundedbox span	{font-size: 0.85em; color: #b7a876;}

.roundedbox a			{color: #b7a876; text-decoration: none;}
.roundedbox a:visited	{color: #b7a876; text-decoration: none;}
.roundedbox a:active	{color: #b7a876; text-decoration: none;}
.roundedbox a:hover		{color: #8c793d; text-decoration: none;}

/* Menus - Dotted Leaders */
#menu_dotted			{width: 100%; margin: 0px; padding: 0px;}
#menu_dotted span		{font-size: 0.73em; font-weight: normal; color: #82b2cb;}
#menu_dotted .note		{background-color: #fff8e8; border: 1px solid #dad3a5; color: #715f25; padding: 6px; margin: 20px 0px 0px 0px; font-size: 0.85em;}
#menu_dotted .note-mid	{background-color: #fff8e8; border: 1px solid #dad3a5; color: #715f25; padding: 6px; margin: 20px 0px 20px 0px; font-size: 0.85em;}

dl						{width: 100%; overflow: auto; margin: 0 0 1em; background: url(../images/dot.gif) repeat-x 0 12px;}
dt,dd.price				{background-color: #fff8e8;}
dt						{float: left; padding: 0px 4px 4px 0px;}
dd						{margin: 0px;}
dd.price				{float: right; padding-left: 4px; color: #5b91ad; font-weight: bold; font-size: 1.15em;}
dd.description			{float: left; width: 100%; color: #8c793d; font-size: 0.85em;}

/* Contact Form */
#contact				{width: 100%; margin: 20px 0px 0px 0px;}
#contact p				{margin: 0px; padding: 0px 0px 8px 114px; height: 1%;}
#contact label			{float: left; margin-left: -113px; width: 110px;}

#contact input			{background-color: #fff8e8; color: #8c793d; border: 1px solid #dad3a5; padding: 4px; width: 200px; font-family: georgia, "Times New Roman", Times, serif;}
#contact textarea		{background-color: #fff8e8; color: #8c793d; border: 1px solid #dad3a5; padding: 4px; width: 300px; font-family: georgia, "Times New Roman", Times, serif;				
						font-size: 1em;}
						
#contact .button		{width: 77px; height: 28px; background-color: #ede9cc; border: 1px solid #dad3a5; color: #8c793d;}
#contact .error			{width: 300px; border: 1px solid #e1e5dd; color: #5b91ad; padding: 4px; margin: 0px 0px 8px 0px; font-size: 0.85em;}

/* Getting Here Form */

.gettinghere input			{background-color: #fff8e8; color: #5b91ad; border: 1px solid #dad3a5; margin: 8px 8px 8px 0px; text-transform: uppercase; 
							padding: 6px; width: 154px; font-family: georgia, "Times New Roman", Times, serif;}
.gettinghere input.button	{width: 40px; padding: 5px; background-color: #fff8e8; color: #5b91ad; border: 1px solid #dad3a5;  margin: 8px 0px 8px 0px; cursor: pointer; text-transform: none;}

/* Footer */
#footer-content		{width: 100%; height: 20px; padding-top: 94px; text-align: center; color: #c1ba93; font-size: 1.1em;}
				
/* IE Doctoring */
* html #navigation		{background: url(../images/bg_nav.gif); background-position: center; background-repeat: no-repeat;}
* html #content .left	{padding-right: 36px;}
* html .menu			{padding-left: 7px;}
* html .menu li a		{margin: auto 7px;}