@font-face {
	font-family: 'Conv_HLL_____';
	src: url('fonts/HLL_____.eot');
	src: local('☺'), url('fonts/HLL_____.woff') format('woff'), url('fonts/HLL_____.ttf') format('truetype'), url('fonts/HLL_____.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_MYRIADPRO-BOLD';
	src: url('fonts/MYRIADPRO-BOLD.eot');
	src: local('☺'), url('fonts/MYRIADPRO-BOLD.woff') format('woff'), url('fonts/MYRIADPRO-BOLD.ttf') format('truetype'), url('fonts/MYRIADPRO-BOLD.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_MyriadPro-Regular';
	src: url('fonts/MyriadPro-Regular.eot');
	src: local('☺'), url('fonts/MyriadPro-Regular.woff') format('woff'), url('fonts/MyriadPro-Regular.ttf') format('truetype'), url('fonts/MyriadPro-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

body{  
   font-family:'Conv_HLL_____',Sans-Serif;
   font-family:'Conv_MYRIADPRO-BOLD',Sans-Serif;
   font-family:'Conv_MyriadPro-Regular',Sans-Serif;
   font-size:14px;
   color:#000000;
   text-align:left;
   margin:0px;
   padding:0px;      
   background:url('../images/website_backgorund.png') no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-size:100% 100%;
	background-repeat:no-repeat;
	max-width:1200px;
	min-width:900px;
}

div, li, ul, p, span, h1, h2, h3, h4, h5,
{
   padding:0px; 
   margin:0px;
}

#wrapper {
	margin:0 auto;
	padding:0px;
	width:100%;
	height:auto;	 
}

#header_wrapper {
	width:100%;
	height:100%;
	min-width:900px;
}

#header_h{
	width:999px;
	margin:0 auto;
	/*height:165px;*/
}

#header_page{
	width:999px;
	float:left;
	/*height:165px;*/
	background: url(../images/top_bg1.jpg) no-repeat top  right;
}

#header_wrapper .logo{
	float: left;
	left: 50%;
	margin-left: -12.5%;
	position: fixed;
	width: 23%;
	height: 70%;
	top:2%;
}

#header_wrapper .logo img{
	width: 100%;
}

#header_page .green{
	width:153px;
	float:left;
	/*height:165px;*/
	background:url(../sabway/logo_sid_green.jpg) no-repeat top;
	
	

}
#mid_wrapper .link {
	
	width: 628px;
	/*height:165px;*/
	float:left;
	background: url(../sabway/link_bg.jpg) no-repeat    top left;
	
}

.link
{
	position: absolute;
	top: 27.7%;
	left: 7.5%;
	width: 84%;
}
#menuXXX{
	background: none repeat scroll 0 0 #1F0E07;
	float: left;
	height: 37px;
	line-height: 37px;
	position: absolute;
	top: -8.3%;
	width: 100.1%;
}

#menu{
	background: none repeat scroll 0 0 #1F0E07;
	float: left;
	height: 37px;
	line-height: 37px;
	position: absolute;
	top: -9%;
	width: 100.1%;
	z-index: 999;
	min-width: 900px;
	left: 0.6%;
}

#green_bg{
	width:998px;
	height:61px;
	margin:0 auto;	
}

#about_box {
	float: left;
	height: 38px;
	margin: 0 0 0 0;
	text-align: center;
	/*width: 132px;*/
	width: 12.3%;
	/*border-right: 1px solid #ff0000;*/
}

#about_box2 {
	float: left;
	height: 38px;
	margin: 0 0 0 0;
	text-align: center;
	/*width: 132px;*/
	width: 13.8%;
}

#about_box:hover{
	background-color: #d87e06;
	color:#ffffff;
}

#about_box2:hover{
	background-color: #d87e06;
	color:#ffffff;
}

#about_box:visited{
	background-color: #D87E06;
	color:#ffffff;
}

#about_box:active{
	background-color: #D87E06;
	color:#ffffff;
}

.about_1,.about_2  {
	/*width: 129px;*/
	/*width: 100%;*/
	width: 96%;
	height:37px;
	float:left;
	border:0;
	display:block;	
	color: #0b8142;
	text-decoration: none;
	height: 37px;
	font-size: 1em;
}

