/* Global ------------------------------------------------------*/
body {margin: 0px;padding: 0px;color: #666;font-family: Arial, Helvetica, sans-serif; }		
#shell { margin:0 auto; width: 1006px; background: #B93B00 url(../img/shell-bg.gif) no-repeat center bottom; border: 2px solid #592403; height:575px; position:relative; z-index:1; clear:both;}
a { outline:none; color: #313131; }
a:hover { text-decoration: none; color:#B93B00; }
.fauxCol {width:50%; float:left; }
.imgLeft {margin-right:20px; float:left; }
.imgRight {margin-left:20px; float:right; }
.clearBoth {clear:both; }
.noMargin {margin:0; }
.noBorder {border:none; }
.noPadding {padding:0; }
.noStylingRight {border:none; margin-right:0; padding-right:0; }
.noStylingLeft {border:none; margin-left:0; padding-left:0; }
.forPrint {position:absolute; left:-2500px; }
#printHeader {display:none; }
h1,h2,h3 {margin:0;padding:0; }
a.back2top { color: #313131; position:absolute; top:455px; font-size:11px; right:25px; z-index:999999;}
	
/* Head ---------------------------------------------------------*/
#h-shell { background: url(../img/h-shell-bg.gif) no-repeat; height: 1px; width: 1006px; }
#holidayCTA {height:66px;
background:url(../img/holidayCTA.jpg) no-repeat;
margin-bottom:20px;
margin-left:auto;
margin-right:auto;
margin-top:0;
position:relative;
width:369px;}
#holidayCTA a{width:369px; height:66px; display:block;}

/* Top Nav ------------------------------------------------------*/		
#h-usabilityNav {font-size: 10px; color: #6C2B00; height: 15px; padding:0; margin: -22px 0 0 0; position:absolute;width:1006px; }
#h-usabilityNav ul{margin:0px;padding:0px; float:right; }

#h-usabilityNav li{display: block;float: left;margin: 0px 15px 0px 0px;padding: 0px 15px 0px 0px;list-style: url(none) none;line-height: 9px; }
#h-usabilityNav li.noStylingRight {border:none; margin-right:0; padding-right:15px; }
#h-usabilityNav li a{color: #198ca6;position: relative; text-decoration:none; }
#h-usabilityNav li a:hover{text-decoration: underline;color: #000; }
#h-usabilityNav #signUp a{background-color:#FFBA31; color: #525252;border:1px solid #592403; padding:3px 8px; font-weight:bold;}
#h-usabilityNav #signUp a:hover {text-decoration:none; background-color:#B93B00; color:#fff;}

/* Logo --------------------------------------------------------*/
#h-logoArea {height: 89px;width: 227px;position: absolute; right:2px; top:40px; padding:0 0 0 25px; }
#h-logoArea a {text-decoration:none; }
#h-logoArea strong {color:#b93b00; font-size:17px; display:block; line-height:17px; font-weight:normal; margin:0 0 -2px 0; }		
#h-logoArea h1 {color: #3C5D6F; text-transform:uppercase; font-size:23px; line-height:23px; letter-spacing:-1px; font-weight:normal; }

/* Header Image ------------------------------------------------*/
#h-banner {width:554px; height:567px; padding:2px; }
#h-banner img {display:block; }

/* Main Nav ----------------------------------------------------*/		
#h-nav { font-size: 11px;font-weight:bold;  line-height: 39px; background: url(http://www.innatporthadlock.com/img/nav-bg.png) repeat-y; padding:44px 0 0 18px; height: 527px; width: 176px; position: absolute; top:2px; left:559px; text-transform: uppercase; z-index:1; }
#h-nav ul{margin:0px;padding:0px; }
#h-nav li{ list-style: url(none) none; background: url(../img/sub-nav-li-bg.png) no-repeat center bottom; margin:0 0 0px 0; padding:1px 0 1px 0; position:relative; }
#h-nav li.noStyling {background:none; margin:0; padding:0; }
#h-nav li a{ color: #000; text-decoration: none; display: block; text-align:center; height:38px; margin:-1px 0 0px 0; }
#h-nav li a:hover{color: #fff; background-color:#AEE5F8; /*filter:alpha(opacity=35); opacity:.35;*/ }
#h-nav li a.current {background-color:#FFBA31; }
#h-nav li a.current:hover {background-color:#FFBA31;color: #3C5D6F; filter:none; font-weight:normal; text-decoration:underline; opacity:100; }

/* Drop Downs ------------------------------------------------------*/
#h-nav .dropDowns {
	position:absolute;
	left:-194px;/* background-color:#fff; filter:alpha(opacity=20); opacity:.20;*/
	width:176px;
	padding:0 18px 0 0;
	top:1px;
	display:none;
	background: url(../img/sub-nav-bg.png) repeat-y;
}
#h-nav .dropDowns {}
#h-nav .dropDowns li {background:url(../img/sub-nav-li-bg.png) no-repeat center bottom; padding:0; }
#h-nav .dropDowns li a { padding:0 0 0 0px; }

#h-nav li:hover .dropDowns {display:block; }
#h-nav li:hover a {color: #fff; background-color:#525252;/* filter:alpha(opacity=35); opacity:.35;*/ }
#h-nav li:hover .dropDowns a {color:#000; background:none; filter:none; opacity:100; }
#h-nav li:hover a:hover {color: #fff; background-color:#525252; /*filter:alpha(opacity=35); opacity:.35;*/ text-decoration:none; }

#h-nav #navArea .dropDowns {top:-110px; }

	
/* Body ---------------------------------------------------------*/
#contentwidth {width: 195px}
#b-shell {background-color:#ffba31; margin:1px 2px 0 752px; height:481px; padding:90px 0 0 0; }
#b-contentArea { font-size: 11px; line-height: 28px; color: #525252; padding: 0 15px 0px 10px; overflow:auto; height:356px; width:220px}
#b-contentArea p {margin:0 0 16px 0; text-align:left; }
#b-contentArea h1 { color:#B93B00; font-size:16px; letter-spacing:-1px; font-weight:bold; line-height: 19px; margin:0 0 20px 0; }
#b-contentArea h1 .h1span {display:block; font-weight:normal; font-size:15px; letter-spacing:normal; line-height:15px; }
#b-contentArea h2 {color:#7f2a02; font-size:14px; line-height:19px; letter-spacing:-1px; font-weight:bold; margin:10px 0 0 0; }
#b-contentArea ol {margin:0 0 0 25px; }
#b-contentArea li {line-height:18px; }

/* Area Info Toggle Divs ---------------------------------------------------------*/
/*#ar01, #ar02, #ar03, #ar04, #ar05, #ar06, #ar07, #ar08, #ar09,#arMain {display:none; }
#arMain {display:block; }
*/

/* CTAs ---------------------------------------------------------*/
#b-ctaShell { width:428px; height:100px; background: #B93B00 ; position:absolute; left:576px; z-index:2; margin:25px 0 0 0; }
#b-ctaShell ul{margin:0; padding:9px 0 0 0;  }
#b-ctaShell li{list-style: url(none) none; float:left; margin:0 20px 0 0; height:85px; width:85px; display:block}
#b-ctaShell li a{display:block; height:85px; width:85px; }
#b-ctaShell li a:hover{background-position:left bottom; }
#b-ctaShell #b-cta01 {margin:0 20px 0 8px; }
#b-ctaShell #b-cta04 {margin:0 0px 0 0px; }


#b-ctaShell #b-cta01 a{background-image:url(../img/cta-bg01.jpg); background-repeat:no-repeat; }
#b-cta02 a{background-image:url(../img/cta-bg02.jpg); background-repeat:no-repeat; }
#b-cta03 a{background-image:url(../img/cta-bg03.jpg); background-repeat:no-repeat; }
#b-ctaShell #b-cta04 a{background-image:url(../img/cta-bg04.jpg); background-repeat:no-repeat; }	

/* Search Box --------------------------------------------------*/
select {margin:1px 0 7px 0; }
.resSubmit {display:block; margin:0 0 5px 0; }
.resMonth {width:60px; }
.resDay {width:40px; }
.resYear {width:45px; }
.resNights, .resRooms, .resAdults, .resKids {width:50px; }
#searchBox { }
#searchBox .resRoomSpacer {margin:0 0 0 21px; }
#searchBox .resAdultsSpacer, #searchBox .resKidsSpacer {margin:0 0 0 18px; }
#anchor img {border:none; margin: 0 0 0 2px; }

/* Footer ------------------------------------------------------*/
#f-shell {margin:15px 0 0 0; }
#f-nav { font-size: 10px; color: #6C2B00; height: 20px; margin:0 auto 15px auto; width:968px; letter-spacing: .045em; }
#f-nav ul {margin:0 0 0 0; padding:0; /*background:#00FF00; */}
#f-nav li{border-right: 1px solid #198ca6;display: block;float: left;margin: 0px 15px 0px 0px;padding: 0px 15px 0px 0px;list-style: url(none) none;line-height: 9px; }
#f-nav li.noStylingRight {border:none; margin-right:0; padding-right:0; }
#f-nav li a {position: relative;color: #198ca6; text-decoration:none; }
#f-nav li a:hover {color: #000;text-decoration: underline; }		
address {clear:left; font-style: normal;color: #679E8D; font-size: 11px;background: url(../img/address-bg.gif) no-repeat;height: 39px;margin:0 0 0 110px; padding: 0px 0px 0px 50px; line-height: 11px; }
address strong {color: #38846C;display: block;font-weight: normal;margin:0 0 15px 0; }
#vizsig { margin: 0 75px 0 0; float:right; padding:5px 0 0 0; }
#vizsig span#text { float: left; margin: 8px 0 0 5px;font-size: 11px; font-family: "Trebuchet MS"; }
#vizsig span a { float: left; margin: 8px 0 0 0; font: 11px "Trebuchet MS"; color: #38846C; text-decoration: none; }
#vizsig span a:hover { text-decoration: underline; }
#vizsig img { float: left; padding: 0; margin: 0 0 0 8px; /*border: 1px solid #000*/} 

/* CMS Stylings ------------------------------------------------------*/

#cp #b-contentArea h1 { }  
#cp #h-banner { background: url(../img/h-amenities.jpg) 4px 4px no-repeat;width: 751px; height: 567px; overflow:visible}
#cp #h-banner img {display:block; }
#cp #cp_sectionindex {/*display:none;*/}
#cp_sectionlinks, #cp_sectionlinkssupbpage {/*display:none;*/ width: 195px;}
#cp_sectionlinks ul, #cp_sectionlinkssupbpage ul {margin:0 0 5px 0; padding:0; min-height:20px; overflow:auto;  }
#cp_sectionlinks li, #cp_sectionlinkssupbpage li {list-style-type:none; float:left; margin:0 3px 0 0; }
#cp_sectionlinks li a, #cp_sectionlinkssupbpage li a{text-decoration:none; padding:0px 5px; line-height:21px; background-color:#D88C00; }
#cp_sectionlinks li a:hover, #cp_sectionlinkssupbpage li a:hover{color:#fff; }


#cp.cp718 #h-banner{background: url(../img/h-contact.jpg) 4px 4px no-repeat; width: 751px; height: 567px} /* contact */
#cp.cp721 #h-banner{background: url(../img/h-contact.jpg) 4px 4px no-repeat; width: 751px; height: 567px} /* guestcomment */
#cp.cp709 #h-banner {background: url(../img/h-amenities.jpg) 4px 4px no-repeat; width: 751px; height: 567px} /* amenities */
#cp.cp710 #h-banner {background: url(../img/h-spa.jpg) no-repeat 4px 4px; width: 751px; height: 567px} /* spa */
#cp.cp711 #h-banner {background: url(../img/h-art.jpg) 4px 4px no-repeat; width: 751px; height: 567px} /* art mine gallery */
#cp.cp714 #h-banner {background: url(../img/h-dining.jpg) 4px 4px no-repeat; width: 751px; height: 567px} /* dining */
#cp.cp715 #h-banner {background: url(../img/h-area.jpg) 4px 4px no-repeat; width: 751px; height: 567px;} /* area info */
#cp.cp716 #h-banner {background: url(../img/h-golf.jpg) 4px 4px no-repeat; width: 751px; height: 567px} /* golf */
#cp.cp717 #h-banner {background: url(../img/h-marina.jpg) 4px 4px no-repeat; width: 751px; height: 567px} /* marina */


/* TB Inlay ------------------------------------------------------*/
#TB_ajaxContent div {display:block;}
#TB_ajaxContent #ar01, #TB_ajaxContent #ar02, #TB_ajaxContent #ar03, #TB_ajaxContent #ar04, #TB_ajaxContent #ar05, #TB_ajaxContent #ar06, #TB_ajaxContent #ar07, #TB_ajaxContent #ar08, #TB_ajaxContent #ar09, #TB_ajaxContent #arMain {display:block;}
#TB_window #TB_ajaxContent a {color:#000;}
#TB_ajaxContent {background:#FFBA31; font-size: 11px; line-height: 28px; color: #525252; padding: 0 15px 0px 10px; overflow:auto; height:356px; }
#TB_ajaxContent h2 {color:#7f2a02; font-size:14px; line-height:19px; letter-spacing:-1px; font-weight:bold; margin:10px 0 0 0; }
.peekaBoo {}
a.back2top.peekaBoo {top:auto; right:auto; background-color:#E59500; bottom:0; display:none; width:796px; margin:0 0 0 -10px; padding:0 0 0 11px; border-top:1px solid #592403; }
#TB_ajaxContent a.back2top.peekaBoo {display:block;}
#TB_ajaxContent ul {margin:0 0 0 45px;}

/* Special Cases ------------------------------------------------------*/
#groupRFP {width:100%; height:1950px; background:none; }
#flashphotogallery {margin:15px 0 0 0;}
#divtoggles {margin: 25px 0 0 0;}