body {padding:0; margin:0; background-color:#fff;}
body,td,p,ul,ol,li {font:14px Muli,sans-serif; color:#333; line-height:1.5;}

hr {border-top:1px solid #91A6AF !important;}

a, a.alt:hover {color:#000; text-decoration:underline;}
a:hover, a.alt {color:#315260; text-decoration:underline;}

.box {border:1px solid #333; border-collapse:collapse;}
.pubbox {border:1px solid #ccc; border-collapse:collapse;}
.small {font-size:11px;}

.h1, h1 {margin:0; font-size:22px; font-weight:bold; color:#315260;}
.h2, h2 {margin:12px 0; font-size:20px; font-weight:normal; color:#404041;}
.h3, h3 {margin:12px 0; font-size:18px; font-weight:normal; color:#315260;}
.h4, h4 {margin:12px 0; font-size:17px; font-weight:bold; color:#404041;}

/* Site Header */
.siteheader {position:relative; width:952px; min-height:209px; margin:0 auto;}
.siteheader .fblink {position:absolute; top:16px; right:0px; width:28px; height:29px; overflow:hidden;}
.siteheader .fblink a {display:inline-block; width:100%; height:100%; text-indent:-9999px; background:url(https://cdn.ssmedia.com/russoconstructioninc/webart/icon_facebook.png) no-repeat; opacity:0.8; filter:alpha(opacity=80);}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi){
	.siteheader .fblink a {background-image:url(https://cdn.ssmedia.com/russoconstructioninc/webart/icon_facebook@2x.png);}
}
.siteheader .fblink a:hover {opacity:1; filter:alpha(opacity=100);}
.siteheader .license {position:absolute; top:40px; right:46px; font-size:16px; color:#315260; line-height:1; text-transform:uppercase; text-align:right;}
.siteheader .logo {position:absolute; top:3px; left:3px; width:339px; height:192px;}
.siteheader .navbar {position:absolute; bottom:15px; right:0; padding:0 8px; background:rgba(225,235,240,.75); font-size:16px; font-weight:600; color:#315260; text-transform:uppercase; line-height:1; text-shadow: 2px 2px 2px rgba(49, 82, 96, 0.15);}
.siteheader .navbar a {display:inline-block; padding:16px 9px 15px 9px; color:#315260; text-decoration:none;}
.siteheader .navbar a:hover, .siteheader .navbar a.alt {color:#000; text-decoration:none;}
.siteheader .phone {position:absolute; top:17px; right:46px; width:173px; height:15px;}
.siteheader .tagline {position:absolute; bottom:78px; right:88px; width:413px; height:32px;}
.headertext {padding:10px 20px; border-bottom:1px solid #91A6AF;}
.headertext h1 {margin:0; padding:0; line-height:1;}
.headertexthome {position:absolute; top:-700px; left:-700px;}

/* Page Links */
.pagelinks {padding:10px 20px; background:#f3f9fa; border-bottom:1px solid #91A6AF;}
.pagelinks a, .pagelinks a:visited {font:normal 12px Arial,sans-serif; text-decoration:none;}

/* Wrappers */
.wrapper {position:relative; width:100%; z-index:100;}
.wrapper2 {position:relative; width:952px; margin:0 auto; background:#fff; -webkit-box-shadow:0px 6px 15px 0px rgba(0,0,0,0.75); -moz-box-shadow:0px 6px 15px 0px rgba(0,0,0,0.75); box-shadow:0px 6px 15px 0px rgba(0,0,0,0.75);}
.bodycontent {padding:10px 20px 20px 20px; min-height:350px;}
.bodycontenthome {}

/* Footer */
.footer1 {position:relative; width:100%; min-height:58px; -webkit-box-shadow:0px -3px 5px 0px rgba(44, 78, 98, 0.75); -moz-box-shadow:0px -3px 5px 0px rgba(44, 78, 98, 0.75); box-shadow:0px -3px 5px 0px rgba(44, 78, 98, 0.75); border-bottom:1px solid #77909b; z-index:200;}
.footer2 {position:relative; width:100%; min-height:110px; z-index:300;}
.footer2 .copyright {padding-top:15px; text-align:center; font-size:10px; color:#000101; line-height:1;}
.footer2 .copyright a {color:#000101; text-decoration:none;}
.footer2 .copyright a:hover, .footer2 .copyright a.alt {color:#000101; text-decoration:underline;}
.footer2 .navlinks {padding-top:45px; text-align:center; font-size:13px; color:#000; line-height:1;}
.footer2 .navlinks a {padding:0 10px; color:#000; text-decoration:none;}
.footer2 .navlinks a:hover, .footer2 .navlinks a.alt {color:#000; text-decoration:underline;}
.footer3 {position:relative; width:100%; padding:15px 0; background:#fff; border-bottom:1px solid #6c6c6c;}
.footer3 .afflinks {display:table; margin:0 auto;}
.footer3 .afflinks .item {display:table-cell; vertical-align:middle; padding:0 15px; opacity:0.8; filter:alpha(opacity=80);}
.footer3 .afflinks .item.buildzoom {width:128px; height:38px;}
.footer3 .afflinks .item.linkedin {width:95px; height:24px;}
.footer3 .afflinks .item.manta {width:101px; height:25px;}
.footer3 .afflinks .item:hover {opacity:1; filter:alpha(opacity=100);}
.footer4 {position:relative; width:100%; min-height:28px; background:#c2cfd7;}
.footerlogowrapper {position:relative; width:225px; margin:0 auto; z-index:400;}
.footerlogo {position:absolute; top:-52px; width:225px; height:142px;}

/* RIGHT BAR / SUB NAV */
.rightbar {width:234px; background:#fff;
background:#ecf3f4;
background:-moz-linear-gradient(left,  #ecf3f4 0%, #ffffff 100%);
background:-webkit-gradient(linear, left top, right top, color-stop(0%,#ecf3f4), color-stop(100%,#ffffff));
background:-webkit-linear-gradient(left,  #ecf3f4 0%,#ffffff 100%);
background:-o-linear-gradient(left,  #ecf3f4 0%,#ffffff 100%);
background:-ms-linear-gradient(left,  #ecf3f4 0%,#ffffff 100%);
background:linear-gradient(to right,  #ecf3f4 0%,#ffffff 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecf3f4', endColorstr='#ffffff',GradientType=1 );
border-left:1px solid #B0C2C9;}
.rightbar2 {padding:20px 10px;}
.subnav a {display:block; text-decoration:none;}
.subnav a:hover {display:block; text-decoration:underline;}
.subnav a.alt {color:#315260;}
.sidenav {font:bold 15px sans-serif;}
.sidenav a:first-child {border-top:none;}
.sidenav a {padding:3px 10px 3px 10px; color:#315260; display:block; text-decoration:none;}
.sidenav a:hover {color:#231F20;}
.sidenav a.alt, .sidebar .sidenav a.alt:visited {color:#315260;}
.sidenav a.alt:hover {color:#000; text-decoration:none;}
.sidenav2 {}
.sidenav2 a:first-child {padding-top:10px;}
.sidenav2 a {font-weight:normal; font-size:13px; color:#315260;}
.sidenav2 a.alt {font-style:italic; color:#000;}

/* Contact Page (Facebook Like Box) */
.contactdiv {display:table; width:100%;}
.contactdiv .item {display:table-cell; vertical-align:top;}
.contactdiv .item {padding-left:15px;}
.contactdiv .item:first-child {padding-left:0;}
.contactdiv .item .fbframe {width:350px; height:550px;}
.contactdiv .item .fbframe iframe {width:100%; height:100%;}
@media only screen and (max-width: 950px) {
	.contactdiv, .contactdiv .item {display:block; padding:0;}
	.contactdiv .item .fbframe {width:100%;}
}
@media only screen and (max-width:400px) {
	.contactdiv .item .fbframe {width:270px; margin:0 auto;}
}

/* CustomText / Images */
@media only screen and (max-width: 840px) {
	.ctimage, .ctimageleft, .ctimageright {display:block; float:none !important; margin:10px 0 15px 0 !important; padding:0 !important; max-width:350px !important; max-height:none; width:auto !important; height:auto !important; text-align:left !important;}
	.ctimage img, .ctimageleft img, .ctimageright img {width:auto; height:auto; max-width:350px !important; max-height:none;}
}
@media only screen and (max-width: 959px) {
	.customtext img {width:auto !important; height:auto !important; max-height:240px !important; max-width:250px !important;}
}
@media only screen and (max-width: 420px) {
	.ctimage, .ctimageleft, .ctimageright {max-width:270px !important;}
	.ctimage img, .ctimageleft img, .ctimageright img {max-width:250px !important;}
}

/* Slideshow */
.photobox, .photoboxhome {position:relative; width:952px; z-index:300;}
.photobox {height:400px;}
.photoboxhome {height:400px; margin-bottom:20px;}
/* Rest is in flexslider.custom.css  */

/* Others */
.btn {padding:4px 12px; font-size:11px; color:#fff; text-decoration:none; text-transform:uppercase; border:3px solid #91A6AF; white-space:nowrap; background-color:#315260;}
.btn:hover, .btn:focus {color:#fff; background-color:#404041;}
.homecontent li, .homecontent p {font-size:14px; line-height:1.6;}

a.ss, a.ss:visited {color:#000101; text-decoration:none;}
a.ss:hover {color:#000101 !important; text-decoration:underline;}
a.u, a.u:visited {color:#000101; text-decoration:none;}
a.u:hover {cursor:text; color:#000101 !important; text-decoration:none;}

/* Mailing List sign-up form */
.mlistwrapper {margin:0 auto; padding:15px 0;}
.mlistwrapper div, .mlistwrapper td {color:#000; font-size:12px;}
.mlistwrapper .inputfield {width:175px; margin:0 3px;}
@media only screen and (max-width: 767px) {
	.mlistwrapper .hdr {display:block !important; text-align:center;}
}
@media only screen and (max-width: 480px) {
	.mlistwrapper {display:block !important; text-align:center;}
	.mlistwrapper .hdr {display:block !important; text-align:center;}
	.mlistwrapper .inputfield {width:110px; margin:0 3px;}
}

/* Magnific Pop-Up */
.galleryintro {display:table; margin:0 auto; max-width:700px;}
.galleryresults, .galleryresults2 {display:table; margin:0 auto;}
.galleryresults {max-width:710px;}
.galleryresults2 {max-width:620px;}
.galleryresults img, .galleryresults2 img {display:inline-block; background-color:#fff; padding:5px; border:1px solid #91A6AF; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.galleryresults img {max-width:220px;}
.galleryresults2 img {max-width:290px;}
.galleryresults .item, .galleryresults2 .item {position:relative; left:-6px; display:inline-block;}
.galleryresults .item {width:224px; height:135px; max-width:224px; max-height:135px; margin:5px;}
.galleryresults2 .item {width:294px; height:175px; max-width:294px; max-height:175px; margin:8px;}
.galleryresults .item img, .galleryresults2 .item img {position:absolute; width:100%; height:100%; margin:0; z-index:200;}
.galleryresults .item .overlay, .galleryresults2 .item .overlay {position:absolute; bottom:-6px; left:6px; z-index:300; width:220px; background:rgba(255,255,255,0.7); font-weight:600; font-size:13px; line-height:1.6; text-align:center;}
.galleryresults .item .overlay {width:220px;}
.galleryresults2 .item .overlay {width:290px;}
.galleryresults .item a, .galleryresults2 .item a {color:#000; text-decoration:none;}
.galleryresults .item a:hover, .galleryresults2 .item a:hover {color:#000; text-decoration:underline;}

@media only screen and (max-width: 1024px) {
	.galleryresults, .galleryresults2 {max-width:620px;}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.galleryresults, .galleryresults2 {max-width:680px;}
	.galleryresults .item, .galleryresults .item .overlay, .galleryresults img, .galleryresults2 .item, .galleryresults2 .item .overlay, .galleryresults2 img {max-width:210px;}
	.galleryresults .item, .galleryresults img, .galleryresults2 .item, .galleryresults2 img {max-height:127px;}
}
@media only screen and (max-width: 768px) {
	.galleryresults, .galleryresults2 {max-width:680px;}
	.galleryresults .item, .galleryresults .item .overlay, .galleryresults img, .galleryresults2 .item, .galleryresults2 .item .overlay, .galleryresults2 img {max-width:210px;}
	.galleryresults .item, .galleryresults img, .galleryresults2 .item, .galleryresults2 img {max-height:127px;}
}
@media only screen and (max-width: 745px) {
	.galleryresults, .galleryresults2 {max-width:590px;}
	.galleryresults .item, .galleryresults .item .overlay, .galleryresults img, .galleryresults2 .item, .galleryresults2 .item .overlay, .galleryresults2 img {max-width:180px;}
	.galleryresults .item, .galleryresults img, .galleryresults2 .item, .galleryresults2 img {max-height:108px;}
}
@media only screen and (max-width: 700px) {
	.galleryintro {max-width:100%;}
}
@media only screen and (max-width: 655px) {
	.galleryresults, .galleryresults2 {max-width:395px;}
	.galleryresults .item, .galleryresults .item .overlay, .galleryresults img, .galleryresults2 .item, .galleryresults2 .item .overlay, .galleryresults2 img {max-width:180px;}
	.galleryresults .item, .galleryresults img, .galleryresults2 .item, .galleryresults2 img {max-height:108px;}
}
@media only screen and (max-width: 480px) {
	.galleryresults, .galleryresults2 {max-width:228px;}
	.galleryresults .item, .galleryresults .item .overlay, .galleryresults img, .galleryresults2 .item, .galleryresults2 .item .overlay, .galleryresults2 img {max-width:220px;}
	.galleryresults .item, .galleryresults img, .galleryresults2 .item, .galleryresults2 img {max-height:133px;}
}

/* Radius, Shadows / Gradients */

/* Radius 10 */
.siteheader .navbar,
.radius10 {-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }
/* Radius 10 (top) */
.headertext, .photobox, .photoboxhome, .photobox img, .photoboxhome img, .wrapper2,
.radius10top {-moz-border-radius-topleft:10px; -webkit-border-top-left-radius:10px;  border-top-left-radius:10px; -moz-border-radius-topright:10px; -webkit-border-top-right-radius:10px; border-top-right-radius:10px; }
/* 15% box shadow */
.siteheader .navbar,
.shadow1 {-webkit-box-shadow:2px 2px 3px 0px rgba(49,82,96,0.15); -moz-box-shadow:2px 2px 3px 0px rgba(49,82,96,0.15); box-shadow:2px 2px 3px 0px rgba(49,82,96,0.15);}
.ctimage img, .ctimageleft img, .ctimageright img, .imgbox, .galleryresults img, .galleryresults2 img
{-webkit-box-shadow: 0px 3px 8px 0px rgba(49, 82, 96, 0.5); -moz-box-shadow:0px 3px 8px 0px rgba(49, 82, 96, 0.5); box-shadow:0px 3px 8px 0px rgba(49, 82, 96, 0.5);}
/* Gradient: Footer1 */
.footer1 {background:#315260; background:-moz-linear-gradient(top,  #315260 0%, #496a78 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#315260), color-stop(100%,#496a78)); background:-webkit-linear-gradient(top,  #315260 0%,#496a78 100%); background:-o-linear-gradient(top,  #315260 0%,#496a78 100%); background:-ms-linear-gradient(top,  #315260 0%,#496a78 100%); background:linear-gradient(to bottom,  #315260 0%,#496a78 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#315260', endColorstr='#496a78',GradientType=0 );}
/* Gradient: Footer2 */
.footer2 {background:#4b6b79; background:-moz-linear-gradient(top,  #4b6b79 0%, #7f9fad 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#4b6b79), color-stop(100%,#7f9fad)); background:-webkit-linear-gradient(top,  #4b6b79 0%,#7f9fad 100%); background:-o-linear-gradient(top,  #4b6b79 0%,#7f9fad 100%); background:-ms-linear-gradient(top,  #4b6b79 0%,#7f9fad 100%); background:linear-gradient(to bottom,  #4b6b79 0%,#7f9fad 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b6b79', endColorstr='#7f9fad',GradientType=0 );}
/* Gradient: Gray to White */
.headertext {background:#bebec1; background:-moz-linear-gradient(top,  #bebec1 0%, #ffffff 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#bebec1), color-stop(100%,#ffffff)); background:-webkit-linear-gradient(top,  #bebec1 0%,#ffffff 100%); background:-o-linear-gradient(top,  #bebec1 0%,#ffffff 100%); background:-ms-linear-gradient(top,  #bebec1 0%,#ffffff 100%); background:linear-gradient(to bottom,  #bebec1 0%,#ffffff 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#bebec1', endColorstr='#ffffff',GradientType=0 );}
/* Gradient: Wrapper/Page Background */
.wrapper {background:#ccdae0; background:-moz-linear-gradient(top,  #ccdae0 0%, #305261 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ccdae0), color-stop(100%,#305261)); background:-webkit-linear-gradient(top,  #ccdae0 0%,#305261 100%); background:-o-linear-gradient(top,  #ccdae0 0%,#305261 100%); background:-ms-linear-gradient(top,  #ccdae0 0%,#305261 100%); background:linear-gradient(to bottom,  #ccdae0 0%,#305261 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccdae0', endColorstr='#305261',GradientType=0 );}
/* Image 100% */
.footer1 .logo, .footer3 .afflinks .item img, .siteheader .logo img, .siteheader .phone img, .siteheader .tagline img {width:100%; height:100%;}


/* MMenu (Mobile Nav) */
.mmnavwrapper {display:none; position:fixed; top:13px; right:13px; height:25px; width:23px; height:20px; padding:7px; z-index:99999; background-color:#38515F; -moz-box-shadow:inset 0px 1px 5px rgba(0,0,0,0.7); -webkit-box-shadow:inset 0px 1px 5px rgba(0,0,0,0.7); box-shadow:inset 0px 1px 5px rgba(0,0,0,0.7); -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.mmnavwrapper:hover {opacity:0.8; filter:alpha(opacity=80);}
.mmnavwrapper2 {top:-10px !important; }
.mmnav {display:block; height:4px; width:22px; border-top:12px double #fff; border-bottom:4px solid #fff; font-size:0;}
#mmenu .mmnavlogo {display:block; width:132px; height:80px; margin:0 auto 20px auto; background:url(https://cdn.ssmedia.com/russoconstructioninc/webart/mobile/mmenu_logo.png) 0 0 no-repeat; background-size:100% auto;}
.mm-menu li, .mm-menu li > a, .mm-menu li > span, .mm-menu li.mm-label {color:rgba(255,255,255,0.8) !important;}
.mm-menu li a:hover {color:#fff !important; text-decoration:none;}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi){
	#mmenu .mmnavlogo {background-image:url(https://cdn.ssmedia.com/russoconstructioninc/webart/mobile/mmenu_logo@2x.png);}
}
.mm-menu {background-color:#38515F !important;}
@media only screen and (max-width: 620px) {.mmnavwrapper {display:block;}}
@media only screen and (max-width: 480px) {.mmnavwrapper {display:block;}}

/* Media Queries */
@media only screen and (max-width: 1024px) {
	.photobox, .photoboxhome {width:100%;}
	.siteheader, .wrapper2 {width:940px;}
	.siteheader .navbar {font-size:16px;}
	.siteheader .tagline {right:80px;}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.photobox, .photoboxhome {width:100%; height:auto;}
	.siteheader {min-height:215px;}
	.siteheader, .wrapper2 {width:730px;}
	.siteheader .logo {position:absolute; top:3px; left:3px; width:247px; height:140px;}
	.siteheader .navbar {position:relative; bottom:auto; right:auto; display:block; top:156px; padding:0 10px; font-size:16px; text-align:center;}
	.siteheader .tagline {right:0; width:330px; height:26px;}
}
@media only screen and (max-width: 767px) {
	.footer2 .copyright {padding-top:12px; font-size:9px; line-height:1.4;}
	.homecontent li, .homecontent p {font-size:13px; line-height:1.3;}
	.photobox, .photoboxhome {width:100%; height:auto;}
	.siteheader {min-height:auto;}
	.siteheader, .wrapper2 {width:96%;}
	.siteheader .logo {position:absolute; top:3px; left:3px; width:247px; height:140px;}
	.siteheader .navbar {position:relative; bottom:auto; right:auto; display:block; top:156px; padding:0 10px; font-size:16px; text-align:center;}
	.siteheader .tagline {right:0; width:330px; height:26px;}
}
@media only screen and (min-width: 480px) and (max-width: 620px) {
	.footer2 .navlinks {font-size:12px;}
	.footer2 .navlinks a {padding:0 7px;}
	.siteheader {min-height:130px; background-size:100% 100%;}
	.siteheader .fblink {right:60px;}
	.siteheader .license, .siteheader .phone {right:96px;}
	.siteheader .license {font-size:14px;}
	.siteheader .logo {width:200px; height:113px;}
	.siteheader .phone {width:130px; height:11px;}
	.siteheader .navbar {display:none;}
	.siteheader .tagline {bottom:auto; top:90px; right:0; width:225px; height:17px;}
}

@media only screen and (max-width: 480px) {
	body,td,p,ul,ol,li {font-size:12px;}
	.homecontent li, .homecontent p {font-size:12px; line-height:1.3;}
	.ctimage, .ctimageleft, .ctimageright {display:block; float:none !important; margin:10px auto !important; max-width:225px !important; max-height:225px !important; width:auto !important; height:auto !important; padding:0 !important; text-align:center !important;}
	.ctimage img, .ctimageleft img, .ctimageright img {max-width:225px !important; max-height:225px; width:auto !important; height:auto !important;}
	.footer2 {min-height:0;}
	.footer2 .copyright {padding:17px 0 10px 0;}
	.footer2 .navlinks {display:none;}
	.footer3 .afflinks .item {padding:0 8px;}
	.footer3 .afflinks .item.buildzoom {width:90px; height:27px;}
	.footer3 .afflinks .item.linkedin {width:71px; height:18px;}
	.footer3 .afflinks .item.manta {width:76px; height:19px;}
	.footer3 .afflinks .item.facebook {width:24px; height:24px;}
	.footer4 {min-height:12px;}
	.footerlogowrapper {width:180px;}
	.footerlogo {top:-43px; width:180px; height:114px;}
	.footerlogo img {width:180px; height:114px;}
	.hTable2 td, .hTable2 th {font-size:9px !important;}
	.siteheader {min-height:0; padding:5px 0; background:none;}
	.siteheader .logo, .siteheader .license, .siteheader .phone, .siteheader .tagline {position:relative; top:auto; right:auto; bottom:auto; left:auto; display:block; margin:0 auto 10px auto; text-align:center;}
	.siteheader, .wrapper2 {width:94%;}
	.siteheader .fblink {display:none;}
	.siteheader .license {font-size:14px;}
	.siteheader .logo {width:200px; height:113px;}
	.siteheader .navbar {display:none;}
	.siteheader .phone {width:130px; height:11px;}
	.siteheader .tagline {width:225px; height:17px;}
}
@media only screen and (max-width: 360px) {
	.footer3 .afflinks .item {padding:0 6px;}
}