@import url("../js/highslide/highslide.css");

body,
#container h1,
#container h2,
#container h3,
#container h4,
#container h5,
#container h6,
#container ol,
#container ul,
#container li,
#container div,
#container span,
#container a,
#container p,
#footer ol,
#footer ul,
#footer li,
#footer div,
#footer span,
#footer a,
#footer p,
#container input,
#container textarea,
#container select,
#container option{font-family:"Arial CE", Arial, "Helvetica CE", helvetica, sans-serif; line-height:1.35; color:#57a6cc;}

html,
body {height:100%;}

body {font-size:62.5%;}

h1,
h2,
h3,
h4 {padding-top:.2em;}

p,
form,
img {margin:0;padding:0;}

hr.layout{display:none;}

/***************************************************************************************************************************/
/*     FONT-PATTERNS
-------------------------
* ARIAL
      font-family: "Arial CE", Arial, "Helvetica CE", helvetica, sans-serif;
* VERDANA
      font-family: "Verdana CE", Verdana, "Arial CE", Arial, "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
* TAHOMA
      font-family: "Tahoma CE", Tahoma, "Arial CE", Arial, "Helvetica CE", lucida, sans-serif;
* TIMES NEW ROMAN
      font-family: "Times New Roman CE", "Times New Roman", "Times New CE", "Times CE", times, serif;
* COURIER NEW
      font-family: "Courier New CE", "Courier CE", "Courier New", courier, monospace;
* GEORGIA
      font-family: "Georgia CE", Georgia, "Times New CE", "New York CE", "Times CE", times, serif;
* IMPACT
      font-family: "Impact CE", "Arial CE", "Techno CE", "Helvetica CE", Impact, lucida, sans-serif;
* CCOMIC SANS MS
      font-family: "Comic Sans MS CE", "Comic Sans MS", "Arial CE", Arial, "Sand CE", "Helvetica CE", lucida, fantasy;
*/
/***************************************************************************************************************************/
/* --------------------------------------- body ------------------ */
#body{background: url(../images/layout/bg-body.png) repeat-x top left #123649; margin:0px 0px;padding:0px 0px;font-size:1.03em;line-height:1.4;}

#body .ep_adminTools{z-index:8000;}
#body .ep_darkContainer{z-index:4000;}
#body .calendar{z-index:9000;}

/* --------------------------------------- container ------------------ */
#container,
#footer #copy {width:920px; margin:0px auto;}
#container {min-height:100%; height:auto !important; height:100%; margin-bottom:-306px; position:relative; overflow:hidden; font-size:0.8em; background:url(../images/layout/bg-container.jpg) no-repeat 20px top;}

/* anchors */
#container a:focus img,
#container a:active img{outline:1px #68FEFF solid;}
#container a:focus {outline:none; background-color:#123649; text-decoration:none; color:#fff;}
#container a{text-decoration:underline; color:#3cc;}
#container a:hover{text-decoration:none;}
#container a img{border:none;}

/* classes */
#container .edit-buttons{overflow:hidden;/*width:100%;*/text-align:left;}
#container .end-float-box{width:100%;overflow:hidden;}
#container .separate{display:block;clear:both;visibility:hidden;margin:0px 0px;padding:0px 0px;height:1px;border:none;}
#container .jump-to{position:absolute;top:-1000px;left:-1000px;}

/* heads */
#container h1,
#container .as-h1{color:#fff;font-weight:normal;margin:0px 0px;}
#container h2,
#container .as-h2{color:#fff;margin:0.8em 0px 0.3em 10px;font-weight:normal;}
#container h3,
#container .as-h3{color:#fff;font-style:italic;margin:0.8em 0px 0.3em 10px;}
#container h4,
#container .as-h4{color:#fff;margin:0.6em 0px 0.1em 10px;}

