.main_pad {
	width: 750px;
	background-color: #CBCBCC;
}
.heading {
	background-color: #FFFFFF;
	height: 227px;
	background-image: url(../images/bluepoint/1a.jpg);
	background-repeat: no-repeat;

}
.heading_wedding {
	background-color: #FFFFFF;
	height: 250px;
	background-repeat: no-repeat;
	background-image: url(../images/bluepoint/head004.jpg);
}
.bodee {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-image: url(../images/bluepoint/ornamen_bottom.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #0099ff;
}
.footers {
	background-color: #028cee;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	height: 30px;
	padding: 7px;
}
.pad_01 {
	padding-top: 10px;
	padding-right: 50px;
	color: #333333;
}
#tuup {
	background-image: url(../images/bluepoint/ornamen-1.gif);
	background-repeat: no-repeat;
	height: 500px;
	position: relative;
	visibility: inherit;
	z-index: 1;
}
body {
	/*background-color: #eeeeee;*/
	background:#9db5d7;
	margin-top: 0px;
}
.nav {	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	height: 12px;
	width: 100%;
	display: block;
}
.nav_pad {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #7E7E7E;
	border-bottom-color: #7E7E7E;
	margin: 0px;
	height: 15px;
	width: 100%;
	background-color: #A4A4A4;
}
.right_border {	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #7E7E7E;
}
.nav a {
	color: #333333;
	text-decoration: none;
	background-color: #A4A4A4;
	height: 15px;
	display: block;
}
.nav a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #8A8A8A;
}
.container {	background-color:#fff;
	padding: 10px;
	width: 770px;
}
.containerIntro {	background-color:none;
	padding: 10px;
	width: 770px;
}
.body_text {
	background-color: #18D2E7;
	margin-top: 10px;
	margin-left: 10px;
	width: 400px;
	margin-right: 0px;
	margin-bottom: 10px;
	height: 400px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #A4A4A4;
	border-left-color: #A4A4A4;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A4A4A4;
	padding: 10px;
	color: #FFFFFF;
}
.inside_pic {
	margin-bottom: 8px;
	background-color: #FFFFFF;
	padding: 5px;
}
div.login-box{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	text-align: right;
	padding-right: 10px;
	padding-left: 10px;
}
.login-box a:link, .login-box a:visited{
	color: #FFFF00;
	text-decoration: none;
}
.login-box a:hover, .login-box a:active{
	color: #000000;
	text-decoration: underline;
}
div#loader{
	background-color: #FFFFCC;
	background-image: url(images/loading.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 35px;
	width: auto;
	margin-top: 4px;
	margin-bottom: 4px;
}
label{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 0.1em;
}
span.asterisk{
	font-weight: bold;
	color: #FF3300;
}


#HTMLmessage{padding: 8px;text-align: center;}
#HTMLmessage h3, #HTMLmessage h4, #HTMLmessage h5, #HTMLmessage h6{
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 0.1em;
	margin: 0px;
	padding: 2px;
}
#HTMLmessage h3{font-size: 18px;}
#HTMLmessage h4{font-size: 16px;}
#HTMLmessage h5{font-size: 14px;}
#HTMLmessage h6{font-size: 12px;}
#HTMLmessage p{
	margin: 0px;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#HTMLmessage #INFO{
	border: 1px dashed #CC9900;
	background-color: #FFFFCC;
	padding: 3px;
}
#HTMLmessage #ERROR{
	border: 1px dashed #FF6600;
	background-color: #FFDDDD;
	padding: 3px;
}
#HTMLmessage #INFO #head{background-color: #CC9900;}
#HTMLmessage #ERROR #head{background-color: #FF6600;}
#HTMLmessage #INFO #body{
	padding: 2px;
	margin-top: 3px;
	border: 1px inset #FFFFCC;
}
#HTMLmessage #ERROR #body{
	border: 1px inset #FFDDDD;
	padding: 2px;
	margin-top: 3px;
}



