/* =============$Global Link styles / layout / Custom=========== */
/* =============$header========================================= */
/* =============$logo=========================================== */
/* =============$pagewrapper===================================== */
/* =============$pagetitles===================================== */
/* =============$central======================================== */
/* =============$sidebar-wrapper================================ */
/* =============$sidebar======================================== */
/* =============$sidebar-hoty=================================== */
/* =============$sidebar-venetian=============================== */
/* =============$sidebar-sonrise================================ */
/* =============$sidebar-eastharbor============================= */
/* =============$body=========================================== */
/* =============$thumbscurve==================================== */
/* =============$thumbswrapper subpages========================= */
/* =============$thumbsbottom=================================== */
/* =============$mediawrapperbottom============================= */
/* =============$sf-menu======================================== */
/* =============$footerwraper=================================== */

html{
}



body {
	background-image:url(http://www.hotymarine.com/themes/pdsecms/images/background-body.jpg);
	background-repeat:no-repeat;
	background-repeat:repeat-x;
	background-position:top center;
	background-color:#6B99C2;
	font-family:"Myriad Pro", Advantage, Arial, Helvetica, sans-serif;
	line-height:2em;
	font-size:16px;
	color:#172045;
}


/* ============================================== */
/* ============= $header and $logo ============== */
/* ============================================== */

#logo{
	float:left;
	clear:both;
	background-color:#ffffff;
	padding-left:20px;	
	padding-bottom:20px;	
}

#headerwrapper{
	width:100%;
	min-width:1065px;	
	margin:0 auto;
}

#header{
	width:1025px;
	height:130px;
	margin:0px auto;
	padding:0px;
	background:#ffffff;
}

#searchbox{
	float:right;
/*	width:400px;*/
	width:300px;
	background-color:#E3EAF0;
	margin-top:25px;
	margin-right:15px;
	padding:20px;
	border:solid 1px #cccccc;
	font-family:"Myriad Pro", Advantage, Arial, Helvetica, sans-serif;
}

#headerimagewrapper{
	width:100%;
	min-width:1025px;	
	margin:0 auto;
}

#headerimagewrapper p{
	padding:0px;
	margin:0px;	
}

#header-area{
	float:left;
	width:1025px;
	height:500px;
	margin:0px auto;
	margin-left:20px;
	margin-right:20px;		
	padding:0px;
	padding-bottom:40px;
	background-color:#E3EAF0;
}

#header-area.subpages{
	height:290px;
}

#header-area-inside{
	width:930px;
 	margin:0 auto;
	padding:0px;
	padding-top:20px;
}


/* =========================================== */
/* ============= $pagewrapper ================ */
/* =========================================== */
#pagewrapper{
    width:1065px;	
	height:auto;
	margin:0 auto;
}

#flag-venetian{
	float:right;
	width:200px;
	height:100%;
	vertical-align:bottom;
	background-image:url(http://www.hotymarine.com/themes/pdsecms/images/background-flag-venetian.jpg);
	background-repeat:no-repeat;	
	position:relative;
	bottom:0px;

}

/* ============================================== */
/* =================$pagetitles================== */
/* ============================================== */
#pagetitle-hoty{
	float:left;
	width:1065px;
	height:60px;
	margin:0px auto;
	background-color:#172045;
	background-image:url(http://www.hotymarine.com/themes/pdsecms/images/background-pagetitle-hoty.jpg);
	background-repeat:no-repeat;
	color:#ffffff;
}

#pagetitle-venetian{
	float:left;
	width:1065px;
	height:60px;
	margin:0px auto;
	background-color:#990000;
	background-image:url(http://www.hotymarine.com/themes/pdsecms/images/background-pagetitle-venetian.jpg);
	background-repeat:no-repeat;
	color:#ffffff;
}