/* error success */
#container #content .error,
#container #content .success{list-style:none;border:1px solid #761B17;border-left:none;border-right:none;background:url(../images/32delete.png) #EBAEAC no-repeat 10px 10px;margin:10px 0px;padding-top:15px;padding-bottom:15px; clear:both;}
#container #content .error li,
#container #content .success li{color:#c00;font-weight:800;margin:0px 0px;padding:0px 0px 0px 50px; background:none;}
#container #content .success{border-color:#246b00;background:url(../images/32accept.png) #add07b no-repeat 10px 10px;}
#container #content .success li{color:#144C00;}

/* --------------------------------------- header --------------------- */
#header {height:406px; background:url(../images/layout/bg-header.jpg) no-repeat right bottom; position:relative;}
.subpage #header {height:301px; background:url(../images/layout/bg-header-subpage.jpg) no-repeat right bottom;}
#header p a {display:block; width:150px; height:51px; position:absolute; top:49px; left:20px; overflow:hidden; line-height:51px; color:#fff; text-decoration:underline; font-weight:800; font-size:1.5em; font-style:italic;}
#header p a:hover {color:#58C7DE; text-decoration:underline;}
#header p a span {display:block; cursor:pointer; height:100%; width:100%; background:url(../images/layout/logo-header.png) left -51px; position:absolute; left:0px; top:0px;}
#header p a:hover span,
#header p a:focus span {background-position:left 0px;}
/*#header p a:focus {border:2px solid #0AD0FF;}*/

#header h1,
#header .as-h1 {color:#fff; overflow:hidden; width:270px; height:111px; margin:0px 0px; padding:19px 0px 0px 0px; position:absolute; right:36px; text-align:right; bottom:123px; line-height:1.1; font-size:1.8em; font-style:italic;}
#header .as-h1 {bottom:26px;}
#header h1 span,
#header .as-h1 span {position:absolute; left:0px; top:0px; display:block; width:270px; height:130px; background:url(../images/layout/head-text.jpg) no-repeat left top;}
#header .as-h1 span {background:url(../images/layout/head-text-subpage.jpg) no-repeat left top;}

#header h1 strong,
#header .as-h1 strong {display:block; color:#3cc;}

.subpage #header .hp-only {display:none;}
#header .hp-only {width:150px; height:45px; color:#fff; overflow:hidden; margin:0px 0px; padding:0px 0px; text-align:right; font-size:1.3em; position:absolute; right:36px; bottom:60px; font-style:italic;}
#header .hp-only span {display:block; width:150px; height:45px; position:absolute; top:0px; left:0px; background:url(../images/layout/head-text-only-hp.gif) no-repeat left top;}

/* --------------------------------------- content -------------------- */
#content {padding:25px 25px 336px 25px; float:right; width:650px; font-size:0.9em;}
#content p,
#content div {line-height:1.5;}
#content a {font-weight:800;}
#content p {margin-bottom:25px;}

#content h1,
#content .as-h1 {color:#fff; margin:0px 0px 30px 0px; padding:0px 0px 10px 0px; border-bottom:1px solid #09485b; font-size:1.7em; font-style:italic; position:relative;}
#content h1 {border-color:#0b566c;}
#content .as-h1 span {height:27px; width:650px; display:block; position:absolute; left:0px; top:0px; background:url(../images/layout/head-only-hp.gif) no-repeat left top;}

#content h2,
#content h3 {margin:30px 0px 10px 0px; padding:0px 0px;}
#content h3 {font-weight:800; font-size:1em; font-style:normal;}
#content h2 {font-weight:normal; font-size:1.4em;}
#content h2 .date {font-size:0.6em; background-color:#0F2C3B; color:#FFFFFF;padding:1px 5px; position:relative; top:-2px;}

#content ul {background-color:#0f2f40; border:1px dashed #154057; padding:8px 10px 8px 13px; list-style:none;}
#content ul li {padding:2px 0px; padding-left:10px;  background:url(../images/layout/bg-li.gif) no-repeat left 8px;}

#content table {border-color:#123649; border-collapse:collapse;}
#content table td {background-color:#0c2330;}
#content table td p {margin:0px 0px; padding:0px 0px; color:#0C2330;}
#content table thead td p,
#content table th p{color:#fff;}
#content table td,
#content table th {padding:10px 10px;}
#content thead td,
#content th {color:#fff; font-weight:800; background:url(../images/layout/bg-table-head.gif) #3c96c1 repeat-x top left;}

