/* SiteNinja Blog */
a.stbutton:hover{color:#000!important}
#comment_lastname{display:none;visibility:hidden}
#comments_list{margin-top:10px}
#sharethis{margin:20px 0}
.comment{padding:15px;border-bottom:1px solid #ddd}
.comment_name{font-size:1.25em}
.comment_info{float:right}
.odd{background-color:#e9e9e9}
.article_for_list{margin-bottom:20px}
.recent_articles li{margin-bottom:10px}
.article_posted_info{margin-top:0}
.comment_from_admin{background-color:#ffffeb;border:2px solid #ddb}
.article_body{font-size:1em;line-height:1.4em}
.sidebar h1{font-size:1.65em}
.sidebar h2 a{font-size:65%;margin-bottom:-20px}
.sidebar li p{font-size:.9em;padding:0;margin:0;clear:both}
div.scrollable{position:relative;overflow:hidden;width:200px;height:36px;margin:2px 0}
div.scrollable div.items{width:20000em;position:absolute}
div.scrollable div.items div{float:left;margin:0 3px 0 0}
div.items div.active{border:1px inset #ccc;background-color:#fff}
.caption{color:#666;font-size:.7em;line-height:1.5em}
.rss-icon{float:left;margin:3px 5px 0 0}
.rss-icon-selected{float:left;margin:0 5px 0 0}
div#content-inner tr.even.from-feed{background:#FFEFCE}
div#content-inner tr.odd.from-feed{background:#FFE5AF}
.feed-details{float:left;width:550px;overflow:hidden;margin-bottom:20px}
.secondary-categories{max-height:200px;width:200px;overflow:auto;background:#fff;padding:5px 10px;border:1px solid #ccc}
.feed{padding:10px;border-bottom:1px solid #ccc}
.feed.published{background:#FFEFCE}
.feed.published.odd{background:#FFE5AF}
.main-column-section.article-categories ul{list-style:none;margin:0;padding:0}
.main-column-section.article-categories ul li{display:block}
.main-column-section.article-categories ul li.clear-article-category-row{clear:both;width:0;height:0;margin:0}
div#blog-cats ul{list-style:none;margin:0 -5px;padding:0}
div#blog-cats li{display:block;float:left;padding:5px}
div#blog-cats li div{width:130px}
div#blog-cats h2{font-size:.85em;border:1px solid #000;text-transform:uppercase;font-weight:700;padding:0}
div#blog-cats h2 a{display:block;padding:4px;line-height:1.2em;font-family:Helvetica,Arial,Sans-Serif}
div#blog-cats h3{font-size:1em;padding:0;font-weight:400;line-height:1.2em}
div#blog-cats h3 a:hover{text-decoration:underline}
div#blog-cats .date{margin:4px 0;line-height:1.2em;font-size:.9em;color:#A70E13}
div#blog-cats p{font-size:.8em}
div#blog-cats li.clear{width:100%;height:1px;border-top:1px dotted #bbb;padding:0;margin:0}
div#blog-cats p{margin:0;line-height:1.2em}
div#blog-cats img{margin:5px 0;width:130px}

/* SiteNinja Gallery */
.gallery{float:left;margin:0 6px 20px 0}
.gallery-thumb-container{float:left;padding:2px;margin-bottom:.5em;border:2px solid #a6b3bd}
.gallery-thumb-container:hover{border:2px solid #747bd4}
.gallery-thumb{height:125px;overflow:hidden;background-color:#111}
.gallery-name{text-align:center}
.image{float:left;margin:0 4px 0 0}
.image-thumb-container{float:left;padding:2px;margin-bottom:.5em;border:2px solid #a6b3bd}
.image-thumb-container:hover{border:2px solid #747bd4}
.image-thumb{height:125px;overflow:hidden}
.endrow{margin-right:0}
.sidebar div.image-thumb{height:55px;width:85px}
#smoothGallery{width:880px!important;height:650px!important;z-index:999}
#smoothGallery a{border:none!important}
#smoothGallery a:hover{background:none}
.rating-sm{width:60px}
.rating-sm div{height:12px}
.rating-sm-input{position:absolute;z-index:2;width:60px}
.rating-sm-input a{width:20%;display:block;float:left;height:12px;background:none}
.rating-sm-input a:hover{background:url(../../../s3.amazonaws.com/siteninja/site-ninja1-com/1341519428/original/alt_star_sm.gif) repeat-x left -24px}
.rating-sm-full{background:url(../../../s3.amazonaws.com/siteninja/site-ninja1-com/1341519428/original/alt_star_sm.gif) repeat-x left 0;width:60px;height:12px}
.rating-sm-total{background:url(../../../s3.amazonaws.com/siteninja/site-ninja1-com/1341519428/original/alt_star_sm.gif) repeat-x left -12px;height:12px}
#side-column div.image-thumb{height:55px;width:85px}

/* SiteNinja Events Styles */
.events{padding:0;list-style:none}
.events li{line-height:2em}
.event_date{color:#777}
.event_tag{margin-left:.75em;font-weight:700;padding:.2em .4em;font-size:.85em}
.event_tag_open,.event_tag_full{color:#fff}
.event_tag_open{border:1px solid #a3e147;background:#83c127}
.event_tag_full{border:1px solid #bbb;background:#999}
.event_tag_soon{color:#83c127;border:1px solid #83c127}
.event_tag_this_week{color:#999;border:1px solid #999}
.recent_events li{margin-bottom:20px}
#google_map{width:300px;height:200px}
.events{clear:both}
.events .event{display:block;clear:both}
.event_date{width:50px;float:left;margin:0 20px 20px 0;text-align:center;padding:4px;background:#efefef}
.event_date .month,.event_date .day,.event_date .date{display:block}
.event_date .date{font-size:2.2em}
.events .event_tag{font-size:.65em}
.events .event_description h3{margin-bottom:0;padding:0 0 5px}
.event_description p{margin:0;padding:5px 0}
.jsenabled .registration-options,.jsenabled #check-payment-options{display:none}
#eventkind{display:none}
#new_event_registration_group dd,#new_event_registration_group dt{float:left;display:inline;margin-bottom:.5em}
#new_event_registration_group dt{clear:left;width:5em}
#event_registration_group_is_attending{float:left}
#new_event_registration td.label{padding-bottom:12px;width:100px;clear:left}
#new_event_registration td{float:left}
div.event-side-column .side-column-section{margin-bottom:20px}
div.event-side-column h3{font-size:1.5em}
div.event-side-column .register{margin:20px 0;font-size:2em}
table#price_options td,table#price_options th{vertical-align:top;line-height:1.25em}
div.event-date-time{font-weight:700;line-height:1.2em;padding-bottom:10px;font-size:1.2em}
table#price_options td.description{font-size:.8em}
div#google_map{width:300px}

/* SiteNinja Application Styles */
#inquiry_company{display:none;visibility:hidden}
#inquiry_name{display:none;visibility:hidden}
div#blast-preview{border:3px solid #ccc;padding:15px;background:#fff}
.edit_group dd{padding-left:0;margin:7px 0 5px}
form#search-box.new_search{background-color:#dcdcdc;display:block;padding:.5em;width:50%;margin:.5em}
#inquiry_company{display:none;visibility:hidden}
.edit_group dd{padding-left:0;margin:7px 0 5px}
form#search-box.new_search{background-color:#dcdcdc;display:block;padding:.5em;width:50%;margin:.5em}
form#search-box.new_search{width:100%}
div#side-column div.login-form input,div#side-column div.login-form label{margin:5px 0}
div#side-column div.login-form label{clear:left;display:block;width:70px;float:left}
div#side-column div.login-form input.big{clear:both;float:left}
div.login-form{float:right;width:300px}
div#content-outer a.help-tips{font-size:16px;font-weight:700;text-decoration:none}
div#content-outer a.help-tips img{margin-bottom:-3px}
div.help-tips{border-radius:5px;background:#333;background:rgba(20,20,20,0.8);color:#ffe;-moz-border-radius:5px;-webkit-border-radius:5px;padding:0 10px;width:300px;border:2px solid #efefef;-moz-box-shadow:0 4px 10px rgba(0,0,0,.75);-webkit-box-shadow:0 4px 10px rgba(0,0,0,.75);box-shadow:0 4px 10px rgba(0,0,0,.75);z-index:1999}
.jsenabled div.help-tips{position:absolute;display:none}
.jsenabled div.help-tips h3{float:left;width:90%}
.jsenabled div.help-tips img{float:right;margin:5px -5px 5px 5px}
.jsenabled div.help-tips p{clear:left;margin:0;padding:8px 0;font-size:.9em;line-height:1.2em}
div#fancy_title table td#fancy_title_main{background:#000;width:auto;height:auto;color:#fff;border:2px solid #fff;padding:5px;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;bottom:-1.1em;float:left;position:relative}
table td#fancy_title_right,td#fancy_title_left{height:0;width:0;padding:0;margin:0;background:none}
div#fancy_outer{padding-bottom:10em}
tr.inactive{background-color:#e99!important}
.ui-timepicker-div .ui-widget-header{margin-bottom:8px}
.ui-timepicker-div dl{text-align:left}
.ui-timepicker-div dl dt{height:25px}
.ui-timepicker-div dl dd{margin:-25px 0 10px 65px}
.ui-timepicker-div td{font-size:90%}
.ui-widget{font-size:11px!important}
.list_of_links.categories .list_of_links.categories{padding:0 0 0 10px}
.list_of_links.categories .list_of_links.categories li{padding:0}
.alphabet-list{list-style:none;margin:0;padding:0;display:block}
.alphabet-list li{display:inline;margin:0 6px 0 0}

/* Include SiteNinja Expandable Menu */
#exp-menu { list-style: none; }
#exp-menu ul { display: none; list-style: none; }

/* Include SiteNinja slices */
/* Slice Styles */

.original-image.float-left, .original-image.float-right { max-width: 40%; }
.original-image.float-left { padding: 0 2% 2% 0; float: left; }
.original-image.float-right { padding: 0 0 2% 2%; float: right; }

/* Mobile size */
@media screen and (max-width: 559px) {
.slice-wrapper .slice { margin: 0 10px 10px 0; }
.mobile-twelve-columns { width: 100%; }
.mobile-eleven-columns { width: 91.66%; }
.mobile-ten-columns { width: 83.33%; }
.mobile-nine-columns { width: 75%; }
.mobile-eight-columns { width: 66.66%; }
.mobile-seven-columns { width: 58.33%; }
.mobile-six-columns { width: 50%; }
.mobile-five-columns { width: 41.66%; }
.mobile-four-columns { width: 33.33%; }
.mobile-three-columns { width: 25%; }
.mobile-two-columns { width: 16.66%; }
.mobile-one-column { width: 8.33%; }
.mobile-float-left { float: left; }
.mobile-float-right { float: right; }
.mobile-float-none { float: none; }
.mobile-clear-none { clear: none; }
.mobile-clear-left { clear: left; }
.mobile-clear-right { clear: right; }
.mobile-clear-both { clear: both; }
.mobile-display-block { display: block; }
.mobile-display-none { display: none; }
}

/* Tablet size */
@media screen and (min-width: 560px) and (max-width: 769px) {
.slice-wrapper .slice { margin: 0 20px 20px 0; }
.tablet-twelve-columns { width: 100%; }
.tablet-eleven-columns { width: 91.66%; }
.tablet-ten-columns { width: 83.33%; }
.tablet-nine-columns { width: 75%; }
.tablet-eight-columns { width: 66.66%; }
.tablet-seven-columns { width: 58.33%; }
.tablet-six-columns { width: 50%; }
.tablet-five-columns { width: 41.66%; }
.tablet-four-columns { width: 33.33%; }
.tablet-three-columns { width: 25%; }
.tablet-two-columns { width: 16.66%; }
.tablet-one-column { width: 8.33%; }
.tablet-float-left { float: left; }
.tablet-float-right { float: right; }
.tablet-float-none { float: none; }
.tablet-clear-none { clear: none; }
.tablet-clear-left { clear: left; }
.tablet-clear-right { clear: right; }
.tablet-clear-both { clear: both; }
.tablet-display-block { display: block; }
.tablet-display-none { display: none; }
}

/* Narrow size */
@media screen and (min-width: 770px) and (max-width: 999px) {
.slice-wrapper .slice { margin: 0 20px 20px 0; }
.narrow-twelve-columns { width: 100%; }
.narrow-eleven-columns { width: 91.66%; }
.narrow-ten-columns { width: 83.33%; }
.narrow-nine-columns { width: 75%; }
.narrow-eight-columns { width: 66.66%; }
.narrow-seven-columns { width: 58.33%; }
.narrow-six-columns { width: 50%; }
.narrow-five-columns { width: 41.66%; }
.narrow-four-columns { width: 33.33%; }
.narrow-three-columns { width: 25%; }
.narrow-two-columns { width: 16.66%; }
.narrow-one-column { width: 8.33%; }
.narrow-float-left { float: left; }
.narrow-float-right { float: right; }
.narrow-float-none { float: none; }
.narrow-clear-none { clear: none; }
.narrow-clear-left { clear: left; }
.narrow-clear-right { clear: right; }
.narrow-clear-both { clear: both; }
.narrow-display-block { display: block; }
.narrow-display-none { display: none; }
}

/* Wide size */
@media screen and (min-width: 1000px) {
.slice-wrapper .slice { margin: 0 20px 20px 0; }
.wide-twelve-columns { width: 100%; }
.wide-eleven-columns { width: 91.66%; }
.wide-ten-columns { width: 83.33%; }
.wide-nine-columns { width: 75%; }
.wide-eight-columns { width: 66.66%; }
.wide-seven-columns { width: 58.33%; }
.wide-six-columns { width: 50%; }
.wide-five-columns { width: 41.66%; }
.wide-four-columns { width: 33.33%; }
.wide-three-columns { width: 25%; }
.wide-two-columns { width: 16.66%; }
.wide-one-column { width: 8.33%; }
.wide-float-left { float: left; }
.wide-float-right { float: right; }
.wide-float-none { float: none; }
.wide-clear-none { clear: none; }
.wide-clear-left { clear: left; }
.wide-clear-right { clear: right; }
.wide-clear-both { clear: both; }
.wide-display-block { display: block; }
.wide-display-none { display: none; }
}

/* Elements CSS */
h1, h2, h3, h4, h5, h6 {
  line-height: 1em;
  font-family: georgia, serif;
}

h1 { font-size: 2.25em; margin: 0; padding: 8px 0; }
h2 { margin: 0; padding: 10px 0; }
h3 { margin: 0; padding: 12px 0; }
h4 { margin: 0; padding: 16px 0; }
h5 { margin: 0; padding: 20px 0; }
h6 { margin: 0; padding: 28px 0; }
p { margin: 0; padding: 1em 0; }

a img { border: 0; }
td form { margin: 0; }

table td, table th { padding: 6px; }
table thead th { text-align: left; color: #666; }
table tr td, table tr th { border-bottom: 1px solid #ccc; }

form table { width: auto; }
form table td, form table th { padding: 10px; }

label:hover { cursor: pointer; background: #333; color: #fff; }
.contact_group_form { float: left; width: 150px;}

fieldset {border: 0; padding: 0;}
#template-form{font-size: .8em; line-height: 2em; float: right;}
#pre-content-middle {min-height: 15px;}
#content-middle { clear: both; }

/* Classes CSS */
input.search{padding-left:16px;background:#fff url(../../../s3.amazonaws.com/siteninja/plugin_assets/siteninja_core/images/searchbg.gif) no-repeat}
textarea.editor{font-size:1.1em;line-height:1.3em}
span.hmenu{margin-right:15px}
a.red:hover{background:red!important;color:#fff!important}
.strike{text-decoration:line-through;color:#777}
.sale_price{font-weight:700}
.icon{vertical-align:baseline}
.icon_close{float:right}
.large-icon{vertical-align:top}
a.icon:hover,a.large-icon:hover,a.lightview:hover{background:none!important}
.top{vertical-align:top}
.endrow{margin-right:0!important}
.bold{font-weight:700}
.center{text-align:center}
.right{text-align:right}
.clear{clear:both}
.clear-right{clear:right}
.noborder{border:none}
.nopad{padding:0}
.float-right{float:right}
tr.odd{background:#eee}
.col-left{float:left;width:390px}
.col-right{float:right;width:390px}
.col-left h1,.col-right h1{margin-top:0}
.radio-buttons label{margin-right:20px}
.form-option{margin-bottom:1.5em}
.submit{margin:2em 0}
.submit input{font-size:1.3em}
.submit,.submit a{color:#777}
.submit a:hover{color:#fff;background:#999;text-decoration:none}
.mime{float:left;margin:0 1em 2em 0;width:258px}
.mime .thumb{float:left;margin-right:.8em}
.mime .info{font-size:.9em}
.mime .info .info_link{margin-bottom:.4em}
.fieldWithErrors{display:inline}
.fieldWithErrors input,.fieldWithErrors select,.fieldWithErrors textarea{background:#ff9}
.fieldWithErrors label{color:red;background:#ff9}
.box{background-color:#e9ecff;border:1px solid #c9ccdf;padding:10px}
.box h2{margin-top:0}
.tip{margin-bottom:3em}
.tip h2{margin-bottom:.2em}
.tip .body{margin-top:1em}
.tag_cloud{font-size:.8em;width:300px}
.cloud1,.cloud2,.cloud3,.cloud4{margin-right:15px;line-height:1.5em}
.cloud4{font-size:1.35em}
.cloud3{font-size:1.2em}
.cloud2{font-size:1em}
.cloud1{font-size:.8em}
.full_width{width:100%}
.full_width th{text-transform:capitalize}
.product{display:block}
#pricing h2{margin-bottom:0}
.product-list{margin:0;padding:0;list-style:none}
.product-list li{float:left;width:212px;margin:5px;display:block}
.product-list .clear{width:100%}
.product-list h2{font-size:1em}
.product-list .product-image{display:block;border:2px solid #A6B3BD;padding:2px;text-align:center}
a.product-image:hover{background:none!important;border-color:#747BD4}
.productimg{float:left;width:85px;height:55px}
.producttext{float:left;margin-left:15px;width:65%}
.productprice{float:left;margin:5px 0 5px 5px}
.product_photos{float:right;margin:0 0 20px 20px;text-align:center}
.product_photos .main{padding-bottom:20px}
.regular-price{text-decoration:line-through;color:#999;font-size:.8em}
.auto_image{float:right;margin:0 0 20px 25px}
.auto_video{margin:30px 0;clear:both}
.highlight{background:#ff6}
.locdivon{background-color:#E9E9E9}
.list_of_links{list-style:none;padding:0;margin:0}
.list_of_links li{padding:5px 0}
.list_of_links a{display:block}
#image-nav{margin:20px 0 0}
.previous-image{text-decoration:none;display:block;float:left}
.previous-image img{vertical-align:middle}
.next-image{text-decoration:none;display:block;float:right}
.next-image img{vertical-align:middle}
.full-width{width:100%}
#file-list{width:100%;font-size:.8em;line-height:24px}
#file-list a{text-decoration:none!important}
#file-list td{margin:0}
#file-list .name-column{width:50%}
#file-list .name-column a{display:block}
#file-list .file-name-column{width:20%;font-size:.8em}
#file-list .modified-column{width:20%}
#file-list .size-column{width:10%}
#file-list td.size-column{text-align:right}
.imagebox a.next{background:url(../../../s3.amazonaws.com/siteninja/plugin_assets/siteninja_core/images/arrow/right.png) no-repeat left top;width:18px;height:18px;display:block;text-indent:-99999px;float:left;cursor:pointer;margin:3px}
.imagebox a.next:hover{background-position:left -18px;background-color:transparent!important}
.imagebox a.prev{background:url(../../../s3.amazonaws.com/siteninja/plugin_assets/siteninja_core/images/arrow/left.png) no-repeat left top;width:18px;height:18px;display:block;text-indent:-99999px;float:left;cursor:pointer;margin:3px}
.imagebox a.prev:hover{background-position:left -18px;background-color:transparent!important}
.imagebox .disabled{color:#acacac!important}
.imagebox .disabled:hover{color:#acacac!important;background-position:left -18px!important}
.navi{float:left}
.navi a{background:transparent url(../../../s3.amazonaws.com/siteninja/plugin_assets/siteninja_core/images/arrow/navigator.png) no-repeat scroll 0 0;cursor:pointer;float:left;height:8px;margin:8px 3px;width:8px;line-height:18px}
.navi a:hover{background-position:0 -8px;background-color:transparent!important}
.navi a.active{background-position:0 -16px}
span.right{float:right;margin:10px 30% 0 0}
.sidebar h1{font-size:1.65em}
.sidebar h2{margin:0;padding-bottom:10px}
.sidebar h2 a{font-size:65%}
.sidebar h3{margin:0;padding:4px 0}
.top-headline{margin-top:0}
.sidebar li p{font-size:.9em;padding:0;margin:0;clear:both}
.recent_articles li,.recent_events li,.recent_comments li{margin-bottom:10px}
.sidebar .more{display:block;text-align:right}
.sidebar .date{padding:0;margin:0}
.sidebar h2{padding-top:0}
.sidebar_link_active{color:#63a107;font-weight:700;padding-right:20px;line-height:16px}
#header-right{float:right}
#sign_in_button{background:transparent url(../../../s3.amazonaws.com/siteninja/plugin_assets/siteninja_core/images/sign_in_button.png) no-repeat scroll 0 0;color:#666;position:relative;font-size:1.35em;height:50px;line-height:50px;padding:0 0 0 15px;text-align:left;width:285px;float:right;margin:10px 10px 0 0}
#sign_in_button span{margin-left:23px}
#sign_in_button a{float:right;color:#fff!important;margin-right:25px}
#sign_in_button a:hover{color:#ff6!important;background:none!important;text-decoration:underline}
fieldset .form-option{border-bottom:#ccc 1px solid;padding:0;padding:10px;line-height:25px;margin-bottom:0!important}
fieldset .form-option label{display:block;float:left;width:100px;margin:0 20px 0 0}
fieldset .form-option input{line-height:25px;font-size:1.2em}
.form-option .options-title{width:100px;float:left;margin:0 20px 0 0}
.form-option .options{float:left}
.form-option .options label{float:none;display:inline}
.images.small{margin:10px 0 10px 10px;padding:10px;width:80px}
.images.small a:hover{background:none!important}
.image-caption{color:#666;text-align:center;font-size:.8em;margin:5px 0;line-height:1.5em}
.caption{font-size:.8em;padding:5px 0;display:block;line-height:1.2em;border-bottom:1px solid #e6e6e6}
dt.form-label{font-size:1.4em}
dd.form-option{padding-left:0;margin:0 0 10px!important}
.testimonial{background:url(../../../s3.amazonaws.com/siteninja/plugin_assets/siteninja_core/images/quote-left.png) no-repeat left top}
.testimonial blockquote{background:url(../../../s3.amazonaws.com/siteninja/plugin_assets/siteninja_core/images/quote-right.png) no-repeat right bottom;margin:0;padding:0;min-height:54px;font-size:1.5em;padding:10px;line-height:1.2em}
.with-side-columns .testimonial blockquote{font-size:1.1em}
.testimonial cite{margin:0 0 20px 10px;display:block}
.testimonial.inline{float:right;margin:20px 0 20px 20px;width:200px;clear:right}
.testimonial.inline blockquote{font-size:1.2em}
#template-form{position:absolute;right:0}
#newsletter-signup{margin:0 0 20px}
.options{float:right;width:250px}
.options a{text-decoration:none}
#security-warning{color:#C50004;font-size:1.8em;padding:10px 0;line-height:32px;clear:both}
#security-notice{color:#87C408;font-size:1.8em;padding:10px 0;line-height:32px;clear:both}
#wide-features{margin:0 0 20px!important}
.template-selector{display:block;position:absolute;right:0;top:60px;background:#fff;padding:5px;margin:5px;border:1px solid #666;text-decoration:none;-moz-box-shadow:0 0 10px #111;-webkit-box-shadow:0 0 10px #111;box-shadow:0 0 10px #111;z-index:2}
.templates{list-style:none;width:100%;height:365px;overflow:auto;margin:10px 0;padding:0;text-transform:uppercase;font-size:.7em;border-bottom:1px solid #6D869F;border-top:1px solid #6D869F;background:#B5CADF}
#fancy_div h1{margin:0;padding:0 5px;color:#333;border:none;font-size:1em;font-family:Tahoma,Arial,Sans-Serif}
.templates li{float:left;padding:10px;text-align:center;width:100px;border-bottom:1px solid #1D4267}
.templates label{display:inline;float:none;width:inherit;color:#173C5F}
.images{border:1px solid #E6E6E6;float:right;margin:10px 0 10px 20px;overflow:hidden;padding:10px;width:200px;text-align:center}
.images.float-left{float:left;margin:10px 20px 10px 0}
#setting-form ul.tabs{list-style:none;margin:0;padding:0;position:relative;top:1px}
#setting-form ul.tabs li{display:block;float:left}
#setting-form ul.tabs li a{display:block;float:left;padding:0 10px;border:1px solid #999;background:#ccc;text-decoration:none;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;color:#666}
#setting-form ul.tabs li a:focus{outline:none}
#setting-form ul.tabs li a:hover{color:#333!important;background:#aaa!important}
#setting-form ul.tabs li a.current{background:#fff;border-bottom:1px solid #fff}
#setting-form ul.tabs li a.current:hover{background:#fff!important}
#setting-form div.panes{border:1px solid #999;background:#fff;padding:10px}
#setting-form label{display:block;font-size:1.3em;line-height:2em;margin:10px 0 0}
#setting-form label.inline{display:inline}
#setting-form label:hover{background:none!important;color:#999}
#setting-form input{font-size:1.3em}
.top-logo #menu-inner{overflow:hidden}
#features.panel{background:#000}
.panel-overlay-outer{position:absolute;background:url(../../../s3.amazonaws.com/siteninja/plugin_assets/siteninja_core/images/feature-text-bg.png);font-size:1em;z-index:2}
.panel .feature-image{display:block}
.panel.bottom .feature-image{top:0;margin:0 auto}
.panel.top .feature-image{bottom:0;margin:0 auto}
.panel.left .feature-image{right:0}
.panel.right .feature-image{left:0}
.panel.bottom .panel-overlay-outer{width:542px;bottom:0;border-top:1px solid #111}
.panel.top .panel-overlay-outer{width:542px;top:0;border-bottom:1px solid #111}
.panel.left .panel-overlay-outer{width:200px;height:100%;left:0;border-right:1px solid #111}
.panel.right .panel-overlay-outer{width:200px;height:100%;right:0;border-left:1px solid #111}
.panel.hidden .panel-overlay-outer{display:none!important}
.panel-overlay-inner{color:#fff;text-align:left;padding:10px 15px 15px}
.panel .panel-overlay-inner a{color:#fff;text-decoration:underline;font-weight:400!important;color:#fff}
.panel-overlay-inner h2{margin:0;padding:0 0 5px;font-weight:400;color:#CFE7FF;font-size:1.5em}
.panel-overlay-inner p{margin:0;padding:0;line-height:1.2em;font-size:.85em;color:#fff}
#wide-features .panel.bottom .panel-overlay-outer{width:870px;bottom:0;border-top:1px solid #111}
#wide-features .panel.top .panel-overlay-outer{width:870px;top:0;border-bottom:1px solid #111}
#wide-features .panel.left .panel-overlay-outer{width:320px;height:100%;left:0;border-right:1px solid #111}
#wide-features .panel.right .panel-overlay-outer{width:320px;height:100%;right:0;border-left:1px solid #111}
#wide-features .panel.right .panel-overlay-outer,#wide-features .panel.left .panel-overlay-outer{font-size:1.3em}
#wide-features .panel.right .panel-overlay-inner,#wide-features .panel.left .panel-overlay-inner{padding:25px}
#article-description{font-size:1.2em;line-height:1.2em;color:#888}
#updates h2{font-size:1.8em;padding:5px 0;margin:0}
#updates h3{font-size:1.3em;padding:5px 0;margin:0}
#updates .article_posted_info{color:#777}
#updates p{margin:0;padding:0}
#updates p a{display:block;margin:0 0 10px}
.side-column-section{margin-bottom:5px;padding-bottom:5px;border-bottom:1px dotted #bbb}
.profile-image{float:right;padding:5px;border:1px solid #aaa;margin:10px 0 10px 10px}
.member-meta.details{float:left;width:370px}
.member-meta dt{display:block;float:left;font-size:.8em;margin-right:5px;width:70px}
.member-meta dd{font-size:.8em}
.member-meta-two-column .member-meta.articles{float:left;width:255px;margin-right:20px}
.member-meta-two-column .member-meta.comments{float:left;width:255px}
.sidebar .list_of_links h2{line-height:.8em}
.sidebar .list_of_links p{line-height:1.4em}
.inset{float:left;margin:5px 10px 5px 0}
.article_tags{line-height:1.4em}
.article_tags li{display:inline}
.article_tags li a{display:inline}
.recent_articles.list_of_links p,.recent_comments.list_of_links p{line-height:1.4em;margin:0;padding:0}
.tag-size-1{font-size:.75em}
.tag-size-2{font-size:.9em}
.tag-size-3{font-size:1.2em}
.tag-size-1{font-size:1.5em}
#newsletter-signup h1{padding:10px 0 5px}
#newsletter-signup p{margin:0 0 5px}
.rss-icon img,.rss-icon-selected img{width:16px;height:16px}
.icon img{width:16px;height:16px}
#member-index ul{margin:20px 0 0;padding:0;list-style:none}
#member-index li{clear:both;padding:0 0 10px}
#member-index .profile-thumb-image{width:50px;height:50px;float:left;margin:0 5px 5px 0;padding:2px;border:1px solid #aaa}
#member-index .profile-description{float:left;width:450px}
#member-index .profile-description h2{margin:0;padding:0;font-size:1.4em}
#member-index .profile-description p{margin:0;padding:4px 0;line-height:1.2em;font-size:.9em;color:#666}
.sidebar .submenu-inner ul{padding:0;margin:0 0 0 10px}
a#preview-link{font-weight:700;text-decoration:none}
.google-map-wrapper{border:1px solid #E6E6E6;float:right;margin:10px 0 10px 20px;overflow:hidden;padding:10px;width:200px;text-align:center;line-height:14px;clear:right}
.google-map{width:200px;height:200px}
#body-wrapper .options{padding-top:120px}
#body-wrapper a{font-size:12px}
#body-wrapper{background:#efefef!important;background:#eee;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;padding:0 0 10px 10px;margin:10px 0}
#body-wrapper table.mceLayout{border:0!important}
#body-wrapper table.mceLayout tr.mceFirst td{border-top:none}
h2.title.form-label{padding:0!important}
.sound-clip{display:block;text-align:left}
#side-menu{list-style:none;margin:0;padding:0}
#side-menu ul{list-style:none;margin:0 0 0 10px;padding:0}
.date a{display:inline}
#admin-options{position:fixed;left:0;top:100px;width:120px;padding:5px;background:#333;list-style:none;margin:0;border:1px solid #fff;border-left:0}
#admin-options a{text-decoration:none;color:#fff;font-size:12px;display:block;padding:2px 5px}
#admin-options a:hover{background-color:#444;color:#FF6}
#admin-options img.icon{top:3px;position:relative}
.gsc-control{width:100%!important}
.inquiry-form dd{margin:0 0 10px;padding:0}
.required{color:#ac0000;font-weight:700!important;font-size:.8em}
.required.for-textarea{width:400px;text-align:right;margin-top:-5px}
@import url(../../stylesheets/elements.css); @import url(../../stylesheets/classes.css); /* Include SiteNinja defaults */
/* Basic Formatting */
html,body{ height:100%; }

body{ background-color:#ffffff; color:#777777; font-size:14px; margin:0; font-family: 'Open Sans', sans-serif; }

a{ color:#ed612a; text-decoration:none; }

#content a:hover{ color:#4c4c4c; }

/* Header Styling */
h1, h2, h3, h4, h5{ font-family: 'Open Sans', sans-serif; font-weight: 400!important; line-height: 1.5em;}

h1{ margin-top:0; font-size:2.5em; padding-bottom:.2em; color:#4c4c4c; padding: .5em 0; }


h2{ font-size:2em; color:#ed612a; }

h3{ font-size:1.8em; color:#666666; }

h4{ font-size:1.25em; color:#000000; padding:4px 0; margin-bottom:-.25em; }

 p{ padding:.5em 0; }

/* Content Formatting */
#content{ line-height:1.7em; }

img, iframe, object, textarea, input{ max-width:100%; }

.breadcrumb{ display:none; }

header{ position:fixed; z-index:100; }

/* Mobile size */
@media screen /*and (min-width:200px)*/
{ /* Mobile Navigation */
 #mobile-menu{ display:block; padding:0; position:fixed; z-index:inherit; top:0; width:inherit; text-align:left; border-bottom:0; margin:0 -10px 1em 0; -webkit-transform:translateZ(0); background:transparent; font-weight:400; font-family:'Oswald', sans-serif; left: 0; }

 #mobile-menu li{ clear:both; border-left:0; background:rgba(0,0,0, 0); }

 #mobile-menu li a{ display:block; padding:14px 10px 10px 22px; border-bottom:0; text-decoration:none; color:#ed612a; text-transform: uppercase; } 

 #menu-expander{ display: block; text-decoration: none; padding: 8px 4px; font-size:1.6em; color:#ffffff; background: transparent; width:40px; float:left; opacity: 0; transition: 200ms ease-in-out all; transform: translate(-40px,44px); }
  .docked #menu-expander, .expanded #menu-expander { opacity: 1; transform: translate(0);}
  #menu-expander span { display: block; width: 24px; height: 3px; background-color: #ed612a; margin: 0 auto 6px; transition: 200ms ease-in-out all; }
  header.expanded #menu-expander span:nth-child(1) { transform: translate(0px, 9px) rotate(45deg); }
  header.expanded #menu-expander  span:nth-child(3) { transform: translate(0px, -10px) rotate(-45deg); }
  header.expanded #menu-expander  span:nth-child(2) { opacity: 0; }



 #menu-expander img{ width:160px; }

 #menu-expander-placeholder{ height:56px; }

 #exp-menu-wrapper #exp-menu{ width:100%; min-height:100%; padding:0; list-style:none; margin: 0; text-align:left; font-size:1.25em; line-height:1.25em; }
  #exp-menu { padding: 0; }
  #exp-menu ul{ list-style:none; display: block; margin:0; padding:0; background-color: rgba(0,0,0,.07); box-shadow: inset 0 -20px 20px rgba(0,0,0,.1); max-height: 0; overflow: hidden; transition: 400ms max-height; }
  #exp-menu ul.expanded { max-height: 1000px; transition: 400ms max-height; }
 #mobile-menu li a.expand{ display:block; float:left; font-size:1.5em; margin: 0; border-bottom:0; text-decoration:none; width:45px; height:40px; padding:0; line-height:40px; text-align:center; border-radius:0; float: right; color: #4c4c4c; font-weight: normal; }
  #mobile-menu li a.expand.collapse { background:rgba(0,0,0,.07); }

 /* Basic Formatting */
.header-logo{ padding:10px 0 0 10px; text-align:center; margin:0 auto; max-width:90%; max-height:160px; }

 #logo img{ max-height:160px; }

body{ width:100% }

 header{ background:#ffffff; }

 nav{ margin:0; }

 nav a{ text-decoration:none; }

 #wrapper-inner{ width:94%; margin:0 auto; padding:10px 3%; font-size:1em; line-height:2em; }

 #content{ padding:14px 0; line-height:2em; font-size:14px; }

 #content-inner{ background:rgba(250, 249, 251); }

 footer{ background:#4c4c4c; }

 #footer-outer{ margin:0; }


 #footer-menu{ list-style:none; padding:0; }

 .slice{ margin:0 10px 10px 0; }

 footer{ text-align:center; }

 footer a{ color:#ffffff; }

 footer a:hover{ color:#4c4c4c; }

/*MOBILEVIEWADJUSTMENT*/
 /* Mobile Sizes */
 .images{ width:40%; max-width:200px; }

 }

/* "Retina" graphics - Devices with a pixel ratio of 2 should be able to handle the CSS3 "background-size" property to scale larger images down. By making this a separate query, we ensure that devices that do not need the larger images do not download them. */
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (-o-min-device-pixel-ratio:2/1), only screen and (min--moz-device-pixel-ratio:2.0), only screen and (min-device-pixel-ratio:2.0){ /*#menu-expander{ background:url(http://s3.amazonaws.com/siteninja/site-ninja-com/files/152/original/mobile-nav-icon.png) no-repeat 18px 12px; background-size:18px; }

*/
}

/* TABLETVIEW */
/* Tablet size */
@media screen and (min-width:560px){ 
  body{ height:100%; }
  #wrapper { width:1400px; margin:0 auto; max-width:100%; }
  header{ position:fixed; top:0; width:100%; z-index:2; }
  #content{ position:relative; padding-top:100px; min-height:inherit; overflow:auto; width:100%; height:100%; }
  footer{ position:fixed; bottom:0; width:100%; z-index:1; }

.images{ width:200px; }

.header-logo{ margin:0; text-align:left; max-width:100%; }

 #logo img{ max-height:50px; }

nav a{ text-decoration:none; }

.main-menu{ height:35px; background:transparent; }

.downarrowclass{ top:9px !important; }

.rightarrowclass{ top:10px !important; }

.ddsmoothmenu #menu-inner{ text-align:right; line-height:inherit; padding-top:44px; }

.ddsmoothmenu #menu-inner li{ display:inline; }

#menu-inner, .submenu-inner{ list-style:none; margin:0; padding:0; }

.submenu-inner{ text-align:left; }

#menu-inner{ float:right; }

 #menu-inner a{ color:#999999; padding:0 20px; font-size:1.2em; display:block; }

#menu-inner li{ display:block; float:left; }

 #menu-inner a:hover{ color:#212121; background:#nav_background_color#; }

#menu-inner li.selected a{ background:#nav_selected_background_color#; color:#nav_selected_color#; }

.submenu-outer{ background:#4c4c4c; color:#4c4c4c; min-height:12px; font-size:.85em; margin-top:-1px; }

 .submenu-middle{ height:29px; }

 .submenu-inner{ box-shadow:0px 0px 5px rgba(0,0,0,.5); }

 .ddsmoothmenu #menu-inner .submenu-inner li{ display:block; background:#4c4c4c; }

.ddsmoothmenu #menu-inner .submenu-inner a{ color:#4c4c4c; line-height:34px; padding:0 13px; display:block; }

.ddsmoothmenu #menu-inner .submenu-inner a:hover{ color:#ffffff; }

.ddsmoothmenu ul li .submenu-inner li a{ border-bottom:0; }

#main-column {
    margin: 0 30px;
}
#side-column { padding-top: 20px; }

footer{ background:#4c4c4c; color:#4c4c4c; font-size:.85em; text-align:left; }

footer #footer-inner{ padding:0; }

footer nav ul{ list-style:none; margin:0; padding:0; }

footer nav ul li{ display:block; float:left; line-height:40px; }

footer nav ul li a{ color:#ffffff; padding:0 24px 0 0; display:block; float:left; }

footer nav ul li a:hover{ color:#4c4c4c; }

}

/* SiteNinja Classes */

.testimonial blockquote{  min-height:inherit; font-size:1.3em; }

/* Mobile-only styles */
@media screen and (max-width:559px){ body{ background-image:none; }

footer{ font-size:1.4em; padding:10px; line-height:2em; }

.contact-form label{ font-size:.8em; }

.contact-form ul{ width:102%; }

.contact-form li{ width:46%; padding-right:4%; }

#sthoverbuttons #sthoverbuttons-background{ display:none; }

#wide-features .next.always-show, #features .next.always-show, #wide-features .prev.always-show, #features .prev.always-show{ display:none !important; }

#gallery .image{ width:48%; }

#side-column div.image-thumb{ height:102px; }

}

@media screen and (min-width:560px) and (max-width:769px){ #menu-inner a{ padding:0 12px; }

.contact-form label{ line-height:1em; font-size:.8em; padding:0 0 3px; }

.contact-form li{ width:46%; padding-right:4%; }

#gallery .image{ width:31%; }

#side-column div.image-thumb{ height:92px; }

}

@media screen and (min-width:770px) and (max-width:999px){ #menu-inner a{ padding:0 14px; }

}

@media screen and (min-width:1000px){ .pricing-table{ width:96%; }

.table-description{ font-size:1em; }

}




/* Hide admin bar by default */
#admin-menu-outer { display: none; }
#admin-minimize { display: none; }
#admin-restore { display: block; }

.viewport-width { width: 100vw; left: 0; left:calc(-50vw + 50%); position: relative; overflow: hidden }
.content-width { width: 1400px; width: calc(1400px - 40px); margin: 0 auto; max-width: 100%; max-width: calc(100% - 40px); }
.narrow-content-width { width: 914px; padding: 0 20px; margin: 0 auto; max-width: 100%; max-width: calc(100% - 40px); }
.toned { background-color: #f2f2f2; padding: 55px 0; margin: 55px 0; }
.body-content h1 { padding 0 0 48px; }

/* Layout */
header #top-title { height: 0; opacity: 0; float: left; transition: 200ms opacity ease-in-out; position: absolute; padding: 20px 0 0; width: 54vw; left: 28vw; text-align: center; font-weight: bold; }
.docked header #top-title { transition: 800ms opacity ease-in-out; }
body { width: 100%; overflow-x: hidden; background: #ffffff; }
#wrapper { max-width: 100%; }
header.viewport-width { z-index: 3; position: fixed; overflow: visible; background: #ffffff; border-bottom: 1px solid #ddd; }
#social-top { background: #eaeaea; height: 38px; line-height: 38px; transition: all ease-in-out 200ms; overflow: hidden; text-align: right; color: #ffffff; }
#social-top .content-width { transition: all ease-in-out 200ms; }
#social-icons { float: right; padding: 0 10px 0 12px; }
#social-icons a { font-weight: bold; color: #eaeaea; font-size: 14px; background: #808080; display: inline-block; padding: 2px; border-radius: 3px; line-height: 16px; width: 16px; margin-left: 2px; transition: 200ms ease-in-out; }
#social-icons a:hover { background: transparent; }
#social-icons .fa-twitter:hover { color: #00aced; }
#social-icons .fa-facebook:hover { background-color: #3b5998; color: white; }
#social-icons .fa-envelope-o:hover { color: #af0606; }
#social-icons .fa-linkedin:hover { background-color: #0077b5; color: white; }
#header-contact { text-align: left; float: right; padding: 0 8px 0 0; font-size: 1em; }
#header-contact a { display: inline-block; font-weight: bold; transition: all ease-in-out 200ms; color: #b1b0b0; }
#header-contact a:hover { color: #808080; }
#header-contact i { margin-right: 4px; }
.docked #social-top { position: absolute; height: 0; overflow: inherit; line-height: 30px; }
.docked #social-top .content-width { transform: translateY(13px); }
.docked #header-contact a { color: #999999; }
.docked #header-contact a:hover { color: #808080; }


#header-inner { z-index: 2; }
#mobile-menu { }
.expanded #mobile-menu { }
.header-logo { transition: all ease-in-out 200ms; padding: 10px 0 8px 10px }
#logo img { max-width: 250px; transition: all ease-in-out 200ms; }

.docked .header-logo, .expanded .header-logo { margin-left: 35px; }


#logo { transition: all 600ms ease-in-out; opacity: 1; }

#mobile-menu { overflow: hidden; display: block; transform: translateX(-280px); transition: 800ms all ease-in-out; width: 280px; margin-top: 50px; position: absolute; height: calc(100vh - 53px); }
.expanded #mobile-menu { z-index: 3000; transform: translateX(0); box-shadow: rgba(0, 0, 0, 0.25) 0px 10px 10px; background: #ffffff; overflow: auto; }
.expanded #logo { opacity: 1; }
#menu-expander { left: 0; top: 12px; position: fixed; }
#exp-menu { position: relative; padding-top: 0; }
.ddsmoothmenu #menu-inner { padding-top: 0; float: none; }
.main-menu { height: 35px; opacity: 1; transition: all ease-in-out 200ms; float: right; padding-right: 16px; }
.docked .main-menu { opacity: 0; height: 0; overflow: hidden }
#menu-middle { padding-top: 30px; }
#menu-inner a { padding: 8px 10px!important; font-weight: 900; text-transform: uppercase; transition: 100ms ease-in-out all; }
#menu-inner a.selected { color: #212121; background: #nav_background_color#; }
#menu-inner li:nth-child(last) a { padding-right: 0; }
.downarrowclass { width: 0; margin: 9px -3px 0 0; padding: 0 22px 7px 0; background: url(../../../s3.amazonaws.com/siteninja/multitenant/assets/21825/files/original/dropdown-arrow.png) no-repeat right top; display: inline-block; display: none; }
.selected .downarrowclass { background-position: right bottom; display: none; }
.ddsmoothmenu #menu-inner .submenu-inner li { background: #ffffff; }
.ddsmoothmenu #menu-inner .submenu-inner a { line-height: 1.2em; padding: 8px 10px; font-size: 1em; }
.submenu-inner { width: 245px !important; }
.ddsmoothmenu ul li ul li a { width: 225px !important; }
.ddsmoothmenu #menu-inner .submenu-inner li a:hover { background: #4c4c4c; }

#content { z-index: 1; position: relative; overflow: inherit; background: rgb(255,255,255); padding: 0; min-height: calc(100vh - 150px); }

#content-middle {
    padding: 120px 0 0 10px;
}





footer {
    background: #212121;
    position: relative !important;
    font-weight: bold;
     padding: 60px 0 30px 0;
    font-size: 1em;
    margin-top: -10px;
}
footer #footer-inner { padding: 0 16px; color: #b1b0b0; }
footer nav ul { width: 100%; float: left; font-weight: bold; text-transform: uppercase; }
footer nav ul ul { width: 100%; float: none; font-weight: normal; text-transform: none; padding-bottom: 10px; }
footer nav ul li { float: none; line-height: 1.6em; }
footer nav ul li a { float: none; color: #b1b0b0; border-bottom: 1px solid #444; padding: 0 15px 2px 0; }
footer a { color: #69b9cf; }
footer a:hover, footer nav ul li a:hover { color: #69b9cf; }
footer h2 { font-size: 1em; font-weight: bold; text-transform: uppercase; color: #b1b0b0; padding-top: 0; line-height: 1.6em; }

footer #legal { background: #eaeaea; color: #b1b0b0; line-height: 1.6em; padding-bottom: 30px; }


/* Cover Image */
#cover-image-outer.viewport-width { margin-left: -20px; }
.cover-image-background { background: repeat center; height: 12vh; background-size: cover; position: relative; background-position: 50% -68px; }
.cover-image-overlay { position: absolute; bottom: 0; text-align: center; background: rgba(0, 0, 0, .7) url(../../../s3.amazonaws.com/siteninja/multitenant/assets/22131/files/original/transparent-logo.png) no-repeat center; width: 100%; padding: .5em 0; text-shadow: 0 0 5px black, 0 0 10px black, 0 0 20px black; }
.cover-image h1 {
    border-bottom: 0;
    margin-top: 0;
    background-position: center 40px;
    color: #000;
    text-shadow: none;
}
.cover-image p { color: #ffffff; padding: .25em 0 .5em; font-size: 1.4em; }
.cover-image { margin-bottom: 20px; }
#homepage .cover-image { margin-bottom: 0; }
.cover-image img { width: 100%; }

#homepage .body-content { padding: 20px 0; }
#twitter-widget-0 { height: 300px !important; }
#facebook-iframe { height: 300px !important; width: 292px !important; margin: 0 auto; display: block; }
.images { border: 1px solid #212121; background: #767676; padding: 2px; margin: 8px 0 8px 8px; }
.images.float-left { margin: 8px 8px 8px 0; }
/*.images .image-caption { display: none; }*/
.images img { display: block; }
.list_of_links li.sidebar_link_active { background: #b1b0b0; color: #999999; padding: 10px; border-radius: 100px; display: inline-block; font-weight: normal; margin-left: -10px; }



/* Links */
.link_for_list .images img { display: block; }

/* Gallery Thumbs */
#gallery /*h1 { display: none; }*/
.image { margin: 0 .5% .5%; width: 24%; overflow: hidden; height: 0; padding: 15% 0 0 0; opacity: 1; transition: 400ms all linear; }
.image:hover { opacity: .5; }
.image-thumb-container { padding: 0; margin: -60% 0 0; float: none; }
.image-thumb-container, .image-thumb-container:hover { border: 0; }
.image-thumb { height: inherit; }
.image img { width: 100%; }
.fancybox-skin { background: rgba(0,0,0,.75); }

/* Article Thumbs */
#post-images .image-thumb-container { padding: 0; margin: 0% 0 0; float: none; }
#post-images .image-thumb-container, .image-thumb-container:hover { border: 0; }
#post-images .image-thumb { max-height: 150px!important; margin-bottom: 5px; }
#post-images .image img { width: 100%; margin-top: -20px; min-height: 170px!important; }
#post-images .fancybox-skin { background: rgba(0,0,0,.75); }



#feature-panels { margin-right: -20px; }



.ajax-articles h2 { font-size: 1.3em; padding: 10px 0 4px; }
.ajax-articles .article_body { display: none; }
.ajax-articles .images { width: 25%; margin: 1% 0 1% 1%; padding: 1%; }
.ajax-articles .read-more { display: none; }
.ajax-articles .article_posted_info { font-size: .8em; line-height: 1.4em; }

#legal { font-size: .8em; line-height: 1.2em; }
.list_of_links h3 { font-size: 1.4em; }
.large_image { width: 850px; float: none; margin: 0 -40px 0 40px; }
.large_image.float-left { float: left; margin: 0 40px 0 -40px; }
.narrow-content-width .large_image { float: none; margin: 0 auto; text-align: center; display: block; }
.byline { margin-top: -40px; padding-bottom: 40px; text-align: center; }

/* links layout */

#links-list a { display: block; float: left; width: 30.3333%; height: 0; padding: 0 0 30%; margin: 1.5%; background-repeat: no-repeat; background-position: center; background-size: 100% auto; position: relative; transition: 400ms all ease-in-out; }
#links-list a:hover { opacity: 1; -moz-filter: none; -o-filter: none; -webkit-filter: none; filter: none; }
#links-list h2, #links-list p { display: none; }
#links-list span { display: none }

#homepage #links-list { margin-bottom: 40px; }
#homepage #links-list a { width: 13.667%; padding-bottom: 13.667%; }

#homepage .testimonial { padding: 0 20px; }
#homepage .testimonial blockquote { font-size: 1.1em; height: 180px; text-overflow: ellipsis; overflow: hidden; }
.testimonial cite { margin-top: 10px; }

#featured-clients-wrapper h3 { text-align: center; }
#featured-clients { list-style: none; padding: 0; margin: 0; }
#featured-clients a { display: block; width: 31.33333%; margin: 1%; height: 0; padding-top: 31.3333%; background-repeat: no-repeat; background-size: contain; background-position: center; float: left; }

#pre-footer-badges { text-align: center; padding: 20px 10px 20px; background: #eaeaea; }
#pre-footer-badges img { display: inline-block; margin: 0 20px; height: 100px; }

#homepage .testimonial blockquote {
  /* hide text if it more than N lines  */
  overflow: hidden;
  /* for set '...' in absolute position */
  position: relative; 
  /* use this value to count block height */
  line-height: 1.2em;
  /* max-height = line-height (1.2) * lines max number (3) */
  max-height: 7.8em; 
  /* fix problem when last visible word doesn't adjoin right side  */
  text-align: justify;  
  /* place for '...' */
  margin-right: -1em;
  padding-right: 1em;
}
/* create the ... */
#homepage .testimonial blockquote:before {
  /* points in the end */
  content: '...';
  /* absolute position */
  position: absolute;
  /* set position to right bottom corner of block */
  right: 0;
  bottom: 0;
}
/* hide ... if we have text, which is less than or equal to max lines */
#homepage .testimonial blockquote:after {
  /* points in the end */
  content: '';
  /* absolute position */
  position: absolute;
  /* set position to right bottom corner of text */
  right: 0;
  /* set width and height */
  width: 1em;
  height: 1em;
  margin-top: 0.2em;
  /* bg color = bg color under block */
  background: white;
}

.panel.bottom .panel-overlay-outer {
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 99%);
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 99%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
 	width: 100%!important;
  	border-top: none;
}

.panel-container {
 	position: relative;
}

#feature-panels .panel-container:nth-child(1) {
 max-height: 70vh; 
}


#homepage .body-content {
 padding: 10% 0; 
}


.panel-bottom a img {
 	width: 100%!important; 
}

#homepage h2 {
 border-bottom: none; 
}




.container{
  padding: 1em 0;
  float: left;
  width: 100%;
}
@media screen and (max-width: 640px){
  .container{
    display: block;
    width: 100%;
  }
}

@media screen and (min-width: 900px){
  .container{
    width: 100%;
  }
}


.required {
    color: #f4512e;
}

.images img {
    display: block;
    width: 100%;
}

.large_image {
    margin: 10px 0;
}


#menu-inner a { 
  font-family: 'Open Sans', sans-serif;
  font-size: 1em;
}

.panel-container {
    position: relative;
    max-height: 70vh;
  overflow: hidden!important;
}

.panel-container a img {
    border: 0;
    width: 100%;
}

.panel-overlay-inner h2 { 
  color: #434b58!important; 
}
.panel-overlay-inner p { font-size: 1.1em; color: #777!important; }

.docked .header-logo, .expanded .header-logo {
    margin-left: 35px;
  padding: 10px 0 10px 10px;
}
.header-logo {
    transition: all ease-in-out 200ms;
    padding: 30px 0 25px 10px;
}


.panel-overlay-inner {
    color: #fff;
    text-align: left;
    padding: 8% 0px 6% 5%;
}


#feature-5603 .panel.bottom .panel-overlay-outer {
 display: none!important; 
}

#feature-5602 .panel.bottom .panel-overlay-outer {
 display: none!important; 
}

.cover-image-overlay {
    position: absolute;
    text-align: left;
    background: #eaeaea;
    width: 100%;
    padding: 10px 5%;
}

.ddsmoothmenu #menu-inner .submenu-inner a {
    font-weight: 100;
}

.service-box {
 	background: #fff;
  	box-shadow: 0px 0px 40px -10px #000;
  	margin: 25px;
  	padding: 10px;
  text-align: center;
}

#side-column {
    padding: 20px;
    margin: 1em 1em 0 1em;
    background: rgb(229,229,229);
    background: -moz-linear-gradient(top, rgba(229,229,229,.25) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(229,229,229,.25) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(229,229,229,.25) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 );
    border-radius: .5em;
}

.testimonial blockquote {
    min-height: inherit;
    font-size: 1em;
}

#homepage .testimonial blockquote:after {
 display: none; 
}


.body-content h1 {
 padding: .5em 0; 
}

.image-container {
 background-image: none!important; 
}

.downarrowclass {
    width: 0;
    margin: 3px -5px 0 0;
    padding: 0 20px 8px 0;
}


#action {
 margin: 0 auto;
 position: relative;
  display: inline-block;
background: rgb(83,179,204);
background: -moz-linear-gradient(45deg, rgba(83,179,204,1) 0%, rgba(153,214,216,1) 100%);
background: -webkit-linear-gradient(45deg, rgba(83,179,204,1) 0%,rgba(153,214,216,1) 100%);
background: linear-gradient(45deg, rgba(83,179,204,1) 0%,rgba(153,214,216,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#53b3cc', endColorstr='#99d6d8',GradientType=1 );
  text-align: center;
  padding: 40px 0 60px 0px;
  margin: 0 0 -10px 0;
}

#action h2 {
  color: #fff;
  letter-spacing: 2px;
}
#action p {
  color: #fff;
}

.panel .panel-overlay-inner a {
  color: #46c7d6;
}

#homepage #content-middle { padding: 120px 0 0 0!important; }



#homepage-signup #inquiry_email, #intakeform #inquiry_email { font-size: .8em; padding: 4px 4px 4px 12px; border: #nav_selected_background_color# 2px solid; border-radius: 100px 0 0 100px; box-shadow: 0 0 10px rgba(0,0,0,.5); }
#request-submit { display: inline; }
input[type="submit"] { font-size: .8em; background: #4c4c4c; color: #ffffff; border-radius: 0 100px 100px 0; border: 2px solid #nav_selected_background_color#; padding: 4px 12px; transition: all 600ms ease-in-out; text-shadow: 0 0 6px #4c4c4c; box-shadow: 0 0 10px rgba(0,0,0,.5); }
input[type="submit"]:hover { background: #nav_selected_background_color#; color: #ffffff; }


#feature-5602 {
    width: 50%;
    display: inline-block;
}
#feature-5603 {
    width: 49%;
    display: inline-block;
}



.cover-image-background {
 opacity: .95; 
}



tr:nth-of-type(odd) {
    background: #fff;
}
tr:nth-of-type(even) {
    background: #fff;
}
td, th {
    padding: 6px;
    border: 0px solid #fff;
    text-align: left;
}
table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
}
table thead th {
 background: #212121; 
  color: #fff;
  text-align: center;
} 


footer h4 {
 color: #fff; 
}

footer p {
  line-height: 1.8em; 
}

#menu-25383 a {
 color: #69b9cf!important;
}

.ddsmoothmenu #menu-inner .submenu-inner a {
 color: #212121!important;
}
.ddsmoothmenu #menu-inner .submenu-inner a:hover {
 color: #eaeaea!important;
}


#exp-menu-online-meeting-collaboration-applications a {
 color: #69b9cf!important;
}

.testimonial blockquote {
    background-image: url(../../../s3.amazonaws.com/siteninja/multitenant/assets/24521/files/original/quote-right.png);
    min-height: inherit;
    font-size: 1.1em;
}


.slice#service {
  display: inline-table;
}

.testimonial {
    background-size: 30px;
}
.testimonial blockquote {
    background-size: 30px;
      padding: 30px 10px;
}

table tr td, table tr th {
    border-bottom: none;
}

table td, table th {
    padding: 12px;
}

td { border-bottom: 1px solid #ddd; }

form table {
    width: 100%!important;
}


/* Blocks MyContact Form Black Hover Overlay */
label:hover { background: transparent!important; }



iframe, object, textarea, input {
    max-width: 95%!important;
    padding: 15px!important;
    width: 100%!important;
    background: #ececec;
    border-width: 0;
}



/* Responsive Styles*/

/* Mobile size */
@media screen and (max-width: 559px) {
#social-top { position: relative; z-index: 4; text-align: center; }
.expanded #social-top { z-index: 2; }
.docked #social-top { overflow: hidden; }
#header-contact, #social-icons { display: inline-block; float: none; }
#header-contact { font-size: 1.2em; }
header.viewport-width { z-index: 3; }
.docked .header-logo { margin-left: 0; }
.header-logo { text-align: center; margin: 0 auto; padding: 15px 0 15px; max-width: 100%; }
#logo img { max-height: 45px; }
#mobile-menu { display: block; margin-top: 80px; width: 100vw; transform: translateX(-100vw); }
.docked #mobile-menu { margin-top: 50px; }
#menu-expander { transform: translate(0); opacity: 1; top: 50px; }
.docked #menu-expander { top: 14px; }

.panel-overlay-inner h2 {
    margin: 0;
    padding: 0 0 10px;
    font-weight: 400;
    color: #CFE7FF;
    font-size: 1em!important;
}

.panel-overlay-inner p { font-size: 1em;!important; padding: 0 10px; line-height: 1.5em;}

#homepage #content-middle {
    padding: 90px 0 0 0!important;
}

#content-middle {
    padding: 100px 10px;
}

#feature-5602 {
    width: 95%;
    display: inline-block;
}
#feature-5603 {
    width: 92%;
    display: inline-block;
}

.docked .header-logo, .expanded .header-logo {
    padding: 15px 0 15px 10px;
}

#feature-5603 {
 display: none; 
}

.body-content {
    padding: 10px;
}

#footer-menu {
    margin-bottom: 50px;
}



.cover-image-background {
    background: repeat center;
    height: 12vh;
}


.panel-overlay-inner {
    padding: 10px 25px 15px!important;
}
.panel-overlay-inner h2 {
 font-size: 1.5em!important; 
}


.panel-container {
    max-height: 70vh;
    min-height: 50vh;
}

#feature-5601.panel-container {
    min-height: 30vh!important;
}

footer .slice { margin: 0 auto!important; }


#blog .cover-image { display: none; }



@media screen and (max-width: 769px) and (min-width: 560px){
.cover-image-background {
    background: repeat center;
    height: 22vh!important;
}
} 
}

/* Tablet size */
@media screen and (min-width: 560px) and (max-width: 769px) {
  header.viewport-width { z-index: 3; }

.header-logo { margin-left: 35px; }
#logo img { max-height: 54px; }
#mobile-menu { display: block; margin-top: 88px; width: 50vw; transform: translateX(-50vw); }
.docked #mobile-menu { margin-top: 50px; }
#menu-expander { transform: translate(0); opacity: 1; top: 54px; }
.docked #menu-expander { top: 14px; }
.docked #logo img { max-height: 40px; }

.panel-overlay-inner h2 {
    margin: 0;
    padding: 0 0 10px;
    font-weight: 400;
    color: #CFE7FF;
    font-size: 1.5em!important;
}

.panel-container {
    position: relative;
    max-height: 60vh;
    overflow: hidden!important;
}

.cover-image-background {
    background: repeat center;
    height: 12vh;
}


.panel-overlay-inner {
    padding: 8% 8% 6% 5%;
}

#section-41476 {
    margin-top: 4em;
} 
}

/* Narrow size */
@media screen and (min-width: 770px) and (max-width: 999px) {
  header.viewport-width { margin-left: 0; }
#header-contact { padding: 0 24px 0 0; }
.docked #logo img { max-height: 40px; }


.panel-overlay-inner h2 {
    margin: 0;
    padding: 0 0 10px;
    font-weight: 400;
    color: #CFE7FF;
    font-size: 2em!important;
}

#menu-inner a {
    font-size: 1em;
}

#menu-middle {
    padding-top: 0px;
}
.header-logo {
    transition: all ease-in-out 200ms;
    padding: 30px 0 5px 10px;
}

#content-middle {
    padding: 135px 0 0 10px;
}



#footer-menu {
    list-style: none;
    padding: 0;
}

footer nav ul {
    width: 85%;
}

#section-41476 {
    margin-top: 4em;
}



.panel-container {
    max-height: 60vh;
}

 
}

/* Wide size */
@media screen and (min-width: 1000px) {
  .docked #logo img { max-height: 40px; }

.docked #top-title { opacity: 1; height: inherit; display: block; }

.panel-overlay-inner h2 {
    margin: 0;
    padding: 0 0 10px;
    font-weight: 400;
    color: #CFE7FF;
    font-size: 2.5em!important;
}

footer nav ul {
    width: 80%;
}

#section-41476{
    margin-top: -20px;
}

 
}