#about_box div{
	color:#9d9592;
}

.about_1:hover{
	background-color: #D87E06;
	color:#ffffff;
}

.about_2:hover{
	background-color: #D87E06;
	color:#ffffff;
}

/*.about_1:visited{
	background-color: #D87E06;
	color:#ffffff;
}*/

.about_1:active{
	background-color: #D87E06;
	color:#ffffff;
}

.canvas-page{
	background-attachment: scroll;
	background-clip: border-box;
	background-color: transparent;
	background-origin: padding-box;
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	border: 2px solid #D0AC68;
	height:60%;
	left: 8%;
	position: absolute;
	top: 33%;
	width: 83.8%;
	min-width: 900px;
	overflow: hidden;
}

.canvas-page-gallery{
	background-attachment: scroll;
	background-clip: border-box;
	background-color: transparent;
	background-origin: padding-box;
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	border: 2px solid #D0AC68;
	height:65%;
	left: 8%;
	position: absolute;
	top: 33%;
	width: 83.8%;
	min-width: 900px;
	overflow: hidden;
}

#mid_wrapper {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: transparent;
	background-image: url("../images/cover_page.jpg");
	background-origin: padding-box;
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	border: 2px solid #D0AC68;
	height: 481px;
	left: 7.5%;
	position: absolute;
	top: 34%;
	width: 83.8%;
	min-width: 500px;
	/*min-width: 800px;*/
}

#mid_wrapper_ambrosia{
	background-image: url("../images/about-ambrosia.jpg");
	background-size: 60% 100%;
}

#mid_wrapper_xanadu{
	background-image: url("../images/xanadu.jpg");
	background-size: 60% 100%;
}

#mid_wrapper_facility{
	background-image: url("../images/facility.jpg");
	background-size: 60% 100%;
}

#mid_wrapper_frangipani{
	background-image: url("../images/frangipani.jpg");
	background-size: 60% 100%;
}

#mid_wrapper_conferences{
	background-image: url("../images/frangipani.jpg");
	background-size: 60% 100%;
}

#mid_wrapper_seminars{
	background-image: url("../images/frangipani.jpg");
	background-size: 60% 100%;
}

#mid_wrapper_celebrations{
	background-image: url("../images/frangipani.jpg");
	background-size: 60% 100%;
}

#mid_wrapper_parking{
	background-image: url("../images/frangipani.jpg");
	background-size: 60% 100%;
}

#mid_wrapper_elderly{
	background-image: url("../images/frangipani.jpg");
	background-size: 60% 100%;
}

#mid_wrapper_children{
	background-image: url("../images/frangipani.jpg");
	background-size: 60% 100%;
}

#mid_wrapper_others{
	background-image: url("../images/frangipani.jpg");
	background-size: 60% 100%;
}

#mid_wrapper_main{
	background-attachment: scroll;
	background-clip: border-box;
	background-color: transparent;
	background-image: url("../images/cover_page.jpg");
	background-origin: padding-box;
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	border: 2px solid #D0AC68;
	height:60%;
	left: 8%;
	position: absolute;
	top: 33%;
	width: 83.8%;
	min-width: 900px;
	overflow: hidden;
}

#mid_wrapper_inner .inner{
	background-size: 60% 100%;	
}

 #mid_wrapper_inner .main{
	background-size: 100% 100%;	
}

.inner_content{
	position: absolute;
	top: 0%;
	left: 60%;
	background-color: #50672f;
	width: 40% !important;
	/*height: 99.9%;*/
	overflow:hidden;
	/*height: 386px;*/
	/*height: 481px;*/
	height:100%;
}

.terms-inner_content{
	position: absolute;
	top: 0%;
	left: 0%;
	background-color: #50672f;
	width: 100% !important;
	overflow:hidden; 
	height:100%;
}

.gallery_inner_content{
	position: absolute;
	top: 0%;
	left: 0%;
	background-color: #50672f;
	width: 100% !important;
	overflow:hidden; 
	height:100%;
}

.media_content{
	position: absolute;
	top: 0%;
	left: 0%;
	background-color: #50672f;
	width: 100% !important;
	overflow:hidden;
	height:100%;
}

.media_content a{
	color:#000;
}

