*{margin:0;padding:0}

body {
  background-color: #183b72;
  text-align: center;
  margin: 0;
  padding: 0;
  color: #000;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 9.5pt;
}

img {
  border: 0;
}

.text-content {
  margin: 14px;
}

	/* Begin: formatting for footer text */

.footer-text-lg {
  margin: 10px 0 26px;
  padding: 0;
  color: #183b72;
  font-size: 24px;	
  font-style: italic;
  font-weight: bold;
}

a.footer-link {
  font-size: 16px;	
  font-weight: bold;
  
}

	/* End: formatting for footer text */

h1 {
  margin: 0 0 10px;
  padding: 0;
  color: #183b72;
  font-size: 13pt;
}

h2,.h2 {
  font-weight: bold;
  margin: 0;
  padding: 0;
  color: #183b72;
  font-size: 11pt;
}

h2.first-title {
  margin-top: 0;
}

p {
  margin: 0 0 14px;
  line-height: 110%;
}

blockquote {
  margin: 0 0 14px;
  line-height: 110%;
}

#main ul {
  margin: 0 0 14px;
  padding: 0 0 0 30px;
}

.image-content {
  margin: 15px 5px 15px 15px;
  color: #183b72;
}

.image-container {
  text-align: center;
  float: left;
  font-weight: bold;
}
.image-container img {
  margin: 0 auto;
}

.photo-gallery .image-container {
  width: 132px;
  padding: 0 20px 20px 0;
}

.catalog-downloads img {
  float: left;
  width: 129px;
  height: 100px;
  margin: 0;
}
.catalog-downloads div {
  float: left;
  width: 94px;
  line-height: 110%;
  margin: 0;
}
.catalog-downloads div a {
  display: block;
  margin: 0 10px;
}

.red {
  color: #cc203c;
}

.blue {
  color: #183b72;
}

.bold {
  font-weight: bold;
}

a,a:link,a:visited,a:hover,a:active {
  color: #183b72;
  text-decoration: underline;
}

a.red,a.red:link,a.red:visited {
  color: #cc203c;
  text-decoration: none;
}
a.red:hover {
  color: #cc203c;
  text-decoration: underline;
}
a.red:active {
  color: #cc203c;
  text-decoration: none;
}

	/* formatting for forms on contact us page */

form {
  margin: 30px 0 0 50px;
}

form table tr td {
  padding: 10px 10px 10px 0;
}

form input {
  color: #183B72;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 9.5pt;
}

form input.full {
  width: 100%;
}

form input.checkbox {
  width: auto;
}

form input#city {
  width: 200px;
}

form input#state {
  width: 30px;
}

form input#zip {
  width: 80px;
}

form input#submit {
  float: right;
  width: auto;
}

	/* structural divs */

#pageborder {
  width: 804px;
  margin: 0 auto 10px;
  background-color: #26305c;
}
#pagewrapper {
  border: 2px solid #26305c;
  margin: 0;
  background-color: #26305c;
  text-align: left;
}

#header {
  margin: 0;
}

#menu {
  margin: 0;
  height: 40px;
  background-color: #25305D;
}

#main {
  overflow: hidden;
}

#left {
  margin: 0;
  float: left;
  background-color: #fff;
  margin-bottom: -2000px;
  padding-bottom: 2000px;
}

#squeeze {
  /* width: 100%; */
  /* margin: 0; */
}

#right {
  margin: 0;
  float: left;
  background-color: #fff;
  margin-bottom: -2000px;
  padding-bottom: 2000px;
}

#footer {
  margin: 0;
  background-image: url(images/footer.jpg);
  background-repeat: repeat;
}

	/* left-right widths for different templates */

.template-default #left {
  display: none;
}
.template-default #right {
  width: 800px;
  background-color: #fff;
  min-height: 600px;
}



.template-home #left {
  width: 800px;
  min-height: 600px;
  background-color: #fff;
}
.template-home #right {
  display: none;
}

.template-1 #left {
  width: 400px;
  min-height: 600px;
}
.template-1 #squeeze {
  margin-left: 400px;
}
.template-1 #right {
  width: 400px;
}

.template-2 #left {
  width: 550px;
  min-height: 600px;
}
.template-2 #squeeze {
  margin-left: 550px;
}
.template-2 #right {
  width: 250px;
}

.template-3 #left {
  width: 500px;
  min-height: 600px;
}
.template-3 #squeeze {
  margin-left: 500px;
}
.template-3 #right {
  width: 300px;
}

.template-4 #left {
  display: none;
}
.template-4 #right {
  width: 800px;
  min-height: 600px;
}

