
/*
Charter Lakes Theme for Expression Engine
Description: The default theme for Charter Lakes Marine Insurance
Version: 1.0
Author: Robert Foll
*/

address {line-height:1.1em;}
html, h3, #employee h4 {font-family: 'Arial', sans-serif;}
html{padding:0px;margin:0px;}
h1 {font-size:1.8em; line-height: 1em;}
h1,h2,h4,h5 {font-family: 'Crimson Text', serif;font-weight: normal;}
p, li {line-height: 1.3em; font-size:1em;text-align: justify;}
img {border-style:none;}

a:link, a:visited, a:active, #last_post .meta, meta-nav { color:#8dcff1; text-decoration:none;}
a:hover {color:#fff;}

#box .button a:link {color:#8dcff1; text-decoration:none;}
#box .button a:link, #box .button a:visited, #box .button a:active {color:#fff; text-decoration:none;}
#box .button a:hover {color:#fff;}
#box .button a {font-size:1.2em;color:#fff;text-align: center;display:block;}
#box .block {display:block;}


#last_post h2 a:hover {color:#ffe889;}
#last_post .meta-nav:hover {color:#ffe889;}


.wrap {width:960px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    left: 0px;
    top: 0px;
}

body {
background-image: url('/images/site/mainbg2.jpg');
background-color:#2c70a1;
background-position: center top;
background-repeat: no-repeat;
padding:0px;
margin:0px;
}

header {
  height:50px;
  position:relative;
}
header iframe {height:21px;display: inline;}

.iframe {
  width:100px;
  border:none;
  overflow:hidden;
  height:21px;
  vertical-align: middle;
}

#nav { height:50px;float:left;display: inline;}
#nav a    {display: inline;font-size:.9em;}
#nav h1   {margin-left:25px; margin-top:0px;padding:0px;font-size:1.5em;line-height:50px; vertical-align:middle;}

#social {height:50px;float:right;display: inline;}
#social ul {margin:0px; padding:0px; float:right;}
#social a {display: inline;}
#social li {margin: 0px; vertical-align:middle; line-height:50px; color:#fff; padding:0px;display: inline;}
#social h1 {margin-top:0px;padding:0px;line-height:50px; vertical-align:middle;}
#social img {vertical-align:middle;}


#logo {display:block; height:240px;position:relative;z-index:-100;}
#logo img {margin-left:0px;margin-top:27px;}

#testimonial {position:absolute;top:150px;left:0px; width:337px;height:60px;}
#testimonial p {font-family: 'Handlee';margin:0px;padding:0px;color:#fff;font-size:1em;text-align:left;}

.button_gradient, .button, .slider_button {
    background:       #df9729;
    background-color: #df9729;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#df9729), to(#8d551d));
    background-image: -webkit-linear-gradient(top, #df9729, #8d551d);
    background-image:    -moz-linear-gradient(top, #df9729, #8d551d);
    background-image:     -ms-linear-gradient(top, #df9729, #8d551d);
    background-image:      -o-linear-gradient(top, #df9729 #8d551d);
    background-image:         linear-gradient(to bottom, #df9729, #8d551d);
     -pie-background: linear-gradient(#df9729, #8d551d);
-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
              behavior: url('/js/PIE/PIE.htc');
}

.button_hover {
    background:       #efa739;
    background-color: #efa739;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#efa739), to(#8d551d));
    background-image: -webkit-linear-gradient(top, #efa739, #8d551d);
    background-image:    -moz-linear-gradient(top, #efa739, #8d551d);
    background-image:     -ms-linear-gradient(top, #efa739, #8d551d);
    background-image:      -o-linear-gradient(top, #efa739 #8d551d);
    background-image:         linear-gradient(to bottom, #efa739, #8d551d);
     -pie-background: linear-gradient(#efa739, #8d551d);
-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
              cursor: pointer;
              behavior: url('/js/PIE/PIE.htc');
}

.dark_gradient, .slider ,#last_post, #links, #what_we_provide_inner, .box_inner, #sea_alert_network, #footer, #singlebox,#web_app_box,#box, #onecol{
    background:       #0a374e;
    background-color: #0a374e;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#0a374e), to(#114d6d));
    background-image: -webkit-linear-gradient(top, #0a374e, #114d6d);
    background-image:    -moz-linear-gradient(top, #0a374e, #114d6d);
    background-image:     -ms-linear-gradient(top, #0a374e, #114d6d);
    background-image:      -o-linear-gradient(top, #0a374e #114d6d);
    background-image:         linear-gradient(to bottom, #0a374e, #114d6d);
     -pie-background: linear-gradient(#0a374e, #114d6d);
-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
behavior: url('/js/PIE/PIE.htc');
}

.dark_gradient_rev, #what_we_provide, .box_outer ,#singlebox_inner {
    background:       #114d6d;
    background-color: #114d6d;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#114d6d), to(#0a374e));
    background-image: -webkit-linear-gradient(top, #114d6d, #0a374e);
    background-image:    -moz-linear-gradient(top, #114d6d, #0a374e);
    background-image:     -ms-linear-gradient(top, #114d6d, #0a374e);
    background-image:      -o-linear-gradient(top, #114d6d #0a374e);
    background-image:         linear-gradient(to bottom, #114d6d, #0a374e);
     -pie-background: linear-gradient(#114d6d, #0a374e);
-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
behavior: url('/js/PIE/PIE.htc');
}

.large_radius, .slider, .button, #last_post, #links, #what_we_provide, .box_outer, #sea_alert_network, .slider_button, #footer,#box, #singlebox,#web_app_box,#box, #onecol{
    -webkit-border-radius: 34px;
       -moz-border-radius: 34px;
            border-radius: 34px;
            behavior: url('/js/PIE/PIE.htc');
}

.small_radius, #slides, .slide, .box_inner, #links_inner, #what_we_provide_inner, #singlebox_inner {
    -webkit-border-radius: 17px;
       -moz-border-radius: 17px;
            border-radius: 17px;
     -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
     behavior: url('/js/PIE/PIE.htc');
}

.box_shadow, #singlebox_inner, .slider, .button, #last_post, #links, #links_inner, .box_outer, #what_we_provide, #sea_alert_network, .slider_button, #footer,#box,#singlebox,#web_app_box, #onecol{
    -webkit-box-shadow: 0px 3px 5px 0px #0f415d;
       -moz-box-shadow: 0px 3px 5px 0px #0f415d;
            box-shadow: 0px 3px 5px 0px #0f415d;
            behavior: url('/js/PIE/PIE.htc');
}

#slides {
  height:217px;
  padding:0px;
  color:#fff;
}

#slides a, #slides a:link, #slides a:active, #slides a:visited {color:#fdc567;}
#slides a:hover {text-decoration: none;color:#ffe889; }
#slides em {font-weight:bold;}

#main {float:left;position:relative;width:669px;}
#twocol {float:left;position:relative; width:554px;}
#web_app_main {width: 960px;min-height:700px;position:relative;}
aside {float:right;position:relative;}

.small_aside {width:255px; }
.large_aside {width:370px; }

#last_post {width:286px; float:left; margin-top:38px;color:#fff;padding: 15px 15px 15px 15px;}
#last_post h5 {margin-top: 0px; padding: 0px; vertical-align: top;}
#last_post a {text-decoration: none;color:#fff; }
#last_post a:hover {color:#ffe889; }
#last_post h2 {margin-top:0px; margin-bottom:0px; padding:0px;}
#links {width:286px; float:right; margin-top:38px;padding: 15px 15px 15px 15px;}
#links_inner {background-color:#fff; padding:15px;}
#links_inner h1 {margin:0px; color:#073750;}
#links_inner ul {margin-top:10px; list-style:none;padding:0px;}
#links_inner ul a:link {color:#444;}
#links_inner ul a:hover {color:#df9729;}
#links_inner ul li {text-align:left; padding:0px;}

.nowrap {text-wrap:none;}
.center {margin-left: auto; margin-right:auto;}

.blog_button h3 {color:#fff;width:250px;text-align: center; margin:0px; padding:10px;}
.request_quote_button h3 {color:#fff;text-align: center; margin:0px; padding:20px;}
.more_information_button h3 {color:#fff;text-align: center; margin:0px; padding:20px;}

.box_outer {padding:15px; overflow:hidden;}
#what_we_provide {padding:15px;}
#what_we_provide_inner h2, .box_inner h2 {color:#fff;text-align:center;margin: 0px; padding-top:10px; padding-bottom: 5px;}
#what_we_provide_inner ul li, .box_inner ul li {color:#fff;text-align:left; padding-top:4px;padding-bottom:4px;  }
#what_we_provide_inner ul, .box_inner ul {padding:15px; margin:0px; list-style:none;}
#what_we_provide_inner a { font-weight:bold; font-size:.8em;}

#sea_alert_network {color:#fff; padding:15px;}
#sea_alert_network h2{margin:0px;padding-top:0px; padding-bottom:0px; text-align:center;}

#links_inner ul a {color:#444;}
#links a { font-weight:bold; font-size:.8em;}

#slides {width:639px; height:247px;}
.slides_container {width:639px;height:247px;position:relative;display:none;}
.slides_container > div.slide {width:639px;height:247px;display:block;padding:0px;}

.slider .pagination {vertical-align: middle; padding:0px;}
.slider .pagination {font-family:helvetica,arial,sans-serif;margin-left:auto; margin-right:auto;padding:0;margin-top:18px;}
.slider .pagination li {margin:0px;padding:0px;list-style:none;float:left;margin:0 0 0 0;width:213px;}
.slider .pagination li a {width:213px;font-size:1.1em;text-align: center;text-decoration:none;display:block;padding:0 0;color:#fdc567;outline: 0;}
.slider .pagination li a p{padding-top:0px;color:#fff;font-size: .7em;}
.slider .pagination li a:hover {color:#ffe889;}
.slider .pagination li p {margin-left:auto; margin-right:auto; margin-top:5px; display:block;text-align: center;width: 200px;padding:0px;}

#slide1,    #slide2,    #slide3    {width:639px; min-height: 247px; display: block;background-repeat:no-repeat;}
#slide1 h3, #slide2 h3, #slide3 h3 {text-align: center;vertical-align: middle; margin:0px;}
#slide1 h1, #slide2 h1, #slide3 h1 {padding-top:15px;padding-left:15px; margin-top:0px;color:#fdc567;}
#slide1 p,  #slide2 p {padding-left:15px;padding-top:15px;width:350px;line-height:1.5em;}
#slide3 p {padding-left:15px;padding-top:15px;width:600px;}
#slide2 ul {font-size:1em;}
#slide2 ul li {line-height:1.2em;}
#slide1 { background-image:url('/images/slider/slide1.png'); }
#slide2 { background-image:url('/images/slider/slide2.png'); }

.slider {
  display: block;
  padding:15px;
  width:639px;
  height:330px;
  position:relative;
}

.slider_button {width:50px;text-align: center; margin: 0px;margin-left:130px;width:250px;height:50px;}
.slider_button h3 {width:250px;text-align: center; margin:0px; padding:10px;}

#carrier_logos {width:960px; height: 100px; background-image:url('/images/site/carrier_logos2.png'); background-repeat:no-repeat;}

footer {position:relative; clear:both;width:960px;  padding-top:30px;}
footer p { text-align:center;color:#fff;font-size:.9em;}
#legal p { text-align: left;}
#footer {margin-top: 30px;padding:15px;position:relative;}

#bottom_nav a, #legal a {color:#fff; font-size:.8em;text-align: justify; text-justify: newspaper;width:960px;display: inline;}
#bottom_nav ul, #legal ul {margin:0px; padding:0px;width:960px;}
#bottom_nav ul li, #legal ul li {padding-right:26px; margin: 0px; vertical-align:middle;color:#fff;display: inline;}
#bottom_nav h1, #legal h1 {margin-top:0px;padding:0px;}
#legal {margin-top:25px;}
#legal p {font-family: 'Arial';color:#fff; margin:0px; font-size:.8em;}

.small_logo {position:absolute; right:25px; top:34px;}

/* nav menu styles */
#jsddm{margin: 0;padding: 0; position:relative;}
#jsddm li ul li{float: none;display: block;}
#jsddm li ul li a{width: 250px;color:#135b81;}
#jsddm li ul li a:hover{color:#135b81;}
#jsddm li {float: left;list-style: none;}
#jsddm li:link {outline:0;}
#jsddm li a{
  display: block;
  padding: 0px 10px;
  line-height:50px;
  vertical-align:middle;
  text-decoration: none;
  outline:0;
  color: #fff;
  border-right: 1px solid #25729c;
  white-space: nowrap;
}

#jsddm li ul a{
  display: block;
  border-right: none;
  line-height:2em;
  font-size:1em;

}


#jsddm li a:hover{
color:#135b81;
background:       #fefefe;
background-color: #fefefe;
background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#d0d0d0));
background-image: -webkit-linear-gradient(top, #fefefe, #d0d0d0);
background-image:    -moz-linear-gradient(top, #fefefe, #d0d0d0);
background-image:     -ms-linear-gradient(top, #fefefe, #d0d0d0);
background-image:      -o-linear-gradient(top, #fefefe #d0d0d0);
background-image:         linear-gradient(to bottom, #fefefe, #d0d0d0);
-pie-background: linear-gradient(#fefefe, #d0d0d0);
-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
behavior: url('/js/PIE/PIE.htc');
outline:0;
}


#jsddm li:last-child a:hover{
	-webkit-border-bottom-left-radius: 17px;
	-webkit-border-bottom-right-radius: 17px;
	border-bottom-left-radius: 17px;
	border-bottom-right-radius: 17px;
        behavior: url('/js/PIE/PIE.htc');
}

#jsddm #tel{
  color: #feae17;
  font-size:1.2em;
  font-weight:bold;
  line-height:50px;
  text-align:center;
  width:150px;
}

#jsddm li ul{
  margin: 0;
  padding: 0;
  position: absolute;
  visibility: hidden;
  background: #fefefe;
  background-color: #fefefe;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#e5e5e5));
  background-image: -webkit-linear-gradient(top, #fefefe, #e5e5e5);
  background-image:    -moz-linear-gradient(top, #fefefe, #e5e5e5);
  background-image:     -ms-linear-gradient(top, #fefefe, #e5e5e5);
  background-image:      -o-linear-gradient(top, #fefefe #e5e5e5);
  background-image:         linear-gradient(to bottom, #fefefe, #e5e5e5);
  -pie-background: linear-gradient(#fefefe, #e5e5e5);
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
  behavior: url('/js/PIE/PIE.htc');
}



#jsddm li ul, #jsddm li ul li
{
	-webkit-border-bottom-left-radius: 17px;
	-webkit-border-bottom-right-radius: 17px;
	border-bottom-left-radius: 17px;
	border-bottom-right-radius: 17px;
        behavior: url('/js/PIE/PIE.htc');
}



.half {width:50%;}
.left {float:left;}
.right {float:right;}
#box {color:#fff;}

#singlebox {width:639px; float:left;padding: 15px; color:#fff;overflow:hidden;position:relative;}
#singlebox h1,#box h1 {margin:0px; color:#fdc567;}
#singlebox ul,#box ul {margin-top:10px;list-style:none;padding:0px;}
#singlebox ul li ,#box ul li{list-style:disc; list-style-position:outside;text-align:left;}
#singlebox a, #singlebox a:link, #singlebox a:active, #singlebox a:visited {color:#fdc567;}
#last_post a, #last_post a:link, #last_post a:active, #last_post a:visited {color:#fdc567;}
#singlebox a:hover {text-decoration: none;color:#ffe889; }

#box {width:639px;float:left;}
#box a:hover {text-decoration: none;color:#ffe889; }
#box a, #box a:active, #box a:visited {color:#fdc567;}

#products a, #products a:active, #products a:visited {color:#fdc567;}
#products a:hover {text-decoration: none;color:#ffe889; }
#products hr {clear:both;}
#products {overflow:auto;}
#products li {list-style:none;clear:both;}
#products a {font-size:1em}

#web_app_box {width:930px;padding: 15px; color:#fff;overflow:auto;}
#web_app_box h1 {margin:0px; color:#fdc567;}
#web_app_box ul {margin-top:10px;list-style:none;padding:0px;}
#web_app_box ul li {list-style:disc; list-style-position:outside;text-align:left;}
#web_app_box a, #web_app_box a:link, #web_app_box a:active, #web_app_box a:visited {color:#fdc567;}
#web_app_box a:hover {text-decoration: none;color:#ffe889; }

ul.outsidelist {padding:15px;}

#onecol {width:960; position:relative;padding: 15px 15px 15px 15px; color:#fff;}
#onecol h1 {margin:0px; color:#fdc567;}
#onecol ul {margin-top:10px; list-style:none;padding:0px;}
#onecol ul li {list-style:disc; list-style-position:inside;text-align:left; padding:0px;}
#onecol p {font-size:1em;}
#onecol a, #onecol a:link, #onecol a:active, #onecol a:visited {color:#fdc567;}
#onecol a:hover {text-decoration: none;color:#ffe889; }

.pad, #singlebox_inner {padding:15px;}


.button_container {width:240px;float:left;margin: 20px 5px;}
.pad_left {padding-left:15px;width:50%;}
.pad_right {padding-right:15px;width:50%;}

#employee img{float:right;}
#employee p img {width:125px; border: 1px solid #003c40; float: right; margin: 12px 0 12px 12px;}
#employee p {text-align:left;}
#employee h2 {color:#FDC567;line-height:.9em; margin:0px;padding:0px;}
.team_member {margin-bottom:15px;}
.team_member img {margin-bottom:15px;cursor:pointer;}


.pad_sides {padding-left:15px;padding-right:15px;}

article .blog_entry_heading a h1:hover {color:green;}

.entry_heading {position:relative;}
.entry_heading img, .blog_entry_heading img{float:right;}
.entry_heading p, .blog_entry_heading   p  {text-align:left;}
.entry_heading h2,#singlebox .blog_entry_heading h1 {color:#FDC567;line-height:.9em; margin-bottom: 10px;}
#singlebox h3, #box h3, #web_app_box h3 {margin:0px;}
article {margin-bottom:50px;position:relative;}
article .blog_entry_heading hr {line-height: 3px;margin: 3px 0px;}

#box article img, #singlebox article img, #web_app_box article img {float:left; margin-right: 15px; margin-bottom:15px;}
.meta, .entry_date, .sep, .author {font-size:.7em;}


#cloud {padding:15px;}
#cloud a{line-height:30px;}

#broker_aside {padding:0px;}
#broker_aside a{line-height:30px;}
#broker_aside p{margin:15px;color:#fff;}

.ajax__validatorcallout td {
    background-color: LemonChiffon;
    border: 1px solid Black;
    color: black;
}

#registercontainer {float:right; width:45%;}
#registerform {float:left; width:45%;}

#app_left {width:45%; float:left;}
#app_right {width:45%; float:right;}
#app_left input {margin-left:8px;}

.submit {padding:15px;}

#QuoteTable {COLOR: #fff;}
#QuoteTable td {padding:5px;}

#helpful_links li {line-height:2.1em;}

#employee .team_member span:hover {cursor:pointer;color:#fff;}
#employee .team_member span {color:#8dcff1;}

.share {position:absolute; top:0px; right:0px; float:right;}

#blog article {clear:both;overflow:auto;}
#blog article img {border:1px solid black;}

#sea-alert-photo-container {position:relative;height:475px;}

.sea-alert-photo {position:absolute;right:0px;top:0px;}

.recovered {position:absolute;right:-3px;top:-3px;}

.sea-alert-description {position:relative;}
.highlight{color:#ffffff;}

#LP_DIV_1348856156683 { position:absolute;top:-238px;left:27px;width:120px;height:28px; }
#boat-insurance img { width:300px; float:right; margin-left:15px; margin-bottom:15px; }
.prodquotebutton { width:290px; }

#contact { overflow:hidden;}
#contact ul li {list-style:none; line-height:1em; clear:both;padding-top:30px;padding-bottom:30px;}
#contact ul li div:nth-child(1) { width:350px;}
#contact ul li div:nth-child(2) { width:200px;}

#forms img { width:300px; float:right; margin-left:15px; margin-bottom:15px; }
.buttonmain { width:255px; }

#what_we_provide table { width:100%; }
#naco img {float:left;margin:15px;}