#pagetitle-sonrise{
	float:left;
	width:1065px;
	height:60px;
	margin:0px auto;
	background-color:#805505;
	background-image:url(http://www.hotymarine.com/themes/pdsecms/images/background-pagetitle-sonrise.jpg);
	background-repeat:no-repeat;
	color:#ffffff;
}

#pagetitle-eastharbor{
	float:left;
	width:1065px;
	height:60px;
	margin:0px auto;
	background-color:#154000;
	background-image:url(http://www.hotymarine.com/themes/pdsecms/images/background-pagetitle-east-harbor.jpg);
	background-repeat:no-repeat;
	color:#ffffff;
}
#pagetitle-crossview{
	float:left;
	width:1065px;
	height:60px;
	margin:0px auto;
	background-color:#888888;
	background-image:url(http://www.hotymarine.com/themes/pdsecms/images/background-pagetitle-crossview.jpg);
	background-repeat:no-repeat;
	color:#ffffff;
}

/* =========================================== */
/* =================$central================== */
/* =========================================== */
#central{
	float:left;
	width:1025px;
	margin:0px auto;
	margin-left:20px;
	margin-right:20px;
	background-color:#CEDFED;
}

#central .central-left{
/*	padding:0px;*/	
}

#central.central-venetian{
	border-bottom:solid 10px #6F0102;
}

#central.central-sonrise{
	border-bottom:solid 10px #673802;
}

#central.central-eastharbor{
	border-bottom:solid 10px #0C2400;
}

#central.central-crossview{
	border-bottom:solid 10px #444444;
}

#central-rounded-bottom{
	float:left;
	width:1025px;
	height:25px;
	padding:0px;
	margin:0 auto;
	margin-left:20px;
	margin-right:20px;	
	background-image:url(http://www.hotymarine.com/themes/pdsecms/images/background-rounded-bottom.jpg);
	background-repeat:no-repeat;
}



/* ==================================================== */
/* ============= $sidebar-wrapper ===================== */
/* ==================================================== */
#sidebar-wrapper{
	float:right;	
	width:230px; 
	margin-right:10px;
	display:block;	
}

/* ============================================ */
/* ============= $sidebar ===================== */
/* ============================================ */
#sidebar{
	float:right;	
	width:220px; 
	display:block;
	margin-top:10px;
}

#sidebar ul.nav{
	margin-left:20px;
	background-color:#E3EAF0;	
	border-radius:0 0 10px 10px;
	-moz-border-radius:0 0 10px 10px;	
	list-style:none;
	line-height:2em;	
}


#sidebar ul.nav li{
	padding-left:10px;	
	line-height:1.2em;	
	padding-top:10px;
	padding-bottom:10px;
	border-top:solid 1px #f5f5f5;	
	border-bottom:solid 1px #f5f5f5;	
}

.ccm-layout-table ul.nav, #sidebar ul.nav, #sidebar-more-marinas ul.nav{
	margin:0px;
	padding:20px 0px;	
}



#sidebar ul.nav li.nav-selected, #sidebar ul.nav li.nav-selected:hover, #sidebar-more-marinas ul.nav li.nav-selected, #sidebar-more-marinas ul.nav li.nav-selected:hover{
	background-image:url(http://www.hotymarine.com/themes/pdsecms/images/background-arrow.png);	
	background-repeat:no-repeat;
	background-position:left;
	padding-left:30px;	
}

#sidebar ul.nav li.nav-selected{
	background-color:#8CB2D6;
	color:#172045;
	border-top:solid 1px #f5f5f5;	
	border-bottom:solid 1px #f5f5f5;	
}

#sidebar ul.nav li.nav-selected:hover{
	background-color:#8CB2D6;	
	color:#172045;
	border-top:solid 1px #f5f5f5;	
	border-bottom:solid 1px #f5f5f5;	
}

#sidebar ul.nav li a:link{
	text-decoration:none;
}

#sidebar ul.nav li, #sidebar ul.nav li a{
	color:#000000;	
}

