@charset "UTF-8";
/* Style declarations for ComposTumbler */
/* Author: Excelsior Marketing */



/* -- [ imports ] -- */

@import url("clearfix.css");

/* -- [ /imports ] -- */

/* -- [ global ] -- */

body  { 
margin: 0;
padding: 0;
background: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #000;
background: #91b9db;
}

body a, 
body a:hover {
color: #00f;
text-decoration: underline;
}

body a:visited {
color: #598df7;
text-decoration: underline;
}

h1 {
margin: 0 0 5px 0;
padding: 0;
font-size: 24px;
font-weight: normal;
line-height: 30px;
color: #12306a;
}

h2 {
margin: 0 0 5px 0;
padding: 0;
font-size: 20px;
font-weight: normal;
line-height: 24px;
color: #12306a;
}

h3 {
margin: 0 0 5px 0;
padding: 0;
font-size: 18px;
font-weight: normal;
line-height: 24px;
color: #80b4e1;
}

h4 {
margin: 0 0 3px 0;
padding: 0;
font-size: 14px;
line-height: 18px;
color: #000;
}

p {
margin: 0 0 15px 0;
padding: 0;
line-height: 20px;
}

p.caption {
margin: 0;
padding: 0;
font-size: 12px;
}

ul {
margin: 0 0 15px 0;
padding: 0;
}

ul li {
margin: 0 0 0 20px;
padding: 0;
}

#all-wrap {
width: 100%;
margin: 0;
padding: 0;
}

img {
border: 0;
display: block;
}

/* -- [ /global ] -- */


/* -- [ header ] -- */

#header-wrap {
position: relative;
width: 100%;
height: 161px;
margin: 0;
padding: 0;
background: url(../img/jl-hd-bg.gif) top left repeat-x;
}

#header {
position: relative;
width: 990px;
height: 161px;
margin: 0;
padding: 0;
background: url(../img/jl-hd.jpg) top left no-repeat;
}

img.jeff-img {
position: absolute;
z-index: 2;
top: 0px;
left: 18px;
}

img.jl-text {
position: absolute;
z-index: 1;
top: 0px;
left: 105px;
}

img.prudential {
position: absolute;
z-index: 1;
top: 5px;
right: 10px;
}

/* -- [ /header ] -- */

/* -- [ main navigation ] -- */

ul#nav {
position: absolute;
top: 130px;
left: 20px;
height: 30px;
margin: 0;
padding: 0;
list-style: none;
}

ul#nav li {
position: relative;
float: left;
display: inline;
margin: 0;
padding: 0;
font-size: 14px;
line-height: 30px;
}

ul#nav li a,
ul#nav li a:hover,
ul#nav li a:visited {
display: block;
padding: 0 18px 0 18px;
color: #12306a;
text-decoration: none;
font-weight: bold;
background: url(../img/nav-sep.gif) top right no-repeat;
}

ul#nav li a.nav-last,
ul#nav li a.nav-last:hover,
ul#nav li a.nav-last:visited {
display: block;
padding: 0 0 0 18px;
color: #12306a;
text-decoration: none;
font-weight: bold;
background: none !important;
}

/* -- [ /main navigation ] -- */

/* -- [ main ] -- */

#main-wrap {
width: 100%;
margin: 0;
padding: 0;
background: #fff;
}

#main {
width: 990px;
margin: 0;
padding: 0;
background: url(../img/main-bg.gif) #fff top left repeat-y;
}

#main-listings {
width: 990px;
margin: 0;
padding: 0;
background: none;
}

#main {
margin: 0 0 15px 0;
}

#main-listings p {
width: 650px;
margin: 0 0 15px 0;
}

#main-left {
position: relative;
float: left;
display: inline;
width: 662px;
margin: 20px 0 0 38px;
padding: 0 0 50px 0;
}

#main-wide-listings {
position: relative;
float: left;
display: inline;
width: 952px;
margin: 20px 0 0 38px;
padding: 0 0 50px 0;
}

.main-left-ess {
float: left;
display: inline;
width: 624px;
margin: 10px 0 0 0;
padding: 0;
}

.main-left-sub {
float: left;
display: inline;
width: 236px;
margin: 0;
padding: 0;
}

.main-left-wide {
float: left;
display: inline;
width: 641px;
margin: 10px 0 0 0;
padding: 0;
}

/* -- [ /main ] -- */

/* -- [ sidebar ] -- */

#sidebar {
float: right;
display: inlline;
width: 290px;
margin: 20px 0 0 0;
padding: 0 0 50px 0;
text-align: center;
}

#sidebar p {
font-size: 12px !important;
line-height: 16px !important;
}

p.add {
margin: 0 0 15px 0;
padding: 0;
font-size: 12px;
}

p.add a,
p.add a:hover,
p.add a:visited {
width: 212px;
display: block;
color: #12306a;
padding: 0 0 0 38px;
margin: 0 auto 0 auto;
line-height: 18px !important;
font-weight: bold;
background: url(../img/ico-add.gif) top left no-repeat;
text-decoration: none;
voice-family: "\"}\""; 
voice-family:inherit;
width: 174px;
}

.side-each {
display: block;
width: 290px;
margin: 0;
padding: 15px 15px 0 15px;
background: url(../img/sidebar-border-each.gif) top left no-repeat;
voice-family: "\"}\""; 
voice-family:inherit;
width: 260px;
}

.side-test {
display: block;
margin: 10px 0 15px 0;
text-align: left;
}

.side-test p {
color: #12306a;
font-style: italic;
margin: 0 0 3px 0 !important;
font-size: 12px;
line-height: 16px;
}

.side-test p.sig {
text-align: right;
font-style: italic;
color: #000;
}

#sidebar ul.side-faq {
margin: 0 0 7px 0;
text-align: left;
}

