body
{
background: url(images/bg.jpg) center 0 no-repeat; /* this is for background */
color:#000000; /* this is for font color */
margin:0px;
font:12px arial;
}


h2 {text-align:left; font:24px Candara; margin:0 0 5 0;}
h4 {text-align:left; font:16px Candara bold;margin:5 0 5 0;}





#megacontainer /* to be container */
{
width:948px;
min-height:1440px;
margin:auto; /* to be center */
overflow:visible;
border:0px solid green;
margin-top:30px;
}



.header
{
width:940px;
display:block;
height:50px;

}


.logo
{
position:absolute;
width:170px;
padding:0px 0px 5px 20px;
float:left;
z-index:1;
}

/* main menu styles */
.menu 
{	
	background: #302e31;
    display:inline-block;
    width:948px;
	height:30px;
	margin:auto;
    padding-bottom: 0px !important;  


 
}
.menu li {

    margin:5px 10px 5px 10px;
    float:left;
    position:relative;
    list-style:none;

}

.menu li a{
    width:100%;
}

/*nagivation link*/
.menu a {
	padding-left:5px;
	padding-right:5px;
	font:16px Myriad Pro;
    font-style:italic;
    color:#ffffff;
    text-decoration:none;
    display:block;
	text-align: center;
}



ul.menu a:hover		            
{ 
	color: #ffa500;
}

menu a:active               
 { 
	color: #ffa500;
}
ul.menu li a                   
 { 
	color: #FFFFFF;
}

.menu ul
{
	list-style-type:none;
	margin:0;
	padding:0;
	border:1px solid black;
}

.menu li
{
	display:inline;
}

ul.menu li.hover, ul.menu li:hover, ul.menu li.active, ul.menu li:active {
position: relative;
color: 
white;
}

.navigation  ul
{
	list-style-image:url('images/bullet.png');
	padding-left: 15px;
	margin-bottom: 0px;
	padding-bottom: 10px;
}

.navigation  li
{
 height: 20px;
 text-align:left;
 font:13px century gothic;
}

.contact_detail_block
{
padding-left:40px;
}

.contact_form
{
padding-left: 50px !important;
font-size: 18px;
}

.readmore
{
font:12px century gothic bold;
text-align: bottom;
}


.learnmoretext
{
font:14px century gothic;
text-align:left;

}

.readmoretext
{
font:13px century gothic;
text-align:center;
padding:0px 17px 0px 17px;
}

.supercontent
{
width:940px;
border:0px solid grey;
margin:auto;
background: #ffffff;
box-shadow: 6px 0px 10px -7px #888, -6px 0px 10px -7px #888;
}

.megacontent
{
padding-top: 20px;
margin:auto;
width:890px;
height:100%;
}

.thecontent
{
min-height:700px;
}

.left_coloumn
{
float:left;
width:633px;
min-height:781px;
border:0px solid red;

}

.content
{
margin-top:10px;
min-height:800px;
border:0px solid blue;
}



.row1
{
float:left;
}

.rowtext
{
padding-left: 10px;
float: left;
width: 410px;
height: 112px;
display: block;
}

.rowtext h4
{
margin-top: 5px !important;
margin-bottom: 5px !important;
}
   


.events_row img
{
border:1px solid #ccc;
} 

.left_coloumn_top
{
display: block;
height:100%;
}


.left_coloumn_top1
{
width:295px;
text-align:center;
float:left;
font-size:12px;
}


.left_coloumn_top1 h3
{
font:18px Candara;
margin: 0 0 0 0;
}

.left_coloumn_top1 p, .left_coloumn p
{
margin:0;
}

.left_coloumn_top_text 
{
padding-top:15px;
text-align:left;
}

.left_coloumn_middle
{
float:left;
width:610px;
border:0px solid red;
}

.left_coloumn_bottom
{
float:left;
width:633px;
border:0px solid red;
}
.random_hotels 
{
text-align:center;
}

