body 
{
	background-color: #7997b4;
	font-family: Arial, Helvetica, Sans-Serif;	
	font-size: 0.9em;	
	text-align: center;	
	margin: 0;	
	padding: 0;
}

#idContainer
{
	position: absolute;
    top: 50%;
    left: 50%;
	margin: -275px 0 0 -450px;
	padding: 0;
	width: 900px;
	height: 550px;
    background-color: transparent;
}

#idContainer #idLeft
{
	margin: 0;
    padding: 0;
    width: 450px;
    height: 450px;
    display: block;
    float: left;
    background-color: transparent;
}

/* slideshow */

#idContainer #idLeft #slideshow
{
    width: 450px;
    height: 450px;
    border: none;
	margin: 0;
	padding: 0;
    display: block;
    overflow: hidden;
}

#idContainer #idLeft #slideshow #slidesContainer
{
    padding: 0px;
    margin: 0px;
    width: 450px;
    height: 450px;
    overflow: auto; /* allow scrollbar */
    position: relative;
    background-color: transparent;
}

#idContainer #idLeft #slideshow #slidesContainer .slide
{
    margin: 0px auto;
    width: 450px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
    height: 450px;
}

.control,
#leftControl,
#rightControl
{
    display: none;
    visibility: hidden;
    position: absolute;
}

#idContainer #idMid
{
	margin: 0;
    padding: 175px 0 0 0;
    width: 300px;
    height: 275px;
    display: block;
	background: #89a8c6 url(../images/css/Splash_bg_idMid.gif) 60px 30px no-repeat;
	float: left;
    overflow: hidden;
}

#idContainer #idMid ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#idContainer #idMid ul li
{
    height: 12px;
    margin: 0;
    padding: 0;
    display: inline;
    overflow: hidden;
}

#idContainer #idMid ul li a.clsRoomsCym:link,
#idContainer #idMid ul li a.clsRoomsCym:active,
#idContainer #idMid ul li a.clsRoomsCym:visited
{
    width: 44px;
    height: 12px;
    display: block;
    margin: 4px 128px 9px 128px;
	background: transparent url(../images/css/Splash_clsRoomsCym.gif) top left no-repeat;
	overflow: hidden;
}

#idContainer #idMid ul li a.clsFoodCym:link,
#idContainer #idMid ul li a.clsFoodCym:active,
#idContainer #idMid ul li a.clsFoodCym:visited
{
    width: 45px;
    height: 12px;
    display: block;
    margin: 4px 127px 9px 127px;
	background: transparent url(../images/css/Splash_clsFoodCym.gif) top left no-repeat;
	overflow: hidden;
}

#idContainer #idMid ul li a.clsBookCym:link,
#idContainer #idMid ul li a.clsBookCym:active,
#idContainer #idMid ul li a.clsBookCym:visited
{
    width: 110px;
    height: 12px;
    display: block;
    margin: 4px 95px 9px 95px;
	background: transparent url(../images/css/Splash_clsBookCym.gif) top left no-repeat;
	overflow: hidden;
}

#idContainer #idMid ul li a.clsLateCym:link,
#idContainer #idMid ul li a.clsLateCym:active,
#idContainer #idMid ul li a.clsLateCym:visited
{
    width: 103px;
    height: 12px;
    display: block;
    margin: 4px 98px 9px 98px;
	background: transparent url(../images/css/Splash_clsLateCym.gif) top left no-repeat;
	overflow: hidden;
}

#idContainer #idMid ul li a.clsRoomsEng:link,
#idContainer #idMid ul li a.clsRoomsEng:active,
#idContainer #idMid ul li a.clsRoomsEng:visited
{
    width: 57px;
    height: 12px;
    display: block;
    margin: 4px 122px 9px 122px;
	background: transparent url(../images/css/Splash_clsRoomsEng.gif) top left no-repeat;
	overflow: hidden;
}

#idContainer #idMid ul li a.clsFoodEng:link,
#idContainer #idMid ul li a.clsFoodEng:active,
#idContainer #idMid ul li a.clsFoodEng:visited
{
    width: 45px;
    height: 12px;
    display: block;
    margin: 4px 128px 9px 128px;
	background: transparent url(../images/css/Splash_clsFoodEng.gif) top left no-repeat;
	overflow: hidden;
}

#idContainer #idMid ul li a.clsBookEng:link,
#idContainer #idMid ul li a.clsBookEng:active,
#idContainer #idMid ul li a.clsBookEng:visited
{
    width: 107px;
    height: 12px;
    display: block;
    margin: 4px 97px 9px 97px;
	background: transparent url(../images/css/Splash_clsBookEng.gif) top left no-repeat;
	overflow: hidden;
}

#idContainer #idMid ul li a.clsLateEng:link,
#idContainer #idMid ul li a.clsLateEng:active,
#idContainer #idMid ul li a.clsLateEng:visited
{
    width: 142px;
    height: 12px;
    display: block;
    margin: 4px 79px 9px 79px;
	background: transparent url(../images/css/Splash_clsLateEng.gif) top left no-repeat;
	overflow: hidden;
}