*{
	margin: 0px;
	padding: 0px;
}
html{
	margin-bottom: 1px;
}
body{
	/*background-color: #f5f5f5;*/
	background:#9db5d7;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 76%;
}
div.outer-shell {
	position: absolute;
	top: 50%;
	left: 50%;
	text-align: center; /* IE hack */
}
div.inner-shell {
	position: absolute;
	border: 0px;
	padding: 0px;
	width: 740px;
	height: 520px;
	margin-top: -260px;
	margin-left: -370px;
}
div.container {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
}
div.form-newsletter{
	height: auto;
	position: absolute;
	top: 422px;
	width: 400px;
	left: 332px;
	text-align: left;
}
div.site-link-box{
	width: 300px;
margin:250px auto 0 auto;

	text-align: left;
	color: #fff;
}
.site-link-box a:link, .site-link-box a:visited{
	font-weight: bold;
	text-decoration: none;
	font-size: 11px;
	color: #fff;
}
.site-link-box img{ border:none;vertical-align: middle; margin:0 10px;}
.site-link-box a:hover, .site-link-box a:active{
	color: #064eb0;
}
input.text-box{
	border: 1px solid #999999;
}
h1,h2,h3,h4,h5,h6{
	color: #666600;
}

h2{ padding:5px 0 5px 0;}

label{
	font-weight: normal;
	letter-spacing: 0.1em;
	color: #666666;
}

.clr{clear:both;}

.Content{padding:5px 0px 10px 0px;}

.ListRoom {margin:15px 0 10px 0;}
.ListRoom img{ padding:2px; border:1px #333 solid; margin:0px 5px 0px 0px; float:left;}
.ListRoom h3 a{ color:#333; text-decoration:none;}
.ListRoom h3 a:hover{ color:#666; text-decoration:none;}


.weddinglist{margin:15px 0 5px 0; }
.ImagesSlideWedding{/*width:50%;*/ float:left; margin-right:15px;}
.ContentWedding{/*width:47%;*/ float:left; width: 350px; }
.ContentWedding ul{padding:0 0 0 25px;}


.Listing{margin:15px 0 5px 0; }
.ImagesSlide{/*width:50%;*/ float:left; margin-right:15px;}
.Listing .Content{/*width:47%;*/ float:left; }
.Listing .Content ul{padding:0 0 0 25px;}
.Listing .Booking{text-align:right;}

.Poollist{margin:15px 0 5px 0;}
.ImagesSlidePool{width:43%; float:left; margin-left:5px;}
.ContentPool{width:54%; float:left;}
.ContentPool ul{padding:0 0 0 25px;}
.TitlePool{font-size:16px; font-style:italic; padding:10px 0px 10px 0px; font-weight:bold;}
.slideimages{}
.slideimages li{ list-style:none;}
.slideimages li img{ border:#FFF solid 1px; padding:1px;}
.loading{ background: #ffffff url(/assets/js/loading.gif) center no-repeat;}

/*.ImagesSlides{float:left;}*/
.ImagesSlides{width:150px; height:120px; float:left; padding:3px;}
.ImagesSlides li{ list-style:none;}
.ImagesSlides li img{ border:#FFF solid 1px; padding:1px;}


.ImagesView{padding:20px 0 20px 0; text-align:center;}
.ImagesView img{ padding:2px; border:1px #333 solid; margin:0px 10px 0px 10px; }

.ListRoomContent a{color:#333; text-decoration:none; font-weight:bold;}
.ListRoomContent a:hover{color:#999; text-decoration:none; font-weight:bold;}

.BookingLink{text-align:right; width:auto;}
.BookingLink a{color:#333; font-size:12px; text-decoration:none; font-weight:bold; text-align:right; width:auto;}
.BookingLink a:hover{color:#666; font-size:12px; text-decoration:none; font-weight:bold; text-align:right; width:auto;}


.TitleWedding{font-size:16px; font-style:italic; padding:10px 0px 10px 0px; font-weight:bold;}

.BookWedding{text-align:right;}

.ul_li_margin{margin-left:30px;}
.Table_padding{padding:3px;}

/*--------------------form contac us--------------------*/

.input,.inputbook{font-size:12px;  background-color:#FFF; border:1px #ffc22f solid; margin:2px; padding:2px;}

.textarea,.textareabook{font-size:12px;  background-color:#FFF; border:1px #ffc22f solid; margin:2px; padding:2px;}

.textalert{color:#f46e00; font-weight:bold; display:none; font-size:21px;}

#contactbutton, #buttonSend, #buttonclear{ font-size:12px; background: url(../images/bg-button.jpg) repeat-x; padding:0 15px 5px 15px; font-weight:bold ;color:#fff; text-decoration:none; float:none; border:none; height:20px;}

#comments{height:100px; width:300px;}