/*   
Theme Name: Fast Out Bail Bonds
Description: Theme created specifically for Fast Out Bail Bonds
Author: Advice Interactive Group
Author URI: http://www.adviceinteractivegroup.com
*/
/** global/reset **/

html {
    background: url('images/body-bg-main.jpg') repeat;   
}

body {
    margin: 0px;
    padding: 0px;
    background: url('images/body-bg-top.jpg') repeat-x;
    color: #000;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 75%;
}

h1, h2, h3, h4, h5, h6, p, form, ul, li {
    margin: 0px;
    padding: 0px;
}

h1 {
    font-size: 1.8em;
}

h2 {
    font-size: 1.5em;
}

h3 {
    font-size: 1.3em;
}

h4 {
    font-size: 1.2em;
}

h5 {
    font-size: 1.1em;
}

h6 {
    font-size: 1em;
}

a:link, a:visited {
    color: #000;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a img {
    border: none;
}

.clear {
    clear: both;
}

.left, .alignleft {
    float: left;
}

.right, .alignright {
    float: right;
}

.formrequired {
    display: none;
}

textarea {
    font-family: sans-serif;
    overflow: auto;
    resize: none;
}

.st_fblike_large {
    position:relative;
    top:-10px;
}

/** header **/

#header {
    position: relative;
    width: 980px;
    height: 170px;
    margin: 0 auto;
    overflow: hidden;
}

#logo {
    position: absolute;
    top: 65px;
    left: 0px;
    max-width: 600px;
    padding: 10px 15px;
    background: url('images/logo-bg.png') repeat;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    behavior: url(PIE.htc);
    font-size: 2.8em;
    line-height: 0.9em;
}

#logo a {
	text-decoration: none;
}

#logo .city {
    color: #0074b9;
    font-family: 'PT Sans Caption', sans-serif;
    font-size: 1.0em;
    font-weight: bold;
    text-transform: uppercase;
}

#logo .bailbonds {
    font-family: 'Artifika', serif;
    text-transform: uppercase;
}

#logo .tagline {
    display: block;
    color: #73767b;
    font-size: 0.45em;
}

#logo .tagline span {
    color: #0074b9;
}

#header .contact {
    position: absolute;
    top: 43px;
    right: 0px;
    height: 125px;
    padding: 40px 115px 0px 0px;
    background: url('images/call-center-girl.png') 100% 0 no-repeat;
    color: #444;
    font-size: 1.7em;
    font-weight: bold;
    text-align: right;
}

#header .contact a {
    display: block;
    color: #0176bc;
    font-size: 2.25em;
    text-decoration: none;
}

/** navigation **/

#nav-wrapper, #nav {
    min-width: 980px;
    height: 63px;
    margin: 0 auto;
    background: url('images/nav-wrapper-bg.png') 50% 0 no-repeat;
}

#nav {
    width: 980px;
    text-transform: uppercase;
}

#nav ul {
    list-style: none;
    margin: 0;
    padding-top: 15px;
}

#nav li {
    float: left;
    position: relative;
    margin-right: 2px;
}

#nav a {
    color: #acacac;
    display: block;
    padding: 16px 18px;
    text-decoration: none;
}

#nav ul ul {
    display: none;
    float: left;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 47px;
    left: 0;
    width: 220px;
    z-index: 99999;
}

#nav ul ul ul {
    left: 100%;
    top: 0;
}

#nav ul ul a {
    background: #111;
    height: auto;
    padding: 8px 10px;
    width: 220px;
}

#nav li:hover > a,
#nav ul ul :hover > a,
#nav a:focus {
    background: #225089;
}

#nav li:hover > a,
#nav a:focus {
    background: #111;
    color: #fff;
}

#nav ul li:hover > ul {
    display: block;
}

#nav .current_page_item > a,
#nav .current_page_ancestor > a {
    color: #fff;
    background: #111;
    font-weight: bold;
}

#nav ul ul a:hover, #nav .current_page_ancestor ul li a:hover {
    background: #225089;
}

#nav .current_page_ancestor ul li a {
    background: #111;
}

#nav .current_page_item a,
#nav .current_page_ancestor a,
#nav a:hover {
    _color: #fff;
    _background: #111;
}  

/** banner **/

#banner {
    position: relative;
    width: 980px;
    height: 400px;
    margin: 0 auto 20px;
    background: #0a0a0a url('images/slide1-bg2.jpg') 100% 0 no-repeat;
    color: #fff;
}

#slider {
    width: 310px;
}

#slider-nav {
    position: absolute;
    bottom: 20px;
    left: 20px;
    z-index: 999;
}