#sidebar ul.nav li:hover{
/*	background-color:#f5f5f5;	*/
	background-color:#2E3E8B; 
	color:#ffffff;
	border-top:solid 1px #8CB2D6;	
	border-bottom:solid 1px #8CB2D6;	
}

#sidebar ul.nav li a:hover{
	color:#ffffff;
}

#sidebar h2{
	background-color:#172045;
	color:#ffffff;
	margin-top:10px;
	padding:10px;
	font-size:15px;
	text-transform:uppercase;	
	font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
	font-weight:bold condensed;
	
}

#sidebar-more-marinas{
	float:right;	
	width:220px; 
	display:block;
	margin-top:50px;
	margin-right:10px;	
	margin-bottom:25px;
}

#sidebar-more-marinas ul.nav{
	width:220px;
	background-color:#E3EAF0;	
	border-radius:0 0 10px 10px;
	-moz-border-radius:0 0 10px 10px;	
	list-style:none;
}


#sidebar-more-marinas ul.nav li{
	padding-left:10px;	
	line-height:1.2em;
	padding-top:10px;
	padding-bottom:10px;
	border-top:solid 1px #f5f5f5;	
	border-bottom:solid 1px #f5f5f5;		
}


#sidebar-more-marinas ul.nav li a:link{
	text-decoration:none;
}

#sidebar-more-marinas ul.nav li a{
	color:#000000;	
}

#sidebar-more-marinas ul.nav li a:hover{
	color:#ffffff;
}

#sidebar-more-marinas ul.nav li.nav-selected{
	background-color:#8CB2D6;
	color:#E3EAF0;
	border-top:solid 1px #f5f5f5;	
	border-bottom:solid 1px #f5f5f5;	
}

#sidebar-more-marinas ul.nav li.nav-selected:hover{
	background-color:#8CB2D6;
	color:#E3EAF0;	
	border-top:solid 1px #f5f5f5;	
	border-bottom:solid 1px #f5f5f5;		
}

#sidebar-more-marinas ul.nav li:hover{
/*	background-color:#CEDFED;*/
/*	background-color:#f5f5f5;*/	
	background-color:#2E3E8B; 
	color:#ffffff;	
	border-top:solid 1px #8CB2D6;	
	border-bottom:solid 1px #8CB2D6;		
}

#sidebar-more-marinas h2{
/*	background-color:#172045;*/
	background-color:#161616;
	color:#ffffff;
	margin-top:10px;
	margin-bottom:0px;
	padding:10px;
	text-transform:uppercase;	
	font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
	font-weight:bold condensed;
	border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;		
}




/* ===================================================== */
/* ============= $sidebar-hoty  ===================== */
/* ===================================================== */
#sidebar.hoty{
	margin-left:10px;
	margin-right:10px;
	border-radius:0 0 10px 10px;
	-moz-border-radius:0 0 10px 10px;	
}

#sidebar.hoty h2{
	background-color:#172045;
	color:#ffffff;
	margin-top:10px;
	margin-bottom:0px;
	padding:10px;
	text-transform:uppercase;
	border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;			
}


/* ===================================================== */
/* ============= $sidebar-venetian  ===================== */
/* ===================================================== */
#sidebar.venetian{
	margin-left:10px;
	margin-right:10px;
	border-radius:0 0 10px 10px;
	-moz-border-radius:0 0 10px 10px;	
}

#sidebar.venetian h2{
	background-color:#990000;
	color:#ffffff;
	margin-top:10px;
	margin-bottom:0px;
	padding:10px;
	text-transform:uppercase;
	border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;		
}

/* ===================================================== */
/* ============= $sidebar-sonrise  ===================== */
/* ===================================================== */
#sidebar.sonrise{
	margin-left:10px;
	margin-right:10px;
	border-radius:0 0 10px 10px;
	-moz-border-radius:0 0 10px 10px;	
}