.random_hotels a
{
text-decoration:none;
color:black;
}

.random_hotels img
{
border:0 !important;
}

.random_hotels p
{
margin:6 0 6 0;
}

.right_coloumn
{
float:right;
width:270px;
border:0px solid green;
}

.footer
{
width:100%;
height:200px;
color:white;
float:left;
}


.copyright
{
font:arial !important;
background: url() #302e31;
border:1px solid black;
width:100%;
min-height:30px;
text-align:left;
color: white; 
font-size:11px;
}


.copyright a
{
color:white;
text-decoration:none;
}

.copyright a:hover
{
color:#ffa500;
text-decoration:underline;
}


.c1
{
float:left;
padding-left:20px;
}




.c2
{
float:right;
padding-right:50px;
}


.footer_link
{
margin:auto;
width:950px;
margin-top:0px;
}

.footer_link a
{
margin:10 10 10 10 ;

}




/* 
Contact Form
*/

.success, .validation {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('image/success.png');
}
.validation {
    color: #D63301;
    background-color: #FFCCBA;
    background-image: url('image/error.png');

}
.validation li {
    list-style:disc;
    list-style-position:inside;
    line-height: normal;
}

**
* Ship Info
*/
.row label{
    clear:both;
    float:left;
    width:150px;
    padding: 3px;
}
.span2{
    float:left;
}
.confirm_title{
    clear:both;
    padding-top:10px;
    font-weight:bold;
    font-size:18px;
}
/* Homepage */
.left_coloumn_middle a , .right_coloumn a
{
color:black;
text-decoration:none;
}

.rowtext p
{
text-align:justify;
}



.left_coloumn_middle a:hover , .right_coloumn a:hover
{
color:#ffa500;
text-decoration:underline;
}


/* Contact Info */
.email span{
    display: inline-block; 
    background-image: url('image/con_email.png');
    background-repeat: no-repeat;
    width: 16px;
    height:16px;
    margin-right:5px;
}
.mobile span{
    display: inline-block; 
    background-image: url('image/con_mobile.png');
    background-repeat: no-repeat;
    width: 16px;
    height:16px;
    margin-right:5px;
}
.phone span{
    display: inline-block; 
    background-image: url('image/con_tel.png'); 
    background-repeat: no-repeat;
    width: 16px;
    height:16px;
    margin-right:5px;
}
.fax span{
    display: inline-block; 
    background-image: url('image/con_fax.png'); 
    background-repeat: no-repeat;
    width: 16px;
    height:16px;
    margin-right:5px;
}
.address{
    padding-left:20px; 
    display: inline-block; 
    background-image: url('images/con_address.png');
    background-repeat: no-repeat;
}
.website span{
    display: inline-block; 
    background-image: url('image/con_website.png');
    background-repeat: no-repeat;
    width: 16px;
    height:16px;
    margin-right:5px;
}
.city span{
    padding-left:21px;
}
.state span{
    padding-left:21px;
}
.contact_desc span{
    padding-left:21px;
}
.contact_form{
    clear:both;
    font-weight:bold;
    padding: 10px 0 10px 0;
	text-align: left;
}

.contact_detail_block,.contact_form_div
{
text-align: left;
}


/*
Banner Rotator
*/

/* Customize */
#coin-slider-coin-slider1362
{
 margin-top: -3px;
}

.rotatorwrapper
{
overflow:hidden;
height:281px;
margin-top: -3px;
}

.mah_rotator
{
overflow:hidden;
margin-top: -3px;
}