.jspDrag {
	background: #000;
	border-radius: 1px;
	cursor: pointer;
	left: 0;
	position: relative;
	top: 0;
}

.inner_content #logo{
	background-image: url("../images/frangipani.png");
	background-repeat: no-repeat;
	background-size: 70% 100%;
	text-indent: -956;
	height: 82px;
	width: 71%;
	margin: 3% 0 0 20%;
}

.inner_content #logo-xandu{
	background-image: url("../images/xanadu_logo.png");
	background-repeat: no-repeat;
	background-size: 70% 100%;
	text-indent: -956;
	height: 82px;
	width: 71%;
	margin: 3% 0 0 20%;
}

.inner_content p{
	font-size: 14px;
	color: #a6af3c;
	line-height: 14px;
	margin: 5% 5% 0 6%;
	width: 90%;
	height: 100%;
	text-align:justify;
	text-justify:inter-word;
}

.terms-text, .media-text
{
	font-size: 14px;
	color: #a6af3c;
	margin: 1% 1% 0 4%;
	width: 94%;
	height: 100%;
	line-height: 19px;
}

.media-text{
	text-align: center;
	margin: 3% 1% 0 4%;
}

.inner_content p img{
	width: 55%;
	height: 24%;
	position: relative;
	top: 0;
	margin: 0% 0 0 12%;
}

#mid_wrapper_xanadu .inner_content p img{
	margin: 0% 0 0 21%;
}

#mid{
	width:999px;
	height:auto;
	margin:0 auto;
	
	
}
#mid_page{
	width:999px;
	float:left;
	height:auto;
   
}
#green_topline{
	float:left;
	width:999px;
	height:61px;
	background:url(../sabway/sabway_color.jpg) no-repeat top;
}
#display{
	float:left;
	width:999px;
	height:340px;
	background: url(../sabway/sabway_menu.jpg) no-repeat top right;
}
#display .leftBox{
	float:left;
	width:218px;
	height:340px;
	background: url(../sabway/flash.jpg) no-repeat top right;
}
#display .rightBox{
	float:left;
	width:650px;
	height:340px;

}

#footer_wrapperXXX {
	display: inline-block;
	float: left;
	height: auto;
	margin-top: 310px;
	position: relative;
	width: 100%;
}

#footer_wrapper {
	/*display: inline-block;
	float: left;
	height: auto;
	margin-top: 310px;
	position: relative;
	width: 100%;*/

	/*float: left;
	height: auto;
	position: absolute;
	width: 100%;
	top: 106%;
	left: 0;
	margin: 4px 0 0 0;*/

	float: left;
	height: auto;
	position: absolute;
	width: 91%;
	top: 97%;
	left: 6%;
	margin: 4px 0 0 0;
	min-width: 900px;
	
}

#footer_wrapper-gallery{
	float: left;
	height: auto;
	position: absolute;
	width: 91%;
	/*top: 123%;*/
	top: 101.3%;
	left: 6%;
	margin: 4px 0 0 0;
	min-width: 900px;
}

.copyright{
	/*bottom: 0%;
	color: #FFFFFF;
	display: block;
	font-size: 11px;
	left: 1%;
	position: absolute;
	width: 16%;*/

	bottom: 0%;
	display: block;
	font-size: 11px;
	left: 2.2%;
	position: absolute;
	/*width: 16%;*/
	width: 230px;
}

.sitemap{	
	/*display: inline;
	left: 50%;
	margin-left: -113px;
	padding-right: 300px;
	position: absolute;
	top: -13px;
	width: 400px;*/

	display: inline;
	left: 50%;
	margin-left: -12%;
	position: absolute;
	top: -13px;
	/*width: 22%;*/
	width: 350px;
}

.sitemap a{
	color:#049147;
	text-decoration:none;
	margin: 0 21px 0 20px;
}

.social-media{
	/*display: inline;
	position: absolute;
	right: -36px;
	top: -16px; */

	display: inline;
	position: absolute;
	/*right: -33px;*/
	top: -16px;
	width: 190px;
	margin-left: 83.8%;
}

