/* SITE-WIDE ----------------------------------------------------------------------------------------------------------------- */
body { color: #868686; font-size: 12px; }
a:hover { text-decoration: none;}
.container, div.subpage .row-fluid { max-width: 940px;}
div.subpage .row-fluid { margin-bottom: 18px;}
div.subpage .row-fluid:last-of-type { margin-bottom: 0;}
div.subpage header *, div.subpage .row-fluid { max-width: 940px; margin-left: auto; margin-right: auto; }
textarea { margin-bottom: 10px; }
input.span12, .row-fluid input.span12, select.span12, .row-fluid select.span12, .row-fluid textarea.span12 { max-width: 220px; }
.form-actions {
	background: none;
	border: none;
	margin: 0;
	text-align: right;
	padding: 0;
}
.btn { 
	border-radius: 0;
	font-size: 13px;
	font-weight: 400;
	padding: 7px 20px;
	box-shadow: none;
}
blockquote {
	background: url("../img/quote.png") no-repeat scroll 17px 21px transparent;
}
blockquote img {
    float: right;
    max-width: 33%;
    margin: 0 0 4px 4px;
}
blockquote p {
    line-height: 1.25;
    font-size: inherit;
    margin: 0 0 12px 0;
}
blockquote footer {
    margin-top: 8px;
}
blockquote p:before, blockquote p:after {
    content: "\"";
}
.social_links {
	font-family: 'icomoon';
	font-size: 18px;
	text-align: right; }
.social_links a { margin-left: 10px; }


/* HEADER CONTENT ----------------------------------------------------------------------------------------------------------------- */
header #logo h5 {
	padding: 0;
	margin: 20px 0 0 8px;
	font-size: 20px;
}
header #logo h1 {
	margin-top: 12px;
	line-height: 1;
}
/*.primarynav { border-bottom: 1px solid #EFEFEF; }*/
.nav-smartstart .company-logo { margin-right: 16px; }
#logo img { max-height: 78px; margin: 4px 0 3px 10px; }


/* PRIMARY CONTENT ----------------------------------------------------------------------------------------------------------------- */



/* -------------------------------------------------- */
/*	Projects Carousel
/* -------------------------------------------------- */
.equator .jcarousel-container { padding-top: 12px; }
.projects-carousel span { text-align: justify; text-justify: inter-word; }




/* SECONDARY CONTENT ----------------------------------------------------------------------------------------------------------------- */
.primary aside.widgets {
	background-color: #F8F8F8;
	padding: 4px 8px;
	border: 1px solid #EFEFEF;
	/*margin-top: 8px;*/
	margin-bottom: 8px;
}
/*.secondary { margin-top: 60px; }*/


/* -------------------------------------------------- */
/*	Widgets
/* -------------------------------------------------- */
.widgets a:hover { text-decoration: underline; }
.widgets a.btn:hover { text-decoration: none; }
.widgets section h1, .widgets section h2 { text-transform: none; font-weight: 600; font-size: 14px;}
.widgets section article h1 { font-size: 12px;}
.widgets .row-fluid { margin-bottom: 30px; }
.widgets .row-fluid:last-of-type { margin-bottom: 0; }
.widgets select[multiple], .widgets select[size] { height: 30px; }
.widgets .testimonial blockquote, .widgets .testimonial p { margin-bottom: 0; }
.widgets .testimonial .source { text-align: right; margin-right: 8px;}
.widgets section.quicklinks article > ul { 
	padding-left: 0;
	margin-left: 0;
	list-style: none;
}
.widgets .quicklinks li { 
	padding: 4px 0;
	margin-left: 0;
	border-bottom: 1px solid #9b9b9b;
}


/* -------------------------------------------------------------------------------------------------------------------------------- */
/* HOME PAGE ---------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
.home .primary { padding-bottom: 16px; }
.home section h1, .home section h2, .primary .equator article h2, .primary .slogan h2 {
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
	padding-bottom: 12px;
	margin-bottom: 12px;
	border-bottom: 1px solid #EFEFEF;
}
.home section article h1, .primary .equator article h2 {
	text-transform: none;
	font-size: 14px;
	border-bottom: none;
	padding-bottom: 0;
}
.home [class^="block"] {
	/*margin-bottom: 30px;*/
	/*margin-bottom: 60px;*/
}
.home .blockHeader {
	/*margin-bottom: inherit;*/
	padding-bottom: 0;
	font-size: 16px;
	font-weight: bold;
}
.home .block3 { padding-bottom: 16px; margin-top: 8px; }
/*.home .primary > .container .block5:first-child{
	margin-top: 30px;
	margin-bottom: 30px;
}*/
/*.home .block1 {margin-bottom: 60px;}*/



