.ddsmoothmenu #menu-inner ul { display: none; }

/* 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;}
.slice-wrapper.edit-mode { position: relative; margin: -2px; border: 2px dotted rgba(0,70,106,.05); }
.slice-wrapper.edit-mode:hover { border: 2px dotted rgba(0,70,106,.05); border-color: #FDCE1A; }
.slice-wrapper.edit-mode .slice-wrapper.edit-mode:hover { border-color: #fd1a78; }
.slice-wrapper.edit-mode .slice-wrapper.edit-mode .slice-wrapper.edit-mode:hover { border-color: #1a9ffd; }
.slice-wrapper.edit-mode .edit-slice { color: #666666 !important; background: rgba(255,255,255,.8) !important; padding: 0 5px 0 0 !important; display: block !important; opacity: 1 !important; position: absolute !important; left: 0 !important; top: 0 !important; font-size: .8em !important; font-size: 12px !important; text-transform: capitalize !important; font-variant: normal !important; font-family: 'Lato', Helvetica, Arial, Sans-Serif !important; letter-spacing: normal !important; line-height: 1em !important; z-index: 1999 !important; text-shadow: none !important; }

.slice-wrapper.edit-mode .edit-slice a { color: white; display: inline-block; background: rgba(0,70,106,.7); padding: 4px; }
.slice-wrapper.edit-mode { padding-top:22px; }



/*.slice-wrapper.edit-mode:hover .edit-slice, .slice-wrapper.edit-mode .slice-wrapper.edit-mode:hover .edit-slice, .slice-wrapper.edit-mode .slice-wrapper.edit-mode .slice-wrapper.edit-mode:hover .edit-slice, .slice-wrapper.edit-mode .slice-wrapper.edit-mode .slice-wrapper.edit-mode .slice-wrapper.edit-mode:hover */
.edit-slice:hover a { display: block; opacity: 1; color: #FDCE1A !important; }
.inquiry-form label { text-transform: capitalize; }
#admin-menu li.admin-edit { font-size: .8em; width: 95px; padding: 5px; float: left; background: rgba(0,0,0,.2); margin: 0 0 0; }
#admin-menu li.admin-edit a { padding: 0; width: inherit; display: inline; float: left; }
#admin-menu li.admin-edit a i, #admin-menu li.edit-mode a i { margin: 0; }
#admin-menu li.admin-edit a:hover, #admin-menu li.edit-mode a:hover { background: transparent; }
#admin-menu ul.admin-edit { margin: -10px -10px 0; width: 220px; }
#admin-menu li.edit-mode { background: rgba(0,0,0,.1); width: 220px; padding: 5px 0; margin-bottom: 10px; }
#admin-menu li.edit-mode a { margin: 0 10px 0 0; padding: 0 25px 0 5px; font-size: .9em; }
/* 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}
.cover-image-background.top { background-position: center top !important; }
.cover-image-background.bottom { background-position: center bottom !important; }
.cover-image-background.center { background-position: center !important; }
.cover-image-background.left { background-position: left center !important; }
.cover-image-background.right { background-position: right center !important; }

@import url(../../stylesheets/elements.css); @import url(../../stylesheets/classes.css); /* Include SiteNinja defaults */
/* Basic Formatting */
html,body{ height:100%; }

body { 
  background-color:#ffffff; 
  color:#333333; 
  font-size:14px; 
  margin:0; 
  font-family:'Open Sans', sans-serif; 
  font-weight: normal;
}
 

a { 
  color:#73bc29; 
  text-decoration:none; 
}

#content a:hover{ 
  color:#333333; 
}

/* Header Styling */
h1, h2, h3, h4, h5 { 
  font-weight:600; 
  font-family:'Open Sans', sans-serif; 
}

h1 { 
  margin-top:0; 
  font-size:2.2em; 
  padding-bottom:.2em; 
  color:#265859; 
  padding: 1em 0 .5em;
}


h2 { 
  font-size:1.6em; 
  color:#4c4c4c; 
}

h3{ 
  font-size:1.5em; 
  color:#73bc29;
}

h4{ 
  font-size:1.4em; 
  color:#3e6685;
  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:'Open Sans', 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:#73bc29; 
  text-transform: uppercase; 
} 