#content ul.photogallery {list-style:none; list-style-image:none; margin:0px 0px 20px 0px; padding:15px 10px 0px 10px; width:630px; overflow:hidden;}
#content ul.photogallery li {float:left; background:none; padding:0px 10px; width:190px;}
#content ul.photogallery li.first {clear:left;}
#content ul.photogallery li a {display:block; width:182px; overflow:hidden; border:1px solid #154057; padding:3px 3px; margin-bottom:15px; position:relative;}
#content ul.photogallery li a:hover {border-color:#1d5a7a;}
#content ul.photogallery li a span {background:url(../images/layout/bg-photo-wrapper.png) repeat left top; display:block; width:100%; height:100%; cursor:pointer; position:absolute; left:0px; top:0px;}
#content ul.photogallery li a:hover span {display:none;}

/*#content .googleWrap label {font-weight:800;}
#content .googleWrap input {float:left; background-color:#0c2330; border:1px solid #17455e; border-top:none; border-left:none; font-size:1em; padding:5px 10px; margin:0px 0px;}*/

#content fieldset {border:none; margin:35px 0px 0px 0px; padding:0px 0px; clear:both;}
#content fieldset legend {color:#fff; padding:0px 0px; font-weight:800;}
#content form {margin:0px 0px; padding:0px 0px;}
#content form ul {background-color:transparent; border:none; padding:20px 0px 0px 0px; margin:0px 0px;}
#content form ul li {background-image:none; margin:0px 0px; padding:0px 0px 5px 0px; width:100%; overflow:hidden;}
#content .googleWrap label,
#content form ul li label {width:100px; display:block; float:left; font-weight:800; cursor:pointer;}
#content .googleWrap label {width:auto; padding-right:10px; padding-left:22px;}
#content .googleWrap input,
#content form ul li input,
#content form ul li textarea {float:left; background-color:#0c2330; border:1px solid #17455e; border-top:none; border-left:none; font-size:1em; padding:5px 10px; margin:0px 0px; width:221px;}
#content .googleWrap input {width:150px; margin-right:10px;}

#content form ul li textarea {width:442px; height:109px;}
#content form ul li.button {padding:5px 0px 0px 497px;}
#content .googleWrap button,
#content form ul li button {color:#fff; background:url(../images/layout/bg-button.png) #17b2b2 no-repeat left top; border:none; cursor:pointer; width:66px; height:26px; padding:0px 0px; position:relative; font-weight:800; text-transform:uppercase; font-size:0.8em;}
#content .googleWrap button {background:url(../images/layout/bg-button-lg.png) no-repeat left top; width:90px;}

#content ul.attachment li {padding-left:0px; background:none;}
#content ul.attachment li a {padding-left:20px; line-height:20px; display:block; height:20px; background:url(../images/layout/file-icons.png) no-repeat left top;}
#content ul.attachment li a:hover {background-color:#154057;}
#content ul.attachment li.pdf a{background-position:left -20px;}
#content ul.attachment li.xls a{background-position:left -40px;}
#content ul.attachment li.xlsx a{background-position:left -60px;}
#content ul.attachment li.doc a{background-position:left -80px;}
#content ul.attachment li.docx a{background-position:left -100px;}
#content ul.attachment li.txt a{background-position:left -120px;}
#content ul.attachment li.rtf a{background-position:left -140px;}
#content ul.attachment li.htm a,
#content ul.attachment li.html a{background-position:left -160px;}
#content ul.attachment li.ppt a{background-position:left -180px;}
#content ul.attachment li.pps a{background-position:left -200px;}
#content ul.attachment li.rar a{background-position:left -220px;}
#content ul.attachment li.zip a{background-position:left -240px;}
#content ul.attachment li.tgz a{background-position:left -260px;}
#content ul.attachment li.gif a{background-position:left -280px;}
#content ul.attachment li.png a{background-position:left -300px;}
#content ul.attachment li.jpg a,
#content ul.attachment li.jpeg a{background-position:left -320px;}
#content ul.attachment li.avi a{background-position:left -340px;}
#content ul.attachment li.mov a{background-position:left -360px;}
#content ul.attachment li.flv a{background-position:left -380px;}
#content ul.attachment li.mp3 a{background-position:left -400px;}
#content ul.attachment li.wav a{background-position:left -420px;}

