* { margin:0; padding:0; }

html { overflow-y:scroll; overflow-x:auto; }
::selection { background: #e3e3e3; /* Safari */ }
::-moz-selection { background: #e3e3e3; /* Firefox */ }

body { font-size: 14px; line-height: 20px; color: #757575; background: #fbfbfb url('../images/bkg-main.gif') top center; font-weight: 300; }

p    { color: #757575; margin: 0 0 15px 0; }
p.med { font-size: 14px; }
p.lrg { font-size: 15px; }
p img { margin-bottom: 15px; }

img.center { display: block; margin: auto; }
img.l { float: left; }
img.r { float: right; margin: 0 0 20px 30px; }

blockquote { font: italic 14px/20px georgia; margin-bottom: 20px; color: #939393; }

li { list-style:none; }
.hide { display: none; }
.clear { clear:both; }

table { border-collapse: collapse; border: 1px solid #ddd; text-align: left; margin-bottom: 30px; }
th { background-color: #12929b; color: #ffffff; padding-left: 10px; height: 30px; font-size: 17px; }
td { padding: 10px; }
tr.even {background-color: #fff; }
tr.odd {background-color: #f2f2f2; }

a:link, a:active, a:visited		{ color: #868686; text-decoration: none; outline: none; }
.content a:hover				{ color: #333333; outline: none; }

.main a:link, .main a:active, .main a:visited { text-decoration: none; }
.main a:hover { color: #60605E; }
.main img { margin-bottom: 20px; }

.head h1 { margin: 0 !important; padding: 0 !important; }
.head h1 a { float: left;  width:160px; height:180px; overflow:hidden; background: url('../images/logo.png') no-repeat; display:block; text-indent:-9999px; cursor: pointer; }
h1, h2 { font-size: 22px; line-height: 30px; color: #12929B; margin: 0 0 5px 0; font-style: normal; font-weight: 300; }
h3 { font-size: 16px; line-height: 20px; color: #12929B; margin: 0 0 10px 0; font-style: normal; font-weight: 500; }
h4 { font-size: 15px; line-height: 18px; color: #0babb5; margin: 0 0 10px 0; font-style: normal; font-weight: 300; }

.head .inner a.btn { float: right; }
.head .inner p { margin: 0; }
img.lapeer { margin-left: 15px; }

h1.lrg { font-size: 30px; text-align: center; color: #00a4b5; font-weight: 500; text-shadow: 1px 1px 0px #ffffff; margin-bottom: 15px; }
h1.lrg span { color: #787876; font-style: italic; font-weight: 300; }

.wrap { width: 100%; background: url('../images/bkg-wrap.gif'); }
.shad { width: 100%; background: url('../images/bkg-wrap-shad.png') bottom repeat-x; height: 22px; float: left; margin-top: -22px; }
body.home .shad { float: none; margin: 0; }

.container { width: 100%; padding-top: 30px; border-top: 1px solid #ddd; }
.container .inside { width: 980px; margin: auto; padding: 0; }

.inner { width: 980px; margin: auto; }


.head { width: 100%; background: url('../images/bkg-header.png') repeat-x; }
.head h2 { margin: 0; }
.head h2 a { float: right; font-size: 18px; font-weight: 500; color: #5f5f5d; text-transform: none; text-shadow: 1px 1px 0px #ffffff; margin: -3px 0 0px 0; }
.head h2 a span { color: #1CA8B2; }
.head .below { float: right; margin: 40px 0 0 0; }
.head .below p { text-transform: uppercase; font-weight: 500; text-shadow: 1px 1px 0px #ffffff; }
.head .below p .btn { margin-left: 30px; text-shadow: none; }
.head .below p, .head .below .btn { display: inline; }

.side { float: left; width: 220px; /*margin-right: 30px;*/ }

.main { float: right; width: 730px; }
.main h1 { font-size: 30px; font-weight: 500; margin-bottom: 10px; }
.main .col2-alt li { list-style-type: disc; margin-left: 15px; }

.main ul { margin: 0 0 20px 15px; }
.main li { list-style: circle outside none; padding: 8px 0; }

.intro { color: #5f5f5d; font-size: 20px; line-height: 26px; font-weight: 100; margin: 0 0 20px 0; text-shadow: 1px 1px 0px #ffffff; /* text-align: justify; */ }
body.home .intro { margin-bottom: 0; }

.sub { border-bottom: 1px solid #d5d5d5; margin: 0 0 5px 0; padding: 0 0 5px 0; }
.sub h2 { margin: 0; padding: 0; }
.sub h2 a { font-size: 16px; font-weight: 500; color: #60605e; }
.sub h2 a:hover { color: #9E9E9E; }
.sub ul { margin-bottom: 5px; }
.sub li a { line-height: 18px; color: #1CA8B2; }
.sub li a:hover { color: #9E9E9E; text-decoration: none; }
.sub li a.at { font-weight: 500; color: #9e9e9e; }

/*********************************** MAIN NAV STYLES ***********************************/

.nav { float: left; text-align: right; width: 820px; margin-top: 30px; }
.nav li { color: #ffffff; display: inline; padding: 0 17px 0 27px; background: url('../images/nav-divider.png') no-repeat; }
.nav li a { color: #ffffff; font-size: 14px; font-style: normal; font-weight: 500; text-decoration: none; }
.nav li a:hover { color: #d9f6ff; }

.nav li.hom { background: none; padding-left: 0; }
.nav li.con { padding-right: 0; }

.head .nav li a { text-shadow: 1px 1px 2px #00858C; }

/*********************************** MAIN NAV STYLES ***********************************/

.features { padding-top: 25px; margin-top: 30px; border-top: 1px solid #d5d5d5; }
body.home .features { padding: 0; margin: 0; border: none; }

.divider { clear: both; height: 1px; border-bottom: 1px solid #ddd; padding: 0 0 0 0;  margin: 0 0 25px 0; }
a.top { font-size: 12px; text-decoration: none; color: #008ebc; }
ul.faq li { font-size: 15px; padding-bottom: 5px; }

.col3 { width: 310px; float: left; margin-right: 25px; }
.col3.last { margin: 0; }

.main .col3 { width: 226px; }

.col3 .content { padding: 10px; }
.col3 .content p { margin-bottom: 0px; }
.col3.feature .content { min-height: 250px; }
.col3.feature h3 { font-size: 18px; }
.col3.feature h3 a { color: #1CA8B2 !important; }


.col2 { width: 350px; float: left; margin: 0 30px 15px 0; }
.col2.last { margin: 0; padding: 0; border: none; }

body.home .col2 { width: 475px; }

.col2-alt { margin-bottom: 20px; }

.cta { text-align: center; }
.cta h3 { color: #666; text-transform: uppercase; font-size: 26px; line-height: 26px; }
.cta h3 a { color: #1CA8B2 !important; text-transform: none; font-size: 18px; }

h3 a { color: #1CA8B2 !important; }
h3 a:hover, a:hover h3 { text-decoration: underline; }

/*********************************** SLIDESHOW ***********************************/

.home-feat { width: 960px; height: 420px; padding: 10px; background: url('../images/home-feat-bkg.png') top center no-repeat; }

.home-feat .num { width: 120px; margin: auto; margin-top: 22px;  }

html>body .feature .num li { display: inline; } /* IE7 Hack */

.home-feat .num li { }
.home-feat .num li a { float: left; display:block; width: 20px; height: 15px; overflow: hidden; text-indent: -9999px; background: url('../images/nav-dots.png') top center no-repeat; }
.home-feat .num li a:hover { background-position: 0 -15px; }
.home-feat .num li.activeSlide a { background-position: 0 -15px; }

.holder h3 { width: 960px; display: block; color: #787876; font-size: 20px; text-align: center; margin: 12px 0 0 0; }

.holder { width: 960px; height: 382px; overflow: hidden; }
/* .holder div.feat img { float: right; margin: 35px 90px 0 0; } */






/* ----- Footer Styles ----- */
.footer { text-align: center; clear: both; font-size: 13px; clear: both; padding: 25px 0 40px 0; margin: 0 0 0 0; border-top: 1px solid #d5d5d5; }

.footer .nav { float: none; }
.footer .nav li { color: #757575; display: inline; padding: 0 10px; background: none; }
.footer .nav li a { color: #757575; font-size: 13px; font-style: normal; font-weight: 300; text-decoration: none; }
.footer .nav li a:hover, .footer a:hover { color: #008ebc; }
.footer .nav li.con { padding-right: 0; border: none; }

.footer ul { color: #757575; margin: 0 0 5px 0; }
.footer li { display: inline; padding: 0 10px 0 7px; border-right: 1px solid #d5d5d5; }
.footer li.first { padding-left: 0px; }
.footer li.last { border: none; }
.footer p { color: #757575; line-height: 16px; margin: 0 0 5px 0; }

.footer p.copy { margin-top: 20px; }

.footer .nav li a { font-size: 13px; margin: 0; }

.illy { float: right; width: 300px; margin: 0 0 20px 35px; }
.illy p { font-style: italic; font-size: 12px; line-height: 16px; }



#contact-wrapper { clear: both; }


label.error { float: right; color: red; vertical-align: top; width: 10px; margin-right: 100px; }
input.error, textarea.error { background: #ffece0; }
.error { display: block; color: #D32401; }
p.thanks { color: #D32401 !important; font-size: 20px; line-height: 28px; text-align: center; }


fieldset { float: left; display: block; border: none; padding: none; margin: 0 20px 0 0; }
fieldset.no { margin: 0; }
label    { display: block; font-style: normal; font-weight: 300; font-size: 17px; color: #787878; }
label.error { float: right; color: red; font-size: 15px; vertical-align: top; width: inherit; margin-right: 0; }
input.error, textarea.error { background: #fff4f4; }

label .req { color: #D32401; }

input, textarea {
font: 14px/20px "museo-sans", Helvetica, Arial;
font-style: normal;
font-weight: 300;
background: #ffffff;
width: 337px;
padding: 10px 10px;
margin: 2px 0 20px 0;
border: 1px solid #d5d4cd;
-moz-border-radius: 6px;
border-radius: 6px;
}

textarea { width: 710px; vertical-align: top; margin-bottom: 0; resize: none; }

input#submit { background: #0babb5; width: auto; line-height: 26px; font-size: 17px; font-family: "museo-sans", Helvetica, Arial; font-style: normal; font-weight: 300; border: none; color: #fff; display: block; cursor: pointer; margin: 20px auto; padding: 5px 10px; }
input#submit:hover { background: #11c2cf; }

.spa { display: none; }

.contact-block {
    text-align: center;
    margin: 35px auto;
}

.contact-block h2 {
    font-weight: 500;
    font-size: 24px;
}
.btn-cnt {
    margin-top: 35px;
}
.button {
    background-color: #34b5c0;
    padding: 10px 20px;
    color: #fff!important;
    border-radius: 5px;
    text-decoration: none;
}
.button:hover {
    background-color: #27909a;
}



/* CHROME / SAFARI HACKS */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
 input
 {
  padding: 8px 8px;
  margin: 2px 0 8px 0;
 }
}

input.btn, a.btn {
    float: left;
    background: url("../images/btn-bkg.png") repeat-x scroll 0 0 transparent;
    color: #FFFFFF;
    cursor: pointer;
    font: 16px/20px "futura-pt", arial;
    text-transform: uppercase;
    margin-top: 25px;
    padding: 7px 17px;
    width: auto;
    height: auto;
}

a.btn { float: none; display: inline-block; border-radius: 6px; -moz-border-radius: 6px; margin: 14px 0 0 0; }
input.btn:hover, a.btn:hover { background-position: 0 -40px; color: #FFFFFF;}

.main a.btn, .col2 a.btn { background: url("../images/btn-bkg-main.png") repeat-x; font-size: 15px; font-family: inherit; line-height: 15px; padding: 10px 17px; text-decoration: none; }
.main a.btn:hover, .col2 a.btn:hover { background-position: 0 -40px; }