.template-5 #left {
  display: none;
}
.template-5 #right {
  width: 800px;
  min-height: 600px;
  border-top: 4px solid #b3c4e5;
}

/*
** Markup free clearing
** Details: http://www.positioniseverything.net/easyclearing.html
*/
.clear-block:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clear-block {
  display: inline-block;
}

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

/**************************************
** css for menus
**************************************/

#menu {
  z-index: 50;
}

ul.nice-menu,
ul.nice-menu ul {
  z-index: 50;
}

ul.nice-menu li {
  position: relative;
  z-index: 50;
}

ul.nice-menu a {
  display: block;
}

ul.nice-menu ul {
  position: absolute;
  visibility: hidden;
}


ul.nice-menu li.over ul {
  visibility: visible;
}

ul.nice-menu ul li {
  display: block;
}

ul.nice-menu:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}


/* Show submenus when over their parents. */
ul.nice-menu li:hover ul,
ul.nice-menu li.over ul {
  visibility: visible;
}

/**
 * styling
**/

ul.nice-menu,
ul.nice-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

ul.nice-menu li {
  border: 0;
  float: left;
}

ul.nice-menu li a {
  height: 40px;
  display: block;
}

ul.nice-menu li ul li a {
  height: auto;
  border-left: none;
  font-size: 8pt;
  padding: 2px;
}

ul.nice-menu ul {
  top: 40px;
  left: -1px;
  border: 0;
  width: 142px;
  border-top: 1px solid #183B72;
  margin-right: 0;
}

ul.nice-menu ul li {
  border: 1px solid #183B72;
  border-top: 0;
  width: 140px;
  background-color: #b3c4e5;
}

ul.nice-menu ul li a:link,ul.nice-menu ul li a:visited {
  text-decoration: none;
  color: #183B72;
}

ul.nice-menu ul li a:hover {
  text-decoration: none;
  color: #cc203c;
}

ul.nice-menu ul li a:active {
  text-decoration: none;
  color: #183B72;
}

/**
 * sizes and images for links on main menu bar
**/

#menu ul.nice-menu li a#menu-link-aboutus {
  width: 80px;
  background-image: url(menu/aboutus.png);
}
#menu ul.nice-menu li a#menu-link-aboutus:hover,
#menu ul.nice-menu li a#menu-link-aboutus.active {
  background-image: url(menu/aboutus-over.png);
}

#menu ul.nice-menu li a#menu-link-docks {
  width: 80px;
  background-image: url(menu/docks.png);
}
#menu ul.nice-menu li a#menu-link-docks:hover,
#menu ul.nice-menu li a#menu-link-docks.active,
#menu ul.nice-menu li:hover a#menu-link-docks,
#menu ul.nice-menu li.ie-over a#menu-link-docks {
  background-image: url(menu/docks-over.png);
}

#menu ul.nice-menu li a#menu-link-boatlifts {
  width: 80px;
  background-image: url(menu/boatlifts.png);
}
#menu ul.nice-menu li a#menu-link-boatlifts:hover,
#menu ul.nice-menu li a#menu-link-boatlifts.active,
#menu ul.nice-menu li:hover a#menu-link-boatlifts,
#menu ul.nice-menu li.ie-over a#menu-link-boatlifts {
  background-image: url(menu/boatlifts-over.png);
}

#menu ul.nice-menu li a#menu-link-stairselevators {
  width: 80px;
  background-image: url(menu/stairselevators.png);
}
#menu ul.nice-menu li a#menu-link-stairselevators:hover,
#menu ul.nice-menu li a#menu-link-stairselevators.active,
#menu ul.nice-menu li:hover a#menu-link-stairselevators,
#menu ul.nice-menu li.ie-over a#menu-link-stairselevators {
  background-image: url(menu/stairselevators-over.png);
}

#menu ul.nice-menu li a#menu-link-marina {
  width: 80px;
  background-image: url(menu/marina.png);
}
#menu ul.nice-menu li a#menu-link-marina:hover,
#menu ul.nice-menu li a#menu-link-marina.active,
#menu ul.nice-menu li:hover a#menu-link-marina,
#menu ul.nice-menu li.ie-over a#menu-link-marina {
  background-image: url(menu/marina-over.png);
}

#menu ul.nice-menu li a#menu-link-rampsrailings {
  width: 80px;
  background-image: url(menu/rampsrailings.png);
}
#menu ul.nice-menu li a#menu-link-rampsrailings:hover,
#menu ul.nice-menu li a#menu-link-rampsrailings.active {
  background-image: url(menu/rampsrailings-over.png);
}

