html,body {

	background-image:url(/images/bg_main.gif);
	background-repeat:repeat-x;

	
	/* background-color:#343735; */

	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#181c1f;
	
	margin: 0px;
	padding: 0;
	
	height: 100%; !important;	
}

img { border:none }
li { margin-bottom: 6px; }

ul,ol { margin-left: 15px; padding-left:15px; }

ol { color #c69f29; font-weight:normal }

p { line-height:16px }

a { 
	outline:none;
	outline-style:none;
	outline-color:#FF0000;

}

/* Generic Site links */
a:link 		{ color: #c69f29; text-decoration:none;}
a:visited 	{ color: #c69f29; text-decoration:none;}
a:hover 	{ color: #000000; text-decoration:none;}

#wrapper {
	position:relative;
	width: 960px;
	background-color:#fff; /* #fcfcf0; */
	
	min-height: 100%;
	
	height: auto !important;
	
	height: 100%;

	margin: 0 auto;
}

#banner {
	position:relative;
	background-image:url(/images/bg_banner.png);
	height:175px;
	
	font-size:10px;
	color:#c2af00;
	
	width:960px;
	
	/* for IE */
	z-index:3000;
	
}

#banner .nav-top-left 	{ position:relative; float:left;  top:37px; left:38px; }
#banner .nav-top-right 	{ position:relative; float:right; top:37px; right:38px; text-align:right;}

#banner a:link 		{ color: #c69f29; text-decoration:none;}
#banner a:visited 	{ color: #c69f29; text-decoration:none;}
#banner a:hover 	{ color: #000000; text-decoration:underline;}

#area {
	position:relative;
	background-image:url(/images/bg_area.gif);	
	height:141px;
}

#area-home {
	position:relative;
	background-image:url(/images/bg-home.jpg);	
	height:529px;
        width:960px;
}

#language{
    position: relative;

    top:455px;
    right:25px;
    font-size: 14px;

    text-align: right;
    color:#c69f29;
    /* border: 1px dashed #ff0000; */
}
#language a:link 	{ color: #c69f29; text-decoration:none;}
#language a:visited 	{ color: #c69f29; text-decoration:none;}
#language a:hover 	{ color: #c69f29; text-decoration:underline;}


#left {
	position:relative;
	width: 250px;
	float: left;
	background-color:#fcfcf0;
	
	margin:0;
	padding:0;
	
	min-height:370px;
	
	/* height: auto !important; */
}

#left .content{
	position:relative;
	padding: 10px 40px 0px 40px;
}

.facebookbutton {position:absolute; top:140px; left:260px; box-shadow:0 3px 10px #666; border-radius:5px;}
.twitterbutton {position:absolute; top:140px; right:260px; box-shadow:0 3px 10px #666; border-radius:5px;}


#middle {
	position:relative;
	width: 460px; 
	float: left;
	background-color:#FFFFFF;
	
	/*
	height:370px;
	overflow:hidden;	
	*/
	
	/* min-height:250px; */
}

#middle .content {
	position:relative;
	padding: 10px 40px 0px 40px;
	
	height:100%;
}


#middle-rooms {
	position:relative;
	width: 460px; 
	float: left;
	
	background-image:url(/images/rooms-middle-bg.png);
	
	background-color:#fff;
	
	color:#343735;
		
	/*
	height:390px;
	overflow:hidden;
	*/
	
	/* min-height:250px; */
}

#middle-rooms .left 	{ position:relative; width:231px; float:left; }
#middle-rooms .left .content { padding:10px 0 0 40px; }

#middle-rooms .right 	{ position:relative; width:229px; float:left; }
#middle-rooms .right .content { padding:10px 0 0 40px; }

#right {
	position:relative;
	width: 250px;
	float: left;
	background-color:#fcfcf0;
	
	min-height:370px;
	
	height: auto !important;
}

#right .content {
	padding: 10px 40px 0px 40px;
}


