/* Reset styles */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
:focus {outline: 0;}
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
table {border-collapse: collapse;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

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

root styles
-------------------------------- */
html {
}
body {
	background-color: #e0e1e4;
	color: #2d2d2d;
	font-family: "Arial", sans-serif;
}
div#wrapper {
	background: #fff;
	width: 780px;
	margin: 0 auto;
	padding: 0 5px;
}
	/* default link behaviour */
	a, a:link, a:visited {
		cursor:pointer;
		text-decoration: none;
		color: #24f;
	}
	a:hover {
		text-decoration: underline;
	}
	a:focus, a:active {
		outline: 1px dotted #999;
	}
	
	/* headings are normally bold */
	h1, h2, h3, h4, h5, h6 {
		font-weight: bold;
	}
	
	/* normal text sizes and heading styles */
	h1 {
		padding-top: 10px;
		font-size: 18px;
		padding-bottom: 5px;
		border-bottom: 1px solid #ccf;
	}
	h2 {
		padding-top: 5px;
		font-size: 16px;
		border-bottom: 1px solid #ccf;
	}
	h3, h4, h5, h6 {
		padding-top: 5px;
		font-size: 13px;
	}
	p {
		font-size: 13px;
		line-height: 1.3;
		padding-bottom: 10px;
	}
	
	/* spans are generally used for text already represented by graphics */
	h1 span, h2 span, h3 span, h4 span {
		visibility: hidden;
	}
/* --------------------------------

clear!
-------------------------------- */
div#mainbox:after,
div.gallery:after
{display:block;visibility:hidden;content:".";width:100%;height:0.1px;clear:both;}

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

topbox
-------------------------------- */
div#topbox {
	position: relative;
	height: 70px;
	border-bottom: 1px solid #ccc;
}
	a#topbox_logo {
		display: block;
		width: 170px;
		height: 70px;
		background: url(topbox_logo.png) left 20px no-repeat;
	}
		a#topbox_logo:hover {
			text-decoration: none;
		}
		a#topbox_logo span {
			visibility: hidden;
		}
	div#topbox_nav {
		position: absolute;
		left: 170px;
		bottom: 0;
		height: 18px;
		font-weight: bold;
	}
		#topbox_nav a {
			display: block;
			float: left;
			height: 100%;
			padding: 0 10px;
			font-size: 12px;
			color: #2d2d2d;
		}
			#topbox_nav a:hover {
				text-decoration: none;
				color: #6d6d6d;
			}

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

mainbox layout
-------------------------------- */
div#mainbox {
	padding: 15px 0;
}
	div#maincols {
		position: relative;
		width: 170px;
	}
		/* generic mainbar styles */
		div#mainbar {
			position: relative;
			float: right;
			padding-left: 5px;
			width: 605px;
			margin-right: -610px;
		}
			.mainbar_feature { /* could be div or a, used to display a centered image */
				display: block;
				text-align: center;
			}
			div.mainbar_colset {
				position: relative;
				clear: both;
				float: right;
				width: 300px;
				padding-top: 15px;
			}
				div.mainbar_leftcol {
					position: relative;
					float: left;
					margin-left: -305px;
					width: 295px;
				}
				div.mainbar_rightcol {
					position: relative;
					float: right;
					width: 295px;
				}
		/* generic sidebar styles */
		div#sidebar {
			position: relative;
			float: left;
			padding-right: 5px;
			width: 165px;
			font-size: 15px;
		}
			a.sidebar_related {
				display: block;
				color: #666;
				padding-bottom: 5px;
				margin-bottom: 5px;
			}
				a.sidebar_related:hover {
					text-decoration: none;
					background: #eee;
				}
				.sidebar_related span {
					display: block;
					font-weight: bold;
					color: #2d2d2d;
				}
					a.sidebar_related:hover span {
						text-decoration: underline;
					}

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

index
-------------------------------- */
/* index_mainbar */
div#index_mainbar {
}
	/* price list */
	table.pricelist {
		width: 295px;
		border-spacing: 0;
	}
		.pricelist caption {
			padding-top: 5px;
			border-bottom: 1px solid #ccf;
			font-size: 16px;
			font-weight: bold;
			margin-bottom: 15px;
		}
		.pricelist th {
			font-size: 12px;
			font-weight: bold;
			border-bottom: 1px solid #ccf;
			text-align: center;
		}
		.pricelist td {
			padding: 3px 0;
			font-size: 13px;
			text-align: center;
		}
		.pricelist .pricelist_roomcol {
			width: 120px;
			text-align: left;
		}
		.pricelist .pricelist_pricecol1 {
			width: 80px;
			background: #eef;
		}
		.pricelist .pricelist_pricecol2 {
			width: 80px;
		}

/* index_sidebar */
div#index_sidebar {
}
/* --------------------------------

gallery
-------------------------------- */
/* gallery_mainbar */
div#gallery_mainbar {
}
	div.gallery {
		width: 470px;
		margin: 0 auto;
	}
		.gallery a {
			display: block;
			float: left;
			clear: none;
			width: 120px;
			height: 120px;
			overflow: hidden;
			margin: 0 20px 20px 0;
			padding: 2px;
			border: 2px solid #ccc;
		}
			.gallery a:hover {
				border: 2px solid #f66;
			}
			.gallery a img {
				width: 120px;
				height: 120px;
			}
/* --------------------------------

footbox
-------------------------------- */
div#footbox {
	border-top: 1px solid #ccc;
	padding-top: 15px;
	text-align: center;
}