@import url("fonts.css");

/* -----------------------------------------
    typography & global settings
----------------------------------------- */
h1{    font-size:36px; }
h2{ font-size:26px; }
h3{ font-size:22px; }
h4{ font-size:18px; }
h5{    font-size:16px; }

h1,
h2,
h3,
h4,
h5,
h6{
    font-family:"Open Sans", "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
    font-weight:normal;
    }


.content a,
.footer a {
    -webkit-transition: 0.1s linear all;
    -moz-transition: 0.1s linear all;
    -ms-transition: 0.1s linear all;
    -o-transition: 0.1s linear all;
    transition: 0.1s linear all;
}

.content a{
    text-decoration: underline;
}

h1 a,
h2 a,
h3 a,
h4 a, 
h5 a {
    color:#000;
    text-decoration:none !important;
}

h1 a:hover,
h1 a:focus,
h2 a:hover,
h2 a:focus,
h3 a:hover,
h3 a:focus,
h4 a:hover, 
h4 a:focus,
h5 a:hover,
h5 a:focus {
    color:#e01a1a;
}

.postInfo a{
    text-decoration: none !important;
}

.sidebar ul a,
.sidebar ol a{
    text-decoration: none !important;
}

.sidebar ul{
    margin-left:30px;
    margin-top:-15px;
}

body{
    background:#f9f9f9;
}

.small{
    font-size:0.8em;
    line-height:1.3em;
}
.light{
    color:#999;
}

/* buttons */

.blogBack a,
.submitButton,
.button{
    cursor: pointer;
    display: inline-block;
    background-color: #286c9d; /* #333; */
    color:#fff !important;
    background-repeat: no-repeat;
    background-image: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.2));
    background-image: -ms-linear-gradient(top, transparent, rgba(0, 0, 0, 0.2));
    background-image: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.2));
    background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.2));
    background-image: linear-gradient(top, transparent, rgba(0, 0, 0, 0.2));
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid rgba(0, 0, 0, 0.4);
    -ms-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 1px rgba(0, 0, 0, 0.3);
    -o-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 1px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 1px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 1px rgba(0, 0, 0, 0.3);
    padding: 11px 19px 12px 19px;
    text-shadow: rgba(0, 0, 0, 0.2) 0px -1px 0px;
    color: white;
    font-size: 13px;
    line-height: normal;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    
    text-decoration: none !important;
    font-weight: bold;
    font-size:14px !important;
}
.blogBack a:hover,
.blogBack a:focus,
.submitButton:hover,
.submitButton:focus,
.button:hover,
.button:focus{
    text-shadow: 0 -1px rgba(0, 0, 0, 0.2), 0px 0px 8px rgba(255, 255, 255, .9);
    background-color:#286c9d;
    color:#fff;
}

/* custom fonts */

/*
.liservices{
    font-family:'Li Services';
}
*/

/* -----------------------------------------
    header
----------------------------------------- */
.header{
    background: #D51600 url(../images/header.html);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.4))), url(../images/header.html), #D51600;
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%), url(../images/header.html), #D51600;
    background:    -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%), url(../images/header.html), #D51600; 
    background:     -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%), url(../images/header.html), #D51600;
    background:      -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%), url(../images/header.html), #D51600; 
    background:         linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%), url(../images/header.html), #D51600;

        
    /* border-bottom:5px solid rgba(0,0,0,0.5); */
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.nav-bar{
    background:none;
}
.nav-bar > li > a,
.nav-bar > li:first-child > a,
.nav-bar > li:last-child > a{    
    -webkit-border-radius: 5px;
    -moz-border-radius:     5px;
    border-radius:             5px;
    
    margin:0 5px;
    /* border:1px solid rgba(0,0,0,0); */
    
    -webkit-transition: 0.2s linear all;
    -moz-transition:     0.2s linear all;
    -ms-transition:     0.2s linear all;
    -o-transition:         0.2s linear all;
    transition:         0.2s linear all;
}