#slider-nav li {
    float: left;
    margin: 0px 4px;
    list-style: none;
}

#slider-nav li a {
    display: block;
    width: 20px;
    height: 20px;
    background: #c5c5c5;
}

#slider-nav li a.active {
    background: #017bc3;
}

#banner .slide {
    height: 400px;
}

#banner .slide .heading {
    width: 280px;
    margin-bottom: 20px;
    padding: 20px 0px 0px 20px;
    font-family: "Century Gothic", Arial, Verdana, Helvetica, sans-serif;
    font-size: 1.5em;
}

#banner .slide .heading strong {
    display: block;
    font-size: 1.2em;
}

#banner .slide .banner-text {
    width: 280px;
    padding: 0px 0px 0px 20px;
    color: #b1b1b1;
    line-height: 1.8em;
}

#banner a {
    color: #1678c4;
}

#banner a.learn-more {
    font-size: 1.2em;
    font-weight: bold;
}

#slide1, #slide2, #slide3, #slide4 {
    /*background: url('images/slide1-bg2.jpg') 100% 0 no-repeat;*/
}

/** testimonials **/

#testimonials {
    width: 980px;
    margin: 0 auto 10px;
}

#testimonials .box {
    position: relative;
    height: 72px;
    padding: 5px 15px 15px;
    background: url('images/testimonial-box-bg.jpg') repeat-x;
    -moz-box-shadow: 0 0 8px #888;
    -webkit-box-shadow: 0 0 8px #888;
    box-shadow: 0 0 8px #888;
    behavior: url(PIE.htc);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    behavior: url(PIE.htc);
}

#testimonials .testimonial-text {
    padding: 10px 0px 15px 70px;
    background: url('images/quote-bubbles.jpg') no-repeat;
    line-height: 1.5em;
}

#testimonials .testimonial-client {
    color: #0463ba;
    font-size: 1.2em;
    font-weight: bold;
    text-transform: uppercase;
    text-align: right;
}

/** middle call us section **/

#middle-call-us {
    min-width: 980px;
    height: 62px;
    margin-bottom: 20px;
    background: url('images/middle-call-us-bg.jpg') 50% 0 no-repeat;
}

#middle-call-us-inner {
    position: relative;
    width: 980px;
    margin: 0 auto;
    padding: 15px 0px 0px 0px;
    color: #404040;
    font-family: "Century Gothic", arial, Verdana, sans-serif;
    font-size: 2em;
    font-weight: bold;
}

#middle-call-us .phone {
    position: absolute;
    right: 0px;
    top: 8px;
    width: 172px;
    height: 35px;
    padding: 8px 0px 0px 45px;
    background: url('images/blue-phone-bar-bg.png') no-repeat;
    color: #fff;
}

#middle-call-us .phone a {
    color: #fff;
    text-decoration: none;
}

/** content **/

#content-wrapper {
    width: 980px;
    margin: 0 auto;
    padding-bottom: 20px;
    background: url('images/body-bg-main.jpg') repeat; 
}

#content {
    float: left;
    width: 560px;
    padding: 15px 0px 0px 15px;
}

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6, #content p, #content ul, #content ol, #content form {
    margin-bottom: 15px;
}

#content img {
    position: relative;
    border: 7px solid white;
    -moz-box-shadow: 0 0 5px #bbb;
    -webkit-box-shadow: 0 0 5px #bbb;
    box-shadow: 0 0 5px #bbb;
    behavior: url(PIE.htc);
}

#content img.no-border {
    border: none;
    -moz-box-shadow: 0 0 0;
    -webkit-box-shadow: 0 0 0;
    box-shadow: 0 0 0;
    behavior: none;
}

#content a {
    color: #0b73c2;
}

#content ul li {
    list-style: none;
    margin-bottom: 10px;
    padding-left: 15px;
    background: url('images/bullet.png') 0 3px no-repeat;
}

#content.blog .post {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 2px solid #c5c5c5;
}

#content .link{
  position: relative;
  margin-top: 5px;
  width: 48%;
  float: left;
}

#content #articles {
    position:relative;
    margin:20px 0 10px 0;
}

#content #articles .article {
    position:relative;
    border-bottom:dashed 1px #000;
    padding-bottom:10px;
    margin-bottom: 10px;
}

#content #articles h2{
  margin-bottom: 2px;
}

/** sidebar **/

#sidebar {
    float: right;
    width: 308px;
    padding: 15px 15px 0px 0px;
}

#sidebar .block {
    margin-bottom: 20px;
}

#sidebar .block .heading {
    margin-bottom: 15px;
    font-size: 2em;
    font-weight: bold;
}

