body.homePage {background: #00002e;}

body.homePage #contentContainer { width: 960px; background: none; margin: 0 auto; position: relative; z-index:999;}
body.mainPage #contentContainer { width: 100%; background: none; margin: 45px auto 0 auto; position: relative; z-index:999; min-height:600px; height:600px; height:auto !important;}
#content.homePage { background: none; z-index:20; margin-top: 50px; width:960px;   padding: 20px; }
#content.mainPage { background: url('../images/bg_opacity.png') 0 0 repeat; margin: 0 auto; z-index: 20; width:960px; height:100%; padding:20px 0 60px 0;}
body.mainPage #navBarcontainer {height: 45px; width: 100%;background: #00002e; position: fixed; z-index: 9999; top:0;}
body.mainPage #navBar { margin: 0 auto; width:960px;}
body.homePage #navBar {height: 45px; width: 100%; position: fixed; top: 0;}
#navBar ul { padding: 0; margin:0; z-index:99999999; position:relative; }
#navBar ul li {list-style:none; border-right: 1px solid #fff; float: left; display: inline-block; height: 25px; padding: 10px 17px;}
#navBar ul li.firstItem { padding-left:0px; }
#navBar ul li.lastItem { border-right: none; }
#navBar ul li a { color: #fff; text-transform:uppercase; text-decoration: none;font-family: 'Open Sans', sans-serif; font-size:14px; font-weight: normal; }
#navBar ul li a:hover { color:#0CF; text-decoration: underline; }
#navBar ul li ul { z-index:99999999; position:absolute; top:45px;  padding-bottom:20px; margin: 0 0 0 -24px; border:1px solid #fff; }
#navBar ul li:hover ul { display:block; text-indent:0;  }
#navBar ul li ul  { background:#00002e; }
#navBar ul li ul li { width:200px; height:20px; display:list-item; clear:left; padding:5px; border:0; }
#navBar ul li ul li a{ padding-left:8px; }
#navBar ul li ul li a:hover { background-image:#000060;  }
.outterbox { width:100%; }
.innerbox { margin:20px; padding:20px;}

.contentInner { background: #fff; margin: 20px; padding: 20px; overflow:hidden;}
.contentInnerGallery { background: none; margin: 20px; padding: 0;}

.topBit { margin: 0 0 20px 0; min-height:145px; height: 145px; height: auto !important; }

.contact_form  {}
.contact_form label { width:150px; text-align:left; display:inline-block; float:left;  padding:5px 5px 5px 0; 5px 5px 5px 0; font-family: Arial, Helvetica, sans-serif; font-size:14px;  }
.contact_form input, .contact_form textarea { 
    width:200px;  
    display:inline-block; 
    float:left; 
    padding:5px; 
    margin:5px;  
}
.contact_form p { clear:both;  }
.contact_form button { 
    margin-left:160px; 
    padding:5px; 
    width:214px;   
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding-left: 13px;
    padding-right: 13px;
    background: #e3e3e3;
    border: 1px solid #bbb;
    padding: 6px 10px;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    background: #778BA3;
    border: none;
}
.contact_form button:hover { background-color: #3989c1; }
.contact_form select { width:212px; text-align:left; display:inline-block; float:left; padding:5px; margin:5px;  }

/*-----FOOTER-----*/
#footerContainer {height: 60px; background:#00002e; position:fixed; bottom:0; color:#fff;  width:100%; float:left; z-index:9999; }
#footer { width: 960px; margin: 0 auto; padding: 14px; position: relative;}
.developer_link { font-family: 'Varela Round', sans-serif;color:#ccc; }
.developer_link a { font-family: 'Varela Round', sans-serif;color:#ccc; }
#footer ul li, #footer ul li a { list-style:none; display:inline; float:left;  line-height:14px;  }
#footer ul li a { color:#8ab1cc;border-right:1px solid #8ab1cc;  padding:0 5px 0 5px;}
#footer ul li.first a { padding-left: 0px; }
#footer ul li:last-child a{ border-right:none; }
#footer ul li a:hover{ color:#30b357; }
#footer a { color:#fff; }
.footer_left_column { float:left; margin: 0 20px 0 0; position:relative; }
.footer_left_column span.share {vertical-align:top; }
#footer_right_column { float: right; }
#footer_content_column { float:left; }

.allboats { font-family: 'Varela Round', sans-serif; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.allboats .item {  float:left;  margin:10px;  overflow:hidden; border:4px solid #f3f3f3; }
.allboats a:hover .item-text { background:#00002E; color:#fff; }
.image-holder { position:relative; height:265px; width:190px; }
   .image-holder img {
        position: absolute;
        margin: auto;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }
.allboats .item .item-text { background:#F3F3F3; display:block; color:#00002E; padding:5px; font-size:1.5em; line-height:20px; text-align:center; }
.allboats .item .item-text p { margin: 0; }

.downloads-file {float:left;  margin:10px 5px;  overflow:hidden; border:4px solid #f3f3f3; width: 120px; padding: 10px; text-align: center; height: 216px;}
.download-holder {position:relative; height:135px; padding: 0px;}
.download-holder img { position: absolute; top: 10px; margin: auto; left: 0; right: 0;}
.downloadLink { color: #4e667e; font-weight: bold;}
.downloadLink:hover { color: #ff0000;}

/* General */

.clear { clear: both; }
.imgLeft { float: left; margin: 0 20px 0 0; }
.pl20 { padding-left:20px; }
.blockRight { float: right; width:400px; margin: 0 0 0 20px; }
.formRight { float: right; width: 400px; margin: 0 0 0 20px;  }

/* Comment Form*/
#comment_form { 
    width: 682px;
    margin: 0 auto;
    padding: 20px 0;
    display: block; 
}
#comment_form h2 {
    background: none repeat scroll 0 0 #F0F0F0;
    margin: 10px 0;
    padding: 5px 10px;
}
#comment_form form { padding: 10px; }
#comment_form input { width: 500px;}
#comment_form textarea { 
    width: 500px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    font-size: 12px;
    padding: 0 0 0 10px;
    color: #555;
    margin-bottom: 5px;
}

#comment_form input.input-submit {
    width: 512px;
    margin: 0 0 0 150px;
    display: block;
}

#comment_form span.required { color: red; }
#comment_form label { 
    float: left; 
    width: 150px; 
    font-size: 15px;
}

/* Photoswipe */

ul#photoswipeGallery { margin: 0 0 30px 0; padding:0; overflow:hidden; }
ul#photoswipeGallery li { list-style: none; float: left; margin: 0 3px -3px 0;}
ul#photoswipeGallery li a {  }




#footer ul.socialIcons { margin: 0;}
#footer ul.socialIcons li { list-style: none; display: inline-block; margin-right: 5px; }
#footer ul.socialIcons li a {border-right: none; padding: 0;}


/*------------ news---------*/
.odd {
    background: none repeat scroll 0 0 #F0F0F0;
}
.even {
    background: none repeat scroll 0 0 #fff;
}
.odd, .even {
    margin: 20px 0;
    padding: 20px;
}
.odd img, .even img {
    padding: 10px;
    border: 1px solid #ddd;
    margin-right: 20px;
    float: left;
}
.back {
    background: none repeat scroll 0 0 #F0F0F0;
    margin: 10px 0;
    padding: 5px 10px;
}
