/*  BASE.CSS - MANGO MOON HOTEL */

html { padding:0px; margin:0px; height:auto; background: #000; }
body { font-size:110%; font-family: Monotype Corsiva, Verdana, Arial, SunSans-Regular, Sans-Serif; color:#cc0066; padding:0px; margin:0px; background:transparent; }
#bgImage { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -5299; }
#pageTitle {	margin: 35px 0 10px 15px; padding-top: 10px; }
#MMhome { color: #ff0033; }
#MMhome #Footer { background: #111; border: none; }
#MMhome p { text-align: center; margin-right: 0px; }
#MMhome p span { font-size: 200%; line-height: 1; }
#MMhome #content div.LeftColumn p { padding-bottom: 5px; margin: 5px 0 0 20px; }
#MMhome #content div.LeftColumn img { padding-bottom: 20px; }
#MMhome #content div.LeftColumn img#pageTitle { padding-bottom: 0px; margin-bottom: 0; }
#content h1 { margin: 0; padding: 0; }

#MMabout #content .Full img { margin: 5px 0 5px 14px; }
#MMabout #content div.Full, #MMabout #Footer, #MMabout #content { background: #030303; }
#MMabout #content div.staffParagraph { color: #6633cc; padding-bottom: 20px; }
#MMabout .imgLeft { margin: 20px; text-align: left; clear: both; }
#MMabout .imgLeft img { float: left; padding: 0px 10px 0 30px; }
#MMabout .imgLeft p { width: 320px; padding: 20px 0 0 150px; color: #6633cc; }

#MMabout .imgLeft2 { margin: 20px; text-align: left; clear: both; }
#MMabout .imgLeft2 img { float: left; padding: 0px 10px 0 100px; }
#MMabout .imgLeft2 p { width: 300px; padding: 20px 0 0 190px; color: #6633cc; }

#MMabout .imgRight { margin: 20px; text-align: right; clear: both; }
#MMabout .imgRight img { float: right; padding: 0px 30px; }
#MMabout .imgRight p { width: 410px; padding: 20px 200px 0 0px; color: #6633cc; }

#MMabout .imgRight2 { margin: 20px; text-align: right; clear: both; }
#MMabout .imgRight2 img { float: right; padding: 0px 150px 0 10px; }
#MMabout .imgRight2 p { width: 410px; padding: 36px 200px 0 0px; color: #6633cc; }

#MMabout .boxTop p { color: #ff3333; font-size: 130%; text-align: center; }
#MMabout .boxBottom p { color: #cc6600; font-size: 130%; text-align: center; }
#MMabout #content .boxTop p, #MMabout #content .boxBottom p { text-align: center; line-height: 130%; padding-right: 10px; }

#MMrooms #content div.Full { background: #030303; }
#MMrooms #exception { position: relative; top: -10px; right: -188px; }
#MMrooms #content .Full p { margin-bottom: 30px; color: #663399; }
#MMrooms #content .Full p.one { margin: 0 100px 0 80px; }
#MMrooms #content .Full p.two { margin: 0 60px 0 80px; }
#MMrooms #content .Full p.three { margin: 0 70px 0 100px; }
#MMrooms #content .Full p.four { margin: 0 80px 0 100px; }
#MMrooms #content .Full p.five { margin: 0 240px -160px 100px; position: relative; top: -160px; }
#MMrooms #content .Full p.six { margin: 0 80px 0px 80px; }
#MMrooms #content .Full p.seven { margin: 0 110px 0px 110px; }
#MMrooms #content .Full div p { font-family: Times New Roman, Serif; font-size: 95%; color: #d1006c; text-align: left; margin: 10px 40px 30px 440px; }
#MMrooms #content #roomDetails { clear: both; padding-top: 20px; }
#MMrooms #content #roomDetails p { font-family: Times New Roman, Serif; font-size: 100%; color: #ffd350; margin: 40px 120px 0 120px; text-align: center; } 
#MMrooms #Footer, #MMrooms #content { background: #030303; }
#MMrooms #content div.Full div.lift { width: 320px; float: right; padding: 0; margin: -30px 0 0 0; }
#MMrooms #content div.Full div.choice { margin: 10px 10px 80px 50px; padding: 0 0 40px 0; text-align: left; }
#MMrooms #content div.Full div.choice p { width: 260px; float: right; margin: 0; padding: 20px 20px 50px 20px; text-align: left; }
#MMrooms #content img { clear: both; }
#MMrooms #content h1 { margin-left: 30px; }

#MMpackages #content div.Full { background: #030303; }
#MMpackages #Footer, #MMpackages #content { background: #030303; }
#MMpackages h3 { color: #99cc66; text-align: right; margin: 0; padding: 10px 30px 0 0; }
#MMpackages ul.norm { margin: 20px 30px 20px 0px; padding: 10px 0; text-align: left; font-family: Times New Roman, serif; border: 3px solid #666666; border-left: none; border-right: none; list-style: none; }
#MMpackages ul.norm li { padding-left: 30px; background: url("images/bullet.gif") no-repeat left top; margin-bottom: 5px; }
#MMpackages ul.norm li.color1 { color: #ff3333; }
#MMpackages ul.norm li.color2 { color: #663399; }
#MMpackages ul.norm li.color3 { color: #cc6600; }
#MMpackages #content div.Full { padding: 0px; margin: 0; }
#MMpackages #content #Footer p { color: #99cc33; font-style: normal; font-size: 110%; font-family: Times New Roman, serif; }
#MMpackages #content #Footer p span { color: #ff3333; }
#MMpackages #content #Footer { padding-bottom: 30px; }

#MMreservations #content, #MMreservations #content div.Full { background: #030303; text-align: left; }
#MMreservations #MMform { padding: 30px; color: #fff; font-family: Times New Roman, serif; }
#MMreservations #content #Footer { background: #030303; }
#MMform input, #MMform textarea { width: 400px; float: right; margin: 5px 20px; }
#MMform label { margin-top: 5px; margin-bottom: 5px; float: left; width: 170px; }
#MMform #level1 input { width: 450px; }
#MMform #level1 label { width: 120px; }
#MMform #level3 input, #MMform #level3 textarea { width: 300px; }
#MMform #level3 label { width: 270px; }
#level2, #level3 { margin-top: 40px; }
#MMreservations h3 { text-align: left; color: #fff; font-family: Times New Roman, serif; margin: 15px 30px 0px 30px; font-size: 100%; }
#MMform br { clear: both; }
#MMform input#sd, #MMform input#ed { width: 370px; margin-right: 50px; margin-bottom: -25px; }
#MMform #fd-but-sd, #MMform #fd-but-ed { position: relative; left: 410px; top: 5px; margin: 0; width: 16px; padding: 0; }
#MMform #level2 #mRoom { margin-left: 25px; width: 405px; }
#MMreservations #content p.intimate { color: #fff; text-align: center; font-family: Times New Roman, serif; font-size: 120%; margin: 10px 90px 30px 90px; padding: 5px; }
#MMreservations #content p.standout { line-height: 1.5; letter-spacing: 2px; text-transform: Uppercase; margin: 25px; padding: 10px 0; background: #993300; color: #fff; text-align: center; font-family: Times New Roman, serif; font-size: 120%; }
#MMreservations #content p { font-family: Times New Roman, serif; color: #fff; margin: 25px; padding: 0; line-height: 1.3; }
#MMreservations #content ul { font-family: Times New Roman, serif; color: #fff; line-height: 1.5; margin-right: 30px; }

#MMreservations #content div.Full .requiredField { color: #c00; }
#MMreservations #content div.Full .success { margin: 2em 30px 2em 8px; color: green; }
#MMreservations #content div.Full .nosuccess { margin: 2em 30px 2em 8px; color: #c00; }
#MMreservations #content div.Full .success p { color: green; }
#MMreservations #content div.Full .nosuccess p { color: #c00; }
#MMreservations #content div.Full span { margin-bottom: 2em; }
#MMreservations #content div.Full .nosuccess ul { margin: 10px 20px; color: #c00; }
#MMreservations #content div.Full #MMform input.button { margin-top: 30px; }


#MMmaps #content h3 { text-align: left; font-family: Times New Roman, serif; color: #cc0066; margin: 10px 0 20px 50px; }
#MMmaps #content p { font-size: 120%; }

#MMtours #content { background: #030303; }
#MMtours #content .LeftColumn ul { color: #cc6600; font-size: 140%; list-style: none; font-family: Times New Roman, serif; }
#MMtours #content .LeftColumn ul li { margin: 10px 0; }
#MMtours #content .LeftColumn p { font-size: 140%; font-family: Times New Roman, serif; color: #cc0066; padding-left: 20px; }
#MMtours #content #Footer { background: #000; margin-top: 0; padding-top: 0; }
#MMtours #content .FloatRight { margin-bottom: 0; padding-bottom: 0; }

#MMrestaurant #content { background: #000000; }
#MMrestaurant #content div.Full, #MMrestaurant #content #Footer { background: #000; }
#MMrestaurant #content div.Full img { margin-left: 15px; padding-left: 0; }

#MMphotos #content, #MMphotos #content div.Full { background: #000; }


/* MAIN TYPOGRAPHY */
p, pre, h2, h3 { padding:0px; margin:20px 20px 0 20px; }
h3 { color: #ff6600; font-style: normal; font-size: 130%; text-align: center; margin: 0 20px; }
h4 { color: #6633cc; font-style: normal; font-size: 130%; text-align: center; margin: 0 20px; }
h5 { color: #cc0033; font-style: normal; font-size: 130%; text-align: center; margin: 0 20px; }
h1 { font-size: 1.2em; text-align: left; color: #505050; letter-spacing: 2px; padding:5px; margin:20px 0px 10px 0; }
h2 { font-size:1em; padding:0; color: #5a6571; clear:both; border-bottom: 1px solid #000; padding:0; margin:0px 0px 10px 20px; }


/* STANDARD LINKS */
a { color: inherit; font-size: 1em; background-color:transparent; text-decoration: none; border-bottom: 1px dashed #6633cc; font-weight:bold; outline: none; }
a:visited { color: inherit; border-bottom: 1px dashed #6633cc; }
a:hover { color: #c0c0c0; border-bottom: 1px solid #d2e4cf; }
#MMabout div.Full a, #MMabout div.Full a:visited { color: green; font-size: inherit; border-bottom: 1px dashed green; }
#MMabout div.Full a:hover { color: #fff; border-bottom: 1px solid #fff; }

a#fd-but-sd span, a#fd-but-ed { width: 16px; }
/* MENU CSS */
#menu { position: fixed; left: 30px; top:40px; width:210px; margin:0px; }
#menu a { border:0; }
#menu a.top { display: block; position:fixed; height: 195px; width:210px; border:0; padding:0; margin:0; cursor:pointer; background: url(images/MM_Menu_Top2.png) no-repeat 0 0; }

#navcontainer { 	margin-left: 0px; position:fixed; margin-top:196px !important; /*moz width*/ margin-top:0px; /*IE width*/ margin-right:0px; width:210px; line-height:1em; padding: 0px 0px 110px 0px; background: transparent url(images/MM_Menu_Bot2.png) no-repeat bottom center;}
#navcontainer ul { margin: 0; padding: 0; list-style-type: none; font-family: Times New Roman, serif; width:210px; }
#navcontainer li { margin: -1px 0; width:210px; }

#navcontainer a { border:0; display: block; padding: 5px 10px 5px 10px; width: 155px; margin-left: 27px; color: #C0C0C0; text-decoration: none; font-weight: normal; font-size: 0.8em; text-align:center; }
#navcontainer a:hover { color: #90e563; }
#navcontainer a.active { color: #90e563; font-size: 0.9em; }

#navlist { background:url(images/MM_Menu_Mid2.png) repeat-y 0 0; }

	
/*  POSITIONING LAYERS */
#content { margin: 50px 30px 50px 340px; padding: 0; width: 680px; 	background: #111; border: 0px solid #999;  }
#content .LeftColumn { margin: 0 20px 0 0; width: 351px; padding: 0; }
#content .FloatRight { float:right; margin: 15px 15px 15px 0; padding: 0px; }
#content .Full { margin: 0 auto; text-align: center; background: #000; border: 0; }
#content .Full p { text-align: left; margin: 20px 40px 0 50px; }
#content img { margin: 5px 20px; }

#content .boxTop { background: url("images/boxTop.jpg") no-repeat top center; padding: 70px 10px 0px 10px; }
#content .boxBottom { background: url("images/boxBottom.jpg") no-repeat bottom center; padding: 20px 10px 90px 10px; }

#Footer { line-height:1.8em; width:auto; font-size: .8em; text-align:center; color: #cc0066; font-weight:bold; letter-spacing: 1px; clear:both; display:block; margin:0px; padding:0px; min-height:0px; border: 0; background: #000; }

.clear { clear:both; }
.liquid { width: 100%; height: auto; }


/*  RESERVATIONS FORM */
#contactform { margin: 0 0 0px 0; padding: 0px; }
#contactform dl { margin: 0; padding: 0; font-size: 90%; }
#contactform dt { color: #333; font-weight: normal !important; margin:0; margin-left:20px; }
#contactform dt em { color: #c00; font-weight: bold; font-style: normal; }
#contactform #eman, #contactform #liame, #contactform #jbus { width: 55%; border: 1px solid #ccc; padding: 2px; font-size: 130%; color: #444; margin-left:-20px; margin-bottom: 0.5em; }
#contactform textarea { width: 55%; height: 180px; font-family: inherit; font-size: 130%; color: #444; border: 1px solid #ccc; padding:2px; margin-left:-20px; }

#contactform .button { margin-bottom:20px; }
#contactform .requiredField { color: #c00; }
#contactform .success { margin: 2em 50% 2em 0; color: green; }
#contactform .nosuccess { margin: 2em 50% 2em 0; color: red; }
#contactform span { font-size: 130%; margin-bottom: 2em; }