/* Reset -------------------------------------------------------------------- */
body,legend{color:#444;}
html,body{background:#c7e2ff;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,hr,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,hr{border:0;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
a,address{font-style:normal;text-decoration:none;}
input,textarea,select{font-family:inherit;font-size:100%;font-weight:inherit;}

/* Tools -------------------------------------------------------------------- */
.hide {display:none;}
.replace {text-indent:-999em;background-repeat:no-repeat;}
.accessibility {position:absolute;top:-999em;left:-999em;}

.noindent {margin:0;}
.nomargin {margin-top:0;margin-bottom:0;}

/* Typography --------------------------------------------------------------- */
body {
	font:0.825em/1.25 Tahoma,Arial,Helvetica,sans-serif;
}

/* Headings */
h1 {
	color:#0065b0;
	font-size:2.25em;
	margin-bottom:.25em;
}
h2 {
	color:#0065b0;
	font-size:1.5em;
}
h3 {
	color:#0065b0;
	font-size:1.05em;
}
h4 {
	color:#0065b0;
	font-size:1em;
	font-weight:bold;
}
h5 {
	font-size:1em;
	font-weight:bold;
}
h6 {
	color:#0065b0;
	font-size:.875em;
	font-weight:bold;
}

/* Text */
p, ul, ol, dl, hr, address, .spaced li, h3 {
	margin-bottom:1.25em;
}
.important {
	font-size:1.05em;
	color:#0065b0;
}

/* Lists */
li {
	list-style-position:inside;
}
.plain li {
	list-style:none outside;
}
.inline li {
	margin-right:1.5em;
	display:inline;
	list-style:none outside;
}

/* Tables */
table {

}

/* Links */
a {
	color:#f8851a;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
a.inline {

}

/* Other */
hr {
	color:#c1c6ca;
	background:#c1c6ca;
	height:1px;
	clear:both;
}

/* Layout ------------------------------------------------------------------- */
html, body {
	background:#d5eaf6;
}

#page {
	background:#fff;
	margin:35px auto;
	width:970px;
	height:519px;
	position:relative;
}

#branding {
	text-align:center;
	width:191px;
	position:absolute;
	top:30px;
	left:0;
}
#siteinfo {
	font-size:0.75em;
	text-align:center;
	width:100%;
	position:absolute;
	left:0;
	bottom:-50px;
	z-index:1;
}
#siteinfo, #siteinfo a {
	color:#a1b3be;
}

#nav {
	background:#fff;
	padding-top:140px;
	width:185px;
	float:left;
}
#nav .main {
	margin:0 20px;
}
#nav .main li {
	line-height:2;
	border-bottom:1px solid #c1daec;
	list-style:none outside;
}
#nav .main a {
	font-size:1.375em;
	color:#0065b0;
}
#nav .main .selected a {
	color:#f8851a;
}

#content {
	width:779px;
	height:522px;
	float:right;
	position:relative;
	z-index:1;
	overflow:hidden;
}

div.shadetop,
div.shadebtm {
    position:absolute;
    left:-35px;
    width:1040px;
    height:60px;
    background-image:url('/images/layout/shade-x.gif');
    background-repeat:no-repeat;
}
div.shadelft,
div.shadergt {
    position:absolute;
    top:0;
    width:35px;
    height:551px;
    background-image:url('/images/layout/shade-y.gif');
    background-repeat:no-repeat;
}
div.shadelft {
    left:-35px;
}
div.shadergt {
    right:-35px;
    background-position:-35px 0;
}
div.shadetop {
    top:-30px;
}
div.shadebtm {
    bottom:-30px;
    background-position:0 -60px;
}
* html div.shadebtm {
	bottom:-27px;
}

/* Content ------------------------------------------------------------------ */
.container {
	margin:30px 0;
	height:459px;
}

.blueGradient {
	background:#c7e2ff url('/images/layout/blue-gradient.gif') repeat-x 0 100%;
}

.col {float:left;overflow:hidden;}
.infoCol {
	padding:0 35px;
	width:315px;
	float:right;
}
/*
.col-two {width:455px;}
.col-three {width:296px;}
.col-four {width:217px;}

.column {padding:0 10px;}
.col-first {padding-left:0;}
.col-last {padding-right:0;float:right;}
*/

img.left, img.right {display:inline;margin-bottom:1em;}
img.left {float:left;margin-right:1em;}
img.right {float:right;margin-left:1em;}

#main {
	background:#c7e2ff url('/images/layout/blue-gradient.gif') repeat-x 0 100%;
	margin:30px 0;
	padding:0 35px;
	width:315px;
	height:459px;
	float:right;
}
#buttons {
	position:absolute;
	bottom:3px;
	right:35px;
	width:315px;
}

.button {
	text-indent:-999em;
	width:104px;
	height:26px;
	display:block;
	outline:none;
}
.buttonSlideshow {
	background:url(/images/layout/btn-slideshow.gif) no-repeat;
}
.buttonContact {
	background:url(/images/layout/btn-contact.gif) no-repeat;
}
.buttonApartments {
	background:url(/images/layout/btn-apartments.gif) no-repeat;
}
.buttonBooking {
	width:109px;
	background:url(/images/layout/btn-booking.gif) no-repeat;
}