#content .googleWrap {float:right; margin-left:10px;}
#googleMap {width:/*319px*/425px; height:250px; border:1px solid #57A6CC; background-color:#0F2F40; margin-bottom:10px;}
/* --------------------------------------- content -------------------- */
#address-submenu {width:220px; float:left; padding:0px 0px 336px 0px; font-size:0.9em; margin-top:40px;}
#address-submenu address {font-style:normal; padding:30px 0px 30px 20px; background:url(../images/layout/address-map.gif) no-repeat 110px 30px;}

#address-submenu ul {margin:0px 0px; padding:0px 0px 0px 20px; list-style:none;}
#address-submenu ul li {padding-left:23px; background:url(../images/layout/bg-phone-cell-email.gif) no-repeat left center;}
#address-submenu ul li.cell-phone {background-position:-218px;}
#address-submenu ul li.e-mail {background-position:-440px;}

#address-submenu strong.sub {display:block; margin-top:5px; width:195px; height:33px; position:relative; color:#fff; line-height:33px; background-color:#479cc5; padding-left:25px; font-size:1.2em; overflow:hidden;}
.subpage #address-submenu {margin-top:151px;}
#address-submenu strong.sub span {position:absolute; left:0px; top:0px; width:220px; height:33px; display:block; background:url(../images/layout/bg-head-submenu.png) no-repeat left top;}
#address-submenu strong.sub span.news {background-position:left -33px;}
#address-submenu strong.sub span.products {background-position:left -231px;}
#address-submenu strong.sub span.products-2 {background-position:left -264px;}
#address-submenu strong.sub span.sea {background-position:left -99px;}
#address-submenu strong.sub span.photogallery {background-position:left -132px;}
#address-submenu strong.sub span.references {background-position:left -165px;}
#address-submenu strong.sub span.contacts {background-position:left -198px;}

#address-submenu menu {margin:0px 0px; padding:0px 0px 10px 0px; list-style:none; background:url(../images/layout/bg-submenu.gif) #0c2330 no-repeat bottom left;}
#address-submenu menu li {margin:0px 0px; padding:0px 20px; border:1px solid #17455d; border-bottom:none; border-top:0px;}
#address-submenu menu li a {color:#57a5cc; text-decoration:none; padding:5px 5px; display:block; border-bottom:1px solid #17455e;}
#address-submenu menu li a:hover,
#address-submenu menu li a.selected{color:#fff; background-color:#123649;}
#address-submenu menu li.first {padding-top:10px;}
#address-submenu menu li.last a {border-bottom:none;}

/* --------------------------------------- main menu ------------------ */
#main-menu {position:absolute; left:0px; top:121px; list-style:none; margin:0px 0px; padding:1px 0px; background:url(../images/layout/bg-main-menu.png) #00AEAE no-repeat left top; width:220px; height:322px;}
#main-menu li {margin:0px 0px; padding:0px 0px; border-top:1px solid #00b9b9; border-bottom:1px solid #009f9f; height:38px;}
#main-menu li.about {border-top:none;}
#main-menu li.contact {border-bottom:none; height:37px;}
#main-menu li a {display:block; color:#fff; height:38px; line-height:38px; text-decoration:none; padding-left:22px; text-transform:uppercase; font-weight:800; position:relative; background:url(../images/layout/bg-main-menu-buttons-select.gif) no-repeat -8px top; overflow:hidden;}
#main-mneu li.contact a {height:36px; line-height:37px;}
/*#main-menu li a:focus,
#main-menu li a:hover,*/
#main-menu li a:hover,
#main-menu li a:active {color:#002d2d;}
#main-menu li a.selected {color:#002d2d; background-position:left top; background-color:transparent;}
#main-menu li a:focus {background-color:transparent;}
#main-menu li.about a {padding-top:3px; height:35px;}
#main-menu li.about a:focus {height:31px;}
#main-menu li.contact a {padding-bottom:4px;}