/* -------------------------------------------------- */
/*  Liquid Slider
/* -------------------------------------------------- */
.liquid-responsive .liquid-slider {
		background: rgb(255,255,255)!important; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml!important;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYmViZWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+)!important;
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%)!important; /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(235,235,235,1)))!important; /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%)!important; /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%)!important; /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%)!important; /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%)!important; /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 )!important; /* IE6-8 */
	
}



/* -------------------------------------------------- */
/*	Slogans
/* -------------------------------------------------- */
/*.home section.slogans {
	padding: 0 8px 0;
}*/
.home section.slogans h1.home section.slogans h2 {
	font-size: 24px;
	font-weight: 300;
	letter-spacing: -0.1px;
	margin-bottom: 0;
	text-transform: none;
	border-bottom: none;
}


/* -------------------------------------------------------------------------------------------------------------------------------- */
/* SUB PAGES ---------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
div.subpage { padding-top: 30px; padding-bottom: 8px;}
div.subpage h2.teaser,
h1.recentblogh1, h2.recentblogh1 { font-size:  20px; }
div.subpage section {
	padding-top: 0;
}
div.subpage section section {
	padding-top: 0;
}
div.subpage section header {
	border-bottom: 1px solid #EFEFEF;
	margin: 0 0 40px;
}
div.subpage section header h1 {
	margin-top: 0;
	font-size: 28px;
	padding: 0 0 35px;
	font-weight: 300;
	letter-spacing: -0.1px;
	margin-bottom: 0;
}
div.subpage section header p {
	font-size: 32px;
	font-weight: 400;
	padding: 30px 0 40px;
	letter-spacing: -0.1px;
	line-height: 1.25;
	margin-bottom: 0;
	border-top: 1px solid #EFEFEF;
	color: #474747;
}
div.subpage section article ul, div.subpage section article ol { overflow: hidden; }
div.subpage .standard article img {
	float: left;
	margin: 0 16px 8px 0;
}
div.subpage section article h1,
div.subpage section section h1 {
	font-weight: 600;
	line-height: 1.25;
	margin-bottom: 15px;
	font-size: 15px;
}
div.subpage aside section article h1 {
	font-size: 12px;
	margin-bottom: 4px;
}
/*div.subpage article .fluid-width-video-wrapper {
	max-width: 400px;
}*/
div.subpage aside section {
	padding-top: 0;
	margin-bottom: 24px;
}
div.subpage aside section header {
	margin: 0 0 8px 0;
	padding: 0 0 8px 0;
}
div.subpage aside section header h1 {
	font-size: 18px;
	margin-bottom: 0;
	padding-bottom: 0;
}




/* BLOG CONTENT ------------------------------------------------------------------------------------------------------------------- */
.home .blog.recent article.post h1 {
	border-bottom: none;
	font-weight: bold;
	margin-bottom: 0;
	padding-bottom: 0;
	text-transform: none;
}
.blog.condensed article.post {margin-bottom: 40px;}
.blog.full article header h1 {
	font-size: 24px;
	padding-bottom: 0;
}
.blog.full article header h2 {
	font-size: 14px;
	padding-bottom: 0;
}
.blog.recent article.post img {
	float: left;
	margin: 0 6px 4px 0;
}
.blog article hgroup {
	border-bottom:1px solid #ddd;
	padding: 4px 0;
}
.blog.recent article h1,
.blog.recent article .date {
    /*padding-left: 88px;*/
    padding-left: 70px;
}
.blog article h1 {
	margin-bottom: 0;
}
.blog article h2.date {
	font-size: 0.8em;
/*	float: right;
	margin-top: -16px;
	margin-right: 8px; Removed 10/7/2013, Scott to prevent Blog dates from overlaying the titles. */
}
.blog article ul.tags {
    /*background: url("/templates/harmony/images/icons/blog/post-info-bg.png") no-repeat scroll left center transparent; Removed 10/16/2013, Scott - Not sure who used a fixed height image for a background!?  Doesn't work well when the content stacks on a mobile screen. Added the next line to do it right. */
    border-bottom: 1px dotted #cccccc;
    font-size: 11px;
    clear: both;
    height: auto;
    list-style: none outside none;
    margin-bottom: 8px;
    margin-left: 0;
    padding: 8px 0 6px 10px;
}
.blog article ul.tags li {
    float: left;
    margin: 0 30px 0 0;
    padding: 0 0 0 18px;
}
.blog article ul.tags li.tags {
    padding-left: 0;
}
.blog article ul.tags li.category {
    background: url("../../harmony/images/icons/blog/post-info-category.png") no-repeat scroll left center transparent;
}
.blog article ul.tags li.comments {
    background: url("../../harmony/images/icons/blog/post-info-comments.png") no-repeat scroll left center transparent;
}
.blog .post:first-child {
	padding-top: 0;
}
.blog article img {
	/*float: left; removed by Steve to allow centered images to be in the center, 1-23-14  */
	margin: 0 15px 8px 0;
}