#sidebar ul.side-faq li {
margin: 0 0 0 20px;
padding: 0 0 0 0px;
font-size: 12px;
line-height: 16px;
}

#sidebar p.side-faq-link {
text-align: right;
}


/*-- [ /sidebar ] -- */

/* -- [ footer ] -- */

#footer-wrap {
clear: left;
position: relative;
width: 100%;
height: 108px;
margin: 0;
padding: 0;
background: #91b9db;
}

#footer {
width: 990px;
height: 108px;
margin: 0;
padding: 0;
font-size: 12px;
background: url(../img/footer-bg.gif) top left no-repeat;
}

#footer p,
#footer-right p,
#footer-left p {
line-height: 16px;
margin: 0 0 5px 0;
color:  #000;
}

#footer-left {
float: left;
display: inline;
margin: 0 45px 0 10px;
padding: 5px 0 0 0;
}

.footer-ico {
display: inline;
margin: 10px 0 0 10px;
padding: 0;
}

#footer-right  {
float: right;
display: inline;
text-align: right;
margin: 0 10px 0 0;
padding: 5px 0 0 0;
text-align: right;
}


/* -- [ /footer ] -- */

/* -- [ home ] -- */

.img-float-wrap {
float: right;
display: inline;
margin: 5px 0 0 0;
padding: 0;
}

.img-float-each {
margin: 0 0 15px 15px;	
}

.img-float-each img {
border: solid 2px #ccc;
}

.img-float-each p.caption {
margin: 0 0 0 3px !important;
}


/* -- [ /home ] -- */

/* -- [ experience ] -- */

.experience-list {
width: 227px;
margin: 20px 0 0 0;
padding: 10px;
background: #deecf8;
voice-family: "\"}\""; 
voice-family:inherit;
width: 207px;
}

.experience-list ul {
margin: 0 0 0 15px;
padding: 0;
}

.experience-list ul li {
line-height: 20px;
}

/* -- [ /experience ] -- */


/* -- [ listing ] -- */

.listing-each {
float: left;
display: inline;
width: 595px;
margin: 10px 0 10px 0;
padding: 10px 0 0 0;
border-top: solid 1px #ccc;
}

.listing-left {
position: relative;
float: left;
display: inline;
width: 180px;
height: 121px;
margin: 0;
padding: 0;
background: url(../img/listing-bg.png) top left no-repeat;
}

.listing-left img {
position: absolute;
top: 2px;
left: 3px;
display: block; 
border: 0;
}

.listing-left p {
position: absolute;
top: 123px;
left: 3px;
font-size: 12px;
line-height: 12px;
font-weight: bold;
}

.listing-right {
float: left;
display: inline;
width: 400px;
margin: 0 0 0 15px;
padding: 0
}

.listing-right p {
font-size: 12px;
line-height: 16px;
margin: 0 0 10px 0 !important;
}

.listing-right p.learn-more {
float: right;
display: inline;
margin: 0 !important;
padding: 0;
font-size: 12px;
line-height: 12px;
}

/* -- [ /listing ] -- */


/* -- [ faq ] -- */

ul.faq {
margin: 0 0 50px 10px;
list-style: none;
}

ul.faq li {
line-height: 18px;
margin: 0 0 5px 0;
}

.faq-ans-each {
display: block;
width: 550px;
margin: 20px 0 0 10px;
padding: 0;
}

.faq-ans-each p.q {
margin: 0 !important;
}

.faq-ans-each p.back-to-top {
text-align: right;
margin: 5px 0 0 0 !important;
font-size: 12px;
}


/* -- [ /faq ] -- */

/* -- [ contact ] -- */

form.contact_form {
margin: 20px 0 0 10px;
padding: 0;
}

form.contact_form label {
clear: left;
display: block;
margin: 0 0 3px 0;
padding: 0;
font-weight: bold;
}

form.contact_form input.input-txt {
display: block;
width: 200px;
margin: 0 0 10px 0;
padding: 2px;
}

form.contact_form div.form-chk-wrap {
display: block;
margin: 0 0 10px 0;
}

form.contact_form div.form-chk {
clear: left;
}

form.contact_form div.form-chk input {
float: left;
display: inline;
width: 15px;
height: 15px;
}

form.contact_form div.form-chk p {
float: left;
display: inline;
margin: 0 !important;
padding: 0;
line-height: 15px !important;
}

textarea {
display: block;
margin: 0 0 10px 0;
}


/* -- [ /contact ] -- */

/* -- [ listing detail ] -- */

/* -- !! section uses .listing-each for wrapping content. see line 437 !! -- */

p.crumbs {
margin: 0 0 10px 0 !important;
padding: 0;
font-size: 12px;
line-height: 12px;
}

.listing-each-imgs {
float: left;
display: inline;
width: 294px;
margin: 0;
padding: 0;
}

.listing-each-main-img {
float: left;
display: inline;
width: 294px; 
height: 187px; 
margin: 0;
padding: 2px 3px 4px 3px;
background: url(../img/listing-main-img-bg.png) top left no-repeat;
voice-family: "\"}\""; 
voice-family:inherit;
width: 288px;
height: 181px;
}

.listing-each-add-wrap {
float: left;
display: inline;
width: 294px;
margin: 10px 0 0 0;
padding: 0;
}

.listing-each-add-wrap img {
float: left;
display: inline;
width: 117px;
height: 80px;
margin: 0;
padding: 2px 3px 4px 3px;
background: url(../img/listing-add-img-bg.png) top left no-repeat;
voice-family: "\"}\""; 
voice-family:inherit;
width: 111px;
height: 74px;
}

/* -- [ /listing detail ] -- */

/* --- iframe -- */

iframe {
border: 0;
}