#menu-expander { 
  display: block; 
  text-decoration: none; 
  padding: 8px 4px; 
  font-size:1.6em; 
  color:#ffffff; 
  background: white; 
  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: #73bc29; 
  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: #333333; 
   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:1.4em;
}

#content { 
  padding:14px 0; 
  line-height:1.6em; 
  font-size:16px; 
}

#content-inner { 
  background:rgba(250, 249, 251); 
}
 


 
 /* Blocks MyContact Form Black Hover Overlay */
label:hover { 
  background: transparent!important;
}





/* Footer ELements */

footer { 
   background:#b2b2b2;
}

#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:#3e6685;
}



/*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:45px;
}

.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:#265859; 
  padding:0 20px; 
  font-size:1.1em; 
  display:block;
}

#menu-inner li { 
  display:block; 
  float:left;
}

#menu-inner a:hover { 
  color:#333333; 
  background:#e5e5e5;
}

#menu-inner li.selected a { 
  background:#nav_selected_background_color#; 
  color:#nav_selected_color#;
}

.submenu-outer { 
  background:#b2b2b2; 
  color:#3e6685; 
  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:#b2b2b2; 
}

.ddsmoothmenu #menu-inner .submenu-inner a { 
  color:#3e6685; 
  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-right:30px; 
}

#side-column { 
  padding-top: 20px; 
}

footer { 
  background:#b2b2b2; 
  color:#3e6685; 
  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:#3e6685;
}

}

/* SiteNinja Classes */

.testimonial { 
  background-image:none;
}

.testimonial blockquote { 
  background-image:none; 
  min-height:inherit;
  font-size:1.3em; 
}



/*VIDEOGALLERY*/

#video-gallery .link_for_list {
    z-index: 1;
    width: 30.33%;
    margin: 0 .5% 10%;
    background: #191919;
    transition: all 200ms linear;
    border-radius: .75em;
    display: inline-table;
}
#video-gallery .link_for_list p { 
 font-size: 12px;
 padding-left: 10px;
   padding-right: 10px;
}

#video-gallery .link_for_list:hover { 
  background: #333d49; 
  box-shadow: 0px 0px 25px #000;
  z-index: 2; 
}

#video-gallery .link_for_list:nth-child(3n+1) { clear: left; }

#video-gallery .link_for_list h2 { font-size: 1.5em; }

#video-gallery .link_for_list .images {
    display: block;
    height: 100%;
    overflow: hidden;
    float: left;
    width: 95%;
    margin-right: 3%;
    line-height: 100px;
}

#video-gallery.link_for_list img { 
  width: 100%; 
  vertical-align: middle;
}

#video-gallery .link_for_list h2 { padding: 10px; }

#video-gallery.list_of_links h2 { 
  float: right; 
  clear: right;
}
#video-gallery.link_for_list .images img {
    display: block;
}

#video-gallery #link-list a { background-image: none; }

#video-gallery iframe {
    min-height: 500px;
}

#video-gallery .link_main_category {
    overflow: -webkit-paged-x;
}
#video-gallery .link_sub_categories h2 {
    margin: -15% 0px;
    position: relative;
    width: 100%;
    padding-left: 10px;
}

#video-gallery .link_sub_categories {
   columns: 1;
}

#video-gallery .list_of_links.categories li {
  padding: 10px!important; 
      font-weight: 900;
}
#video-gallery .list_of_links a {
    font-weight: 100;
}

#video-gallery #links-list h4 {
    font-size: .8em;
    color: #afafaf;
    padding: 4px 0;
    margin-bottom: -.25em;
}











/* Mobile-only styles */
@media screen and (max-width:559px){ body{ background-image:none; }

footer { 
  font-size:1.4em; 
  padding:10px; 
  line-height:1.6em;
}

.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; }


/*Responsive Formatting*/
@media screen and (max-width:559px){
#social-top { 
  position: relative; 
  z-index: 4; 
  text-align: center;  
  background: #ffffff;
}

.expanded #social-top { z-index: 2; }

.docked #social-top { overflow: hidden; }

#header-contact, #social-icons { display: inline-block; float: none; }

