/* Declare body first of all */

body {
	background:#333;
	font:normal 62.5% 'Lucida Grande', Verdana, sans-serif;
	text-align:center;
}
div {
	margin:0;
	padding:0;
	border:0px solid #F00;
}
/* Masthead and descendants */

#masthead {
	height:192px;
	background:url(cotevio/tavira_01.jpg) no-repeat;
}
#masthead h1 {
	display:none;
}
/* Container - */

#container {
	width:800px;
	margin:20px auto 20px auto;
	background-image: url(cotevio/white.jpg);
	background-repeat: repeat;
	border:medium solid #FFFFFF;
	;
}
/* The main column and descendants */

#mainCol {
	float:left;
	width:477px;
	font-size:1.1em;
	line-height:150%;
	color:#000000;
	text-align:left;
	background-color: #FFFFFF;
	padding: 10px;
	margin:0px;
}

.bike #mainCol { width: 775px; }

#navigation {
	width:800px;
	background-color: #5E89AC;
	color: #FFFFFF;
	margin:0px;
}
#navigation ul {
	list-style:none;
	margin:0px;
	padding:2px;
	text-align: left;
}
#navigation li {
	display:inline;
	margin:0px;
	padding:2px;
	line-height:200%;
}
#navigation li a:link, #navigation li a:visited {
	text-decoration:none;
	font-size:1.3em;
	font-weight:bold;
	color: #FFFFFF;
}
#navigation li a:hover {
	color:#CCCCCC;
}
/* Highlighting the current page */
#home #navigation a.home {
	border-bottom:3px solid #FFE86C;
}
#about #navigation a.about {
	border-bottom:3px solid #FFE86C;
}
#area #navigation a.area {
	border-bottom:3px solid #FFE86C;
}
#contact #navigation a.contact {
	border-bottom:3px solid #FFE86C;
}
#access #navigation a.access {
	border-bottom:3px solid #FFE86C;
}
#prices #navigation a.prices {
	border-bottom:3px solid #FFE86C;
}
#availability #navigation a.availability {
	border-bottom:3px solid #FFE86C;
}
#gallery #navigation a.gallery {
	border-bottom:3px solid #FFE86C;
}
#map #navigation a.map {
	border-bottom:3px solid #FFE86C;
}
#mainCol p {
	width:450px;
}

.bike #mainCol p { width: 775px; }
/* The left column and descendants */

#sidebar {
	float:right;
	width:303px;
	margin: 0px;
}
/* The footer and descendants */

#footer {
	clear:both;
	width:800px;
	font-size:0.9em;
	line-height:150%;
	color:#999999;
	text-align:centre;
	background-color: #FFFFFF;
}
#footer ul {
	list-style:none;
	margin:10px 0 0 0;
	padding:0;
}
#footer li {
	display:inline;
	margin:0 10px 0 0;
	padding:0;
	line-height:160%;
}
#footer li a:link, #footer li a:visited {
	text-decoration:none;
	font-weight:bold;
	color:#999999;
	font-size:1em;
}
#footer li a:hover {
	color:#FFF;
}
#footer p {
	margin:0 0 3px 0;
}
/* ----------------------------
   All headings and versions of 
   ---------------------------- */

h2, h3 {
	color:#000099;
}
h2 {
	margin-left:5px;
	margin-top:40px;
	font-size:1.6em;
}
h3 {
	margin-top:30px;
	font-size:1.5em;
}
h4 {
	margin:550px 0 10px 56px;
	font-size:1.3em;
	color:#FFE86C;
}
h2 a:link, h2 a:visited, h3 a:link, h3 a:visited {
	color:#000000;
	text-decoration:none;
}
/*--------------------------
image gallery
----------------------*/
.gallerycontainer {
	position: relative;
	height:460px;
}
.thumbnail img {
	border: 1px solid white;
	margin: 0 5px 5px 0;
}
.thumbnail:hover {
	background-color: transparent;
}
.thumbnail:hover img {
	border: 1px solid blue;
}
.thumbnail span {
	position: absolute;
	background-color: lightyellow;
	padding: 5px;
	border: 1px dashed gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
}
.thumbnail span img {
	border-width: 0;
	padding: 2px;
}
.thumbnail:hover span {
	visibility: visible;
	top: 100px;
	left: 470px;
	z-index: 50;
}
#picCol {
	width:200px;
	float:left;
	background:#FFFFFF;
	text-align:left;
* html div {
 width: 140px; /* for IE5 and IE6 in quirks mode */
 w\idth: 100px; /* for IE6 in standards mode */
}