#coin-slider1372 { background-repeat:no-repeat;overflow: width:916px; overflow:hidden; zoom: 1; position: relative; }
#coin-slider1272 a {text-decoration: none; outline: none; border: none; }
#coin-slider1272 .cs-prev, .cs-next { background-color: #000000; color: #FFFFFF; padding: 0px 10px; }
#coin-slider1272 .cs-prev { background:url(images/prev.png) no-repeat 0 0 transparent !important; width:35px; height:35px; text-indent:-9999px; display:block; padding:0 !important; opacity:1 !important; filter:alpha(opacity=100) !important; }
#coin-slider1272 .cs-prev:hover {background-position:0 -35px !important;}
#coin-slider1272 .cs-next {background:url(images/next.png) no-repeat 0 0 transparent !important; width:35px; height:35px; text-indent:-9999px; display:block; padding:0 !important;  opacity:1 !important; filter:alpha(opacity=100) !important; right:20px !important; }
#coin-slider1272 .cs-next:hover {background-position:0 -35px !important;}
#coin-slider-coin-slider1272 .cs-buttons { position:absolute !important; padding:0 !important; }
#coin-slider-coin-slider1272 .cs-buttons a {margin-left: 5px; height: 26px; width: 16px; float: left; color: #B8C4CF; text-indent: -1000px; background:url(images/non_select.png) no-repeat; border:0px; }
#coin-slider-coin-slider1272 .cs-buttons .cs-active { height: 26px; width: 16px; background:url(images/select.png) no-repeat; }
.wrapper_div1272 #coin-slider1272 .cs-title { top: 250px; height:20px;width:906px; }


#background /* blue */
{
margin:auto; /* to be center */
overflow:hidden;
height:970px;
width:850px;
background:#00aeef;
padding: 15px 25px 25px 25px;
margin-top:5px;
margin-bottom:10px;
border-top-right-radius: 25px;
border-top-left-radius: 25px;
border-bottom-right-radius: 25px;
border-bottom-left-radius: 25px;
}




.text
{
font:14px century gothic;
width:570px;
float:right;
text-align:left;
}


::selection{ 
	 background:#666;
	 color:white;
	 text-shadow:none;
}

::-moz-selection{
  	background:#666;
  	color:white;
  	text-shadow:none;
}


#viewport{
	overflow: hidden;
}

.pages, #controllers{
	width:900px;
	height:636px;
	position:relative;
	margin:auto;
	margin-top:50px;
}

.x1024 .pages, .x1024 #controllers{
	width:1024px;
}

.x1024 .turn-page, .x1024 #shadow-page{
	width:512px;
}

.clear{
	clear:both;
}

.turn-page{
	width:450px;
	height:636px;
	overflow:hidden;
	background:white;
	background-color:#f0f0f0;
}

.turn-page-wrapper{
	overflow: hidden;
}

#shadow-page{
	width:450px;
	height:636px;
	position:absolute;
	top:0px;
	right:0px;
	-moz-box-shadow: 5px 5px 10px #888;
	-webkit-box-shadow: 5px 5px 10px #888;
	box-shadow: 5px 2px 10px #888;
	z-index:-1;
}

#next, #previous{
	opacity:0;
	position:absolute;
	height:636px;
	width:24px;
	background:#999;
	-webkit-user-select:none;
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-ms-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	transition: opacity 0.5s;
	z-index:1000;
}

#next i, #previous i{
	background:url(../images/sprite.png) no-repeat;
	width:32px;
	height:32px;
	display:block;
	margin-top:334px;
	margin-left:-4px;
}

#next{
	-webkit-border-radius: 0px 10px 10px 0px;
	-moz-border-radius: 0px 10px 10px 0px;
	-ms-border-radius: 0px 10px 10px 0px;
	-o-border-radius: 0px 10px 10px 0px;
	border-radius: 0px 10px 10px 0px;
	right:-24px;
	top:0px;
}

#next i{
	background-position:-32px 0px;
}

#previous{
	-webkit-border-radius: 10px 0px 0px 10px;
	-moz-border-radius: 10px 0px 0px 10px;
	-ms-border-radius: 10px 0px 0px 10px;
	-o-border-radius: 10px 0px 0px 10px;
	border-radius:  10px 0px 0px 10px;
	left:-24px;
	top:0px;
}