#footer {
	width:999px;
	height:130px;
	margin:0 auto;
	
	
}
#footer_page{
	width:999px;
	float:left;
	height:130px;  
}
#footer_page .bag{
	width:88px;
	float:left;
	height:88px;
	padding-top:20px;
	padding-left:70px;  
}
#login_box{
	width:450px;
	height:110px;
	float:left;
	padding-left:30px;
	padding-top:20px;
	margin-left:40px;  
	background:url(../sabway/left_arro.jpg) no-repeat left;
}
#login_box .logintext{
	width:440px;
	height:20px;
	float:left;
	
	margin-top:5px;
	font:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px; font-weight:bold; color:#f53b02;  
	
}
#login_box .fild{
	width:440px;
	height:20px;
	float:left;
	margin-top:10px;
	
}
#login_box .fild .text{
	width:auto;
	height:20px;
	float:left;
	text-transform:uppercase;
	margin-right:10px;
	font:verdana; font-weight:bold;
	font-size:11px; color:#9e987d;  
	
}
#login_box .usertext{
	width:400px;
	height:20px;
	float:left;
	margin-top:10px;
	
	margin-right:10px;
	font:verdana; font-weight:bold;
	font-size:11px; color:#ff9900;
	text-decoration:underline;  
	
}
#login_box .fild .inputs{
	width:110px;
	height:20px;
	float:left;
	font:verdana;
	margin:2px 10px 0px 0px;
	background:#270e0b;
	border:#482e2e 1px solid;
	font-size:12px; color:#9e987d;  
	
}
#login_box .fild .bott{
	width:54px;
	height:18px;
	float:left;
	font:verdana;
	text-align:center;
	margin-top:5px;

	background:url(../sabway/login_bt.jpg) no-repeat left ;
	float:left;
	border:0px;
	font:verdana;
	color:#000;
	font-size:9px; font-weight:bold;
	
	
	
}
#login_box .fild .botton a{
	width:54px;
	height:18px;
	float:left;
	font:verdana;

	background:url(../sabway/login_bt.jpg) no-repeat left ;
	
	
	
}
#login_box .fild .botton a:hover{
	width:54px;
	height:18px;
	float:left;
	font:verdana;
	margin:2px 10px 0px 0px;
	background:url(../sabway/login_or.jpg) no-repeat left;
	
	}
	#footer_page .copyrit{
	width:222px;
	float:left;
	height:120px;
	padding-top:20px;
	padding-left:10px;
	background:url(../sabway/right_arro.jpg) no-repeat left;  
}
#footer_page .copyrit h1{
	width:180px;
	float:left;
	height:20px;
	padding:20px 0px 0px 5px;
	font-family:"Trebuchet MS"; font-size:22px;color: #F60; text-decoration:blink;	
	
}
#footer_page .copyrit h2{
	width:220px;
	float:left;
	height:15px;
	text-align:left;
	padding:8px 0px 0px 5px;
	font-family:"Trebuchet MS"; font-size:13px;color: #FFC; 	
	
}
#footer_page .copyrit p{
	width:220px;
	float:left;
	height:10px;
	padding:8px 0px 0px 5px;
	font-family:"Trebuchet MS"; font-size:9px;color:#9b8554; 	
	
}

/*order menu drop*/
.dropmenudiv_b{
	position:absolute;
	top: 0;
	/*border: 1px solid #000; 
	border-width: 0px 1px 1px 1px ;*/
	font:"Trebuchet MS";	
	font-size:11px;
	color:#9b8554;
	line-height:22px;
	visibility: hidden;
	z-index: 9999;
	width:12%;
}

.dropmenudiv_b:hover{
	color: #D87E06;
}

.dropmenudiv_b a{
	display: block;
	/*width:131.5px;
	width: 100%;*/
	height: 30px;
	line-height:30px;
	text-indent:10px;
	border: 0 solid #918d8d; /*THEME CHANGE HERE*/
	border-bottom-width: 1px;
	padding: 2px 0;
	text-decoration: none;
	background: #D87E06;	
	/*font-size: 14px;*/
	font-size: 1.3em;
	text-align: center;
	color: #000000;
}

* html .dropmenudiv_b a{ /*IE only hack*/
	width: 95px;
	height:20px;
}

.dropmenudiv_b a:hover{ /*THEME CHANGE HERE*/
	background: #D87E06;
	color:#dbcaba;
}