#idContainer #idMid ul li a.clsEmail:link,
#idContainer #idMid ul li a.clsEmail:active,
#idContainer #idMid ul li a.clsEmail:visited
{
    width: 152px;
    height: 12px;
    display: block;
    margin: 4px 74px 9px 74px;
	background: transparent url(../images/css/Splash_clsEmail.gif) top left no-repeat;
	overflow: hidden;
}

#idContainer #idMid ul li a.clsRoomsCym:hover,
#idContainer #idMid ul li a.clsFoodCym:hover,
#idContainer #idMid ul li a.clsBookCym:hover,
#idContainer #idMid ul li a.clsLateCym:hover,
#idContainer #idMid ul li a.clsRoomsEng:hover,
#idContainer #idMid ul li a.clsFoodEng:hover,
#idContainer #idMid ul li a.clsBookEng:hover,
#idContainer #idMid ul li a.clsLateEng:hover,
#idContainer #idMid ul li a.clsEmail:hover
{
    background-position: 0 -12px;
}

#idContainer #idMid ul li.clsSpacer
{
    display: block;
    height: 11px;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

#idContainer #idMid ul li.clsTelephone
{
    display: block;
    height: 16px;
    margin: 45px 0 0 0;
	background: transparent url(../images/css/Splash_clsTelephone.gif) top center no-repeat;
}

#idContainer #idMid ul li span
{
    display: none;
    visibility: hidden;
}

#idContainer #idRight
{
	margin: 0;
    padding: 0;
    width: 150px;
    height: 450px;
    display: block;
    float: left;
}

#idContainer #idRight img
{
    border: 0;
    padding: 0;
}

/* navigation */

#idContainer #idNavigation
{
	position: relative;
	width: 900px;
	display: block;
	overflow: hidden; 
	font-size: 0.8em;
	text-transform: uppercase;
	margin: 0;
	padding: 20px 0 0 0;
	clear: left;
	text-align: center;
}

#idContainer #idNavigation ul
{
	list-style-type: none;	
	font-weight: 500;	
	margin: 0;	
	padding: 0;
	text-align: center;
	width: 865px;
	float: left;
}

#idContainer #idNavigation ul li
{
	display: inline;
	padding: 0 10px 0 10px;	
}	

#idContainer #idNavigation ul li a:link,
#idContainer #idNavigation ul li a:visited,
#idContainer #idNavigation ul li a:active
{
	text-decoration: none;
	color: #e1e9f1;
}

#idContainer #idNavigation ul li a:hover
{
	text-decoration: none;
	color: #ffffff;
}

a.clsFacebook:link,
a.clsFacebook:active,
a.clsFacebook:visited
{
    width: 34px;
    height: 34px;
    padding: 0;
    margin: 0;
	display: block;
    background: transparent top left url(../images/css/bg_clsFacebook.gif) no-repeat;
    text-decoration: none;
    float: right;
}

a.clsFacebook:hover
{
    background-position: 0 -34px;
    text-decoration: none;
}

/* feature items */

#idContainer #idFeatures
{
	position: relative;
	width: 900px;
	display: block;
	overflow: hidden; 
	font-size: 0.8em;
	margin: 0;
	padding: 10px 0 20px 0;
	clear: both;
}

#idContainer #idFeatures .clsLeft
{
    width: 440px;
    float: left;
    display: block;
    padding: 0;
    margin: 0 20px 0 0;
    text-align: left;
	color: #e1e9f1;
	font-size: 0.9em;
}

#idContainer #idFeatures .clsLeft b,
#idContainer #idFeatures .clsRight table tr th
{
    color: #ffffff;
}

#idContainer #idFeatures .clsLeft a:link,
#idContainer #idFeatures .clsLeft a:active,
#idContainer #idFeatures .clsLeft a:visited,
#idContainer #idFeatures .clsRight a:link,
#idContainer #idFeatures .clsRight a:active,
#idContainer #idFeatures .clsRight a:visited
{
	text-decoration: none;
	color: #e1e9f1;
}

#idContainer #idFeatures .clsLeft a:hover,
#idContainer #idFeatures .clsRight a:hover
{
	text-decoration: none;
	color: #ffffff;
}

#idContainer #idFeatures .clsRight
{
    width: 440px;
    float: left;
    display: block;
    padding: 0;
    margin: 0;
	color: #e1e9f1;
    text-align: right;
}

#idContainer #idFeatures .clsRight table
{
    float: right;
    text-align: right;
}

#idContainer #idFeatures .clsRight table tr th,
#idContainer #idFeatures .clsRight table tr td
{
    text-align: right;
    padding: 0 0 0 10px;
}

.clsSmall
{
    font-size: .85em;
}

.clsLeft h4 
{
	color: #564B93;	
	font-size: 14px;	
	margin: 0;	
	padding: 0 0 5px 15px;
}

.clsLeft form input
{
	padding: 2px 3px;
	font-size: 1.1em;
}

.clsLeft form label
{
	font-size: 1.3em;
}