#sidebar-form form {
    padding: 15px 15px 30px;
    background: url('images/sidebar-form-bg.png') no-repeat;
}

#sidebar-form .text {
    width: 96%;
    margin: 0px 0px 10px;
    padding: 5px;
    border: 1px solid #b8b8b8;
}

#sidebar-form textarea {
    height: 60px;
}

#sidebar-form ::-webkit-input-placeholder {
    color: #000;
    font-size: 0.9em;
    font-weight: bold;
}
#sidebar-form :-moz-placeholder {
    color: #000;
    font-size: 0.9em;
    font-weight: bold;
}
#sidebar-form :-ms-input-placeholder {
    color: #000;
    font-size: 0.9em;
    font-weight: bold;
}

#sidebar-form .submit {
    float: right;
    width: 104px;
    height: 31px;
    background: url('images/submit-button.png') no-repeat;
    border: none;
    cursor: pointer;
}

#sidebar .heading {
    padding: 8px 0px 8px 70px;
    background: url('images/articles-icon.jpg') no-repeat;
}

#sidebar .article {
    margin-bottom: 15px;
}

#sidebar .title a {
    display: block;
    padding: 8px;
    background: #000;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
}

#sidebar .title a:hover {
    background: #225089;
}

#sidebar .excerpt {
    padding: 5px;
    line-height: 1.5em;
}

#sidebar .excerpt a {
    color: #225089;
}


#sidebar .box
{
    background:#b9e2ff;
    width:272px;
    margin:15px auto;
    position:relative;
    padding-bottom:5px;
}

#sidebar .box .heading
{
    background:url(images/sidebar-box-header.png) 0 0 no-repeat;
    width:272px;
    height:32px;
    position:relative;
    line-height:32px;
    color:#fff;
    font-size:18px;
    text-align:left;
    padding: 0;
    padding-left:10px;
    left:-10px;
}

#sidebar .box .heading .icon
{
    position:absolute;
    right:25px;
    top:5px;
}

#sidebar .box .text1
{
    font-size: 14px;
    color: #063380;
    font-weight: bold;
    padding:0px 10px;
    margin:5px 0px;
    position:relative;
}

#sidebar .box .text2
{
    font-size: 11px;
    line-height: 16px;
    padding:0px 10px;
    margin:5px 0px;
    position:relative;
}

#sidebar .box .read-more
{
    position:relative;
    margin:5px auto;
    display:block;
}

#sidebar .contact
{
    background:url(images/call-box-bg.png) repeat-y;
    padding:15px 0px;
    position:relative;
    overflow: hidden;
    width: 272px;
    margin: 5px auto 25px auto;
}

#sidebar .contact .call-box
{
    border:solid 3px #3b5f9d;
    padding:10px;
    margin:10px;
    width:225px;
    height:60px;
    text-align:center;
    border-radius:10px;
}

#sidebar .contact .call-box .callnow
{
    font-size: 30px;
    color: #3370BD;
    font-weight: bold;
    line-height: 30px;
    text-shadow: 1px 1px 1px #151529;
}

#sidebar .contact .call-box .phone
{
    font-size: 36px;
    color: #3B99D7;
    font-weight: bold;
    line-height: 30px;
    text-shadow: 1px 1px 1px #151529;  
}

#sidebar .contact .bail
{
    font-size: 26px;
    text-align:center;
    color: #6EC5FF;
    font-weight: bold;
}

#sidebar .contact ul
{
    color:#fff;
    width:230px;
    position:relative;
    margin:0 auto;
}

#sidebar .contact ul li
{
    background:url(images/check-mark.png) left top no-repeat;
    list-style-type:none;
    font-size: 18px;
    font-weight: bold;
    padding-left:25px;
    margin:15px 0px;
}

#sidebar .contact .header
{
    position:relative;
    left:-10px;
}

#sidebar .contact .top-bg
{
    position:absolute;
    top:0px;
}

#sidebar .contact .bottom-bg
{
    position:absolute;
    bottom:0px;
}

/** footer **/

#footer {
    min-width: 980px;
    height: 100px;
    padding-top: 40px;
    background: #000 url('images/footer-bg.jpg') repeat-x;
}

#footer-inner {
    position: relative;
    width: 980px;
    margin: 0 auto;
    color: #a2a2a2;
}

#footer .copyright {
    float: left;

}

#footer span {
    color: #2067bf;
    line-height: 2em;
}

#footer .social {
    position: relative;
    float: right;
    width: 125px;
}

#footer .gplus {
    position: absolute;
    right: 0px;
    top: 4px;
    width: 50px;
    overflow: hidden;
}