/* Eyemouth Maritime Centre */

a:link, a:visited, a:active, a:hover
							{outline: none;}
html					{margin: 0; padding: 0;}
body					{margin: 0; padding: 0; font-size: 62.5%; font-family: Georgia, Serif; text-align: center; background: #000000; color: #ffffff; line-height: 2em;}

/* Containers */

#container				{width: 900px; height: 100%; font-size: 1.2em; margin: 0 auto 0 auto; text-align: left; overflow: hidden;}

#header					{width: 100%; height: 100px; float: left; background: transparent url('../images/bg-line.png') no-repeat bottom center;}
#header-left			{width: 350px; height: 58px; float: left; padding: 42px 0 0 0;}
#header-right			{width: 550px; height: 100%; float: right;}

#main					{width: 900px; height: 100%; float: left;}
#main-wide				{width: 100%; height: 100%; margin: 48px;}
#main-left				{width: 558px; height: 100%; float: left; margin: 48px;}
#main-right				{width: 150px; height: 100%; float: right; margin: 48px 48px 48px 0; text-align: right;}

#footer					{width: 100%; height: 100%; float: left; background-color: #000000;}
#footer-left			{width: 378px; height: 100%; float: left; padding: 36px; font-size: 1.6em; text-align: center;}
#footer-right			{width: 378px; height: 100%; float: right; text-align: right; padding: 36px; font-size: 1.2em;}
#footer-links			{width: 100%; height: 100px; float: left; background: transparent url('../images/bg-footer-links.png') no-repeat top center;}

/* Headings & Paragraphs */
h1						{color: #ffffff; margin: 0; padding: 24px 0 24px 0; font-size: 1.5em; font-weight: normal; text-decoration: none; clear: both;}
h2						{color: #9b0f0f; margin: 0; padding: 0 0 12px 0; font-size: 1.1em; font-weight: normal; text-decoration: underline;}
h3						{color: #cc9933; margin: 0; padding: 0 0 12px 0; font-size: 1.2em; font-weight: normal; text-decoration: none;}

#footer p					{padding: 12px 0 0 0; margin: 0;}
#main-left p			{padding: 12px 0 0 0; margin: 0; color: #999999; font-size: 1.3em;}
#main-left .thumb-desc
									{padding: 0;}
#main-right p			{padding: 0; margin-top: 24px; color: #999999; text-align: right; font-size: 0.9em; line-height: 1.3em;}
.home .text 			{padding: 0; margin: 0; font-size: 1em;}
.h1-top						{padding: 0 0 12px 0; margin: 0;}

/* Main Backgrounds */

.main-home				{background: transparent url('../images/bg-home.png') no-repeat top left;}
.main-exhibition	{background: transparent url('../images/bg-exhibition.png') no-repeat top left;}
.main-planvisit		{background: transparent url('../images/bg-planvisit.png') no-repeat top left;}
.main-events			{background: transparent url('../images/bg-events.png') no-repeat top left;}
.main-contact			{background: transparent url('../images/bg-contact.png') no-repeat top left;}

/* Navigation Menu's */

.menu 					{position: relative; height: 32px; padding: 36px 0 0 32px; margin: 0; overflow: hidden; font-size: 1.2em;}
.menu li 				{float: left; list-style: none;}
.menu li.back 			{background: url('../images/nav-back.png') no-repeat right -30px; width: 9px; height: 30px; z-index: 8; position: absolute;}
.menu li.back .left 	{background: url('../images/nav-back.png') no-repeat top left; height: 30px; margin-right: 9px;}
.menu li a 				{position: relative; overflow: hidden; text-decoration: none; color: #cc9933; outline: none; text-align: center;
            			height: 30px; top: 6px; z-index: 10; letter-spacing: 0; float: left; display: block; margin: auto 20px;}

.footer-menu			{padding: 12px 0 0 0; margin: 0; font-size: 1.2em; color: #666666; text-align: center; text-indent: 48px;}
.footer-menu li			{list-style: none; display: inline; margin-right: 48px; padding: 0;}
.footer-menu li a, .footer-menu li a:visited, .footer-menu li a:active
						{color: #333333; text-decoration: none;}
.footer-menu li a:hover	{color: #333333; text-decoration: underline;}

/* Images */

.thesmugglers			{width: 399px; height: 58px;}
.thumbs						{border: 4px solid #ffffff; float: left; margin: 0 24px 0 0; clear: both;}
.thumbs:hover			{border: 4px solid #cc9933; opacity: 0.8; filter: alpha(opacity=80);}

/* Home Page */

.home					{width: 420px; height: 100%; float: left;}
.home .images			{width: 200px; float: left; padding: 0 24px 0 8px;}
.home .images img		{border: 4px solid #ffffff; margin-top: 24px;}
.home .images img:hover	{border: 4px solid #cc9933; opacity: 0.8; filter: alpha(opacity=80);}

.home .text				{width: 172px; float: right; padding: 24px 0 24px 0; font-size: 1.1em; color: #cccccc;}
.home .text img			{border: 0; margin-top: 24px;}		

.box					{background-color: #131313; border: 1px solid #333333; opacity: 0.8; filter: alpha(opacity=80); color: #cccccc; 
						font-size: 1.3em; padding: 24px; float: right; text-align: center; width: 150px; margin-bottom: 24px;}
.box:hover				{opacity: 1; filter: alpha(opacity=100);}

/* Maps */
#map		{width: 550px; height: 350px; border: 4px solid #ffffff; margin-bottom: 24px;}

/* Links */

a, a:visited, a:active	{text-decoration: underline; color: #cccccc;}
a:hover					{text-decoration: underline; color: #cc9933;}

.box a, .box a:visited, .box a:active
						{text-decoration: none; color: #ffffff;}
.box a:hover			{text-decoration: underline;}

#footer a, #footer a:visited, #footer a:active
						{padding: 2px; text-decoration: none; color: #ffffff;}
#footer a:hover			{text-decoration: none; background-color: #181818; color: #cc9933;}

/* Facebox */

#facebox .b 			{background:url(../images/b.png);}
#facebox .tl 			{background:url(../images/tl.png);}
#facebox .tr 			{background:url(../images/tr.png);}
#facebox .bl 			{background:url(../images/bl.png);}
#facebox .br 			{background:url(../images/br.png);}
#facebox 					{position: absolute; top: 0; left: 0; z-index: 100; text-align: left;}
#facebox .popup 	{position: relative;}
#facebox table 		{border-collapse: collapse;}
#facebox td 			{border-bottom: 0; padding: 0;}
#facebox .body 		{padding: 10px; background: #ffffff; width: 370px;}
#facebox .loading	{text-align: center;}
#facebox .image 	{text-align: center;}
#facebox img 			{border: 0; margin: 0;}
#facebox .footer 	{border-top: 1px solid #DDDDDD; padding-top: 5px; margin-top: 10px; text-align: right;}
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br 
									{height: 10px; width: 10px; overflow: hidden; padding: 0;}
#facebox_overlay 		{position: fixed; top: 0px; left: 0px; height:100%; width:100%;}
.facebox_hide 			{z-index:-100;}
.facebox_overlayBG	{background-color: #000000; z-index: 99;}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

/* Contact and Directions Forms */

#contact				{margin: 24px 0 0 0; padding: 0;}
#contact input, #contact textarea
						{width: 400px; padding: 8px; margin-bottom: 12px; background: transparent; color: #ffffff; font-family: Georgia, serif; font-size: 1.3em;}
#contact .button, #directions .button
						{width: 154px; border: 1px solid #666666; color: #ffffff; margin: 0; background-color: #333333;}

#directions			{margin: 24px 0 0 0; padding: 0;}
#directions input
						{width: 134px; padding: 8px; margin-bottom: 12px; background: transparent; color: #ffffff; font-family: Georgia, serif; font-size: 0.9em;}

#name.tagged, #email.tagged, #subject.tagged, #message.tagged, #postcode.tagged
						{border: 2px solid #333333; color: #cc9933;}
#name, #email, #subject, #message, #postcode
						{border: 2px solid #333333;}
						
/* Testionials */
.bqstart 				{float: left; height: 45px; margin-top: -20px; padding: 45px 0 10px 0; margin-bottom: -50px; font-size: 5em; color: #9b0f0f;}
.bqend 					{float: right; height: 25px; margin-top: 0px; padding: 45px 0 10px 0; font-size: 5em; color: #9b0f0f;}
.quote					{text-align: left;}