#sidebar.sonrise h2{
	background-color:#805505;
	color:#ffffff;
	margin-top:10px;
	margin-bottom:0px;
	padding:10px;
	text-transform:uppercase;
	border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;			
}


/* ===================================================== */
/* ============= $sidebar-east-harbor  ===================== */
/* ===================================================== */
#sidebar.eastharbor{
	margin-left:10px;
	margin-right:10px;
	border-radius:0 0 10px 10px;
	-moz-border-radius:0 0 10px 10px;	
}

#sidebar.eastharbor h2{
	background-color:#154000;
	color:#ffffff;
	margin-top:10px;
	margin-bottom:0px;
	padding:10px;
	text-transform:uppercase;
	border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;		
}

/* ===================================================== */
/* ============= $sidebar-crossview  ===================== */
/* ===================================================== */
#sidebar.crossview{
	margin-left:10px;
	margin-right:10px;
	border-radius:0 0 10px 10px;
	-moz-border-radius:0 0 10px 10px;	
}

#sidebar.crossview h2{
	background-color:#888888;
	color:#ffffff;
	margin-top:10px;
	margin-bottom:0px;
	padding:10px;
	text-transform:uppercase;
	border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;			
}

/* ========================================= */
/* ============= $body ===================== */
/* ========================================= */
#body{
	float:left;
	width:auto;
	margin:0px;
	margin-left:10px;
	padding:20px;
}

#body.body-sidebar{
	float:left;
	width:700px;
}

#body .homepage-content{
	float:left;
	border-top:solid 1px #0A4D3E;	
	border-bottom:solid 1px #0A4D3E;		
}

#body.sidebar-left{
	float:left;
	width:700px;
}

#body.sidebar-right{
	float:left;
	width:700px;
	margin-bottom:20px;
	background-color:#E3EAF0;
	border-left:solid 1px #E3EAF0;
	border-right:solid 1px #E3EAF0;	
}


#body ul.nav{
	margin-left:20px;
	padding: 20px;
	padding-left:40px;	
	background-color:#6B99C2;
	border-radius:10px;
	-moz-border-radius:10px;
}

#body ul.nav li:hover{
	padding-left:15px;
	background-color:#E3EAF0;
}

#body .table-row-background-color1{
	background-color:#E3EAF0;
	line-height:1.3em;
}

#body .table-row-background-color2{
	background-color:#CEDFED;
	line-height:1.3em;
}

#body hr, #body form hr{
	border-bottom: solid 1px #8CB2D6;	
}

#body fieldset{
	border-color:#6B99C2;
	margin-right:15px;
}

#body form h4{
	font-size: 18px;
	font-weight:normal;
	color:#990000;
	text-transform:uppercase;
}

#body .contractagreement{
	float:left;
	width:auto;
	margin-top:50px;
	padding:0px 30px;
}

img.ccm-captcha-image{
	margin-bottom:15px;
}

form .text{
	line-height:1.2em;	
}

form .formBlockSubmitButton{
	display:block;
	height:50px;
}

#body form label{
	font-weight:normal;
}

#body form fieldset{
	border-color:#6B99C2;	
}

#body form legend{
	font-size: 21px;
	font-weight:bold;
	text-transform:uppercase;
	border:0px;
}

#body form .question{
	width: 300px;	
}


#body .red strong, #body .green strong, #body .gold strong{
	text-transform:uppercase;
}

#body h1{
font-family:"Myriad Pro", Advantage, Arial, Helvetica, sans-serif;
}

/* ========================================= */
/* ============= $thumbscurve ============== */
/* ========================================= */
#thumbscurve{
	float:left;
	width:930px;
	height:88px;
	margin:0px auto;
	padding:0px;
	background-repeat:no-repeat;	
	position: relative; 
	bottom: 88px;
	z-index:99;
}

#thumbswrapper{ 
	float:left;
	width:985px;
	margin:0px auto;
	position: relative; 
	bottom: 88px;
}