#menu ul.nice-menu li a#menu-link-gangwaysbridges {
  width: 80px;
  background-image: url(menu/gangwaysbridges.png);
}
#menu ul.nice-menu li a#menu-link-gangwaysbridges:hover,
#menu ul.nice-menu li a#menu-link-gangwaysbridges.active {
  width: 80px;
  background-image: url(menu/gangwaysbridges-over.png);
}

#menu ul.nice-menu li a#menu-link-waterfront {
  width: 80px;
  background-image: url(menu/waterfront.png);
}
#menu ul.nice-menu li a#menu-link-waterfront:hover,
#menu ul.nice-menu li a#menu-link-waterfront.active {
  background-image: url(menu/waterfront-over.png);
}

#menu ul.nice-menu li a#menu-link-boathouses {
  width: 80px;
  background-image: url(menu/boathouses.png);
}
#menu ul.nice-menu li a#menu-link-boathouses:hover,
#menu ul.nice-menu li a#menu-link-boathouses.active {
  background-image: url(menu/boathouses-over.png);
}

#menu ul.nice-menu li a#menu-link-guide {
  width: 80px;
  background-image: url(menu/guide.png);
}
#menu ul.nice-menu li a#menu-link-guide:hover,
#menu ul.nice-menu li a#menu-link-guide.active {
  background-image: url(menu/guide-over.png);
}

#menu ul li a span { display: none; }

/***************
 IE Fixes
***************/

/* Iframe to fix z-index bug when menu hovers over <select> fields. */
ul.nice-menu li.menuparent ul {
	overflow: visible !important;
	/* overflow: hidden; */
}

ul.nice-menu li.menuparent ul iframe {
	display: none;
	display/**/: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	filter: mask();
	width: 20px;
	height: 20px;
}


/**************************************
** css for slideshows
**************************************/

#slideshow {
  position:relative;
}

#slideshow-picture {
  position:relative;
}

#slideshow-picture div {
  background-color: #000;
  position:absolute;
  top:0;
  left:0;
  z-index:8;
  opacity: 0.0;
  text-align: center;
}

#slideshow-picture div img {
  margin: 0 auto;
}

#slideshow-picture div.active {
  z-index:10;
  opacity: 1.0;
}

#slideshow-picture div.last-active {
    z-index:9;
}


#slideshow-controls {
  position: relative;
  height: 28px;
  background-color: #b3c4e5;
}

.slideshow-button {
  position: relative;
  cursor: pointer;
  top: 7px;
  margin-left: 7px;
}

#slideshow-title {
  position: relative;
  top: 3px;
  margin-left: 7px;
  color: #183B72;
  font-size: 10pt;
  line-height: 100%;
}

#slideshow-thumbnails {
  position: absolute;
  left: 0;
  z-index: 20;
  background-color: #183b72;
  display: none;
}

#slideshow-thumbnail-prev {
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  cursor: pointer;
}

#slideshow-thumbnail-strip {
  position: absolute;
  top: 0;
  left: 15px;
  overflow: hidden;
}

#slideshow-thumbnail-next {
  position: absolute;
  top: 0;
  width: 15px;
  cursor: pointer;
}

#slideshow-thumbnail-strip img {
  cursor: pointer;
  position: relative;
  border: 0;
  float: left;
  margin: 5px 0 0 5px;
}

/**
 *  use classes to control width, height
**/

.standard {
  width: 400px;
}

.standard #slideshow-picture {
  height:250px;
}

.standard #slideshow-picture div {
  height:250px;
  width:400px;
}

.standard #slideshow-thumbnails {
  height: 70px;
  width: 400px;
  top: 180px;
}

.standard #slideshow-thumbnail-strip {
  width: 370px;
  height: 70px;
}

.standard #slideshow-thumbnail-next {
  left: 385px;
}



.tall {
  width: 300px;
}

.tall #slideshow-picture {
  height:400px;
}

.tall #slideshow-picture div {
  height:400px;
  width:300px;
}

.tall #slideshow-thumbnails {
  height: 70px;
  width: 300px;
  top: 330px;
}

.tall #slideshow-thumbnail-strip {
  width: 270px;
  height: 70px;
}

.tall #slideshow-thumbnail-next {
  left: 285px;
}


.wide {
  width: 800px;
  border-bottom: 1px solid #cc203c;
}

.wide #slideshow-picture {
  height:340px;
}

.wide #slideshow-picture div {
  height:340px;
  width:800px;
}

.wide #slideshow-thumbnails {
  height: 70px;
  width: 300px;
  top: 330px;
}

.wide #slideshow-thumbnail-strip {
  width: 270px;
  height: 70px;
}

.wide #slideshow-thumbnail-next {
  left: 285px;
}