.nav-bar > li > a:hover,
.nav-bar > li.selectedPage > a,
.nav-bar > li.selectedPageRoot > a {
    background:rgba(0,0,0,0.15);
    /* border:1px solid rgba(0,0,0,0.3); */

    -moz-box-shadow:     inset 1px 1px 0 rgba(0, 0, 0, 0.2), inset -1px -1px 0 rgba(255, 255, 255, 0.15);
    -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.2), inset -1px -1px 0 rgba(255, 255, 255, 0.15);
    box-shadow:         inset 1px 1px 0 rgba(0, 0, 0, 0.2), inset -1px -1px 0 rgba(255, 255, 255, 0.15);

    color:#fff;
}
.nav-bar > li > a:hover{
    text-decoration: underline;
}

.nav-bar > li.minor > a,
.nav-bar > li.minor > a:hover,
.nav-bar > li.minor.selectedPage > a,
.nav-bar > li.minor.selectedPageRoot > a {
    background:rgba(0,0,0,0.15);
    margin:0;
    padding:0 5px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    /* border:1px solid rgba(0,0,0,0); */
    
    -moz-box-shadow:     none;
    -webkit-box-shadow: none;
    box-shadow:         none;
    
}

.nav-bar > li.minor.selectedPage > a,
.nav-bar > li.minor.selectedPageRoot > a {
    text-decoration: underline;
}

.nav-bar > li.minor > a {
    font-size:12px;
    padding:0 5px;
}

.nav-bar > li.first-minor > a,
.nav-bar > li.first-minor > a:hover,
.nav-bar > li.first-minor.selectedPage > a,
.nav-bar > li.first-minor.selectedPageRoot > a {
    margin-left:25px;
    padding-left:10px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.nav-bar > li.last-minor > a,
.nav-bar > li.last-minor > a:hover,
.nav-bar > li.last-minor.selectedPage > a,
.nav-bar > li.last-minor.selectedPageRoot > a {
    margin-right:5px;
    padding-right:10px;
    
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.nav-bar > li,
.nav-bar > li:hover,
.nav-bar > li:first-child,
.nav-bar > li:last-child {
    border:0;
    background:rgba(0,0,0,0);

    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* -----------------------------------------
    home
----------------------------------------- */

.feature-container{
    background:#9e0500;
    border-bottom:5px solid #560200;
    padding-bottom:20px;
    color:#fff;
    padding:3em 0 4em 0;
}

.home .tagline{
    padding:2em 0 1em 0;    
}
.feature{
    color:#fff;
}
.tagline .feature h1{
    font-family:'Euphoria Script';
    color:#fff;
/*     text-transform: uppercase; */
    text-shadow: 0 0 15px rgba(0, 0, 0, 1);
    font-weight: bold;
/*     border-bottom: 4px double rgba(255, 255, 255, 0.2); */
    padding: 10px 0;
/*     border-top: 1px solid rgba(255, 255, 255, 0.2); */
    text-align:center;
    margin-bottom:0;
}
.home .feature h1.title{
    border:0;
    text-align:center;
    color:rgba(255,255,255,0.8);
    margin-top:2em;
}

.feature #who,
.feature #what{
    font-size:26px;
    text-align:center;
    text-transform:uppercase;
    text-shadow: 0 0 15px rgba(0, 0, 0, 1);
}

.home h1.title{
    font-size: 14px;
    text-transform: uppercase;
    font-weight: normal;
    color: #999;
}

.home .blogList > ul > li{
    border:0;
}

.home a{
    text-decoration:none;
}
#element3828294_718494 .blogList > ul > li,
#element3828260_1412519 .blogList > ul > li{
    border:1px solid transparent;
}
#element3828294_718494 .blogList > ul > li.pseudo-hover,
#element3828260_1412519 .blogList > ul > li.hover{
    cursor:pointer;
    background:#f6f6f6;
    border:1px solid #eee;
    
    padding-left:20px !important;
    padding-right:20px !important;
    margin-left:-20px !important;
    margin-right:-20px !important;
    
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

/* -----------------------------------------
    content
----------------------------------------- */
.tagline{
    background: #333 url(../images/feature.html);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.3))), url(../images/feature.html), #222;
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%), url(../images/feature.html), #222;
    background:    -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%), url(../images/feature.html), #222;
    background:      -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%), url(../images/feature.html), #222; 
    background:     -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%), url(../images/feature.html), #222; 
    background:         linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%), url(../images/feature.html), #222;
        
    border-bottom:5px solid rgba(0,0,0,0.6);

    /* border-top:1px solid rgba(255,255,255,0.1); */
    border-top:1px solid rgba(0, 0, 0, 0.5);
    
    padding:1em 0 1em 0;
}
.tagline h1{
    color:#fff;
    text-shadow: -2px -2px 0px rgba(0,0,0,1); /* , 1px 1px 0px rgba(255,255,255,0.5);  */
    font-weight:normal;
}