#header-contact { font-size: 1em; color: #3e6685; }

header.viewport-width { z-index: 3; }

.docked .header-logo { margin-left: 35px; }

.header-logo { 
  text-align: center; 
  margin: 0 auto; 
  padding: 10px 0 4px; 
  max-width: 100%;
}

#logo img { max-height: 45px; }
}
@media screen and (min-width:560px) and (max-width:769px){
header.viewport-width { z-index: 3; }

#logo img { max-height: 80px; }

#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: 30px;
}

.docked #menu-expander { 
  top: 14px; 
}

.docked #logo img { max-height: 40px; }

#menu-expander {
    top: 40px;
}

#logo img {
    max-height: 50px;
}
#logo {
    margin-left: 30px;
}
}
@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; }

#menu-middle {
    padding-top: 18px;
}

#menu-inner a {
    font-size: .8em;
}
.downarrowclass {
    top: 4px !important;
}
}
@media screen and (min-width:1000px){
.docked #logo img { max-height: 40px; }

.docked #top-title { opacity: 1; height: inherit; display: block; }
}


/*Theme13 Formatting */

.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;
}


/* Layout */
header #top-title { 
  height: 0; 
  opacity: 0; 
  float: left; 
  transition: 200ms opacity ease-in-out; 
  position: absolute; 
  padding: 20px 0 0; 
  width: 44vw; 
  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 #eaeaea;
}

.docked header { box-shadow: 0 0 20px rgba(0,0,0,.5); }

#social-top { 
  background: #ffffff; 
  height: 38px; 
  line-height: 38px; 
  transition: all ease-in-out 200ms; 
  overflow: hidden; 
  text-align: right; 
  color: #ffffff;
  border-bottom: 1px solid #eaeaea;
}

#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: #3e6685; 
  font-size: 14px; 
  background: #ffffff; 
  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-yelp: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: 1.4em; }

.header-location {
 
}

.header-location p {
  color: #3e6685;
  font-size: 1.25em;
   transition: all 300ms linear; 
}
.docked .header-location p {
  font-size: .85em;
}

#header-contact a {  
  display: inline-block; 
  font-weight: bold; 
  transition: all ease-in-out 200ms; 
  color: #3e6685; 
}

#header-contact a:hover {  
  color: #6b8ca5; 
}

#header-contact i { 
  margin-right: 4px;
}

.docked #social-top { 
  position: absolute; 
  height: 0; 
  overflow: inherit;
}

.docked #social-top .content-width { 
  transform: translateY(13px); 
}

.docked #header-contact a { 
  color: #265859;
}

.docked #header-contact a:hover { 
  color: #6b8ca5;
}


#header-inner { 
  z-index: 2;
}


.header-logo { 
  transition: all ease-in-out 200ms; 
  padding: 20px 0 20px 10px;
}

#logo img {
  max-height: 70px; 
  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: left; 
  padding-right: 16px; 
  margin-left: 0px;
  margin-top: -35px;
}


.docked .main-menu { 
  opacity: 0; 
  height: 0; 
  overflow: hidden;
}

#menu-middle { 
  padding-top: 0px;
}

#menu-inner a { 
  padding: 8px 10px; 
  font-weight: 600; 
  text-transform: uppercase; 
  transition: 100ms ease-in-out all; 
}

#menu-inner a.selected { 
  color: #333333; 
  background: #e5e5e5; 
}

#menu-inner li:nth-child(last) a { 
  padding-right: 0; 
}

.downarrowclass { 
  width: 0; 
  margin: 5px -20px 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;
}
.selected .downarrowclass { 
  background-position: right bottom; 
}

.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: #b2b2b2;
}

#content { 
  z-index: 1; 
  position: relative; 
  overflow: inherit; 
  background: rgb(255,255,255); 
  padding: 0; 
  min-height: calc(100vh - 150px);
}

#content-middle { 
  padding: 120px 20px 40px;
}
#homepage #content-middle { 
  padding: 100px 20px 40px;
}




footer { 
  background: #265859; 
  position: relative !important; 
  font-weight: bold; 
  padding-top: 0; 
  font-size: 1em;
}

