@charset "UTF-8";
/* CSS Document */



body 	{background: url(images/background-texture.jpg) repeat-x; padding: 0; margin: 0}
a 		{text-decoration: none}
p 		{font: normal 12px/24px Arial, Helvetica, sans-serif; color: #6c6e6e; padding: 0 0 0 0}
p.second	{font: bold 14px/24px Arial, Helvetica, sans-serif; color: #d1cece; padding: 0 0 0 0}
p.third	{font: bold 14px/16px Arial, Helvetica, sans-serif; color: #6c6e6e; padding: 0 0 0 0}
p.fourth	{font: bold 16px/19px Arial, Helvetica, sans-serif; color: #d1cece; padding: 0 0 0 0}
p.fourthcraw	{font: 9px Arial, Helvetica, sans-serif; color: #963; padding: 0 0 0 0}
h1 		{font: normal 36px Georgia, "Times New Roman", Times, serif; color: #d1cece; padding: 0 0 0 0}
h2 		{font: oblique normal 20px Georgia, "Times New Roman", Times, serif; color: #99cc66; padding: 0}
h3 		{font: oblique normal 16px Georgia, "Times New Roman", Times, serif; color: #99cc66; padding: 0}
a.second	{font: normal 10px Georgia, "Times New Roman", Times, serif}
img {border: none}

/********** CLASSES **********/

.lightgrey		{color: #d1cece}
.footertext 		{font: normal 11px Arial, Helvetica, sans-serif; padding: 0; margin: 0}
.paddingzero		{padding: 0;}
.darksecondnav		{background: #321a1b}
.verydarksecondnav	{background: #2e1212}
.secondnav		{font: normal 14px Georgia, "Times New Roman", Times, serif; padding: 0 0 0 10px}
.mappmargin		{margin: 0 0 0 21px}
.arial			{font: normal bold 14px/19px Arial, Helvetica, sans-serif; color: #d1cece; padding: 0}
.requiredtype		{font: bold italic 13px Georgia, "Times New Roman", Times, serif; color:#99cc66; margin: 0; padding: 0}


input.btn {color:#300; font: bold 14px Arial, Helvetica, sans-serif}

ul.menu 					{list-style-type: none; margin: 0 22px; padding: 10px 0; position: relative; text-align: center; font: normal 16px Georgia, "Times New Roman", Times, serif}
ul.menu a					{font: normal 15px Georgia, "Times New Roman", Times, serif; color:#6c6e6e}
ul.menu a:hover			{font: normal 15px Georgia, "Times New Roman", Times, serif; color:#d6cece}
ul.menu li#active a			{font: normal 15px Georgia, "Times New Roman", Times, serif; color:#99cc66; text-decoration: underline}
ul.menu li#active li a		{font: normal 13px Georgia, "Times New Roman", Times, serif; color:#6c6e6e; text-decoration: none}
ul.menu li#active li a:hover	{font: normal 13px Georgia, "Times New Roman", Times, serif; color:#d1cece; text-decoration: none}

ul.menu li 				{
	display: block; 
	height: 30px; 
	float: left; 
	position: relative; 
	margin: 0 12px; 
	padding: 0 0 0 0;   
	}
ul.menu li.current 			{
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	}
ul.menu li:hover 			{
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	}
ul.menu li.drop span.toggle 	{
	display: block; 
	padding: 0; 
	margin: 0
	}
ul.menu li.drop:hover span.toggle, ul.menu li.drop.current span.toggle {
	
	background-position: 1px 5px; 
	}
ul.menu li.drop:hover, ul.menu li.current:hover 	{
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius-topleft: 4px; 
	-moz-border-radius-topright: 4px; 
	-webkit-border-top-left-radius:4px; 
	-webkit-border-top-right-radius:4px;
	}
ul.menu li.drop:hover ul {
	display: block; 
	z-index: 1; 
	padding: 0 0 8px 0
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius-bottomleft: 14px; 
	-moz-border-radius-bottomright: 14px; 
	}
ul.menu li ul {display: none; position: absolute; width: 100%; top: 30px; left: 0; list-style-type: disc; margin: 5px 0; padding: 7px 5px 7px 5px; background: #2f2c2c; filter: alpha(opacity=75); /* internet explorer */}
ul.menu li ul li {float: none; height: auto; margin: 0; padding: 0 0 5px 10px; text-align: left; border: none; filter: alpha(opacity=100); /* internet explorer */}
ul.menu li ul li a {font: normal 14px Georgia, "Times New Roman", Times, serif; color: #6c6e6e}
ul.menu li ul li a:hover {font: normal 14px Georgia, "Times New Roman", Times, serif; color: #d1cece}



/********** DIVS **********/

#overhangwrap		{width: 100%; position: relative; height: 100%; margin: 0 auto;padding: 0 0 50px 0; background: url(images/background-gradient-shadow2.png) 0 125px no-repeat}
#wrap			{position: relative; width: 950px; margin: 0 auto}
#main			{position: relative; margin: 0; padding: 0}

#header			{position: relative; height: 125px; width: 950px; margin: 0 auto; background:url(images/gordon-arms-header.jpg)}
#address			{position: relative; height: 125px; width: 100px; margin: 0 0 0 650px}
#navigation 		{position: relative; height: 45px; width: 950px; margin: 0; padding: 0 0 0 0; background: #300}
#address			{float: left; height: 27px; width: 130px; margin: 74px 0 0 665px; padding: 0}
#contact			{float: right; height: 50px; width: 135px; margin: 54px 0 0 0; padding: 0 9px 0 0}

#content			{clear: both; position: relative; width: 816px; padding: 20px 45px 25px 45px; margin: 0 23px; background:url(images/transparency-background.png) repeat-y}
#image			{display: inline; float: left; width: 950px; margin: 0; padding: 0; background: #300}
#leftcolumn		{float: left; height: 100%; width: 400px; margin: 0; padding: 0; display: inline}
#rightcolumn		{float: right; height: 100%; width: 400px; margin: 0; padding: 0; display: inline}
#contentbottom		{width: 906px; margin: 0 23px; padding: 0}
#footer			{clear: both; width: 100%; height: 100px; margin: 0 auto; padding: 0; background: url(images/footer-image.jpg) repeat-x}
#footerwrap		{width: 100%; height: 100px; margin: 0 auto; padding: 0}
#footercopyright	{position: relative; width: 866px; margin: 0 auto; padding: 25px 21px 0 21px}
#footerterms		{float: right; width: 180px; margin: -16px 0 0 0; padding: 0}
#clear			{clear:both}
#fourthcraw		{position: relative; width: 866px; margin: 0 auto; padding: 0 21px 0 21px}
#booking			{position: relative; margin: 0; padding: 0}

/********** UL'S **********/

#address ul 				{margin: 0; padding: 0; list-style-type: none; color:#6c6e6e}
#address ul li 			{font: normal 11px Arial, Helvetica, sans-serif; padding: 0 0 5px 0}

#contact ul 				{margin: 0; padding: 0; list-style-type: none; color:#6c6e6e}
#contact ul li 			{font: normal 11px Arial, Helvetica, sans-serif; padding: 0 0 6px 0}
#contact ul li a 			{font: normal 11px Arial, Helvetica, sans-serif; color:#6c6e6e; padding: 0}
#contact ul li a:hover 		{font: normal 11px Arial, Helvetica, sans-serif; color:#d1cece}

#footerterms ul 			{margin: 0 0 0 0; padding: 0; color: #963}
#footerterms ul li 			{display: inline; font: normal 11px Arial, Helvetica, sans-serif; padding: 0; list-style-type: disc; margin: 0 0 0 15px}
#footerterms ul li a 		{font: normal 11px Arial, Helvetica, sans-serif; color:#963; padding: 0}
#footerterms ul li a:hover 	{font: normal 11px Arial, Helvetica, sans-serif; color:#d1cece}

#leftcolumn ul 			{margin: 0; padding: 8px 0 16px 0; color:#996633}
#leftcolumn ul li 			{font: oblique normal 18px/35px Georgia, "Times New Roman", Times, serif; color: #99cc66; margin: 0 0 0 16px; padding: 0 0 0 7px}
#leftcolumn  a 			{font: bold 14px/24px Arial, Helvetica, sans-serif; color:#d1cece; padding: 0}
#leftcolumn  a:hover 		{color: #6c6e6e}

#leftcolumn ul ul			{margin: 0; padding: 8px 0 16px 0;list-style:none}
#leftcolumn ul ul li 		{font: oblique normal 14px/26px Georgia, "Times New Roman", Times, serif; color: #6c6e6e; margin: 0 0 0 16px; padding: 0 0 0 7px}
#leftcolumn a 				{font: bold 14px/20px Arial, Helvetica, sans-serif; color:#d1cece; padding: 0}
#leftcolumn a:hover 		{color: #6c6e6e}

#rightcolumn ul 			{margin: 0; padding: 8px 0 16px 0; color:#996633}
#rightcolumn ul li 			{font: oblique normal 18px/35px Georgia, "Times New Roman", Times, serif; color: #99cc66; margin: 0 0 0 16px; padding: 0 0 0 7px}
#rightcolumn  a 			{font: bold 14px/24px Arial, Helvetica, sans-serif; color:#d1cece; padding: 0}
#rightcolumn  a:hover 		{color: #6c6e6e}

#rightcolumn ul ul			{margin: 0; padding: 8px 0 16px 0;list-style:none}
#rightcolumn ul ul li 		{font: oblique normal 14px/26px Georgia, "Times New Roman", Times, serif; color: #6c6e6e; margin: 0 0 0 16px; padding: 0 0 0 7px}
#rightcolumn a 			{font: bold 14px/20px Arial, Helvetica, sans-serif; color:#d1cece; padding: 0}
#rightcolumn a:hover 		{color: #6c6e6e}



#fourthcraw a		{font: bold 10px Arial, Helvetica, sans-serif; color: #963; padding: 0 0 0 0}		



/************* IFRAME **************/ 

#iframecontainer {width: 746px; margin: 0 0 25px 0; padding: 0 29px 0 25px}
#iframepic {width: 746px; margin: 0; padding:0}

