/*
Theme Name: Aquatic 1.5
Theme URI: http://www.centralbeachinn.com/
Description: The aquatic style wordpress theme  
Author: Chameera Dilhan
Author URI: http://centralbeachinn.com/
Tags: aquatic, fixed width, two columns, widgets
*/

body {
    padding: 0;
    margin: 0;
    background: url( images/main-bg.gif ) 0 0 repeat-x #fff;
    color: #5F7A77;
    font: 13px / 19px Arial, Helvetica, sans-serif;
}

div, p, ul, h2, h3, h4, h5, img {
    padding: 0;
    margin: 0;
}

h1, h2, h3 {
    font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
    font-weight: bold;
}

ul {
    list-style-type: none
}

input {
    border-style: groove;
    font-family: Arial, Helvetica, sans-serif;
    color: #5F7A77;
}

textarea {
    border-style: groove;
    font-family: Arial, Helvetica, sans-serif;
    color: #5F7A77;
}

select {
    border-style: groove;
    font-family: Arial, Helvetica, sans-serif;
    color: #5F7A77;
}

#flash {
    float:left;
    margin-top:250px;
    margin-left:5px;
}

/*----MAIN PANEL----*/
#mainPan {
    width: 778px;
    position: relative;
    margin: 0 auto;
}

/*----TOP PANEL----*/
#topPan {
    width: 778px;
    height: 65px;
    background: url( images/topbg.jpg ) 0 0 no-repeat #fff;
    color: #828282;
    position: relative;
    margin: 0 auto;
}

#topPan img.logo {
    width: 136px;
    height: 31px;
    position: relative;
}

.logo_image {
    width: 350px;
    height: 60px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    background-image: url( images/logo-new.jpg );
    background-repeat: no-repeat;
}

#topPan p.caption {
    width: auto;
    background: #fff;
    color: #828282;
    position: relative;
    top: 40px;
    left: 235px;
    font-family: "Vladimir Script", sans-serif;
    font-size: 26px;
}

#topcontactPan {
    width: auto;
    height: 36px;
    position: absolute;
    top: 11px;
    left: 567px;
    padding: 7px 0 0;
    background-image: url( images/icon1.jpg );
    background-repeat: no-repeat;
    padding-left: 25px;
}

#topcontactPan p.callus {
    width: 63px;
    height: 17px;
    display: block;
    background: #DDC40C;
    color: #fff;
    font: 14px / 17px "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
}

#topcontactPan p.tollfree {
    width: 63px;
    height: 20px;
    display: block;
    background: #fff;
    color: #A99607;
    font: 11px / 20px "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
}

#topcontactPan p.phoneno {
    width: 88px;
    height: 28px;
    display: block;
    position: absolute;
    top: 7px;
    left: 91px;
    background: #fff;
    color: #00473E;
    border: 1px solid #A2C1C0;
    font-size: 11px;
    line-height: 14px;
    text-align: center;
}

/*----/TOP PANEL----*/

/*----HEADER PANEL----*/
#headerPan {
    width: 686px;
    height: 153px;
    background: url( images/new_header.jpg ) 0 0 no-repeat;
    position: relative;
    margin: 0 auto;
    padding: 11px 0 0 92px;
}

#headerPan ul.leftmenu {
    width: 87px;
}

#headerPan ul.leftmenu li {
    width: 87px;
    height: 22px;
    border-bottom: 1px dashed #AECCCA;
    text-shadow: 2px 2px 2px #CCCCCC;
}

#headerPan ul.leftmenu li a {
    width: 72px;
    height: 22px;
    display: block;
    background: url( images/bullet-normal.gif ) 0 7px no-repeat #fff;
    color: #305E5C;
    line-height: 22px;
    text-decoration: none;
    padding: 0 0 0 15px;
}

#headerPan ul.leftmenu li a:hover {
    background: url( images/bullet-hover.gif ) 0 7px no-repeat #fff;
    color: #13991c;
    line-height: 22px;
    text-decoration: underline;
    padding: 0 0 0 15px;
}

#headerPan ul.leftmenu li.current_page_item a {
    width: 72px;
    height: 22px;
    display: block;
    background: url( images/bullet-hover.gif ) 0 7px no-repeat #fff;
    color: #13991c;
    line-height: 22px;
    text-decoration: none;
    padding: 0 0 0 15px;
}

#headerPan ul.leftmenu li.current_page_item a:hover {
    text-decoration: none;
    cursor:default;
}

#headerPan ul.leftmenu li.Solutions {
    width: 72px;
    height: 22px;
    display: block;
    background: url( images/bullet-hover.gif ) 0 7px no-repeat #fff;
    color: #305E5C;
    line-height: 22px;
    text-decoration: none;
    padding: 0 0 0 15px;
}