/*BLOG FULL ARTICLE HEADER*/
.blog.full article hgroup{
	color:#666666;
	padding: 4px 0;
	margin-bottom:20px;
}
.blog.full article hgroup h1 {
	margin-bottom:;
	display:inline;
}
.blog.full article hgroup h2 {
    position:relative;
    display:inline;
    float:right;
	font-size: .8em;
	margin-right: 8px;
	margin-top:4px;
}



div.subpage section article.blog.post h1 {
	margin-bottom: 0;
}
/*aside .blog_search {
	margin-top: 8px;
	margin-bottom: 36px;
}*/
.blog_search input {
	/*height: 32px;*/
	height: 36px;
}
aside .blog article h1 {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 0;
}
aside .blog article .date {
	font-size: 10px;
}
aside .blog article a:hover {
	text-decoration: none;
}
.blog.recent article {
	margin-bottom: 8px;
}



/* LOCATION MAP CONTENT ----------------------------------------------------------------------------------------------------------- */
.locationmap {  }
.map-decoration { border: 1px solid darkgray; }


/* FOOTER CONTENT ----------------------------------------------------------------------------------------------------------------- */
/*footer {  }
footer a:hover { text-decoration: none; }
#footer-nav {padding-bottom: 9px;}
footer nav ul ul {display: none;}
footer .hcard .org {display: none; }
footer .hcard div { float: left; }
footer .hcard .streets, footer .hcard .citystatezip, footer .hcard .tel { margin-right: 16px; }
footer .hcard i {font-size: 18px;}
footer .hcard .tel, footer .hcard .email {margin-top: -9px;}
#footer .title {margin-bottom: 4px;}*/

footer { font-size: 12px; }
footer a:hover { text-decoration: none; }
#footer-nav {padding-bottom: 9px;}
footer nav ul ul {display: none;}
footer .hcard {margin-bottom: 0;}

/*footer .hcard div { float: left;}*/
footer .hcard .org { font-weight: bold; }
footer .hcard .org, footer .hcard .streets, footer .hcard .citystatezip, footer .hcard .tel, footer .hcard .fax { margin-right: 12px; }
footer .hcard i {font-size: 18px;}
#footer .title {margin-bottom: 4px;}

#footer .tel .icomoon{font-size:10px;}
#footer .email { position: relative; margin-top: -4px; clear: left; }
#footer .email a { position: absolute; top: 3px; }
footer .disclosure { line-height: 1.1; }



/* -------------------------------------------------- */
/* -------------------------------------------------- */
/*	RESPONSIVE
/* -------------------------------------------------- */
/* -------------------------------------------------- */
@media (min-width:768px) and (max-width:979px){
	#header { height: 86px; }
	#logo { margin-top: 0px; }
}



@media (max-width:959px){
	.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: auto; margin: 0 8px; }
}



@media (max-width:480px){
	.subpage section.stafflist article img { float: none!important; margin-left: 0!important}
	.blog article ul.tags li.category { background: none; }
	.blog article ul.tags li { padding-left: 0; }
}



@media (min-width:768px) and (max-width:979px){
}



@media(min-width:1200px){
}



@media (max-width:979px){
	blockquote {margin-bottom: 0; padding-bottom: 8px;}
	blockquote p { font-size: 12px; line-height: 1.25em; }
	.home .blog.recent article.post h1 { font-size: 11px; line-height: 1.15em;}
	.home .blog.recent article.post .date { line-height: 1.15em;}
	footer .row-fluid [class^="span"] { float: none; width: 100%; clear: both; margin-left: 0;}
	footer .hcard .adr { display: block; margin-bottom: 8px; min-height: 16px; }
	footer .hcard .tel { clear: left;}
	#footer .title { padding-top: 24px;}
	#footer .social_links { text-align:  left; margin-bottom: 0;}
}



@media (min-width:980px){
}

/*Nick*/
.video-with-description{
	height:100%;
}
.video-with-description h1{
	text-align:left;
}
.video-with-description .row-fluid{
	display:table;
	height:100%
}
.video-with-description .left{
	display:table;
	overflow: hidden;
	position:relative;
	height:100%;
}

.video-with-description .cell{
	display: table-cell;
	vertical-align: middle;
}

@media (max-width: 979px){ 
.video-with-description{
	height:auto;
}
.video-with-description .left {
padding: 20px;
}
.video-with-description .row-fluid{
	display:block;
	height:auto;
}
.video-with-description .left{
	display:block;
	position:relative;
	height:auto;
}

.video-with-description .cell{
	display: block;
	vertical-align:auto;
}
}
.control-group input.span12, .control-group textarea.span12 {max-width:90%;}
#referral_form .form-actions {text-align: left;}

