/*-----------------------------------------------------------------------------
Global Style Sheet (for Catania Hotel Scarborough http://www.hotelcatania.co.uk)

version:   1.0
author:    Infotex
email:     enqs@infotex.co.uk
website:   http://www.infotex.co.uk/

/* Contents--------------------------------------------------------------

1.	General 
2.	Typography
3. 	Headings
4.  Links
5.  Images
6.  Bullets and Quotes
7.  Form Elements
8.  Layout and Branding
9.  Subnav
10. Content
11. Product Displays
12.	Footer
13.	Tables
14. Miscellaneous

-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/


/* Remove padding and margin */
* {
	margin: 0;
	padding: 0;
}

/* Put it back on certain elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {
 	margin: 1em 0;
}

/* Class for clearing floats */
.clear {
	clear:both;
}

/* Remove border around linked images */
img a {
	border: 0;
}

/* =Typography
-----------------------------------------------------------------------------*/

body {
	font: normal 62.5%/1.6 "Trebuchet MS", Verdana, Georgia, Arial, Tahoma, "Times New Roman";
	color: #000;
	background: #fff url(../img/bg-inner.gif) repeat-x;
}

/* =Headings
-----------------------------------------------------------------------------*/

h1, h2, h3, h4 {
	font-weight: Bold; 		
}
h1 {
	margin: 0px;
	position: relative;
	top: 43px;
	left: 0px;
	width: 600px;
	height: 53px;
	background: url(../img/logo.gif) no-repeat;
	text-indent: -9000px;
}
h1 a {
	margin: 0px;
	display: block;
	height: 53px;
	background: url(../img/logo.gif) no-repeat;
}
h2 {
	font-size: 110%;
	color: #000;
}
h3 {
	font-size: 110%;
	color: #666666; 
}
h4 {
	font-size: 130%;
	color: #000; 
}

/* =Links
-----------------------------------------------------------------------------*/

a, a:visited {
	
	color: #000; 
	background: inherit;
}
a:hover {
	color: #cb7a0c;
	background: inherit;
}

/* =Images
-----------------------------------------------------------------------------*/

img.float-right {
  margin: 0px 0px 10px 15px;
  float: right;
}
img.float-left {
  margin: 0px 15px 10px 0px; 
  float: left;
}

h2, h3, h4, p {
	padding: 10px;		
	margin: 0;
}
ul, ol {
	margin: 5px 20px;
	padding: 0 20px;
	color: #333;	
}
ul span, ol span {
	color: #000;
}
li {
	margin: 1em 0;
}


/* =Featurebox
-----------------------------------------------------------------------------*/
#featurebox {
	clear: both;
	width: 865px;
	height: 254px;
}
#mainimage {
	float: left;
	width: 584px;
	height: 254px;
}

#featuremessagecontainer {
	float: right;
	width: 281px;
}
#featuremessagecontent {
	padding: 10px;
	color: #fff;
	font-size: 1.4em;
}
#featuremessagecontent h2 {
	color: #fff;
	font-size: 1.8em;
}
	


/* =Form Elements
-----------------------------------------------------------------------------*/


/* =Layout and Branding
-----------------------------------------------------------------------------*/
#container {
	width: 865px;
	margin: 0px auto;
	text-align: left;
}

#header {
	height: 156px;
}

#logo {
	float: left;
	width: 273px;
	height: 76px;
}

/* =Menu
-----------------------------------------------------------------------------*/
#menu {
	clear: both;
	position: relative;
	width: 570px;
	top: 28px;
	font: bold 12px/26px "Trebuchet MS", Arial, Tahoma, "Times New Roman";
	height: 50px;
}
#menu ul {
	float: left;
	height: 37px;
	list-style: none;
	margin:0px 0px 0px 5px;
	padding: 0;
}
#menu ul li {
	display: inline;
}
#menu ul li a {
	display: block;
	float: left;
	padding: 10px 25px 0px 22px;
	color: #000;	
	text-decoration: none;
	height: 37px;
	background: transparent url(../img/menu-divider.gif) no-repeat top left;
	text-transform: uppercase;
}
#menu ul li a:hover {
	color: #ff431a;	
}
#menu ul li#current a {	
	color: #ff431a;
}

/* =Content
-----------------------------------------------------------------------------*/
#contentcontainer {
	clear: both;
	padding: 0px;
	margin: 0px;
}

#content {
	position: relative;
	width: 584px;
	float: left;
	margin: 10px 0px;
	background: transparent url(../img/corgi-bg.gif) no-repeat top center;

}

#content ul {
	font-size: 1.3em;
}
#content p {
	font-size: 1.3em;
	color: #333333;
	margin: 0 1em;
}
#content h2 {
	font-size: 2em;
	font-weight:normal;
	margin: 0 1em;
	padding: 0px;
}

#innercontent {
	position: relative;
	width: 584px;
	float: left;
	margin: 10px 0px;
	background: transparent url(../img/corgi-bg.gif) no-repeat top right;

}

#innercontent ul {
	font-size: 1.3em;
}
#innercontent p {
	font-size: 1.3em;
	color: #333333;
	margin: 0 1em;
}
#innercontent h2 {
	font-size: 2em;
	font-weight:normal;
	margin: 0 1em;
	padding: 0px;
}

#transparentbox {
	width: 544px;
	border: solid 1px #ccc;
	background-color: #f5f5f5;
	padding: 10px;
	height: 80px;
}

/* =Subnav
-----------------------------------------------------------------------------*/
#subnav {
	float: right;
	width: 281px;
	background: #fff url(../img/subnav-bg.jpg) no-repeat;
}
#subnav h2 {
	color: #000;
	font-size: 1.8em;
}
#subnav ul {
	font-size: 1.2em;
}
#subnav p {
	font-size: 1.2em;
}
#subnav li {
	margin: 0px;
	padding: 0px;
}

/* =Footer
-----------------------------------------------------------------------------*/
#footer {
	background: #fff url(../img/footer-bg.jpg) repeat-x;
	padding: 10px;
	clear: both;
	margin: 15px 0 0 0;
	height: 100px;
}
#footercontainer {
	width: 865px;
	margin: 0 auto;
}
#footer p {
	color: #333;
	font-size: 1.2em;
}
#footerleft {
	float: left;
	width: 300px;
}
#footerright {
	float: right;
	width: 300px;
}

/* =Tables
-----------------------------------------------------------------------------*/



/* =Miscellaneous
-----------------------------------------------------------------------------*/
.divider {
	clear: both;
}

#small-map {
	width: 400px;
	height: 300px;
	margin-bottom: 10px;
	margin-top: 10px;
	overflow: hidden;
}

#map {
	width: 640px;
	height: 480px;
}

.offer {
	width: 220px;
	margin: 0 auto;
	border: 1px solid #000;
}