/*
	CSS for Blossoms Cottage Accommodation site
	www.blossomscottageoatlands.com.au
*/

body {
	font-family: "Arial"
	text-align: center;
	background-color: #ffffff;
	padding: 0;
	margin: 0;
}

h1, h2 {
	font-family: "Times New Roman";
	margin:0;
	padding: 0;
}

ul {
	padding: 0;
	padding-bottom: 20px;
	margin: 0;
}

li {
	list-style-type: none;
}

.point {
	list-style-type: circle;
	padding: 0;
}

#container {
	position: relative;
	width: 773px;
	height: 600px;
	margin: 0 auto;
	background: url(background/background.jpg) right top no-repeat;
	text-align: left;
}	

#header {
	position: relative;
	min-height: 106px;
	overflow: visible;
	top: 33px;
	left: 0;
	padding: 0;
	margin: 0;
}

#headertext {
	position: relative;
	top: 3px;
	left: 15px;
	min-height: 100px;
	width: 377px;
	background: white url(background/yellowstrip.jpg) left top repeat-y;
	text-align: center;
}

#headerpic {
	position: absolute;
	top: 0;
	right: 15px;
	height: 106px;
	width: 337px;
	background: white url(background/cottage.jpg) center no-repeat;
}

.header{
	margin: 0;
	padding: 0;
}

#content {
	position: relative;
	top: 33px;
	padding: 0;
	margin: 0;
}

#navigation {
	position: absolute;
	top: 30px;
	left: 10px;
	width: 140px;
	margin: 0;
	padding: 0;
}

#textarea {
	position: absolute;
	width: 380px;
	top: 30px;
	left: 150px;
	margin: 0;
	padding: 0;
	text-align: justify;
}

a:link {
	color: blue;
}

a:visited {
	color: navy;
}

a:hover {
	color: red;
	background-color: white;
}

a:active {
	color: red;
	background-color: white;
}

.gallerycontainer{
	position: absolute;
	top: 30px;
	left: 615px;
	margin: 0;
	padding: 0;
	text-align: center;
	/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
	border: 2px solid white;
	margin: 0;
	padding: 0;
	margin-bottom: 15px;
}

.thumbnail:hover{
	background-color: transparent;
}

.thumbnail:hover img{
	border: 2px solid white;
}

.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: #ece5b6;
	padding: 5px;
	margin: 0;
	left: -600px;
	top: 0;
	border: 1px dashed white;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
	border-width: 0;
	margin: 2px;
	padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
	visibility: visible;
	top: 0;
	left: -465px;
	z-index: 50;
}

td, th {
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	margin: 0;
	padding: 0;
}