* { margin:0; padding:0;} 
body { background:#252525; font-family:Arial, Helvetica, sans-serif; font-size:100%; line-height:1em; color:#545B70;}
body.main-bg1 { background:url(images/main-bg1.jpg) no-repeat center 76px #252525;}
body.main-bg2 { background:url(images/main-bg2.jpg) no-repeat center 76px #252525;}
body.main-bg3 { background:url(images/main-bg3-stmarie.jpg) no-repeat center 76px #252525;}
body.main-bg4 { background:url(images/main-bg4-beach.jpg) no-repeat center 76px #252525;}
body.main-bg5 { background:url(images/main-bg5-silvery.jpg) no-repeat center 76px #252525;}
body.main-bg6 { background:url(images/main-bg6-baiters.jpg) no-repeat center 76px #252525;}

input, select, textarea { font-family:Arial, Helvetica, sans-serif; font-size:1em;}

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper { width:100%; overflow:hidden; }
.wrapsolo { width:100%; overflow:visible; }
.container { width:100%;}

p { margin-bottom:14px; font-size:1.1em; text-align:justify;}

/*==================forms====================*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}
object { vertical-align:top;}

#contacts-form {color:#2c2c2c; }
#contacts-form label { display:block; height:42px; } 
#contacts-form label input { width:220px; padding:2px 0 2px 3px; color:#3E5271;}
#contacts-form textarea {width:250px; height:100px; padding:2px 0 2px 3px; margin-bottom:12px; color:#91867f; overflow:auto;}
#contacts-form input.reset { color:#fff; font-weight:bold; background:url(images/button-bg.jpg) no-repeat left top; border:none; width:85px; height:32px; text-align:center; font-size:1.1em;}
#contacts-form input.submit { color:#fff; font-weight:bold; background:url(images/button-bg.jpg) no-repeat left top; border:none; width:85px; height:32px; text-align:center; font-size:1.1em;}
#contacts-form .col-1 { width:260px !important; margin-right:0 !important;}
#contacts-form .col-2 { width:260px !important;}

/*==================list====================*/

.gallery{padding:2px 1px 5px 1px; text-align:center;}
.gallery .clear{margin:0;}
.gallery img{
	margin:2px 5px 10px 5px;
	border: 1px solid #99FF66;
}
/* .gallery a, .gallery span{color:#3E5055; text-decoration:none; font-family:Tahoma, Arial, Helvetica, sans-serif;}
.gallery a:hover, .gallery span{text-decoration:underline; font-weight:bold;}
/* .gallery p{word-spacing:10px; padding-left:5px;} */

ul { list-style:none;}

dl { margin-bottom:-14px;}
dl dt {color:#029dda;}
dl dd { padding-bottom:14px;}

.list1 { margin-bottom:-10px;}
.list1 li { background:#faf9f6; padding:3px 20px 3px 3px; overflow:hidden; margin-bottom:10px;}
.list1 li img { float:left; margin-right:19px;}
.list1 li h3 { padding-top:18px;}
.list1 li p { margin-bottom:4px;}
.list1 li a { font-style:italic; color:#029dda;}

.list2 li { font-size:1.1em; padding-bottom:4px;}

.list3 { margin-bottom:-30px;}
.list3 li { font-size:1.1em; border-bottom:1px solid #d9d8d5; padding-bottom:15px; margin-bottom:15px;}
.list3 li em {color:#029dda;}

.list4 { overflow-x:hidden; overflow-y:scroll; height:405px; padding-right:7px; }
.list4 li { background:url(images/marker-star.gif) no-repeat left 3px; padding:2px 10px 0 25px; font-size:1.25em; margin-bottom:7px; margin-left:10px; }

.list5 {  padding-right:7px; }
.list5 li { background:url(images/marker-star.gif) no-repeat left 3px; padding:2px 10px 0 25px; font-size:1.25em; margin-bottom:7px; margin-left:10px; }


/*==================other====================*/
.img-indent { margin:0 20px 0 0; float:left;}
.img-indentr { margin:8px 2px 5px 20px; float:right;}
.img-box {  padding-bottom:20px;}
.img-box img { float:left; margin:0 20px 0 0;}

.extra-wrap { overflow:hidden; }

.p1 { margin-bottom:8px;}
.p2 { margin-bottom:16px;}
.p3 { margin-bottom:24px;}

/*==================txt, links, lines, titles====================*/
a {color:#029dda;}
a:hover{text-decoration:none;}

.white {background:#faf9f6; padding:5px 10px 13px 6px;}

h1 { font-family:"Arial Black", Gadget, sans-serif; color:#fff; font-weight:normal; font-style:italic; font-size:36px; line-height:1em; padding:5px 0 0 0; text-align:center;}

.logo h5 { font-family:"Arial Black", Gadget, sans-serif; color:#fff; font-weight:normal; font-style:italic; font-size:36px; line-height:1em; padding:60px 0 0 0; text-align:center;}
.logo h5 a { color:#fff; text-decoration:none;}
.logo h5 span { display:block; font-size:11px; line-height:1.1em; font-weight:normal; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-style:normal; letter-spacing:6px; padding-left:10px; padding-top:35px;}

h2 { font-size:2.33em; font-style:italic; color:#4f4e4d; line-height:1.1em; margin-bottom:20px;}
h2.alt { padding:16px 0 0 7px;}
h3 { font-size:1.5em; font-style:italic; color:#4f4e4d; margin-bottom:9px;}
h4 { font-size:1.17em; color:#003366; margin-bottom:20px;} 
/*== h5 { font-size:1.1em; margin-bottom:14px;} =*/
h6 { font-size:1.1em;}

.link1 { display:block; float:left; background:url(images/link1-bgd.gif) left top repeat-x; color:#fff; text-decoration:none;}
.link1 em { display:block; background:url(images/link1-left.gif) no-repeat left top;}
.link1 b { display:block; background:url(images/link1-right.gif) no-repeat right top; padding:2px 15px 2px 15px; font-weight:normal; font-style:normal;}
.link1:hover { text-decoration:underline;}

.line-hor { background:#3a3c52; height:1px; overflow:hidden; font-size:0; line-height:0; margin:20px 0 20px 0;}
.line-ver { background-image:url(images/line-ver.gif); background-repeat:repeat-y; width:100%;}

/*==================boxes====================*/
.home-box { display:block; height:370px; padding:20px 27px 10px 28px; text-align:justify; background:#faf9f6; overflow-x:hidden; overflow-y:scroll;}
.home-box-float { float:right; padding-left:15px; width:180px; color:#003366; font-size:1.1em; margin-top:5px; margin-bottom:6px;}
.specials { padding-left:15px; color:#003366; font-size:1.1em; margin-top:5px; margin-bottom:6px;}
.specialnote { padding-left:25px; color:#FF0000; line-height:1.5em; font-size:1.7em; margin-top:5px; margin-bottom:6px;}
.box { background:#fff; width:100%;}
.box .border-top {background:url(images/border-top.gif) repeat-x top;}
.box .border-bot {background:url(images/border-bot.gif) repeat-x bottom;}
.box .border-left {background:url(images/border-left.gif) repeat-y left;}
.box .border-right {background:url(images/border-right.gif) repeat-y right;}
.box .left-top-corner {background:url(images/left-top-corner.gif) no-repeat left top;}
.box .right-top-corner {background:url(images/right-top-corner.gif) no-repeat right top;}
.box .left-bot-corner {background:url(images/left-bot-corner.gif) no-repeat left bottom;}
.box .right-bot-corner {background:url(images/right-bot-corner.gif) no-repeat right bottom; }
.box .inner { padding:0 0 0 0;}

.box1 { background:url(images/box1-bg.png) no-repeat left top; width:239px; height:338px; float:left; margin:4px 6px 0 0;}
#gallery .box1 { background:url(images/box1-bg.png) no-repeat left top; width:239px; height:140px; float:left; margin:4px 6px 0 0;}
.box1 .inner { padding:46px 0 0 31px;}
#gallery .box1 .inner { padding:26px 0 0 31px;}
.box1 ul li { background:url(images/marker.gif) no-repeat left 3px; padding:2px 0 0 29px; font-size:1.25em; margin-bottom:7px; position:relative;}
.box1 ul li a { color:#000; text-decoration:none;}
#gallery .box1 .current { color:#FFFF00; text-decoration:none;}
.box1 ul li a:hover { text-decoration:underline;}

.box-sm { background:url(images/box1-bg.png) no-repeat left top; width:239px; height:338px; float:left; margin:4px 6px 0 0;}
.box-sm .inner { padding:46px 0 0 31px;}
.box-sm ul li { background:url(images/marker.gif) no-repeat left 3px; padding:2px 0 0 29px; font-size:1.25em; margin-bottom:7px; position:relative;}
.box-sm ul li a { color:#000; text-decoration:none;}
.box-sm .current { color:#FFFF00; text-decoration:none;}
.box-sm ul li a:hover { text-decoration:underline;}

.box2 { background:url(images/box2-bg.png) no-repeat left top; width:599px; height:347px; float:left;}
#gallery .box2 { background:url(images/box2-bg.png) no-repeat left top; width:599px; height:145px; float:left;}
.box2 .inner { padding:10px 11px 11px 11px;}
.box2 .inner1 { padding:42px 35px 11px 40px;}
.box2 h2 { font-size:24px; font-weight:normal; color:#000; font-style:italic; border-bottom:1px solid #c0bfb9; padding-bottom:15px;}
.box2 h2 span { display:block; font-size:28px; line-height:1em; font-style:normal; padding-bottom:2px;}
.box2 h3 { color:#000; margin-bottom:12px;}

.banner-box { width:577px; height:326px; position:relative;}
#gallery .banner-box { width:577px; height:127px; position:relative;}
.banner-box.bg1 { background:url(images/banner1.jpg) no-repeat left top;}
.banner-box.bgs1 { background:url(images/soon-banner1.jpg) no-repeat left top;}
.banner-box.bg2 { background:url(images/banner2.jpg) no-repeat left top;}
.banner-box.bg2a { background:url(images/banner2a.jpg) no-repeat left top;}
.banner-box.bg2c { background:url(images/banner2-cat.jpg) no-repeat left top;}
.banner-box.bg2d { background:url(images/banner2-dhow.jpg) no-repeat left top;}
.banner-box.bg3 { background:url(images/banner3b.jpg) no-repeat left top;}
.banner-box.bg3g { background:url(images/banner3bg.jpg) no-repeat left top;}
.banner-box.bg4m { background:url(images/banner4m.jpg) no-repeat left top;}
.banner-box.bg4a { background:url(images/banner4a.jpg) no-repeat left top;}
.banner-box.bg4b { background:url(images/banner4b.jpg) no-repeat left top;}
.banner-box.bg4g { background:url(images/banner4mg.jpg) no-repeat left top;}
.banner-box.bg5 { background:url(images/banner5.jpg) no-repeat left top;}
.banner-box.bg5a { background:url(images/banner5a.jpg) no-repeat left top;}
.banner-box.bg5b { background:url(images/banner5b.jpg) no-repeat left top;}
.banner-box.bg5c { background:url(images/banner5c.jpg) no-repeat left top;}
.banner-box.bg5d { background:url(images/banner5d.jpg) no-repeat left top;}
.banner-box.bg6g { background:url(images/banner6nbg.jpg) no-repeat left top;}
.banner-box.bg7 { background:url(images/banner7g.jpg) no-repeat left top;}

.banner-box .inner { padding:21px 0 0 20px;}
.banner-box a.banner-text { position:absolute; background:url(images/bg-link.png) left top; display:block; text-decoration:none; color:#fff; text-transform:uppercase; height:147px; text-align:center; padding:4px 17px 0 17px;}
.banner-box a.banner-text.alt {background:url(images/bg-link1.png) left top;}
.banner-box a.banner-text span { display:block; font-size:25px; line-height:1em; color:#d2ebff; letter-spacing:5px; padding:5px 0 0 0;}
.banner-box a.banner-text b { display:block; font-size:45px; font-family:"Arial Black", Gadget, sans-serif; font-weight:normal; line-height:.8em;}
.banner-box a.banner-text strong { display:block; font-size:83px; font-family:"Arial Black", Gadget, sans-serif; font-weight:normal; line-height:.8em; letter-spacing:1px;}
.banner-box a.adv-link { position:absolute; bottom:20px; color:#fff; font-weight:bold; font-size:1.1em; background:url(images/marker1.png) no-repeat left 1px; padding:0 0 0 30px;}

.gallery-box { width:577px; height:218px; position:relative;}
.gallery-box.bg1 { background:url(images/bangal1.jpg) no-repeat left top;}
.gallery-box.bg2 { background:url(images/bangal2.jpg) no-repeat left top;}
.gallery-box.bg3 { background:url(images/bangal3.jpg) no-repeat left top;}
.gallery-box.bg4 { background:url(images/bangal4.jpg) no-repeat left top;}


.content-box1 { background:url(images/content-box1.png) left top;  width:100%;}
.content-box1 .inside { padding:14px 0 14px 10px;}
/*  -o: overflow scrolled*/
.content-box1-o { background:url(images/content-box1.png) left top; width:100%; overflow-x:hidden; overflow-y:scroll; height:480px;}
.content-box1-o .inside { padding:15px 15px 4px 30px;}

.content-box2 { background:#faf9f6; width:100%;}
.content-box2 .inside { padding:30px 25px 27px 34px;}

#page6 .content-box2 h2 { font-size:13px; font-weight:normal; color:#000; font-style:normal; border-bottom:1px solid #c0bfb9; padding-bottom:17px;}
#page6 .content-box2 h2 span { display:block; font-size:28px; line-height:1em; padding-bottom:2px;}

/*  -o: overflow scrolled -os: overflow scrolled scrapbook  */
.content-box2-o { background:#faf9f6; width:100%; overflow-x:hidden; overflow-y:scroll; height:480px;}
.content-box2-o .inside { padding:30px 15px 27px 30px;}
.content-box2-os { background:url(images/content-box1.png) left top; width:100%; overflow-x:hidden; overflow-y:scroll; height:380px;}
.content-box2-os .inside { padding:30px 15px 27px 30px;}


/*header*/
#header .logo { background:url(images/logo_mad.jpg) no-repeat left top; width:239px; height:125px; position:absolute; top:40px;}
#header .fbmedia { position:relative; float:right; top:37px; padding-right:7px;}
#header .nav { position:absolute; left:246px; top:53px;}
#header .nav li { display:inline;}
#header .nav li a { color:#b5b8b9; text-transform:uppercase; text-decoration:none; padding:0 17px;}
#header .nav li a.last { padding-right:0;}
#header .nav li a:hover { color:#fff;}

#header .slogan h1 { position:absolute; right:5px; bottom:7px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; font-size:20px; line-height:1.1em; font-style:italic; color:#11a2dc; float:right; width:300px; text-align:right;}

/*content*/
#content { padding:0 0 45px 0;}
#page1 #content { padding:0 0 25px 0;}
#content .row-1 { padding-bottom:8px;}
#content .row-2 { padding:0 5px 0 0;}

/*footer*/
#footer a { color:#a7a6a3; text-decoration:none;}
#page3 #footer { color:#002828; }
#page3 #footer a { color:#003333; text-decoration:none;}
#footer a:hover { text-decoration:underline;  color:#FFFFFF;}
#page3 #footer a:hover { text-decoration:underline; color:#FFFFFF;}
#footer .footer-nav {margin:0 0 2px -10px;}
#footer .footer-nav li { display:inline; color:#4c4b4b;}
#footer .footer-nav li a { padding:0 15px 0 12px;}

/*==========================================*/