#previous i{
	background-position:0px 0px;
}

#next.visible:hover, #previous.visible:hover {
	opacity:1 !important;
}


span.reference{
	font-family:Arial;
	position:fixed;
	right:10px;
	top:10px;
	font-size:15px;
}
span.reference a{
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
}


}
.pp_loading{
	display:none;
	position:fixed;
	top:50%;
	left:50%;
	margin:-35px 0px 0px -35px;
	background:#fff url(../icons/loader.gif) no-repeat center center;
	width:70px;
	height:70px;
	z-index:999;
	opacity:0.7;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
.pp_next, .pp_prev{
	cursor:pointer;
	top:50%;
	margin-top:-16px;
	width:32px;
	height:32px;
	position:fixed;
	text-align:center;
	border:1px solid #111;
	color:#fff;
	-moz-box-shadow:0px 0px 3px #000;
	-webkit-box-shadow:0px 0px 3px #000;
	box-shadow:0px 0px 3px #000;
}
.pp_next{
	right:-40px;
	background:#222 url(../icons/next.png) no-repeat center center;
}
.pp_prev{
	left:-40px;
	background:#222 url(../icons/prev.png) no-repeat center center;
}
#pp_thumbContainer{
	position:fixed;
	bottom:0px;
	left:0px;
	height:65px;
	width:100%;
}
#pp_thumbContainer .album{
	position:absolute;
	width:200px;
	height:65px;
	bottom:-90px;
}
.album .descr,
.pp_back{
	position:absolute;
	bottom:0px;
	left:-16px;
	background:#222;
	text-align:center;
	border:1px solid #111;
	padding:5px;
	cursor:pointer;
	width:169px;
	color:#fff;
	cursor:pointer;
	text-shadow:0px 0px 1px #fff;
	-moz-box-shadow:1px 1px 4px #000;
	-webkit-box-shadow:1px 1px 4px #000;
	box-shadow:1px 1px 4px #000;
}
.pp_back{
	text-transform:uppercase;
	bottom:120px;
	left:-100px;
	width:80px;
}
#pp_thumbContainer .content{
	position:absolute;
	top:0px;
	height:155px;
	cursor:pointer;
}
#pp_thumbContainer img{
	border:5px solid #fff;
	-moz-box-shadow:1px 1px 7px #000;
	-webkit-box-shadow:1px 1px 7px #000;
	box-shadow:1px 1px 7px #000;
}

.pp_preview{
	position:fixed;
	top:150%;
	left:50%;
}
.pp_preview img{
	position:absolute;
	top:0px;
	left:0px;
	border:10px solid #fff;
	border-bottom:45px solid #fff;
	-moz-box-shadow:1px 1px 7px #000;
	-webkit-box-shadow:1px 1px 7px #000;
	box-shadow:1px 1px 7px #000;
}
.pp_descr{
	height:45px;
	line-height:45px;
	font-size:20px;
	width:100%;
	bottom:0px;
	left:0px;
	position:absolute;
	text-align:center;
	color:#00021c;
}

.mbpgallery_categories_wrapper
{
margin-right: auto;
margin-left: auto;
width: 550px;
}

.mbpgallery_category_wrapper
{
margin-right: auto;
margin-left: auto;
width: 800px;
}

.mbpgallery-category-box-file 
{
height: 100px !important;
}

.gallery_back_button
{
padding-left:50px;
}

.mbpgallery-category-box-file:hover
{
    border: 1px solid #7e3419 !important;
}
.mbpgallery-category-box-file-third  img 
{
	display: inline;
  margin: 3px;
  opacity: 0.7;
	-webkit-transition: opacity 0.3s ease-in-out;
	border:0px solid #7e3419;
	
}

.mbpgallery-category-box-file-third  a:hover img 
{
opacity: 1;
box-shadow: 4px 4px 10px #818d98;!important;
}