#thumbswrapper a:link, #thumbswrapper a:visited{
	color:#ffffff;
}

#thumbswrapper a:hover{
	color:#e4e4e4;
}

#thumbswrapper .thumb-left, #thumbswrapper .thumb-middle, .thumb-new, #thumbswrapper .thumb-right {
	float: left; 
	width: 240px; 
	height: 210px;	
	margin:0;
	font-family:"Myriad Pro", Advantage, Arial, Helvetica, sans-serif;
	line-height:1.8em;
	font-size:14px;
	color:#ffffff;	
	text-align:center;
	padding:30px;	
	padding-top:0px;
}

#thumbswrapper h1{
	font-family:"Myriad Web Pro", "Myriad Pro", Advantage, Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:bold;
	color:#ffffff;	
	line-height:1.1em;
	text-transform:uppercase;	
	text-align:center;
}

#thumbswrapper .thumb-left{
	background-image:url(http://www.hotymarine.com/themes/pdsecms/images/thumb-marina-east-harbor.jpg);
	background-repeat:no-repeat;

}

#thumbswrapper .thumb-middle{
	margin-left: 14px;
	background-image:url(http://www.hotymarine.com/themes/pdsecms/images/thumb-marina-son-rise.jpg);
	background-repeat:no-repeat;
}

#thumbswrapper .thumb-right{
	width: 239px;
	margin-left: 17px; 
	padding-top: 2px;
	background-image:url(http://www.hotymarine.com/themes/pdsecms/images/thumb-marina-venetian.jpg);
	background-repeat:no-repeat;	
}

#thumbswrapper .thumb-new{
	margin-left: 17px; 
	background-image:url(http://www.hotymarine.com/themes/pdsecms/images/thumb-marina-new.jpg);
	background-repeat:no-repeat;	
}

/* ==================================================== */
/* ============= $thumbswrapper subpages ============== */
/* ==================================================== */
#thumbswrapper .thumb-left-subpage, #thumbswrapper .thumb-middle-subpage, #thumbswrapper .thumb-right-subpage{
	float: left; 
	width: 240px; 
	height: 110px;	
	margin:0;
	font-family:"Myriad Pro", Advantage, Arial, Helvetica, sans-serif;
	line-height:2em;
	font-size:15px;
	color:#ffffff;	
	text-align:center;
	padding:30px;	
	padding-top:0px;
}

#thumbswrapper .thumb-left-subpage{
	background-image:url(http://www.hotymarine.com/themes/pdsecms/images/thumb-marina-east-harbor-sub.jpg);
	background-repeat:no-repeat;
}

.thumb-left-subpage h1.button, .thumb-middle-subpage h1.button, .thumb-right-subpage h1.button{
	text-decoration:none;
}

.thumb-left-subpage h1.button{
	position:relative;
	bottom:20px;
	padding: 15px; 
}



#thumbswrapper .thumb-middle-subpage{
	margin-left: 14px;
	background-image:url(http://www.hotymarine.com/themes/pdsecms/images/thumb-marina-son-rise-sub.jpg);
	background-repeat:no-repeat;
}


.thumb-middle-subpage h1.button{
	position:relative;
	bottom:20px;
	padding: 15px; 
}

#thumbswrapper .thumb-right-subpage{
	width:239px;
	margin-left: 17px;
	background-image:url(http://www.hotymarine.com/themes/pdsecms/images/thumb-marina-venetian-sub.jpg);
	background-repeat:no-repeat;	
}


.thumb-right-subpage h1.button{
	position:relative;
	bottom:10px;
	padding: 15px; 
}


/* ========================================= */
/* ============= $thumbsbottom ============= */
/* ========================================= */
#thumbsbottom{ 
	float:left;
	width:985px;
	margin:0px auto;
	margin-left:20px;
	margin-right:20px;	
	padding:20px;
	background-color:#E3EAF0;	
}