#headerPan ul.leftmenu li.clients {
    width: 87px;
    height: 22px;
    border-bottom: none;
}

#headerPan ul.botton {
    width: 162px;
    height: 45px;
    position: absolute;
    top: 118px;
    left: 250px;
}

#headerPan ul.botton li {
    float: left;
    height: 45px;
}

#headerPan ul.botton li.home a {
    width: 42px;
    height: 45px;
    display: block;
    background: url( images/home-normal.gif ) 0 0 no-repeat;
    text-indent: -200000px;
    margin: 0 12px 0 0;
}

#headerPan ul.botton li.home a:hover {
    background: url( images/home-hover.gif ) 0 0 no-repeat;
}

.btn-home {
    width: 42px;
    height: 45px;
    display: block;
    background: url( images/home-normal.gif ) 0 0 no-repeat;
    text-indent: -200000px;
    margin: 0 12px 0 0;
}

.btn-about {
    width: 42px;
    height: 45px;
    display: block;
    background: url( images/aboutus-normal.gif ) 0 0 no-repeat;
    text-indent: -200000px;
    margin: 0 12px 0 0;
}

.btn-contact {
    width: 42px;
    height: 45px;
    display: block;
    background: url( images/contact-normal.gif ) 0 0 no-repeat;
    text-indent: -200000px;
    margin: 0 12px 0 0;
}

#headerPan ul.botton li.aboutus a {
    width: 42px;
    height: 45px;
    display: block;
    background: url( images/aboutus-normal.gif ) 0 0 no-repeat;
    text-indent: -200000px;
    margin: 0 12px 0 0;
}

#headerPan ul.botton li.aboutus a:hover {
    background: url( images/aboutus-hover.gif ) 0 0 no-repeat;
}

#headerPan ul.botton li.contact a {
    width: 42px;
    height: 45px;
    display: block;
    background: url( images/contact-normal.gif ) 0 0 no-repeat;
    text-indent: -200000px;
    margin: 0;
}

#headerPan ul.botton li.contact a:hover {
    background: url( images/contact-hover.gif ) 0 0 no-repeat;
}

/*----/HEADER PANEL----*/

/*----BODY PANEL----*/
#bodyPan {
    width: 686px;
    background: url( images/bodybg.gif ) 0 0 no-repeat;
    position: relative;
    margin: 0 auto;
    padding: 22px 0 0 92px;
}

#flash_panel {  
    width:200px;
    height:auto;
    padding-right:10px;
    padding-top:10px;
    margin-top:53px;
    border-right: 1px solid #C8E8E2;
    position:absolute;
    float:left;
}

#announce {
    padding-top:15px;
    background: url( images/announce_back.jpg ) 0 0 no-repeat;
}

/*----Body Left Panel----*/
#leftPan {
    width: 114px;
    float: left;
    margin-top:30px;
    height:500px;
}

#s {
    border-style: groove;
    font-family: Arial, Helvetica, sans-serif;
    color: #5F7A77;
    width: 100px;
}

#searchsubmit {
    color: #5F7A77;
    font: bold 84% Arial, Helvetica, sans-serif;
    background-color: #ECF8F7;
    border: 1px solid;
    border-color: #5F7A77 #5F7A77 #5F7A77 #5F7A77;
}

#leftPan h2 {
    width: 114px;
    height: 34px;
    background: #fff;
    color: #5F7A77;
    font-size: 18px;
    line-height: 34px;
    font-family: Arial, Helvetica, sans-serif;
}

#leftPan ul {
    width: 114px;
}

#leftPan ul li {
    width: 114px;
    height: 24px;
}

#leftPan ul li a {
    width: 102px;
    height: 24px;
    display: block;
    background: url( images/bullet2-normal.gif ) 0 10px no-repeat #fff;
    color: #5F7A77;
    text-decoration: none;
    line-height: 24px;
    padding: 0 0 0 12px;
}

#leftPan ul li a:hover {
    background: url( images/bullet2-hover.gif ) 0 10px no-repeat #fff;
    color: #5F7A77;
    text-decoration: none;
}

#leftPan ul li span {
    text-decoration: underline;
}

/*----/Body Left Panel----*/

/*----Body Right Panel----*/
#rightPan {
    width: 480px;
    float: left;
    border-left: 1px solid #C8E8E2;
    border-right: 1px solid #C8E8E2;
    margin: 28px 0 0;
    padding: 0 30px;
    text-align: justify;
    margin-right:10px;
}

#rightPan .hilite { 
    background: #C3FDB8;
}

#submit {
    color: #5F7A77;
    font: bold 84% Arial, Helvetica, sans-serif;
    background-color: #ECF8F7;
    border: 1px solid;
    border-color: #5F7A77 #5F7A77 #5F7A77 #5F7A77;
}

