/* CSS Document */
/* GRAND HARBOR RESORT */


html { overflow-x: auto; height:100%;}
	/* fixes MSIE scrollbar bug DO NOT REMOVE, has no effect in Mozilla, or Opera */

body {background: url(../images/bg.jpg) no-repeat scroll 50% 0pt;
	 background-color:#2f1146;
	text-align: center;
	line-height: 1.6em;
	margin:0;
	padding:0;}

.mcnote {color:#cc0099;}


body.whitebg {
	background: none;
	 background-color:#ffffff;
	text-align: center;
	line-height: 1.6em;
	margin:0;
	padding:0;
	}









* { behavior: url(css/iepngfix.htc) }


 Global Defaults
===================================================================== */
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,tr,th,td,embed,object{margin:0;padding:0;}

fieldset,img {border:0;}
ul { margin:5px 0 15px 5px; padding:0px 0 0 10px; list-style-type: none; display:block;}
q:before,q:after{content:'';}
a,ins {text-decoration:none;}



#container
{
	margin: 0 auto 0 auto;
	width: 960px;
	font-size: 11px;
	line-height: 16px;
	font-family: "Lucida Grand", Arial, Geneva, Verdana, Helvetica, sans-serif;
	color: #000;
	position:relative;
	z-index:100;
	
	
}


p, td
{
	
	font-size: 11px;
	line-height: 16px;
	font-family: "Lucida Grand", Arial, Geneva, Verdana, Helvetica, sans-serif;
	color: #000;
	
	
}

#header { width: 100%; height:109px; background: none; border: 0px; text-align:left;}

.logo {display:none;}
.logoprint {margin:20px 0 0 10px;float:left;}
.reservecall {display:none;}
.centermap {margin:-100px -50px 0 0px; display:inline;}

.bookbtn {margin: 0px 0 0 -110px; position:relative; z-index:200; text-align:right;}

	

.homepic {position:relative; float:left; }

.homewords {position:relative; float:left; z-index:360; margin:-30px 0 0 20px;}
#homespecials {position:relative; text-align:left;float:right; width:307px; height:250px; background: #0B5FAA url(../images/bg_homespecials.jpg) repeat-x;}
#homerowone {position:relative; float:left; width:960px; margin:-65px 0 0 0; z-index:100; background:#fff; }
#homerowtwo {position:relative; z-index: 280; float:left; width:900px; font-size:12px; height:95px;background: #ffffff url(../images/bg_grayshadow.jpg) repeat-x; z-index:100;  color: #777777; padding:10px 60px 0 0 !important; padding:30px 60px 0 0;}
#homerowtwo p:first-line {font-size:16px; }

#homerowthree {position:relative; z-index: 300;  float:left; width:960px; background: #0B5FAA url(../images/bg_homebluebot.jpg) repeat-x;} 

.homefeature {float: left; width:170px !important; width:170px; margin:25px 10px 10px 5px; text-align:left; color: #fff; font-size:11px; line-height:15px;}
.homefeature img {margin:0px 0px 10px 0px; }

/*.homefeature:hover {
	background: #2d7dc5;
	}*/



.homefeathd {float: left; width:170px; text-align:left;}
.homemainpics {z-index:130; margin: -200px 0 0 -30px; position:relative; text-align:left;float:left; width:340px; }
.firstfeat {margin-left:400px !important;margin-left:200px;}
.gobtn { margin:0px 5px -5px 0;}

.leftpic {margin: 5px 0 0 -230px; float:left;}
.singlepic {padding-bottom:2px; background: #0d5fab url(../images/bg_shortbot.jpg) repeat-x left bottom; width:300px;}
.singlepic p {color:#78befe; font-weight:bold;  padding: 2px 15px; margin-top:10px !important; margin-top:0px; font-size:11px; line-height:13px;}

/*************************************************************
NAVIGATION
************************************************************/      

  
#mainbody
{	
	width:960px;
	float:left;
	margin: -65px 0 0 0;
	padding: 0; 
	background: #ffffff url(../images/bg_bluebar.jpg) no-repeat 0 0px;
	text-align:left;
	position:relative;
	z-index: 100;
	
}


#leftcol 
{ 	
	width:215px;
	margin: 10px 0 0 0; 
	float:left;
}


#content
{
	width: 680px;
	margin: -60px 50px 50px 230px !important;
	margin: -68px 45px 50px 230px;
	padding:0 0px 0 0;
	text-align:left;

}



.concolone 		{width: 440px; float:left; margin:0px 30px 0 0;  position:relative;}
.concoltwo 		{width: 180px; float:left; margin:0px;}

.concolfour 	{width: 390px;float:left; margin:-57px 0 0 0 !important; margin:0 0 0 0; position:relative;z-index: 130; }
.concolthree 	{width:300px; float:right; margin: -132px -50px 0 0px !important; margin: -67px -50px 0 0px;  position:relative;z-index: 140; } /*holds right big photos z-index makes it go outside content area in IE*/

.concolfive 	{width:320px; float:left; margin: 0px 20px 0 0px !important; margin: 0px 0px 0 0px;  position:relative;z-index: 140; }

.coltop {margin:-57px 0 0 0 !important; margin:0 0 0 0;}

/*.coltop {margin-top:-50px !important; margin-top:0px;}*/


.left {float:left; margin-right:10px;}


.mainpics {display:none;}
.mainhd {margin: 40px 0 0 290px; position:relative; height:44px;}



#footer
{
	width: 960px;
	font-size:10px;
	line-height:12px;
	color:#94879e;
	display: block;
	background: #2f1146 url(../images/bg_footer.jpg) no-repeat;
	clear:both;
	Text-align:center;
	padding: 1px 0 10px 0;
}

.footerinfo {width:300px; padding: 5px 0 10px 0; }

#hmfooter
{
	width: 960px;
	font-size:10px;
	line-height:12px;
	color:#94879e;
	display: block;
	background: #2f1146 url(../images/bg_footerhm.jpg) no-repeat;
	clear:both;
	Text-align:center;
}

#hmfooter .footerinfo {margin-top:0px;}

.small {font-size:10px; line-height:12px;}

.softbold {color:#4f3c6d;}


/* ----------------------------
	MAIN NAVIGATION
--------------------------- */

#mainnav, #secnavs, #bottomnavs 
{
        display:none;
  
}






/******TOP PAGE HIGHLIGHTS*******/
body.rooms ul li.roombtn a,
body.waterpark ul li.waterparkbtn a,
body.activity ul li.activitybtn a,
body.conventions ul li.conventionsbtn a,
body.dine ul li.dinebtn a

{border-bottom:2px solid #c2d82e;margin-bottom:-6px;}







/*************************************************************
Float Clear Fix
************************************************************/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*************************************************************
UNIVERSAL STYLES - LINKS, UNORDERED LISTS
************************************************************/

a:link, a:active, a:visited  {color: #336600; text-decoration:underline;font-weight:normal;}
a:hover {color: #4d9a01; text-decoration:underline;}

a:focus { outline: none;}




/* -------------------------------------------------
FORMS
--------------------------------------------------*/



.form {
float:left;
display:inline;
width:315px;
background:#eae7f2 url(../images/bg_purple.jpg) repeat-x;
margin:5px 0px 10px 0px;
padding:0 10px;
}

.form2 {
width:500px;
background:#eae7f2 url(../images/bg_purple.jpg) repeat-x;
margin:5px 0px 0px 0px;
padding:0 10px;
}

fieldset {
margin:0;
padding:15px 4px 5px 0px;
border-bottom:1px solid #fff;
}



label {margin-bottom:.5em}

label, label span {
display:block;font-weight:bold; color:#4f3c6d;
}

input, textarea {
background:#fff;
border:1px solid #af9ecb;
font-size:11px;
padding:2px;
width: 300px;
}

input:focus, textarea:focus{
background-color: #f3ecf9;
}



input.submit {
border:0;
margin-bottom:-5px !important;
width: 100px;
height:30px;
}

fieldset div.fm-optional label:before {content:""}



 ul li {
	background: url(../images/bullet.gif) no-repeat 0 4px;
	padding-left: 1em;
}



ul.double { float: left; width: 390px; margin: 0 0 20px 15px; padding: 0; list-style: none;display:block;}
ul.double li { float: left; width: 180px; margin: 0; padding: 0 0 0 12px; }

ul.doublewide { float: left; width: 630px; margin: 0 0 20px 15px; padding: 0; list-style: none;}
ul.doublewide li { float: left; width: 280px; margin: 0; padding: 0 15px 0px 15px; }




ul.specialbox {
	border-bottom: 1px solid #dddddd;
	border-left: none;
	list-style-type: none;
	background: none;
	margin: 0 0;
	padding: 0;
	float:right;
}

ul.specialbox li {
		border-top: 1px solid #dddddd;
		background: url(../images/btn_download1.gif) no-repeat 0 8px;
		margin: 0;
		padding: 8px 18px 5px 25px;
	}
	
	
/* Color Boxes
=====================================================================*/


.specials {

background: #eae7f2 url(../images/bg_purple.jpg) repeat-x 0 0px;/*purple bg*/

/*background: #e0eefb url(../images/bg_blue.jpg) repeat-x 0 0px;/*blue bg*/

/*background: #ffef78 url(../images/bg_yellow.jpg) repeat-x 0 0px; color:#7c5722;/*yellow bg*/
/*background: #f3f3f3 url(../images/bg_gray.jpg) repeat-x 0 0px; /*gray bg*/
}

.specials td {border-bottom: 1px solid #ffffff; padding: 3px 8px 3px 5px;}

.specials td.spectitle {border-bottom: 1px solid #ffffff;  padding: 8px 8px 2px 5px;font-weight:bold; /*background:#f9ed94;*/ /*color:#cc6600; /*yellow*/ color:#4f3c6d; /*blue*/text-transform:uppercase; font-size:10px;}

	
	
	
/* Room Rates
=====================================================================*/

#content #roomrates  {
	width:440px;
	background: #eae7f2 url(../images/bg_purple.jpg) repeat-x 0 0px; color:#7c5722;/*blue bg*/
	/*background: #ffef78 url(../images/bg_yellow.jpg) repeat-x 0 0px; /*yellow bg*/
	/*background: #f3f3f3 url(../images/bg_gray.jpg) repeat-x 0 0px; /*gray bg*/
	color:#7c5722;
	margin:0;
	padding:4px 0 0 0; /*needs this so top orange bar doesn't get covered by hover*/
	
}

#content #roomrates ul { 	list-style-type: none;
	background: none; font-size:10px; margin:0px 0 0 -20px; }

#content #roomrates li {
	display:inline;background: none;
	border-bottom: 1px solid #ffffff; 
	width:100%;
	float:left;
	margin:0px 0 0px 0; /*this must be zero so whole row highlights w/o margins*/
}
#content #roomrates li a { /*styles here will apply to both sides*/
	display:block; /*needs this to highlight whole row*/
	text-decoration:none;
color:#4f3c6d;
	width:440px;
	margin:0px;
	padding:5px 0 5px 0 !important;
	padding:5px 5px 5px 5px
	
}

#content #roomrates li a:hover { background-color:#f3ecf9; }


#content #roomrates li a b {
	display:inline;
	float:left;
	font-size:12px;
	margin: 0 5px 0 5px;
}
#content #roomrates li a em { display:block; float:right; font-size:12px; width:120px; margin:-15px 0 0 0; font-style:normal;}


.roomdesc {width:350px;}
.desctable td {border-bottom: 1px solid #dddddd; padding:5px;}

/* ----------------------------
	   ATTRACTIONS SLIDESHOW
--------------------------- */
.mt {padding-top:1px;}
.slideshowpics { height: 300px; width: 320px; padding:0px; margin:0px; overflow: hidden; }
.slideshowpics img { height: 300px; width: 320px; padding: 2px;} /*actual picture */

#content #slideshow { width:330px;  margin:130px 10px 10px !important; margin:10px; }/*holds the actual picture*/
#content #slidenav { width: 330px; margin:0 0 0 0px; padding:0; } /*holds the thumbnails*/
#content #slidenav li { width: 45px; float: left; margin: 8px 9px 0px 9px !important; margin: 10px 6px 1px 6px; padding:0px; background:none; list-style-type: none;}
#content #slidenav a { width: 45px; padding: 3px; display: block; margin:0px;} /*sets size, puts the nice border around thumbnails*/
#content #slidenav a.activeSlide { background: #3399ff; } /*the border on the active thumb*/
#content #slidenav a:focus { outline: none; }
#content #slidenav img { border: none; }

.output {margin-left:15px;height:130px; width:320px;}
b.callout {color:#277ecb; padding:3px 0px;display:block; font-size:14px;}





/* ----------------------------
	  CALENDAR
--------------------------- */

#year a {text-decoration:none; color:#000;}
#year {padding:0px 0 0 0; margin:0; list-style-type:none;}

#year table {border-collapse:collapse; width:220px;}
#year table thead th {text-align:center; background:#aaaaaa; height: 20px; color:#fff;}

#year td a {display:block;  margin:-1px; color:#fff; }
#year td a:hover {display:block; background:#fff; color:#000;}

#year table td { text-align:center; line-height:20px; background: #cccccc;border:1px solid #fff;}
#year table td.ratesbasic {background: #ffcc33;} /*gold*/
#year table td.ratesgold {background: #99ccff;} /*blue*/
#year table td.ratespremium {background: #b5cf26;} /*green*/






/* ----------------------------
	  HOME SPECIALS & EVENTS
--------------------------- */




#hmspecs { width: 280px; height: 105px; position:relative; z-index:500;margin:-5px 0 0 15px; line-height:13px; }
#hmspecs div { width: 280px; height: 105px; padding: 0px; color: #fff; text-align: left; overflow: hidden;}
#hmspecs div b { font-size:16px color: #fff; display:block;}
.hmspechd {padding:0 0 5px 15px;}

.hmspecnav { margin: 36px 0 0 0;position:relative; z-index:530;}
.hmspecnavbtn { margin: 7px 0;}
#output { text-align: left; }


#hmevents { width: 280px; height: 45px; position:relative; z-index:500;margin:-5px 0 0 15px;line-height:13px;}
#hmevents div { width: 280px; height: 45px; padding: 0px; color: #fff; text-align: left; overflow: hidden;}
#hmevents div b { font-size:16px color: #fff; display:block;}

.hmeventnav { margin: 10px 0 0 0;position:relative; z-index:530;}
.hmeventhd {margin:0px; padding:0 0 5px 15px;}