#footer-home {
	position:relative;
	float:left;
	
	background-image:url(/images/bg-footer-home.png);
	background-repeat:no-repeat;
	
	width:960px;	
	height:285px;
	
	/*
	height: auto !important;
	height:100%;
	*/
	
	margin:0;
	padding-top:40px;

	font-size:10px;
	
	/* border: 1px dashed #ff0000; */
}

#footer {
	position:relative;
	float:left;
	
	background-image:url(/images/bg-footer.png);
	background-repeat:no-repeat;
	
	width:960px;	
	height:309px;
	
	/*
	height: auto !important;
	height:100%;
	*/
	
	margin:0;
	padding:0;

	font-size:10px;
	
	/* border: 1px dashed #ff0000; */
}

#footer,#footer-home .content {

	padding: 60px 0 0 0 ;
	text-align:center;
	line-height:16px;

}


#footer .nav {
	position:absolute;
	top: 5px;
	right: 25px;
	
	width:100%;
	text-align:right;

	margin: 0 0px 0 -50px;
	
	font-size:9px;
	
	white-space:nowrap;
}

#footer .nav a:link 	{color:#a2bfe4; text-decoration:none;}
#footer .nav a:visited 	{color:#a2bfe4; text-decoration:none;}
#footer .nav a:hover 	{color:#000000; text-decoration:underline;}


#footer .copyright {
	position:absolute;
	top:  5px;
	left: 24px;
	
	/* margin: 0 0px 0 30px; */
	font-size:9px;
	
	color:#666666;
}


#banner .nav a:link 	{color:#2a6ebb; text-decoration:none;}
#banner .nav a:visited 	{color:#2a6ebb; text-decoration:none;}
#banner .nav a:hover 	{color:#2a6ebb; text-decoration:underline;}


.form_data {
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	border:#296ebb solid dotted ;
	padding:3px;
}

.form_text {
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#296ebb;
}


#logoClick{
	position:absolute;
	top: 20px;
	left: 25px;
}



h1 {
	color:#c69f29 ;
	font-size:14px;
	font-weight:bold;
	margin: 0;
}

h2 {
	color:#3f7cc2;
	font-size:14px;
	margin: 0;
}
h3 {
	font-size: 1.25em;
	margin: 15px 0 0 0;
}
h4 {
	color:#2a6ebb;
	font-size: 12px;
	margin: 20px 0 0 0;
}