/*#main-menu li.news a:hover,
#main-menu li.news a:focus,*/
#main-menu li.news a.selected {background-position:left -40px;}
/*#main-menu li.products a:hover,
#main-menu li.products a:focus,*/
#main-menu li.products a.selected {background-position:left -80px;}
#main-menu li.products-2 a.selected {background-position:left -120px;}
/*#main-menu li.sea a:hover,
#main-menu li.sea a:focus,*/
#main-menu li.sea a.selected {background-position:left -160px;}
/*#main-menu li.photogallery a:hover,
#main-menu li.photogallery a:focus,*/
#main-menu li.photogallery a.selected {background-position:left -200px;}
/*#main-menu li.references a:hover,
#main-menu li.references a:focus,*/
#main-menu li.references a.selected {background-position:left -240px;}
/*#main-menu li.contact a:hover,
#main-menu li.contact a:focus,*/
#main-menu li.contact a.selected {background-position:left -280px;}

#main-menu li a span {width:197px; height:100%; position:absolute; left:22px; top:0px; display:block; cursor:pointer; background:url(../images/layout/bg-main-menu-buttons.png) no-repeat left top;}
#main-menu li a:hover span,
#main-menu li a:active span,
#main-menu li a.selected span,
#main-menu li a:focus span {background-position:-220px 0px;}

#main-menu li.news a span {background-position:left -40px;}
#main-menu li.products a span {background-position:left -80px;}
#main-menu li.products-2 a span {background-position:left -120px;}
#main-menu li.sea a span {background-position:left -160px;}
#main-menu li.photogallery a span {background-position:left -200px;}
#main-menu li.references a span {background-position:left -240px;}
#main-menu li.contact a span {background-position:left -280px;}

#main-menu li.news a:hover span,
#main-menu li.news a:active span,
#main-menu li.news a.selected span,
#main-menu li.news a:focus span {background-position:-220px -40px;}
#main-menu li.products a:hover span,
#main-menu li.products a:active span,
#main-menu li.products a.selected span,
#main-menu li.products a:focus span {background-position:-220px -80px;}
#main-menu li.products-2 a:hover span,
#main-menu li.products-2 a:active span,
#main-menu li.products-2 a.selected span,
#main-menu li.products-2 a:focus span {background-position:-220px -120px;}
#main-menu li.sea a:hover span,
#main-menu li.sea a:active span,
#main-menu li.sea a.selected span,
#main-menu li.sea a:focus span {background-position:-220px -160px;}
#main-menu li.photogallery a:hover span,
#main-menu li.photogallery a:active span,
#main-menu li.photogallery a.selected span,
#main-menu li.photogallery a:focus span {background-position:-220px -200px;}
#main-menu li.references a:hover span,
#main-menu li.references a:active span,
#main-menu li.references a.selected span,
#main-menu li.references a:focus span {background-position:-220px -240px;}
#main-menu li.contact a:hover span,
#main-menu li.contact a:active span,
#main-menu li.contact a.selected span,
#main-menu li.contact a:focus span {background-position:-220px -280px;}

/* --------------------------------------- footer --------------------- */
#footer {background-color:#ddd; border-top:1px solid #fff; height:69px; position:relative; font-size:0.65em;}
#footer p,
#footer a {color:#888;}
#footer a:active,
#footer a:hover {color:#000;}
#footer a:focus {outline:none; background-color:#999; color:#000;}
#footer #copy {padding-top:13px; background:url(../images/layout/logo-footer.png) no-repeat right 11px; height:23px;}

#body .fish {background:url(../images/layout/bg-footer-p.jpg) no-repeat top center; padding-top:236px;}