.content_wrap{
    background:#fff;
}
.content{
    padding-top:20px;
    border-top:1px solid #fff;

    background: #fff; /* Old browsers */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd), color-stop(20px,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #dddddd 0%,#ffffff 20px); /* Chrome10+,Safari5.1+ */
    background:    -moz-linear-gradient(top,  #dddddd 0%, #ffffff 20px); /* FF3.6+ */
    background:     -ms-linear-gradient(top,  #dddddd 0%,#ffffff 20px); /* IE10+ */
    background:      -o-linear-gradient(top,  #dddddd 0%,#ffffff 20px); /* Opera 11.10+ */
    background:         linear-gradient(to bottom,  #eeeeee 0%,#ffffff 20px); /* W3C */
    background-size:auto 20px;    
    background-repeat: repeat-x;

    

}

/* -----------------------------------------
    sidebar
----------------------------------------- */
.sidebar{
    margin-top:10px;
/*
    background:#eee;
    border:1px solid #ddd;
*/
}
.home .sidebar{
    margin-top:0;
}
.sidebar h1.title{
    font-size: 14px;
    text-transform: uppercase;
    font-weight: normal;
    color: #999;
    margin-bottom:4px;
}

.sidebar .button{
    margin-bottom:1em;
    width:100%;
}

.sidebar .form{
    margin-top:1em;
}

/* sevices widget */

.liservices{
    font-family:'Li Services';
    -webkit-font-smoothing: antialiased;
}

ul .liservices{
    font-size: 24px;
    margin-right: 5px;
    vertical-align: middle;
    color: #999;
    display: inline-block;
    width: 20px;
    text-align:center;
}
#element3828556_718494 a{
    padding: 6px 8px;
    border:1px solid rgba(0,0,0,0);
}
#element3828556_718494 a:hover,
#element3828556_718494 a:focus {
    background: #F6F6F6;
    border: 1px solid #EEE;
}

#element3828556_718494 li,
.sidebar .linksModule li {
    list-style:none;
    height:30px;
}

.sidebar .element{
    margin-bottom:30px;
}

.sidebar .linksModule ul{
    margin:0;
}

ul.tagList{
    margin:0;
}
.tagList li{
    list-style:none;
    height:30px;
}
.tagList li:before{
    font-family:'LI Blog';
    content:"f";
    
    -webkit-font-smoothing: antialiased;

    font-size: 24px;
    margin-right: 5px;
    vertical-align: middle;
    color: #ddd;
    display: inline-block;
    width: 20px;
    text-align:center;
}

/* -----------------------------------------
    footer
----------------------------------------- */
.footer{
    border-top:1px solid #d2d2d2;
    background:#f9f9f9;
    padding-top:20px;

    -moz-box-shadow:     inset 0px 1px 1px rgba(0,0,0,0.1); 
    -webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.1); 
    box-shadow:         inset 0px 1px 1px rgba(0,0,0,0.1); 
}
.footer .minor{
    display:none;
}

/* -----------------------------------------
    blog
----------------------------------------- */

/* post listings */

.blogList ul li{
    list-style-type: disc;
}
.blogList ol li{
    list-style-type: decimal;
}

.blogList > ul > li{
    list-style-type: none;
    padding-bottom: 0.4em;
    border-bottom: 1px solid #EEE;
    margin-bottom: 1.5em;
}
.rss{
    display:none;
}
.postInfo{
    color:#999;
    font-size:13px;
}
.postInfo em{
    /* float:right; */
    font-style:normal;
}
.postDate{
    font-style:normal;
}
.postDate:before{
    font-family:'LI Blog';
    content:"d";
    font-style:normal;
    
    -webkit-font-smoothing: antialiased;

    font-size: 18px;
    margin-top:1px;
    margin-right: 5px;
    vertical-align: middle;
    color: #ddd;
    display: inline-block;
    text-align:center;
}

.postInfo em a:before{
    font-family:'LI Blog';
    content:"c";
    font-style:normal;
    
    -webkit-font-smoothing: antialiased;

    font-size: 18px;
    margin-left:20px;
    margin-top:4px;
    margin-right: 4px;
    vertical-align: middle;
    color: #ddd;
    display: inline-block;
    text-align:center;
}

.postInfo a{
    color:#999;
}

/* individual post */

.post{
    position:relative;
}

.post .postBody{
    position:relative;
    top:40px;
    margin-bottom:60px;
}

.postBody ul,
.postBody ol{
    margin-left:40px;
}

.postBody li{
    margin:5px 0;
}


.post > h2{
    display:none;
}

.postViewInfo{
    position: absolute;
    top: -13px;
    width: 100%;
    
    border:none;
    background:none;
    padding:10px 0;
    color:#999;
    font-size:13px !important;
}

ul.postViewTags{
    display:none !important;
}


#disqus_thread{
    border-top: 1px solid #EEE;
    padding-top: 1.5em;
    margin-top: 1.5em;
}