#thumbsbottom form{
	position:relative;
	bottom:20px;
}

#thumbsbottom form .question{
	width: 30px;	
}

#thumbsbottom form .answer{
	width: 150px;	
}

.thumbcontainer{
	float:left;
	width:315px;
	height:115px;
	margin-right:15px;
}

.thumbcontainer .formBlockSubmitButton{
	width:80px;
	height:30px;
	background-color:#990000;
	border-radius:10px;
	-moz-border-radius:10px;
	background-image:url(http://www.hotymarine.com/themes/pdsecms/images/button-join.jpg);
	background-repeat:no-repeat;
}

.no-margins{
	margin:0px;	
}



/* =============================================== */
/* ============= $mediawrapperbottom ============= */
/* =============================================== */
#mediawrapperbottom{ 
	float:left;
	width:985px;
	margin:0px auto;
	padding-top:20px;
}

#mediathumbsbottom-left{ 
	float:left;
	margin:0px auto;
	padding-top:50px;
}


#mediathumbsbottom-right{ 
	float:right;
	width:435px;
	border:solid 10px #6899C2;
	margin:0px auto;
}


/* ==================================== */
/* ============= $sf-menu ============= */
/* ==================================== */

/* ==========WRAPS sf-menu============= */
#headerNav{
	width:1025px;
	height:auto;
	margin:0px auto;
	padding:0px;
	background-color:#172045;
	background-image:url(http://www.hotymarine.com/themes/pdsecms/images/background-menu.jpg);
	background-repeat:repeat-x;
	clear:both;
	display:block;
}

#sf-menu{
	height:45px;	
	margin-left:0px;
	font-family:Advantage, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
}

#sf-menu a{color:#CEDFED;}
#sf-menu a:visited{color:#CEDFED;}
#sf-menu a:hover{color:#ffffff; background-color:none;}

#sf-menu ul.sf-submenu{
	width:250px;
	margin-top:10px;
	border-top:solid 0px #E3EAF0;
	font-size:14px;
	text-transform:uppercase;
}

#sf-menu ul.sf-submenu a{color:#171F45; padding-bottom:10px;}
#sf-menu ul.sf-submenu a:visited{color:#171F45;}
#sf-menu ul.sf-submenu a:hover{background-color:#171F45; color:#ffffff;}

#sf-menu .sf-menu li {
text-align:center;
}

#sf-menu .sf-menu ul.sf-submenu li{text-align:left; background:#ffffff; color:#171F45; background-image:none;}

#sf-menu .sf-menu ul.sf-submenu li{background-image:none;}
#sf-menu .sf-menu ul.sf-submenu li a{background-image:none;}
#sf-menu .sf-menu ul.sf-submenu li a:hover{background-color:none;}
#sf-menu .sf-menu ul.sf-submenu li.nav-selected{background-color:#ccc; color:#ffffff;}


/* ========================================== */
/* ============= $footerwrapper ============= */
/* ========================================== */
#footerwrapper{
	width:100%;
	min-width:1025px;	
	margin:20px auto;	
	padding:20px;
	background-color:#2A5087;
	color:#FFC;
	text-align:center;
	font-size:12px;
}

#footerwrapper a{color:#ffffff;}
#footerwrapper a:visited{color:#ffffff;}
#footerwrapper a:hover{color:#ffc;}

#footer{
	width:1025px;	
	margin:0 auto;
	padding:10px;
	color:#ffffff;	
	font-size:12px;
	font-weight:normal;	
	text-align:center;
}
#footer a{color:#CEDFED;}
#footer a:visited{color:#CEDFED;}
#footer a:hover{color:#e4e4e4;}

#footer .copyright{
	float:left; 
	width:100%;	
}

#footer .address{
	width:1025px;	
	margin:0 auto;
	padding:10px;	
	color:white;
	font-size:14px;
	font-weight:normal;	
	text-align:center;	
}