h6{
 font: 100% Arial,sans-serif;
 color: #2a6ebb;
 font-size: 12px;
 margin: 0px;
 padding: 0px;
}

	#nav-example {
	position:absolute;
    /* background:url('/images/navMainSprite.png') no-repeat; */
    width:960px;
    height:100px;
    margin:0 ;
    padding:0;
	
	top:112px;
	left:0;
	
	z-index:10;
    }

    #nav-example span {
    display: none;
    }

    #nav-example li, #nav-example a {
    height:100px;
    display:block;
    }

    #nav-example li {
    float:left;
    list-style:none;
    display:inline;
    }

	/*
	#nav-example-01 {width: 167px;}
    #nav-example-02 {width: 141px;}
    #nav-example-03 {width: 130px;}
    #nav-example-04 {width: 227px;}
	*/
	
	#nav-example-01 a {background:url('/images/navMainSprite-trans.png')    0px 0px no-repeat; width:167px;}
    #nav-example-02 a {background:url('/images/navMainSprite-trans.png') -167px 0px no-repeat; width:141px;}
    #nav-example-03 a {background:url('/images/navMainSprite-trans.png') -308px 0px no-repeat; width:130px;}
    #nav-example-04 a {background:url('/images/navMainSprite-trans.png') -438px 0px no-repeat; width:227px;}	
	#nav-example-05 a {background:url('/images/navMainSprite-trans.png') -665px 0px no-repeat; width:103px;}
	#nav-example-06 a {background:url('/images/navMainSprite-trans.png') -768px 0px no-repeat; width:192px;}

	
    #nav-example-01 a:hover, #nav-example-01 .selected {background-position:   0px  -100px;}
    #nav-example-02 a:hover, #nav-example-02 .selected {background-position: -167px -100px;}
    #nav-example-03 a:hover, #nav-example-03 .selected {background-position: -308px -100px;}
    #nav-example-04 a:hover, #nav-example-04 .selected {background-position: -438px -100px;}	
	#nav-example-05 a:hover, #nav-example-05 .selected {background-position: -665px -100px;}
	#nav-example-06 a:hover, #nav-example-06 .selected {background-position: -768px -100px;}




	/* List Menu */
	#image-num {
		width: 132px;
		/* this width value is also effected by
		the padding we will later set on the links. */
		
		font-family: verdana, arial, san-serif;
		font-size: 12px;
		color:#b29b00;
	}
	
	#image-num ul {
		margin: 0;
		padding: 0; 
	}
	
	#image-num li {	
		margin: 0px 0px;
		list-style-type: none;
	}
	
	
	#image-num a {
		display: block;
		width:120px;
		margin: 0px 15px 0 0;
		padding: 1px 0px 8px 24px;
		background:url(/images/logo-menu-off.png) no-repeat top left;
		text-decoration: none; /* remove the link underlines */
	}
	

	#image-num a:link, #image-num a:active, #image-num a:visited {
		color:#b29b00;
	}

	
	#image-num a:hover, #image-num a.active {
		background:url(/images/logo-menu-on.png) no-repeat top left;
		color:#000;
	}	
	

	
	#image-list ul, #image-list li{ list-style-type:none; }
	#image-list { padding:0; margin:0;}
	
.clearfloat {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}


	/* small links */
	#carpe-link-small {
		width: 200px;
		/* this width value is also effected by
		the padding we will later set on the links. */
		
		font-family: verdana, arial, san-serif;
		font-size: 11px;
		color:#b29b00;
	}
	
	#carpe-link-small ul {
		margin: 0;
		padding: 0; 
	}
	
	#carpe-link-small li {	
		margin: 0px 0px;
		list-style-type: none;
	}
	
	
	#carpe-link-small a {
		display: block;
		width:200px;
		margin: 0px 15px 0 0;
		padding: 0px 0px 6px 17px;
		background:url(/images/logo-13x14-off.png) no-repeat top left;
		text-decoration: none; /* remove the link underlines */
	}
	

	#carpe-link-small a:link, #carpe-link-small a:active, #carpe-link-small a:visited {
		color:#343735;
	}

	
	#carpe-link-small a:hover, #carpe-link-small a.active {
		background:url(/images/logo-13x14-on.png) no-repeat top left;
		color:#000;
	}



/* Accordian widget */
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 0px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 11px; padding: .5em .5em .5em 15px; color:#000; font-weight:bold; }

.ui-accordion .ui-accordion-header a:hover { color:#b19b00; }

.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { 

padding: 0; border-top: 0; 
margin-top: -5px; 
position: relative; 
top: 1px; 
margin-bottom: 2px; 
overflow: auto; 
display: none; 
border-bottom: #999999 thin solid;

}
.ui-accordion .ui-accordion-content-active { display: block; }

.ui-icon {
margin-left:-10px;
background-repeat:no-repeat;
display:block;
overflow:hidden;
text-indent:-99999px;
}


/* Slideshow */
#slideshow{ width:460px; height:370px; margin:0; }

#slideshow-nav {
	position:absolute;
	
	/* float:left; */
	
	margin:auto;
	z-index:10;
	
	bottom:20px;
	left:20px;
	
	/* border: #fff thin solid; */
}

#slideshow-nav a { border: 1px solid #ccc; background: #000; text-decoration: none; margin: 0 5px; padding: 3px 5px;  color:#FFFFFF;}
#slideshow-nav a.activeSlide { border: 1px solid #000000; background: #dcd7af; color:#000000; }
#slideshow-nav a:focus { outline: none; }








