@charset "utf-8";
a:hover, a:active, a:focus {
    outline: none 
}
body {
	background-image: url(../Layoutimg/BG.gif);
	background-repeat: repeat-x;
	background-position: center top;
	background-color: #484848;
}

#wrapper {
	height: auto;
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	margin-bottom: 30px;
}
#header {
	width: 940px;
	height: auto;
}
#header  #logo {
	background-image: url(../Layoutimg/menaralog.png);
	height: 30px;
	width: 157px;
	background-repeat: no-repeat;
	text-indent: -10000px;
	clear: right;
	float: left;
}
#header #nav/* --- Navbar Style --- */

 {
	width: 940px;
	height: 41px;
	background: transparent;
	margin-top: 10px;
}


/* -- nav Menu -- */
.menu {
	width:auto;
	height:41px;
	font-size:11px;
	z-index:1000;
	position: relative;
	font-family: tahoma, verdana, Impact;
	font-weight: bold;
	color: #666666;
}
.menu ul li a {
	display:block;
	text-decoration:none;
	color:#BBBBBB;
	font-weight:normal;
	width:77px;
	height:42px;
	text-align:center;
	background-image:url(../Navigation/center.png);
	line-height:38px;
	font-size:11px;
	overflow:hidden;
	background-repeat: repeat-x;
}
/* End Caps Styling */
.menu .left_nosub {
	background-image:url(../Navigation/left.png);
	height: 41px;
	width: 77px;
	background-repeat: no-repeat;
	background-position: left;
}
.menu .center_rates {
	background-image:url(../Navigation/center.png);
	height: 41px;
	width: 110px;
	background-repeat: repeat-x;
}
.menu .right_nosub {
	background-image:url(../Navigation/search_button.png);
	height: 41px;
	width: 47px;
}
.menu .white_separator {
	background-image:url(../Navigation/white_separate.png);
	height: 41px;
	width: 3px;
	background-repeat: no-repeat;
}
.menu .center_dis {
	background-image:url(../Navigation/center.png);
	height: 41px;
	width: 466px;
	background-repeat: repeat-x;
}

.menu ul {padding:0; margin:0; list-style: none;}
.menu ul li {
	float: left;
}

.menu ul li ul {display: none;}

/* Button ":hover" Styling */
.menu ul li:hover a {
	color:#F1C752;
}
.menu ul li a .home a, .room a, .ratespack a, .location a,.contact a{
	color:#F1C752;
}

.menu ul li:hover ul {
	display:block;
	position:absolute;
	top:41px;
	left:50;
	width:152px;
	margin: 0;
	padding: 0;
	background-image: url(../Navigation/BGdropdown.png);
}
/* DropDown Styling */
.menu ul li:hover ul li a {background-image: none; display:block;height: 28px; line-height: 26px; color:#000; width:142px; text-align:left; margin: 0; padding:0 0 0 11px;font-weight:normal;}
.menu ul li:hover ul li ul {display: none;}

.menu ul li:hover .left_nosub {
	color: #F1C752;
}

/* DropDown Menus ":active" or "Selected" Styling */
.menu ul li:hover ul .sub_active {
	background-image:url(../Navigation/sub_active.png);
	margin-right: 1px;
}

/* DropDown Menus ":hover" Styling */
.menu ul li:hover ul li a:hover {
	color:#F1C752 !important;
	background-image:url(../Navigation/sub_active.png);
}

.menu ul li:hover ul {
	padding: 0;
	background-image:url(../Navigation/BGdropdown.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
}

.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}

#header #mainbanner {
	height: 87px;
	width: 940px;
	position: relative;
	top: -13px;
}
#content {
	width: 940px;
	height: auto;
	position: relative;
	top: -4px;
}
.box {
	width: 940px;
	background-image: url(../Layoutimg/bg-tile2.png);
	background-repeat: repeat-y;
	height: auto;
}
.box2 {
	background-image: url(../Layoutimg/cotat2.png);
	background-repeat: no-repeat;
	background-position: left top;
}


