@charset "UTF-8";
/* CSS Document */

/*TEXT FORMATTING */
html, body{
	text-align:center;
	background-color:white;
	position:relative;
	
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	line-height:15px;
	color:#aaa;
}


h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#33cccc;
}

h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	color:#fff;
	margin:5px 0 5px 0;
}

p {
	padding:0 30 0 30;
	margin:5px 0 1px 0;
}
ul{

	margin:3px;
}

a:link, a:visited {
	color:white;
	text-decoration:none;
}
#ogadesign, #ogadesign a:link, #ogadesign a:visited{
	color:gray;
}
a:hover, #ogadesign a:hover{
	color:#33cccc;
}

/*PAGE LAYOUT*/



#wrapper{
	text-align:left;
	width:828px;
	margin:0px auto 20px auto;
	padding:0;
	position:relative;
	
}

#header{
	position:relative;
	background-image:url(../images/elements/headerbg.gif);
	height:105px;
}

#content{
	background-image:url(../images/elements/contentbg.gif);
	background-position:bottom left;
	padding:0 0 60px 0;
}

#logoTop{
	position:relative;
	xtop:17px; xleft:45px;	
	width:750px;
	padding: 40px 0 0 0;
	margin:auto;
}

#slideshow{
	height:354px;
	width:750px;
	background-color:#444444;
	border:1px solid #999999;
	margin:0 auto 0 auto;
}
#slideshow div{
	margin:7px 7px 7px 7px;
}
#map{
	width:700px;
	height:494px;
	border:1px solid #999;
	background-color:#444;
	margin: 0 auto  0 auto;
}
#map div{
	margin:7px 7px 7px 7px;
}
#calendar_outer{
	width:750px;
	height:500px;
	border:1px solid #999;
	background-color:#444;
	margin: 0 auto  0 auto;	
}

#calendar{
	margin:7px 7px 7px 7px;
	border:3px solid #999;
}
#bodyText{
	position:relative;
	width:700px;
	margin:0 auto 0 auto;
}
#logoBottom{
	position:absolute;
	bottom:33px; right:37px;	
}

#navigation{
	color:#999;
	font-size:12px;
	font-family:verdana;
	line-height:17px;
	font-weight:normal;
	width:580px;
	margin:0 auto 0 auto;
	padding:5px;
	height:20px;
}

#navigation div{
	margin:0; 
	padding:0;
	float:left;
	cursor:pointer;
	height:20px;
	background-repeat:no-repeat;
	background-position:center top;
}
#navigation div:hover{ background-position:center -20px; }

#navigation #nav1{
	background-image:url('../images/elements/nav_home.gif');
	width:59px;
}
#navigation #nav2{
	background-image:url('../images/elements/nav_amenities.gif');
	width:92px;
}
#navigation #nav3{
	background-image:url('../images/elements/nav_tariffs.gif');
	width:60px;
}
#navigation #nav4{
	background-image:url('../images/elements/nav_contact.gif');
	width:166px;
}
#navigation #nav5{
	background-image:url('../images/elements/nav_activities.gif');
	width:86px;
}
#navigation #nav6{
	background-image:url('../images/elements/nav_location.gif');
	width:78px;
}
#riga_star{
	margin:10px 2px 15px 0;
}
#page_header{
	margin:10px 10px 15px 6px;
}
iframe{
	margin:auto;
}

/* button css start */

#xbooking {  width: 160px; float: right; margin-top: 10px; margin-right: 37px; height: 60px; margin-top: -5px; }
#xbooking a {margin:0px; padding: 0px; border: none;}
#booking {  width: 127px; float: right; margin-right: 37px; height: 48px; margin-top: 5px; }
#booking a {margin:0px; padding: 0px; border: none;}

#reviews {  width: 127px; float: right; margin-right: 5px; height: 48px; margin-top: 5px; }
#reviews a {margin:0px; padding: 0px; border: none;}

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    color: #0c4400;
    display: block;
    float: left;
    font: bold 12px helvetica, arial;
    height: 24px;
    text-decoration: none;
}

/*    Review Page List formatting */

#reviewList{/*make list green*/
	color:#3cc;
}
.whiteText{/*make text white*/
	color:white;
}
#reviewList li{
	margin-top:10px;
}
#reviewList i{/*make italic text grey*/
	color:#aaa;
}