/*
 Screen style    
 Site: Nautica 13
*/

.box {
 background-color: #DFF1EE;
 color: #8D8D8D;
}

.box.left.welcome {
 background-image: url(../images/bg/blue/welcome.jpg);
 background-position: bottom left;
 background-repeat: no-repeat;
 padding-top: 18px; 
}

.box.left.welcome h2 {
 margin-bottom: 0.75em;
}

#content {
 background: transparent url(../images/bg/blue/content-bottom.gif) left bottom no-repeat;
 color: #0000ff;
 padding-bottom: 12px;
}

#content a {
 background-color: transparent;
 color: #470F00;
 text-decoration: none;
}
#content a:hover {
 background-color: transparent;
 color: #470F00;
 text-decoration: underline;
}

#content a:hover {
 background-color: transparent;
 color: #470F00;
}

#content h1, #content h2, #content h3 {
 background-color: transparent;
 color: #470F00;
}

#footer {
 background-color: #DFF1EE;
 background-image: none;
 color: #684C35;
 width: 716px;
}

#footer a {
 background-color: transparent;
 color: #684C35;
}

#footer a:hover {
 background-color: transparent;
 color: #CCCCCC;
}

#footer p {
 background: #DFF1EE url(../images/bg/blue/footer-bottom.gif) bottom left no-repeat;
 color: #684C35;
}

.gallerycontroller{
background: #DFF1EE;
width: 230px;
height: 80px;
padding-left: 3px;
}

.gallerycontent{
width: 230px;
height: 230px;
border: 0px;
padding: 3px;
display: block;
}


#inner-wrapper {
 background: #D0E7E3 url(../images/bg/blue/inner-wrapper-top.gif) left top no-repeat;
 color: #8D8D8D;
}

#nav a {
 background-color: #FFFFFF;
 color: #453121;
}

#nav a#nav01 span {
 background-image: url(../images/nav/blue/01.gif);
}

#nav a#nav02 span {
 background-image: url(../images/nav/blue/02.gif);
}

#nav a#nav03 span {
 background-image: url(../images/nav/blue/03.gif);
}

#nav a#nav04 span{
 background-image: url(../images/nav/blue/04.gif);
}

#nav a#nav04 {
 width: 111px;
}

#nav a#nav05 span{
 background-image: url(../images/nav/blue/05.gif);
}

#nav a#nav05 {
 width: 109px;
}

#nav a:hover {
 background-color: #FFFFFF;
 color: #453121;
}

#original-events h1 span {

}

#original-events img {
 border: 5px solid #fff;
}

#testimonials-link {
 height: 107px;
 width: 29px;
 left: -1px;
}

#testimonials-link a:hover span, #testimonials-link a.current span {
 background-position: -29px 0;
}

#testimonials-link a:hover {
 background-color: #DDF1EE;
 color: #453121;
}

#testimonials-link span {
 background-image: url(../images/nav/blue/testimonials.gif);
}

#projects-link {
 height: 107px;
 width: 29px;
 left: -1px;
}

#projects-link a:hover span, #projects-link a.current span {
 background-position: -29px 0;
}

#projects-link a:hover {
 background-color: #DDF1EE;
 color: #453121;
}

#projects-link span {
 background-image: url(../images/nav/blue/projects.gif);
}


#leaks-link {
 height: 107px;
 width: 29px;
 left: -1px;
}

#leaks-link a:hover span, #leaks-link a.current span {
 background-position: -29px 0;
}

#leaks-link a:hover {
 background-color: #DDF1EE;
 color: #453121;
}

#leaks-link span {
 background-image: url(../images/nav/blue/leaks.gif);
}

#contact-link {
 height: 107px;
 width: 29px;
 left: -1px;
}

#contact-link a:hover span, #contact-link a.current span {
 background-position: -29px 0;
}

#contact-link a:hover {
 background-color: #DDF1EE;
 color: #453121;
}

#contact-link span {
 background-image: url(../images/nav/blue/contact.gif);
}

#wrapper {
 width: 828px;
}

.slide
{
width: 469px;
padding: 0px;
border-top: 5px solid #ffffff;
border-right: 5px solid #ffffff;
border-bottom: 5px solid #ffffff;
border-left: 5px solid #ffffff;
}

.slide p {
color: #666666;
}

.water-header
{
padding: 20px;

}

#dropinboxv2cover{
width: 320px; /*change width to desired */
height: 220px;  /*change height to desired. REMOVE if you wish box to be content's natural height */
position:absolute; /*Don't change below 4 rules*/
z-index: 100;
overflow:hidden;
visibility: hidden;
}

#dropinboxv2{
width: 300px; /*change width to above width-20. */
height: 200px; /*change height to above height-20. REMOVE if you wish box to be content's natural height*/
border: 2px solid black; /*Customize box appearance*/
background-color: lightyellow;
padding: 4px;
position:absolute; /*Don't change below 3 rules */
left: 0;
top: 0;
}

.whiteTextField {
border:0px solid #ffffff; 
background-color: lightyellow;
color: #000099;
}

.aceTextField {
border:1px solid #4b77b4;
background-color: lightyellow;
color: #000099;
padding-left: 2px;
}

.aceButton {
background-color: lightyellow;
border-color: 000099;
border-style: solid;
color: #000099;
}

#pscroller1{
width: 205px;
height: 20px;
border: 4px solid white;
padding: 5px;
background-color: #e1f1f0;
}



.someclass{ //class to apply to your scroller(s) if desired
}

/* form styles */
.formfield {
width: 200px;
color: #666666;
border: 1px solid #666666;
background: transparent;
padding: 2px;
}

.formfieldshort {
width: 100px;
color: #666666;
border: 1px solid #666666;
background: transparent;
padding: 2px;
}


.formtextarea {
color: #666666;
border: 1px solid #666666;
background: transparent;
padding: 2px;
font-family: Arial, Helvetica, sans-serif;
}

.formbutton {
background-color: #003876;
border-color: #d8dfea rgb(14, 31, 91) rgb(14, 31, 91) rgb(216, 223, 234);
border-style: solid;
border-width: 1px;
color: #fff;
font-family: arial, tahoma, verdana, sans-serif;
font-size: 100%;
margin: 0 2px;
padding: 4px 18px;
font-weight: bold;
width:auto;
overflow:visible;
}