.box3  {
	width: 940px;
	background-image: url(../Layoutimg/cotbaw2.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: auto;
	
}

.box    #leftcolumn {
	height: auto;
	width: 204px;
	float: left;
	clear: left;
	margin-left: 15px;
	position: relative;
	margin-top: 13px;
	margin-bottom: 20px;
}
.box    #leftcolumn  ul{
margin:0;
padding:0;
list-style-type:none;
}
.box      #leftcolumn    ul  a {
	display:block;
	width:202px;
	height:32px;
	line-height:30px;
	text-decoration:none;
	background-image: url(../Layoutimg/navver.jpg);
	font-size: 12px;
	font-family: "Trebuchet MS", Arial, "times New Roman";
	text-align: center;
	margin-top: 1px;
	color: #CCCCCC;
}
.box    #leftcolumn  ul  a:hover{
	background-position:right bottom;
	color: #000000;
	font-weight: bolder;
}
.box     #leftcolumn   ul   .gallery a{
	color: #000000;
	font-weight: bolder;
	background-position: right bottom;
}
.box     #leftcolumn   ul   .layout a{
	color: #000000;
	font-weight: bolder;
	background-position: right bottom;
}
.box     #leftcolumn   ul   .setting a{
	color: #000000;
	font-weight: bolder;
	background-position: right bottom;
}
.box     #leftcolumn   ul   .size a{
	color: #000000;
	font-weight: bolder;
	background-position: right bottom;
}
.box     #leftcolumn   ul   .package a{
	color: #000000;
	font-weight: bolder;
	background-position: right bottom;
}
.box     #leftcolumn   h2 {
	font-family: "palatino Linotype", arial, verdana;
	font-size: 16px;
	line-height: 37px;
	background-image: url(../Layoutimg/papan_kecil3.png);
	height: 38px;
	width: 210px;
	font-weight: bold;
	text-align: center;
	position: relative;
	margin-left: -5px;
	color: #f1c34e;
}
.box   #leftcolumn   p {
	text-align: left;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin-top: -10px;
}
.box   #leftcolumn  .newsarc {
	text-align: left;
	margin-top: -10px;
	margin-left: 10px;
	padding-right: 10px;
}
.box   #leftcolumn .newsarc  a {
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}
.box  #leftcolumn .newsarc  a:hover {
;
	color: #565656;
}

.box   .centercolumn {
	clear: none;
	height: auto;
	width: 720px;
	float: left;
	margin-left: 0px;
	position: relative;
	margin-top: 10px;
	margin-bottom: 10px;
}


.box   .centercolumn .ratestbl {
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 4px;
}
.box	.centercolumn .ratestbl #ver-zebra
{
	font-family: tahoma, verdana, Impact;
	font-size: 12px;
	margin: 0px;
	text-align: left;
	border-collapse: collapse;
}
.box	.centercolumn .ratestbl #ver-zebra th
{
	font-size: 14px;
	font-weight: bold;
	padding: 12px 15px;
	color: #000000;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #C7C7C7;
	border-left-color: #C7C7C7;
	border-top-style: none;
	border-bottom-style: none;
	font-family: tahoma, verdana, Impact;
	text-align: center;
}
.box	.centercolumn .ratestbl #ver-zebra td
{
	padding: 8px 25px;
	color: #CCCCCC;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #C7C7C7;
	border-left-color: #C7C7C7;
	border-top-style: none;
	border-bottom-style: none;
	border-top-color: #C7C7C7;
	border-bottom-color: #C7C7C7;
}

.box	.centercolumn .ratestbl .vzebra-odd
{
	background-color: #484848;
}
.box	.centercolumn .ratestbl .vzebra-even
{
	background-color: #666666;
}
.box	.centercolumn .ratestbl #ver-zebra #vzebra-andalucia, #ver-zebra #vzebra-dining
{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C7C7C7;
	background-color: #ae8328;
}
.box	.centercolumn .ratestbl #ver-zebra #vzebra-granada, #ver-zebra #vzebra-cordoba
{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C7C7C7;
	background-color: #D6A130;
}
.box	.centercolumn .ratestbl #gradient-style
{
	font-family: tahoma, verdana, Impact;
	font-size: 12px;
	width: 680px;
	text-align: left;
	border-collapse: collapse;
}
.box	.centercolumn .ratestbl #gradient-style th
{
	font-size: 13px;
	font-weight: bold;
	padding: 8px;
	background-color: #D6A130;
	color: #000000;
	font-family: tahoma, verdana, Impact;
	border: 1px solid #C7C7C7;
	text-align: center;
	vertical-align: middle;
}


.box	.centercolumn .ratestbl #gradient-style td
{
	padding: 8px;
	color: #CCCCCC;
	background-color: #666;
	border: 1px solid #C7C7C7;
}
.box	.centercolumn .ratestbl #gradient-style tfoot tr td
{
	background: #484848;
	font-size: 12px;
	color: #CCCCCC;
}
.box	.centercolumn .ratestbl #gradient-style tbody tr:hover td
{
	background-color: #484848;
	color: #FFFFFF;
}

.box	.centercolumn .ratestbl #gradient-styleanda
{
	font-family: tahoma, verdana, Impact;
	font-size: 11px;
	width: 685px;
	text-align: left;
	border-collapse: collapse;
}
.box	.centercolumn .ratestbl #gradient-styleanda th
{
	font-size: 12px;
	font-weight: bold;
	padding: 8px;
	background-color: #D6A130;
	color: #000000;
	font-family: tahoma, verdana, Impact;
	border: 1px solid #C7C7C7;
	text-align: center;
	vertical-align: middle;
}