footer #footer-inner { 
  padding: 0 16px;
  color: #b1b0b0;
}

footer nav ul { 
  width: 50%;
  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;
}

footer a { 
  color: #ffffff;
}

footer a:hover, footer nav ul li a:hover { 
  color: #1d5487;
}

footer h2 { 
  font-size: 1em; 
  font-weight: bold; 
  text-transform: uppercase; 
  color: #b1b0b0; 
  padding-top: 0; 
  line-height: 1.6em; 
}


footer #legal { 
  background: #ffffff; 
  color: #b1b0b0; 
  line-height: 1.6em; 
  padding-bottom: 30px;
}


/* Cover Image */
#cover-image-outer.viewport-width { 
  margin-left: -20px;
}

.cover-image-background { 
  background: no-repeat center; 
  height: 350px; 
  background-size: initial; 
  position: relative; 
  background-position: 50% -68px; 
  border-bottom: 4px solid #ffffff; 
}

.cover-image-overlay { 
  position: absolute; 
  bottom: 0; 
  text-align: center; 
  background: rgba(0, 0, 0, .7)  
  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; 
  padding: 10px 0 0; 
  text-transform: uppercase; 
  background-position: center 40px; 
  color: #ffffff;
}

.cover-image p { 
  color: #ffffff; 
  padding: .25em 0 .5em; 
  font-size: 1.4em;
}

.cover-image { 
  margin-bottom: 44px; 
  box-shadow: 0 0 40px rgba(0,0,0,.5);
}

#homepage .cover-image { 
  margin-bottom: 0;
}
.cover-image img { 
  width: 100%;
}

#homepage .body-content { 
  padding: 20px 0;
}

.images { 
  border: none; 
  background: none; 
  padding: 2px; 
  margin: 10px;
}

.images.float-left { 
  margin: 10px;
}


.images img { 
  display: block;
}

.list_of_links li.sidebar_link_active { 
  background: #b1b0b0; 
  color: #265859; 
  padding: 10px; 
  border-radius: 100px; 
  display: inline-block; 
  font-weight: normal; 
  margin-left: -10px;
}



/* Links */
.link_for_list .images img { 
  display: block;
}



/* Gallery Thumbs */

.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; 
  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;
}




/* 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 
}

.testimonial cite {
  margin-top: 10px;
}




#homepage .body-content {
    padding: 2.5% 5% 5% 5%;
    margin-left: -20px;
    background: #265859;
    margin-bottom: 5em;
  	border-radius: 0em 0em 1em 1em;
}

#homepage .body-content p {
	color: #fff;
  	font-size: 1.25em;
}
#homepage .body-content h1 {
 	color: #b5c4d0;
}


.service-box {
    margin: 20px;
    padding: 30px;
    border: 1px solid #ddd;
    box-shadow: 0px 0px 50px -20px;
  	min-height: 70vh;
}

/* Responsive Styles*/

/* Mobile size */
@media screen and (max-width: 559px) {
#social-top { 
  position: relative; 
  z-index: 4; 
  text-align: center;  
  background: transparent;
}

.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: 35px; }

.header-logo { 
  text-align: center; 
  margin: 0 auto; 
  padding: 10px 0 4px; 
  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; }

.header-location {
 text-align: center; 
}

.service-box {
    margin: 0px 0px 10px;
}

#homepage .body-content {
    padding: 2.5% 5% 5% 10%;
}
#homepage #content-middle {
    padding: 100px 0px 40px;
} 
}

/* Tablet size */
@media screen and (min-width: 560px) and (max-width: 769px) {
  header.viewport-width { z-index: 3; }

#logo img { max-height: 80px; }

#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: 30px;
}

.docked #menu-expander { 
  top: 14px; 
}

.docked #logo img { max-height: 40px; }

#menu-inner a {
    padding: 8px 5px!important;
} 
}

/* 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; }

#menu-inner a {
    padding: 8px 5px!important;
} 
}

/* Wide size */
@media screen and (min-width: 1000px) {
  .docked #logo img { max-height: 40px; }

.docked #top-title { opacity: 1; height: inherit; display: block; }

#menu-inner a {
    padding: 8px 5px!important;
} 
}