.gallery_back_button span.back_btn 
{
background-image: url('http://mobipotcms.com/template/pro/goldentriangle/gtriangle/css/images/arrow.png')!important;
margin-right: 100px;
margin-top: 10px;
}

.mbpgallery-categories-box-file:hover 
{
-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,1)!important;
}

.mbpgallery-category-box-file 
{
background: none !important;
height:150px !important;
font-size: 15px !important;
border: none !important;
margin:10px !important;
}

.mbpgallery-category-box-file a
{
color:black !important;
text-decoration:none !important;
}


.mbpgallery-category-box-file:hover
{
border: none !important;
}

.gallery_category_title h1
{
font-size:20px;
}

#page-wrap body { font: 10px Georgia, serif; color: #222; margin: 0; padding: 0;}

#page-wrap { width: 930px; margin: 60px auto; }
#map_canvas { width: 100%; height: 400px; width: 300px; float: left; position: relative; z-index: 30!important; border:5px solid brown; }

#page-wrap h1 { margin: 0 0 0px 0; font: bold 40px Helvetica, Arial, Sans-Serif; letter-spacing: -2px; }
#page-wrap h2 { margin: 0 0 0px 0; font: bold 25px Helvetica, Arial, Sans-Serif; letter-spacing: -1px; text-shadow: 0 1px 0px rgba(255,255,255,0.3); padding-left:0px;}
#page-wrap h3 { margin: 0 0 0px 0; font: bold 18px Helvetica, Arial, Sans-Serif; letter-spacing: -1px; }
#page-wrap p {font: 14px Georgia, serif; color: #222;}

#locations { list-style: none; width: 250px; float: left;  }
#locations li { padding: 10px; width: 800px; float: left; position: relative; z-index: 20; }
#locations li:hover, #locations li.hover { background: #ffe8b2 url(../images/shadow.png) 128px 0 repeat-y; }
#locations li:hover h3, #locations li.hover h3 { color: red; text-shadow: 0 1px 0px rgba(255,255,255,0.3); }


#contactcontent { width: 300px; }

#more-info { width: 300px; float: right; background: #ffe8b2; padding: 20px; height: 360px; }
#more-info * { position: relative; z-index: 40; }
#more-info > div { background: #e9e2bf; -moz-box-shadow: 0 0 14px rgba(70,49,1,0.5); -webkit-box-shadow: 0 0 14px rgba(70,49,1,0.5); padding: 20px; height: 320px; }
.longdesc { display: none; }

.header1 { 
	color: #990000;
	font-size:16px;
	font-weight:bold;
}

.header2 {
	color: #1a466f; 
	font-size:12px;
	font-weight:bold;

 }

 hr.style-two {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
}


.events_row
{
width: 100%;
float: left;
margin-bottom: 20px;
}

#announcements
{
margin:0px;
padding:0px;
}

#foodpromo
{
list-style: none;
padding-left: 15px;
text-align: left;
}

.news-item
{
background: url(/storage/upload/mah/images/bullet3.png) no-repeat;
padding-left: 30px;
padding-bottom: 5px;
}

#announcements li
{
padding: 0px 0px 1px;
vertical-align: middle;
list-style: none;
margin: 10px 0px;
}

.maxlist-more
{
display: none;
}

.sig_cont
{
width:95px;
height:63px;
}

.events_title
{
border:0px !important;
}

.blog
{
margin: auto;
}

td .top
{
padding-right: 30px;
}