.box	.centercolumn .ratestbl #gradient-styleanda td
{
	padding: 8px;
	color: #CCCCCC;
	background-color: #666;
	border: 1px solid #C7C7C7;
}
.box	.centercolumn .ratestbl #gradient-styleanda tfoot tr td
{
	background: #484848;
	font-size: 12px;
	color: #CCCCCC;
}
.box	.centercolumn .ratestbl #gradient-styleanda tbody tr:hover td
{
	background-color: #484848;
	color: #FFFFFF;		
}

.box   .centercolumn .newscont {
	margin-top: 10px;	
}
.box      .centercolumn  h1 {
	height: 38px;
	width: 210px;
	font-family: "palatino Linotype", arial, verdana;
	font-weight: bolder;
	font-size: 16px;
	text-align: center;
	line-height: 36px;
	position: relative;
	margin-bottom: 3px;
	background-image: url(../Layoutimg/papan_kecil3.png);
	background-repeat: no-repeat;
	margin-left: 16px;
	color: #f1c34e;
}
.box  .centercolumn  .centcont {
	text-align: justify;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 50px;
	margin-left: 20px;
}

.box  .centercolumn  .sitemapcont {
	margin-left: 50px;
	margin-top: 5px;
}

.box  .centercolumn  .sitemapcont a{
	text-decoration:none;
	color:#000000;
}
.box  .centercolumn  .sitemapcont a:hover{
	text-decoration:none;
	color:#999;
}

.box   .centercolumncont {
	clear: none;
	height: auto;
	width: 470px;
	float: left;
	margin-left: 0px;
	position: relative;
	margin-top: 10px;
	margin-bottom: 10px;
}

.box   .centercolumncont .contact {
	margin-left: 32px;
	margin-top: 7px;
}

.box   .centercolumncont .contact legend {
font-weight:bold;
}

.box   .centercolumncont .contact label{
	display:block;
}

.box   .centercolumncont .contact input{
	width:300px;
}

.box   .centercolumncont .contact input[type="submit"]{
	width:100px;
}
.box   .centercolumncont .contact input[type="reset"]{
	width:100px;
}

.box   .centercolumncont .contact fieldset {
	padding:1em;
	border:1px solid #999999;
	width: 400px;
	background-color: #CCCCCC;
}

.box   .centercolumncont .contact textarea{
width:400px;
height:100;
}

//.box   .centercolumncont .contact input:focus, textarea:focus {
	background-color: #ffe8ac;
}

.box   .centercolumncont .contact .required{
font-size:0.75em;
color:#760000;
}

.box   .rightcolumn {
	float: left;
	height: auto;
	width: 213px;
	clear: right;
	margin-left: 25px;
	position: relative;
	margin-top: 17px;
}
.box    .rightcolumn  h2 {
	font-family: "palatino Linotype", arial, verdana;
	font-size: 16px;
	line-height: 37px;
	background-image: url(../Layoutimg/papan_kecil3.png);
	height: 38px;
	width: 210px;
	font-weight: bold;
	text-align: center;
	position: relative;
	margin-bottom: 3px;
	color: #f1c34e;
}
.box  .rightcolumn  p {
	text-align: justify;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
}
.box   .rightcolumn .agenda{
	height: auto;
	border: 1px solid #7E7E7E;
	position: relative;
	text-decoration: none;
}

.box   .rightcolumn .agenda #calendar{
	margin-left: 5px;
	height: auto;
	width: auto;
	
}

.box   .rightcolumn .client {
	height: auto;
	border: 1px solid #7E7E7E;
	position: relative;
	margin-top: 10px;
	margin-bottom: 10px;
}
.box   .rightcolumn .client .logo{
	height: auto;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	margin-left: 15px;
	
}

.footer {
	width: 940px;
	margin-top: 5px;
	margin-bottom: 10px;
}
.footer  .link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	float: left;
	color: #A7A7A7;
}
.footer    .link    a  {
	list-style-image: none;
	list-style-type: none;
	text-decoration: none;
	color: #A7A7A7;
}

.footer    .link    a:hover  {
	color: #FFFFFF;	
		
}

.footer  .copyright {
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #A7A7A7;
}

.clearfloats {
	clear: both;
}

.button{
	background-color: #999999;
	border: 1px solid #999999;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.button:hover{
	background-color: #FFCC66;
	border: 1px solid #999999;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

#calendar {
	text-decoration: none;
}
#calendar a {
	text-decoration: none;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}