/* -------------------------------------------------- */
/*  Main Navigation
/* -------------------------------------------------- */

.nav-smartstart .company-logo { float: left; }
.nav-smartstart .nav-standard { float: right; }

    .nav-smartstart nav > ul { margin: -6px 0 0; }

        .nav-smartstart nav li {
            list-style: none;
            float: left;
            margin: 0;
            position: relative;
        }

            .nav-smartstart nav a {
                border-bottom: 1px solid transparent;
                border-top: 6px solid transparent;
                color: #3a3a3a;
                font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
                font-size: 12px;
                font-weight: 800;
                display: block;
                letter-spacing: -0.08px;
                padding: 26px 20px 40px;
                position: relative;
                text-align: center;
                text-transform: uppercase;
                z-index: 98;
            }
                .nav-smartstart nav a:hover {
                    text-decoration: none;
                }

            .ie7 .nav-smartstart nav a { padding: 33px 20px; }

            .nav-smartstart nav a:after {
                color: #aeaeae;
                content: attr(data-description);
                font-size: 11px;
                font-style: italic;
                font-weight: 400;
                display: block;
                line-height: 0;
                margin: 3px 0 -3px;
                text-align: center;
                text-transform: lowercase;
            }

                .nav-smartstart nav a:hover, .nav-smartstart nav .hover > a, .nav-smartstart nav .current > a {
                    /*border-bottom-color: #f15a23;
                    border-top-color: #f15a23;
                    color: #f15a23;*/
                }

                .nav-smartstart nav a:hover, .nav-smartstart nav .hover > a, .nav-smartstart nav .current > a { background: #f8f8f8; }

                .not-ie .nav-smartstart nav .current:after {
                    /*background: #f15a23;*/
                    bottom: -2.5px;
                    content: '';
                    left: 50%;
                    display: block;
                    height: 5px;
                    margin: 0 0 0 -2.5px;
                    -webkit-transform: rotate(45deg);
                       -moz-transform: rotate(45deg);
                        -ms-transform: rotate(45deg);
                         -o-transform: rotate(45deg);
                            transform: rotate(45deg);
                    position: absolute;
                    width: 5px;
                }

            /* Dropdown */

            .no-js .nav-smartstart nav li:hover > ul {
                display: block;
                top: 92px;
            }

            .nav-smartstart nav ul ul {
                background: #3a3a3a;
                -webkit-box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, .2);
                   -moz-box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, .2);
                        box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, .2);
                display: none;
                left: 0;
                padding: 0;
                position: absolute;
                top: 92px;
                width: 200px;
                z-index: 99;
            }

                .nav-smartstart nav ul ul li { float: none; }

                    .nav-smartstart nav ul ul a {
                        border: 0;
                        border-bottom: 1px solid #252525;
                        border-top: 1px solid #4c4c4c;
                        color: #fff;
                        display: block;
                        font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
                        font-size: 11px;
                        letter-spacing: 0;
                        font-weight: 400;
                        padding: 8px 20px !important;
                        text-align: left;
                        text-transform: none;
                    }

                        .nav-smartstart nav ul ul a:hover, .nav-smartstart nav ul ul .hover > a, .nav-smartstart nav ul ul .current > a, .nav-smartstart nav ul ul .current > a:hover {
                            background: #f15a23;
                            color: #fff;
                        }

                .not-ie .nav-smartstart nav ul ul .current:after { display: none; }

            /* Sub Dropdown */

            .nav-smartstart nav ul ul ul {
                left: 200px !important;
                top: 0 !important;
            }

    /* Responsive Nav */

    .nav-smartstart nav .responsive-nav {
        background-image: url(../img/responsive-nav-bg.png);
        background-position: center right;
        background-repeat: no-repeat;
        display: none;
        width: 100%;
    }
@media only screen and (max-width: 768px) {

    /* -------------------------------------------------- */
    /*  Header > Main Navigation
    /* -------------------------------------------------- */
    .nav-smartstart nav { float: none; margin: 0 auto 4px; }
    .nav-smartstart .nav-standard {
        float: none;
    }
    .nav-smartstart nav li { width: 100%; }

        .nav-smartstart nav a { padding: 18px; }

            .nav-smartstart nav a:after, .nav-smartstart nav > ul { display: none; }
            .nav-smartstart nav a:after { content: ''; }

        .no-js .nav-smartstart nav > ul, .nav-smartstart nav .responsive-nav { display: block; }

        .no-js .nav-smartstart nav li:hover > ul { top: 62px; }
}
input[name=tos] {-webkit-appearance: checkbox;height: auto;}