/* css reset, css fonts - courtesy of Yahoo: http://developer.yahoo.net/yui/license.txt */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;}q:before,q:after{content:'';}
body {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}pre, code {font:115% monospace;*font-size:100%;}body * {line-height:1.22em;}

body {
	color : #606060;
	font-family : Verdana, Helvetica, Arial, sans-serif;
	background : #ffbb00 url(../img/body-bg.png) top center no-repeat;
	text-align : center;
}

#head {
	width : 720px;
	margin : 60px auto 0;
	text-align : left;
}

h1 a {
	display : block;
	width : 310px;
	height : 100px;
	background : url(../img/logo.png) no-repeat;
	text-indent : -9000px;
}

#wrap {
	position : relative;
	width : 500px;
	margin : -20px auto 0;
	background : #fff url(../img/wrap-bg.png) top left no-repeat;
	text-align : left;
}

#content {
	padding : 10px 25px;
	color : #606060;
	background : url(../img/content-bg.png) top right no-repeat;
}

#footer {
	clear : both;
	width : 500px;
	margin : 0 auto;
	background : url(../img/footer-bg.png) top left no-repeat;
}

#footer div {
	margin-left : 20px;
	padding : 28px 25px 40px 5px;
	color : #AC2D00;
	font-size : 77%;
	text-align : center;
	background : url(../img/footerp-bg.png) top right no-repeat;
}

#footer p#author {
	margin-top : .4em;
	color : #ea8515;
}

#footer a:link, #footer a:visited {
	text-decoration : underline;
	color : #ea8515;
}

#footer a:hover {
	text-decoration : none;
	color : #ac2d00;
}



/*** =content styles ***/

#content h2 {
	padding-left : 20px;
	background : url(../img/h2-bullet.png) 0 60% no-repeat;
	color : #868686;
	letter-spacing : .1em;
	font : 500 italic 197% "Times New Roman", serif;
	line-height : 1em;
}

#content h3 {
	margin-top : 1.5em;
	margin-bottom : .1em;
	color : #ea8515;
	font : bold 114% "Trebuchet MS", Helvetica, Arial, sans-serif;
}

#content h2 + h3 {
	margin-top : .5em;
}

#content .hr {
	margin : 1em auto;
	height : 15px;
	background : url(../img/hr.png) center no-repeat;
	border : none;
}

#content .hr hr {
	display : none;
	border : none;
}

#content p {
	margin-bottom : 1em;
	font-size : 85%;
	line-height : 1.5em;
}

#content img {
	display : block;
	margin : 2em auto;
	border : 1px solid #C5A766;
}

#content strong {
	font-weight : bold;
}

#content a:link {
	text-decoration : underline;
	color : #ac2d00;
}

#content a:visited {
	text-decoration : underline;
	color : #2d437b;
}

#content a:hover {
	text-decoration : none;
	color : #ea8515;
}

#content ul {
	margin-left : 2em;
	margin-bottom : 1.5em;
	font-size : 85%;
	list-style-type : disc;
}

#content li {
	line-height : 1.5em;
}

table {
	width : 70%;
	font-size : 85%;
}

thead th {
	padding : .3em;
	border-bottom : 1px solid #9b9b9b;
	text-align : left;
	font-weight : bold;
}

tbody td {
	text-align : left;
	padding : .3em;
}

caption {
	margin : .8em 0 2em;
	padding : .3em;
	caption-side : bottom;
	text-align : left;
}

.vcard {
	margin-left : 2em;
	font-size : 85%;
	line-height : 1.5em;
}

.vcard div {
	line-height : 1.5em;
}


/*** =contactform ***/

#contactform {
	margin-top : 2em;
	margin-left : 1.5em;
}

label {
	display : block;
	margin-top : 1em;
	margin-bottom : .3em;
	font-size : 85%;
}

input, textarea {
	width : 350px;
	padding : 2px;
	border : 1px solid #9b9b9b;
	background :  #f6f6f6;
	font : 92% Verdana, Geneva,  Arial, Helvetica, sans-serif;
}

input.submit {
	width : auto;
	padding : 4px .5em;
	color : #606060;
	font-size : 100%;
}

input.submit:hover {
	color : #2d437b;
	background : #e2e2e2;
	cursor : pointer;
	cursor : hand;
}



/*** =gallery ***/
#gallery div {
	float : left;
	display : block;
	width : 50%;
}

#gallery img {
	margin : .8em auto;
	border-color : #606060;
}

#gallery div.clearfix {
	float : none;
	clear : both;
}

#lgphoto {
	position : fixed;
	top : 50%;
	left : 50%;
	z-index : 1000;
	display : none;
	

	margin-top : -165px;
	margin-left : -216px;
	padding : 3px;
	
	border : 3px solid #ea8515;
	background : #f6f6f6 url(../img/loading.png) center center no-repeat;
}

#lgphoto img {
	display : block;
}

#lgphoto p {
	margin : 3px 0 0;
	padding : 1px 4px;
	text-align : center;
	font-size : 85%;
	color : #221409;
	border-top : 2px solid #ea8515;
}

* html div#lgphoto {
	position : absolute;
	top : expression( ( ignoreMe = document.documentElement.scrollTop+(document.documentElement.clientHeight/2)));
	display : none;
}                      



/*** =nav menu ***/
#nav {
	position : absolute;
	top : 40px;
	right : 100%;
	margin-right : 10px;
}

#nav li {
	margin-bottom : .92em;
}

#nav a {
	display : block;
	width : 7.5em;
	padding-right : 30px;
	color : #ac2d00;
	text-align : right;
	text-decoration : none;
	font : bold 100%/1.89em "Trebuchet MS", Garamond, Verdana, Helvetica, Arial, sans-serif;
}

li#nav-home a {
	background : url(../img/nav.png) 100% 0 no-repeat;
}

li#nav-rooms a {
	background : url(../img/nav.png) 100% -125px no-repeat;
}

li#nav-photos a {
	background : url(../img/nav.png) 100% -250px no-repeat;
}

li#nav-directions a {
	background : url(../img/nav.png) 100% -375px no-repeat;
}

li#nav-contact a {
	background : url(../img/nav.png) 100% -500px no-repeat;
}

li#nav-home a:hover {
	background : url(../img/nav.png) 100% -625px no-repeat;
}

li#nav-rooms a:hover {
	background : url(../img/nav.png) 100% -750px no-repeat;
}

li#nav-photos a:hover {
	background : url(../img/nav.png) 100% -875px no-repeat;
}

li#nav-directions a:hover {
	background : url(../img/nav.png) 100% -1000px no-repeat;
}

li#nav-contact a:hover {
	background : url(../img/nav.png) 100% -1125px no-repeat;
}



/*** =languages ***/
#languages {
	position : absolute;
	right : 15px;
	top : -2.5em;
	font-size : 77%;
}

#languages a {
	display : block;
	padding : 0 .5em;
	border : 1px solid #ffad30;
	line-height : 1.8em;
	text-decoration : none;
}

#languages a:link, #languages a:visited {
	color : #fff;
	background : #ff8800;
}

#languages a:hover {
	color : #ac2d00;
	background : #fc0;
}


#slideshowpro {
	width : 436px;
	margin : 1em auto;
}


/*** =sifr ***/

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

.sIFR-hasFlash h2 span {
	visibility: hidden;
	font-size: 42px;
	letter-spacing : -1px;
	line-height : .8em;
}

.sIFR-hasFlash h2 span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
	color : #9b9b9b;
	font : 500 italic 72% "Times New Roman", serif;
	line-height : normal;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
	display: none !important;
}