/*-----------------------------------------------------------------------------
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: #3f5ca2 url(../img/bg.gif) repeat-x;
}

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

h1, h2, h3, h4 {
	font-weight: Bold; 		
}
h1 {
	margin: 0px;
	position: relative;
	top: 10px;
	left: 10px;
	width: 257px;
	height: 193px;
	background: url(../img/logo.gif) no-repeat;
	text-indent: -9000px;
}
h1 a {
	margin: 0px;
	display: block;
	height: 193px;
	background: url(../img/logo.gif) no-repeat;
}
h2 {
	font-size: 110%;

	color: #3e76cd;
}
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;
  border: solid 1px #3f5ca2;
  padding: 4px;  
  float: right;
  background-color: #d2dfe9;
}
img.float-left {
  margin: 0px 15px 10px 0px;
  border: solid 1px #3f5ca2;
  padding: 4px;  
  float: left;
  background-color: #d2dfe9;
}

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


/* =Bullets and Quotes
-----------------------------------------------------------------------------*/


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


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

#header {
	height: 219px;
	border-top: solid 10px #3f5ca2;
	border-bottom: solid 15px #3f5ca2;}

#logo {
	float: left;
}

/* =Subnav
-----------------------------------------------------------------------------*/
#subnav {
	float:left;
	width: 250px;
	padding: 10px 0 0 0; 
}


#subnav ul {
	list-style:none;
	padding: 0;;
	margin: 1em 1em 35px 3em;
}
#subnav li {
	background: #3f5ca2 url(../img/subnav-off.gif) no-repeat left;
	margin: 1em 0;
	width: 203px;
}
#subnav li a:hover {
	background: #3f5ca2 url(../img/subnav-on.gif) no-repeat left;
}

#subnav li a {
	display: block;
	font-size: 1.4em;
	padding-left: 30px;
	text-decoration:none;
	color: #3f5ca2;
}
#subnav li a:hover {
	color: #fff;
}
#subnav p {
	margin: 0 1em;
	font-size: 1.2em;
}

/* =Content
-----------------------------------------------------------------------------*/
#contentcontainer {
	clear: both;
	padding: 15px 0;
	margin: 0 0 15px 0;
	border-top: solid 15px #d2dfe9;
}

#content {
	position: relative;
	width: 560px;
	float: right;
	border-left: solid 1px #3f5ca2;
	min-height: 400px;
}
#content ul {
	font-size: 1.3em;
}
#content p {
	font-size: 1.3em;
	color: #333333;
	margin: 0 1em;
}
#content h2 {
	font-size: 1.8em;
	border-bottom: dashed 1px #3f5ca2;
	margin: 0 1em;
	padding: 0px;
}
/* =Footer
-----------------------------------------------------------------------------*/
#footer {
	background-color: #d2dfe9;
	padding: 10px;
	text-align: center;
	clear: both;
	margin: 15px 0 0 0;
}
#footer p {
	color: #333;
	font-size: 1.2em;
}

#scar-width {
	width: 250px;
}

#scar-width a {
	width: 180px;
	color: #3f5ca2;
}

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



/* =Miscellaneous
-----------------------------------------------------------------------------*/
#flashmovie {
	width: 502px;
	height: 180px;
	border: solid 10px #d2dfe9;
	float: right;
	margin: 10px;
	overflow:hidden;
}
#map {
	margin: 15px;
	font-size: 1.3em;
}