/* categories widget */
.tagCount{
    display:none;
}

.blogList .postBody img{
    margin-bottom:2em;
}

.blogList > ul > li:before, .blogList > ul > li:after {content:""; display:table;}
.blogList > ul > li:after {clear:both;}
.blogList > ul > li {zoom:1;}
/* might be better to apply this clearfix to .blogList p instead */


/* share post */
.share_post{
    border-top: 1px solid #EEE;
    padding-top: 1.5em;
    margin-top: 2.5em;
}
.share_post iframe{
    margin:0 -15px -5px 30px;    
}

/* author bio */
.author_bio{
    border-top: 1px solid #EEE;
    padding-top: 1.5em;
    margin-top: 2.5em;
}

img.headshot{
    float: left;
    padding: 5px;
    border: 1px solid #EEE;
    margin: 0 10px 0 0;
}

/* pagination */

.blogList div.pagination ul {
  width: auto;
  display: inline-block;
  border: 1px solid #ddd;
  margin-bottom:15px;
  background: #F9F9F9;

  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

.blogList div.pagination ul li.current {
  background: #D51600; /* #eee; */
}
.blogList div.pagination ul li.current, .blog .blogList div.pagination ul li.dots {
  padding: 5px 10px;
  cursor: default;
  font-weight: normal;
  font-size: 14px;
  min-width: 0;
}
.blogList div.pagination ul li {
  margin: 0;
  border-right: 1px solid #ddd;
  border-bottom: none;
  min-width: 20px;
  text-align: center;
  padding: 0;
}
.blogList div.pagination ul li.next{
  border-right:none;
}
div.pagination ul li.page.current {
  color: #fff;
  font-weight:bold;
}

div.pagination ul li:first-child{
  -webkit-border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

div.pagination ul li.current:last-child{
  border-right:0;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}


div.pagination ul li {
  border: 0;
  list-style: none;
  float: left;
  margin: 0 2px 0 0;
  padding: 0 8px 0 0;
}

.blogList div.pagination ul li a {
  border: none;
  padding: 5px 10px;
  display: block;
}


/* -----------------------------------------
    call to action
----------------------------------------- */
.callToAction .button{
    /* background-color:#D51600; */
    margin-top:10px;
    margin-bottom:5px;
}
.callToAction .panel{
    margin:2em 0 3em 0;
}
.panel{
    background-color: #eee;
    border-color: #ddd;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.panel h3{
    font-size: 24px;
    margin-top: 15px;
    text-shadow:1px 1px 0 rgba(255,255,255,1);
}

/* -----------------------------------------
    services
----------------------------------------- */
.largeIcon{
    font-size: 100px;
    display: block;
    margin: 0 auto;
    text-align: center;
    text-shadow: 0 0 1px #fff, 0px 0px 10px rgba(0, 0, 0, 0.1);
    line-height: 100px;
    color: #CCC;
}

.services h2{
    margin-top: -26px;
    text-align: center;
}
.services .element{
    margin:1em 0 2em 0;
}
/* -----------------------------------------
    forms
----------------------------------------- */

/* override default form styling */
.form_container{
    margin-top:0 !important;
}
.formTitle{
    display:none;
}

.form_container .largeField .textField,
.form_container .largeField.type-phone .textField.phone-international,
.form_container .largeField .dropdown {
    width: 600px;
}

.form_container .fieldSelected {
    background-color: #F6F6F6;
    border-color: #EEE;
    
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.form_container .fieldItemError {
    background: #FFEAEB;
    border-color: #FFCCCE;
    margin-bottom: 5px;
    
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.form_container .errorSummary {
    display: block;
    padding: 6px 7px 7px;
    font-weight: bold;
    font-size: 14px;
    color: white;
    background-color: #C60F13;
    border: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 12px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
    position: relative;
}

.form_container .errorSummary p {
    margin: 0;
    color: #fff;
}

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
    margin-bottom:0;
}

.form_container .fieldItem .fieldNote {
    font-size: 0.8em;
    margin-left: 1px;
}

/* -----------------------------------------
    tag pages
----------------------------------------- */

.dynamic-tags h1.title{
    font-size: 14px;
    text-transform: uppercase;
    font-weight: normal;
    color: #999;
}

/* -----------------------------------------
    wysiwyg text editor
----------------------------------------- */

/* <textEditor> */
span.code{
    font-family: monospace;

    padding: 3px 4px 2px 4px;
    color: #222;
    background-color: #f7f7f7;
    border: 1px solid #e1e1e1;
    
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

a.button{
    cursor: pointer;
    display: inline-block;
    background-color: #286c9d; /* #333; */
    background-repeat: no-repeat;
    background-image: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.2));
    background-image: -ms-linear-gradient(top, transparent, rgba(0, 0, 0, 0.2));
    background-image: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.2));
    background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.2));
    background-image: linear-gradient(top, transparent, rgba(0, 0, 0, 0.2));
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid rgba(0, 0, 0, 0.4);
    -ms-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 1px rgba(0, 0, 0, 0.3);
    -o-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 1px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 1px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 1px rgba(0, 0, 0, 0.3);
    padding: 11px 19px 12px 19px;
    text-shadow: rgba(0, 0, 0, 0.2) 0px -1px 0px;
    color: white;
    font-size: 13px;
    line-height: normal;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    
    text-decoration: none !important;
    font-weight: bold;
    font-size:14px !important;
}