.ib-container{
	    position: relative;
    width: 860px;
    height: 1210px;
    display: block;
    padding: 10px;
    padding-top: 20px;
    padding-left: 20px;
    margin-bottom: 50px;

	
}
.ib-container:before,
.ib-container:after {
    content:"";
    display:table;
}
.ib-container:after {
    clear:both;
}
.ib-container article{
	display: block;
	width: 250px;
	height: 100px;
	background: #fff;
	cursor: pointer;
	float: left;
	border: 10spx solid #fff;
	text-align: left;
	text-transform: none;
	margin: 15px;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	box-shadow: 
		0px 0px 0px 10px rgba(255,255,255,1), 
		1px 1px 3px 10px rgba(0,0,0,0.2);
	-webkit-transition: 
		opacity 0.4s linear, 
		-webkit-transform 0.4s ease-in-out, 
		box-shadow 0.4s ease-in-out;
	-moz-transition: 
		opacity 0.4s linear, 
		-moz-transform 0.4s ease-in-out, 
		box-shadow 0.4s ease-in-out;
	-o-transition: 
		opacity 0.4s linear, 
		-o-transform 0.4s ease-in-out, 
		box-shadow 0.4s ease-in-out;
	-ms-transition: 
		opacity 0.4s linear, 
		-ms-transform 0.4s ease-in-out, 
		box-shadow 0.4s ease-in-out;
	transition: 
		opacity 0.4s linear, 
		transform 0.4s ease-in-out, 
		box-shadow 0.4s ease-in-out;

}
.ib-container h3 a{
	font-size: 16px;
	font-weight: 400;
	color: #000;
	color: rgba(0, 0, 0, 1);
	text-shadow: 0px 0px 0px rgba(0, 0, 0, 1);
	opacity: 0.8;
}
.ib-container article header span{
	font-size: 10px;
	font-family: "Big Caslon", "Book Antiqua", "Palatino Linotype", Georgia, serif;
	padding: 10px 0;
	display: block;
	color: #FFD252;
	color: rgba(255, 210, 82, 1);
	text-shadow: 0px 0px 0px rgba(255, 210, 82, 1);
	text-transform: uppercase;
	opacity: 0.8;
}
.ib-container article p{
	font-family: Verdana, sans-serif;
	font-size: 10px;
	line-height: 13px;
	color: #333;
	color: rgba(51, 51, 51, 1);
	text-shadow: 0px 0px 0px rgba(51, 51, 51, 1);
	opacity: 0.8;
}
.ib-container h3 a,
.ib-container article header span,
.ib-container article p{
	-webkit-transition: 
		opacity 0.2s linear, 
		text-shadow 0.5s ease-in-out, 
		color 0.5s ease-in-out;
	-moz-transition: 
		opacity 0.2s linear, 
		text-shadow 0.5s ease-in-out, 
		color 0.5s ease-in-out;
	-o-transition: 
		opacity 0.2s linear, 
		text-shadow 0.5s ease-in-out, 
		color 0.5s ease-in-out;
	-ms-transition: 
		opacity 0.2s linear, 
		text-shadow 0.5s ease-in-out, 
		color 0.5s ease-in-out;
	transition: 
		opacity 0.2s linear, 
		text-shadow 0.5s ease-in-out, 
		color 0.5s ease-in-out;
}
/* Hover Style for all the items: blur, scale down*/
.ib-container article.blur{
	box-shadow: 0px 0px 20px 10px rgba(255,255,255,1);
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-o-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
	opacity: 0.2;
}
.ib-container article.blur h3 a{
	text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.9);
	color: rgba(0, 0, 0, 0);
	opacity: 0.5;
}
.ib-container article.blur header span{
	text-shadow: 0px 0px 10px rgba(255, 210, 82, 0.9);
	color: rgba(255, 210, 82, 0);
	opacity: 0.5;
}
.ib-container article.blur  p{
	text-shadow: 0px 0px 10px rgba(51, 51, 51, 0.9);
	color: rgba(51, 51, 51, 0);
	opacity: 0.5;
}

/* Hover Style for single item: scale up */
.ib-container article.active{
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
	box-shadow: 
		0px 0px 0px 10px rgba(255,255,255,1), 
		1px 11px 15px 10px rgba(0,0,0,0.4);
	z-index: 100;	
	opacity: 1;
}


.ib-container article.active h3 a,
.ib-container article.active header span,
.ib-container article.active p
{
	opacity; 1;
}