*{margin:0;padding:0}

body {
  background-color: #26305c;
  text-align: center;
  margin: 0;
  padding: 0;
  color: #5c351e;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 9.5pt;
}

img {
  border: 0;
}

.text-content {
  margin: 14px;
}

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: 120px;
  padding: 0 20px 20px 0;
}

.catalog-downloads img {
  float: left;
  width: 96px;
  height: 75px;
  margin: 0;
}
.catalog-downloads div {
  float: left;
  width: 94px;
  /* height: 75px; */
  line-height: 110%;
  margin: 0;
}
.catalog-downloads div a {
  display: block;
  margin: 0 4px;
}

.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 unique solutions page */

#unique-solutions-background {
  width:800px;
  height: 685px;
  background-image: url(images/imagine.jpg);
}

#unique-solutions-text {
  padding: 10px 14px;
  font-size: 12px;
}

	/* 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: #5c351e;
  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: #fff;
}
#pagewrapper {
  border: 2px solid #fff;
  margin: 0;
  background-color: #fff;
  text-align: left;
}

#header {
  margin: 0;
  border-bottom: 4px solid #b3c4e5;
}

#menu {
  margin: 0;
  height: 28px;
}

#main {
  overflow: hidden;
}

#left {
  margin: 0;
  float: left;
  background-color: #fcedbe;
  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;
  clear: both;
  background-color: #ccc;
  text-align: center;
}

	/* left-right widths for different templates */

.template-default #left {
  display: none;
}
.template-default #right {
  width: 800px;
  background-color: #fcedbe;
}



.template-home #left {
  width: 400px;
  background-color: #fff;
}
.template-home #squeeze {
  margin-left: 400px;
}
.template-home #right {
  width: 400px;
  background-color: #fcedbe;
}

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

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

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

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

.template-5 #left {
  display: none;
}
.template-5 #right {
  width: 800px;
  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;
  border-left: 1px solid #183B72;
}

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

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

ul.nice-menu ul {
  top: 28px;
  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
**/

ul.nice-menu li#menu-item-home {
  width:49px;
  height: 28px !important;
  background-color: #cc203c;
  border-left: none;
}

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

#menu ul.nice-menu li a#menu-link-aboutus {
  width: 56px;
  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-residential {
  width: 69px;
  background-image: url(menu/residential.png);
}
#menu ul.nice-menu li a#menu-link-residential:hover,
#menu ul.nice-menu li a#menu-link-residential.active,
#menu ul.nice-menu li:hover a#menu-link-residential,
#menu ul.nice-menu li.ie-over a#menu-link-residential {
  background-image: url(menu/residential-over.png);
}

#menu ul.nice-menu li a#menu-link-boatlifts {
  width: 56px;
  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-stairstrolleys {
  width: 63px;
  background-image: url(menu/stairstrolleys.png);
}
#menu ul.nice-menu li a#menu-link-stairstrolleys:hover,
#menu ul.nice-menu li a#menu-link-stairstrolleys.active,
#menu ul.nice-menu li:hover a#menu-link-stairstrolleys,
#menu ul.nice-menu li.ie-over a#menu-link-stairstrolleys {
  background-image: url(menu/stairstrolleys-over.png);
}

#menu ul.nice-menu li a#menu-link-marina {
  width: 108px;
  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-camps {
  width: 85px;
  background-image: url(menu/camps.png);
}
#menu ul.nice-menu li a#menu-link-camps:hover,
#menu ul.nice-menu li a#menu-link-camps.active {
  background-image: url(menu/camps-over.png);
}

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

#menu ul.nice-menu li a#menu-link-waterfront {
  width: 73px;
  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: 51px;
  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: 56px;
  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.nice-menu li a#menu-link-contact {
  width: 62px;
  background-image: url(menu/contact.png);
}
#menu ul.nice-menu li a#menu-link-contact:hover,
#menu ul.nice-menu li a#menu-link-contact.active {
  background-image: url(menu/contact-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;
  visibility: hidden;
  text-align: center;
}

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

#slideshow-picture div.active {
  z-index:10;
  visibility: visible;
}

#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;
}