/* Alerts ---------------------- */
.alert-box {
    background-color:rgba(43, 166, 203, 0.2);
    display: block;
    padding: 6px 10px;
    color:rgba(0,0,0,0.7);    
    margin-bottom: 12px; 
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px; 
    -ms-border-radius: 3px; 
    -o-border-radius: 3px; 
    border-radius: 3px; 
}
.alert-box-success {
    background-color: #5da423;
    display: block;
    padding: 6px 10px;
    color:rgba(0,0,0,0.7);    
    margin-bottom: 12px; 
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px; 
    -ms-border-radius: 3px; 
    -o-border-radius: 3px; 
    border-radius: 3px; 
}
.alert-box-alert {
    background-color:rgba(198, 15, 19, 0.2);
    display: block;
    padding: 6px 10px;
    color:rgba(0,0,0,0.7);    
    margin-bottom: 12px; 

    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px; 
    -ms-border-radius: 3px; 
    -o-border-radius: 3px; 
    border-radius: 3px; 
}


img.floatLeft{
    float:left;
    margin-right:15px;
}
img.floatRight{
    float:right;
    margin-left:15px;
}

img.center{
    margin:10px auto;
}

img.floatRightShadow{
    float:right;
    margin-left:15px;
    margin-bottom:10px;
    margin-bottom:10px;
    max-width:50% !important;
    
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
    
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

img.floatLeftShadow{
    float:left;
    margin-right:15px;
    margin-bottom:10px;
    margin-bottom:10px;
    max-width:50% !important;

    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
}

img.centerShadow{
    margin:10px auto;
    display:block;

    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
}

.caption{
    background:#eee;
    border:1px solid #ddd;
    padding:10px;
    margin:10px 0;
    
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.captionFloatRight{
    background:#eee;
    border:1px solid #ddd;
    padding:10px;
    margin:10px 0 15px 10px;
    
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

    float:right;
}

.captionFloatLeft{
    background:#eee;
    border:1px solid #ddd;
    padding:10px;
    margin:10px 15px 10px 0;
    
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

    float:left;
}

/* </textEditor> */

/* styles associated with text editor but not present in "Apply CSS Styles" dropdown */
.alert-box a, 
.alert-box-alert a,
.alert-box-success a {
    color:rgba(0,0,0,0.9);
    text-decoration:none;
}
.alert-box a:hover,
.alert-box a:focus,
.alert-box-alert a:hover,
.alert-box-alert a:focus,
.alert-box-success a:hover,
.alert-box-success a:focus{
    color:rgba(0,0,0,0.9);
    text-decoration: underline;
}
.alert-box .code, 
.alert-box-alert .code,
.alert-box-success .code {
    background:rgba(255,255,255,0.5);
}


.caption img,
.captionFloatRight img,
.captionFloatLeft img{
    margin:10px auto;
    display:block;

    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);    
}

code{
    /*took out: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier,*/
    font-family: monospace;

    padding: 3px 4px 2px 4px;
    color: #222;
    background-color: #f7f7f7;
    border: 1px solid #e1e1e1;
    
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

/* -----------------------------------------
    miscellaneous
----------------------------------------- */
/* gist styling */
.postBody .gist{
    clear:both;
    margin:2em 0;
}
table.highlight{
    background:#FFF6F6;
    margin-bottom:0;
    border:0;
}
.gist-meta{
    display:none;
}
.postBody .gist .gist-file .gist-data{
    border-bottom:0;
}

/* -----------------------------------------
    adminView
----------------------------------------- */

.lcms_AdminView .post > h2{
    display:block;
}

.lcms_AdminView .post .postBody{
    position:relative;
    top:0;
    margin-bottom:0;
}

.lcms_AdminView .postViewInfo{
    position: relative;
    top: 0;
}



/*--------------------------------
    service buttons
--------------------------------*/
.button_wrapper{
    position:relative;
    z-index:0;
}

.service a{

}

.service a:before {
  font-family: 'Li Services';
  font-size: 5em;
  font-weight: normal;
  line-height: 120px;
  -webkit-font-smoothing: antialiased;
  color: rgba(255, 255, 255, 0.7);
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.8);
}

.service a:hover:before,
.service a:focus:before{
    color:#fff;
    /* font-size:6em; */
}
.service a:active:before{
    color: rgba(255, 255, 255, 0.5);
}


.icon-psdlcms:before { content: "t\A"; } 
.icon-consulting:before { content: "c\A"; } 
.icon-maintenance:before { content: "m\A"; } 
.icon-responsive:before { content: "r\A"; } 
.icon-transfer:before { content: "i\A"; } 
.icon-tweaks:before { content: "h\A"; } 
.icon-more:before{content:"l\A";}

.service {
  list-style: none;
  text-align: center;
}

.service li {
  position: relative;
  display: inline-block;
  margin-right: -4px; /* See: http://css-tricks.com/fighting-the-space-between-inline-block-elements/ */
  vertical-align: top;
}

.service a {
    display: block;
    background-color: #444;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#333));
    background-image: -webkit-linear-gradient(top, #444, #333); 
    background-image:    -moz-linear-gradient(top, #444, #333); 
    background-image:     -ms-linear-gradient(top, #444, #333); 
    background-image:      -o-linear-gradient(top, #444, #333);
    
    color:#fff;
    
    margin:36px 24px;
    width: 100px;
    height: 100px;
    position: relative;
    text-align: center;
    
    line-height:18px;
    border-radius: 50%;
    box-shadow: 0px 3px 8px #000, inset 0px 2px 3px rgba(255,255,255,0.1);
    
  
      font-weight:bold;
    -webkit-transition: 0.5s linear all;
    -moz-transition:     0.5s linear all;
    -ms-transition:     0.5s linear all;
    -o-transition:         0.5s linear all;
    transition:         0.5s linear all;
}

.service span{
    display:block;
    background:#000;
    font-weight:bold;
    opacity:0;
    padding:3px;

    -webkit-border-radius:     5px;
    -moz-border-radius:        5px;
    border-radius:             5px;
}

.service a:hover span,
.service a:focus span{
    opacity:1;    
}


.service a:after {
  content: "";
  display: block;
  background:rgba(0,0,0,1);
  border-top: 2px solid rgba(255,255,255,0.1);
  position: absolute;
  top: -10px;
  left: -10px;
  bottom: -10px;
  right: -10px;
  z-index: -1;
  border-radius: 50%;
  box-shadow: inset 0px 8px 48px rgba(255,255,255,0.1);
}

.service a:active:after{
    background:rgba(0,0,0,0.6);
}

.service a:hover,
.service a:focus {
    text-decoration: none;
    color: #fff;
    
    background: #D51600;
    background: -webkit-gradient(linear, left top, left bottom, from(#D51600), to(#860003));
    background: -webkit-linear-gradient(top, #D51600, #860003);
    background: -moz-linear-gradient(top, #D51600, #860003); 
    background: -ms-linear-gradient(top, #D51600, #860003); 
    background: -o-linear-gradient(top, #D51600, #860003);
}

.service a:active{
    -webkit-transition: 0s linear all;
    -moz-transition:     0s linear all;
    -ms-transition:     0s linear all;
    -o-transition:         0s linear all;
    transition:         0s linear all;
    background:#860003;
}


@-moz-document url-prefix() {
    .service a:before{
        line-height:100px;
        margin-bottom:20px;
        padding-bottom:20px;
    }
    .service span{
        margin-top:10px;
    }
}



/*--------------------------------
    mobile
--------------------------------*/

@media only screen and (max-width: 767px) {
    
    
    .nav-bar > li.minor > a,
    .nav-bar > li.minor > a:hover,
    .nav-bar > li.minor.selectedPage > a,
    .nav-bar > li.minor.selectedPageRoot > a {
        margin:0 5px;
        padding:0 20px;
        border-radius: 0px;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
    }
    
    .service a{
        color:rgba(255,255,255,0.8);
        margin-top: 4em;
        width:90px;
        height:90px;
    }
    .service a:before{
        line-height:112px;
    }
    
    .service span{
        opacity:1;
        background:transparent;
    }
    

}