#rightPan p.more {
    width:480px;
    height:25px;
    float:left;
    background:url(images/sky-color-bg.gif) 0 10px repeat-x;
}

#rightPan p.more a {
    width:92px;
    height:21px;
    display:block;
    background:url(images/icon2.jpg) 0 0 no-repeat #fff;
    color:#958201; line-height:21px;
    text-transform:uppercase;
    text-decoration:none; 
	margin:0 0 0 280px;
    padding:4px 0 0 50px;
}

#rightPan p.more a:hover {
    background:url(images/icon2.jpg) 0 0 no-repeat #fff;
    color:#645804; text-decoration:none;
}

#rightPan p {
    padding: 0 0 10px 0;
}

#rightPan img {
    border: 0;
}

#rightPan .posttitle {
    font-family: helvetica, "Times New Roman", Times, serif;
    font-size: 20px;
    text-align: right;
    text-shadow: 2px 2px 2px #CCCCCC;
}

#rightPan a {
    color: #2F5958;
    text-decoration: none;
    font-family: Trebuchet MS, Helvetica, sans-serif;
}

#rightPan a:hover {
    text-decoration: underline;
    color: #00CC00;
}

#rightPan ul.services {
    width: 137px;
    height: 114px;
    float: left;
    border: 1px solid #B1DED5;
    background: #fff;
    color: #5F7A77;
    padding: 7px 0 0 25px;
}

#rightPan ul.services li.captionone {
    background: #fff;
    color: #AC9601;
    font-size: 12px;
    font-weight: bold;
    text-decoration: underline;
}

#rightPan ul.services li {
    width: 137px;
    height: 20px;
}

#rightPan ul.services li a {
    width: 125px;
    height: 20px;
    display: block;
    background: url( images/bullet2-normal.gif ) 0 7px no-repeat #fff;
    color: #5F7A77;
    text-decoration: none;
    line-height: 20px;
    padding: 0 0 0 12px;
}

#rightPan ul.services li a:hover {
    background: url( images/bullet2-hover.gif ) 0 7px no-repeat #fff;
    color: #5F7A77;
    text-decoration: none;
}

#rightPan ul.servicestwo {
    width: 137px;
    height: 114px;
    float: left;
    border-bottom: 1px solid #B1DED5;
    border-top: 1px solid #B1DED5;
    border-right: 1px solid #B1DED5;
    background: #fff;
    color: #5F7A77;
    padding: 7px 0 0 25px;
}

#rightPan ul.servicestwo li.captiontwo {
    background: #fff;
    color: #AC9601;
    font-size: 12px;
    font-weight: bold;
    text-decoration: underline;
}

#rightPan ul.servicestwo li {
    width: 137px;
    height: 20px;
}

#rightPan ul.servicestwo li a {
    width: 125px;
    height: 20px;
    display: block;
    background: url( images/bullet2-normal.gif ) 0 7px no-repeat #fff;
    color: #5F7A77;
    text-decoration: none;
    line-height: 20px;
    padding: 0 0 0 12px;
}

#rightPan ul.servicestwo li a:hover {
    background: url( images/bullet2-hover.gif ) 0 7px no-repeat #fff;
    color: #5F7A77;
    text-decoration: none;
}

#rightPan ul.events {
    width: 305px;
    height: 114px;
    float: left;
    border: 1px solid #B1DED5;
    background: #fff;
    color: #5F7A77;
    padding: 7px 0 0 25px;
}

#rightPan ul.events li.captionthree {
    background: #fff;
    color: #AC9601;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}

#rightPan ul.events li {
    width: 305px;
    height: 20px;
}

#rightPan ul.events li a {
    width: 293px;
    height: 20px;
    display: block;
    background: url( images/bullet2-normal.gif ) 0 7px no-repeat #fff;
    color: #959595;
    text-decoration: underline;
    line-height: 20px;
    padding: 0 0 0 12px;
}

#rightPan ul.events li a:hover {
    background: url( images/bullet2-hover.gif ) 0 7px no-repeat #fff;
    color: #5F7A77;
    text-decoration: underline;
}

/*----/Body Right Panel----*/
/*----/BODY PANEL----*/
/*----/MAIN PANEL----*/

/*----FOOTER PANEL----*/
#footermainPan {
    height: auto;
    background: url( images/footerbg.gif ) 0 0 repeat-x #D3F0F0;
    color: #2F5958;
    font: 13px / 20px "Trebuchet MS", Arial, Helvetica, sans-serif;
    position: relative;
    margin: 0 auto;
    clear: both;
    padding: 36px 0 10px 0;
}

#footerPan {
    width: 778px;
    position: relative;
    margin: 0 auto;
}

#footerPan ul {
    width: auto;
    height: 20px;
    position: relative;
    margin: 0 auto;
}

#footerPan li {
    float: left;
}

#footerPan ul li a {
    padding: 0 17px 0;
    color: #2F5958;
    background: #EBF8F7;
    text-decoration: none;
    font-size: 13px;
    background: url(images/footer_li.gif) -2px 0 no-repeat;
}

#footerPan ul li a:hover {
    background: url(images/footer_li_hover.gif) -2px 0 no-repeat;
    text-decoration: underline;
    color: #00CC00;
}

.footerPan_selected {
    padding: 0 10px 0;
    color: #2F5958;
    background: #EBF8F7;
    text-decoration: none;
    font-size: 13px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

#footerPan p.copyright {
    width: auto;
    margin: 10px 0 0 0;
    font-family: "Courier New", Courier, monospace;
}

#hits {
    width:100px;
}

#footerPanhtml {
    width: 70px;
    height: 24px;
    display: block;
    position: absolute;
    top: 35px;
    left: 749px;
}

#footerPanhtml a {
    width: 64px;
    height: 24px;
    display: block;
    background: url( images/html-normal.gif ) 0 0 no-repeat #D3F0F0;
    color: #fff;
    font-size: 13px;
    line-height: 23px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    padding: 0 0 0 7px;
}

#footerPanhtml a:hover {
    background: url( images/html-hover.gif ) 0 0 no-repeat #D3F0F0;
    color: #fff;
}

#footerPancss {
    width: 58px;
    height: 24px;
    display: block;
    position: absolute;
    top: 35px;
    left: 824px;
}

#footerPancss a {
    width: 49px;
    height: 24px;
    display: block;
    background: url( images/css-normal.gif ) 0 0 no-repeat #D3F0F0;
    color: #fff;
    font-size: 13px;
    line-height: 24px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    padding: 0 0 0 10px;
}

#footerPancss a:hover {
    background: url( images/css-hover.gif ) 0 0 no-repeat #D3F0F0;
    color: #fff;
    text-decoration: none;
}
/*----/FOOTER PANEL----*/

/*----/CUSTOM----*/

#mainPan #bodyPan #rightPan .style1 {
    font-family: Eras Light ITC, sans-serif;
    font-size: large;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    color: #5F7A77;
}

.popup_body {
    font-family: Trebuchet MS, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    color: #5F7A77;
    text-align: justify;
}

.popup_body_style1 {
    font-family: Eras Light ITC, sans-serif;
    font-size: large;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    color: #5F7A77;
}

.desc {
    font-family: "Courier New", Courier, monospace;
    font-size: small;
    font-style: italic;
    line-height: normal;
    font-variant: normal;
    text-transform: none;
    color: #999999;
}

#content {
    color: #5F7A77;
    font: 15px / 20px Arial, Helvetica, sans-serif;
}

.narrowcolumn .entry, .widecolumn .entry {
    line-height: 1.4em;
}

.narrowcolumn .postmetadata {
    text-align: center;
}

.narrowcolumn {
    padding: 10px 10px 20px 500px;
    width: 600px;
}

.narrowcolumn .postmetadata {
    padding-top: 5px;
}

.navigation a {
    padding: 0 10px 0;
    color: #2F5958;
    background: #EBF8F7;
    text-decoration: none;
    font-size: 13px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.navigation a:hover {
    text-decoration: underline;
    color: #00CC00;
}

.alignright {
    float: right;
}

.alignleft {
    float: left
}

#at16pf{
    display:none;
}

#at_success a {
    display:none;
}

.clear {
    clear: both;
}

/* search box */
.livesearchpopup {
    width: 128px;
	height:30px;
	margin-left:-25px;
}

.livesearchpopup .box {
    position: relative;
    height: 18px;
}

.livesearchpopup .form {
    width: 128px;
    height: 18px;

    white-space: nowrap;
}

.livesearchpopup .left {
    position: absolute;
    top: 0px;
    left: 0px;
}

.livesearchpopup .editbox {    
    position: absolute;
    top: 0px;
    left: 10px;
    background: #ffffff;

    height: 16px;
    width: 100px;
    border: 0px;
    margin: 0px;
    overflow: hidden; 

    border-top: 1px solid #c0c0c0;
    border-bottom: 1px solid #c0c0c0;
}

.livesearchpopup .edit {
    width: 100px;
    font-size: 11px;
    background: #ffffff;
    height: 16px;
    border: 0px;
    autocomplete: off;
    outline-width: 0px;
}

.livesearchpopup .lupe {
    position: absolute;
    top: 0px;
    left: 110px;
    border:0;	
}

.livesearchpopup .spiegel {
    position: absolute;
    top: 12px;
    left: 0px;
}

.gallery {
    float:left;
    width:100%;
    clear:both;
}

.gallery img {
    float:left;
    margin:2px;
}