/*-----------------------------------------------------------------------
misc
------------------------------------------------------------------------*/

body#Body{
background: #ffffff url(/Portals/157832/images/bg.png) repeat-x top center !important;
}

h1, h2, h3, h4, h5, h6{
line-height:1 !important;
}

h1, #foxboro_col2 h1 {font-size:30px; !important}
h2, #foxboro_col2 h2 {font-size:25px; !important}
h3, #foxboro_col2 h3 {font-size:20px; !important}
h4, #foxboro_col2 h4 {font-size:18px; !important}
h5, #foxboro_col2 h5 {font-size:16px; !important}
h6, #foxboro_col2 h6  {font-size:14px; !important}


#foxboro_body{
background:transparent url(/Portals/157832/images/bodybg.png) no-repeat top center !important;
}

#foxboro_container{
width:980px !important;
overflow:visible !important;
}

#foxboro_content{
background:transparent !important;
}

#foxboro_courtesy_links{
display:none !important;
}

#foxboro_one-column #foxboro_col2 div.pad {
padding-left: 0 !important;
padding-right: 0 !important;
padding-bottom: 20px !important;
}

h1{
font-family:Georgia !important;
font-size:30px !important;
color:#517589 !important;
}

h2 a{
font-family:Georgia !important;
font-size:25px !important;
font-style:bold !important;
color:#000000!important;
border-left:solid 5px #51758a;
display:block;
padding-left:5px;
text-decoration:none;
min-height:2em;

}

h2 a:hover{
border-left:5px solid #133041;
}

h3{
font-family:Georgia !important;
font-size:22px !important;
font-weight:700;
font-style:italic;
margin:0;
}

h4{
font-family:Georgia !important;
font-size:18px !important;
font-weight:700;
margin:0;
}

/*--------------------------------------------------------------------
helper classes
---------------------------------------------------------------------*/
.right{
float:right;
}

.left{
float:left;
}

.shadow {
  -webkit-box-shadow: 0px 3px 5px 0px #888; 
     -moz-box-shadow: 0px 3px 5px 0px #888;
          box-shadow: 0px 3px 5px 0px #888; 
}

.round {
  -webkit-border-radius: 3px; 
     -moz-border-radius: 3px; 
          border-radius: 3px; 
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}

/*--------------------------------------------------------------------
Header
---------------------------------------------------------------------*/

#foxboro_header {
background:transparent !important;
height:170px !important;
}

/*--------------------------------------------------------------------
menu
---------------------------------------------------------------------*/

#foxboro_menu .group {
    background-color:transparent;
    color: #FFFFFF;
}

.slide .vertical{
background: url("/Portals/157832/images/menubg.png") !important;
}

#foxboro_menu{
background:transparent !important;
font-size:16px !important;
font-family:Georgia regular !important;
}

#foxboro_menu .link{
background:transparent !important;
}

#foxboro_menu ul{
margin:0!important;
}

#foxboro_menu ul li{
margin-right:5px !important;
}

#foxboro_menu .rootGroup .selectedtab{
background:#FFFFFF !important;
padding: 2px 11px 3px !important;
-webkit-border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
border-radius: 3px 3xp 0 0;
}

#foxboro_menu .rootGroup .selectedtab .text{
color:#000000 !important;
}



/*---------------------------------------------------------------------
top
-----------------------------------------------------------------------*/

#foxboro_top{
background:transparent !important;

}

#banner{
background: url("/Portals/157832/images/bannerbg.png") repeat-x bottom #ffffff !important;
padding:10px;
margin-bottom:10px;
width: 960px !important;

}

#banner h1{
font-family:Georgia !important;
font-size:25px !important;
line-height:140% !important;
color:#517589 !important;
}

#textbanner{
width:485px !important;
line-height:1.2 !important;
font-style:italic !important;
float:left !important;
margin:0 25px 0 15px !important;
}

#video{
width:435px !important;
float:left !important;
}

#textbanner a{

}

.button, .FormSubmitButton{
background: url("/Portals/157832/images/buttonbg.png") repeat-x !important;
padding:13px 35px !important;
font-size:16px !important;
color:#fff !important;
text-decoration:none !important;
border:none !important;
-webkit-border-radius: 3px !important;
-moz-border-radius: 3px !important;
border-radius: 3px !important;
line-height:1 !important;
text-shadow:1px 1px #000;
text-shadow:1px 1px rgba(0,0,0,.8);
}

.button:hover, .FormSubmitButton:hover{
text-shadow:none;
}

.button span{
background: none !important;
padding:00 !important;
}



/*---------------------------------------------------------------------
middle
-----------------------------------------------------------------------*/

#columnas2, #columnas4{
padding:0px;
}

#columnas2{
margin-bottom:25px;
}

#testimony{
background:transparent url(/Portals/157832/images/comillas.png) no-repeat top left;
width:256px;
float:left;
padding:10px 20px 0 5px;
}

#testimony p{
font-family:georgia;
font-style:italic;
font-size:16px;
color:#999999;
margin:0;
line-height:1.2;
}

#testimony .express{
font-family:arial;
font-weight:700;
font-size:13px;
}

.requestbutton{
float:left;
}

.columns{
width:230px;
float:left;
margin:0 20px 0 0; 
}

.last{
margin-right:0;
}

#columnas4{
margin-bottom:0px;
}

/*-------------------------------------------------------------------------
bottom
---------------------------------------------------------------------------*/

#bottom1{
background:#598DB3 url(/Portals/157832/images/bottombg.png) repeat-x bottom !important; 
padding:20px 15px 10px;
color:#ffffff;
}

#sewerdrain{
width:714px;
float:left;
}

#sewerdrain p{
font-family:arial;
font-style:regular;
font-size:14px;
}

#joinUs{
width:171px;
height:138px;
float:left;
border-right:1px solid #fff;
}

#joinUs h3{
float:right;
padding:5px 18px 0 0;
}

#socials{
width:64px;
float:left;
float:right;
}

#socials a{
display:block;
margin-left:22px;
padding-bottom:6px;
}

#socials .facebook{
background: url(/Portals/157832/images/facebook.png) no-repeat;
width:26px;
height:27px;
}

#socials .twitter{
background: url(/Portals/157832/images/twitter.png) no-repeat;
width:32px;
height:25px;
}

#socials .youtube{
background: url(/Portals/157832/images/youtube.png) no-repeat;
width:28px;
height:28px;
}

#socials .linkedin{
background: url(/Portals/157832/images/linkedin.png) no-repeat;
width:29px;
height:31px;
}

/*------------------------------------------------------------------------
footer
--------------------------------------------------------------------------*/

#foxboro_footer{
margin-top:25px !important;
padding-top:60px !important;
position:relative;
}

#foxboro_footer .logos {
position:absolute;
top:0px;
right:0px;
}

#foxboro_footer #bbblink {
display: inline-block !important;
position: absolute !important;
top: 12px !important;
left: 50px !important;
}


/*-------------------------------------------------------------------------
two columns
---------------------------------------------------------------------------*/

#foxboro_two-column, #foxboro_two-column-right, #foxboro_three-column{
background: url("/Portals/157832/images/bannerbg.png") repeat-x bottom #ffffff !important;
-webkit-box-shadow: 0px 3px 5px 0px #888; 
-moz-box-shadow: 0px 3px 5px 0px #888;
box-shadow: 0px 3px 5px 0px #888;
padding-bottom:20px!important; 
}







/* Mobile Styles
*********************************************************************************/
#outer #header {
    background: url(/Portals/157832/images/mobile/logo.jpg) no-repeat top center !important;
    height: 250px !important;
}
#outer .tel {
    color: #fff !important;;
    display: block;
    background-color: #f00;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg5MDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U5MDIwMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
    background-image: -moz-linear-gradient(bottom, #890000 0%, #e90202 100%);
    background-image: -o-linear-gradient(bottom, #890000 0%, #e90202 100%);
    background-image: -webkit-linear-gradient(bottom, #890000 0%, #e90202 100%);
    background-image: linear-gradient(bottom, #890000 0%, #e90202 100%);
    text-align: center;
    padding: 20px 0;
    text-decoration: none !important;
}
#outer .tel h1 {
    color: #fff !important;
}
#outer #banner {
    background: url("/Portals/157832/images/bannerbg.png") repeat-x bottom #ffffff !important;
    padding: 10px;
    margin:0 0 10px 0;
    width: 95% !important;
    max-width: 100%!important;
}
#outer #banner .button {
    display: block !important;;
    max-width: 100%;
    text-align: center !important;
    margin-bottom: 20px !important;
    float: none !important;
}
#outer #textbanner,
#outer #video {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
}
#outer #columnas2,
#outer #columnas2 #testimony,
#outer #columnas2 #requestbutton {
    width: 100%;
    max-width: 100%
    padding-left: 0 !important;
    padding- right: 0 !important;
}
#outer #columnas2 #testimony {
    margin: 20px 0;
}
#outer #columnas2 #testimony .express {
    float: none !important;
}
#outer #columnas4 {
    width: 100%;
}
#outer .columns {
    width: 41%;
    float: left;
    margin: 0 10px ;
}
#outer #bottom1 {
    display: none;
}
#outer img {
    max-width:  100% !important;
    height: auto !important;
}

#outer div.comment-form {
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box;
    width: 80% !important;
    margin: 0!important;
}
#outer table.PostComments.resized {
    display: table !important;
    width: 100% !imporrtant;
}
#outer #main div.comment-form input[type="checkbox"] {
    width: auto !important;
}

#outer #video {
  position: relative;
  padding-top: 1.5625em;
  padding-bottom: 67.5%;
  height: 0;
  margin-bottom: 1em;
  overflow: hidden; 
}
#outer #video.widescreen {
    padding-bottom: 57.25%; 
}
#outer #video.vimeo {
    padding-top: 0; 
}
#outer #video iframe,
#outer #video object,
#outer #video embed,
#outer #video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important; 
}

/*-----------------------------
 Landing Page Paper Styles 
-----------------------------*/
.paper {
    border-top: 30px solid #252525;
    box-shadow: inset 0 3px 0 red,inset 0 3px 5px rgba(0,0,0,.5), 0 0 15px rgba(0,0,0,.28);
    width: 600px;
    margin: auto;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
    
    background-color: #FFFFAF;
    
    background-image: -webkit-linear-gradient(90deg, transparent 71px, #CB764A 69px, #CB764A 74px, transparent 74px, transparent 79px, #CB764A 79px, #CB764A 81px, transparent 80px), -webkit-linear-gradient(#A4CE9A .1em, transparent .1em);
    background-image: -moz-linear-gradient(90deg, transparent 71px, #CB764A 69px, #CB764A 74px, transparent 74px, transparent 79px, #CB764A 79px, #CB764A 81px, transparent 80px), -moz-linear-gradient(#A4CE9A .1em, transparent .1em);
    background-image: -o-linear-gradient(90deg, transparent 71px, #CB764A 69px, #CB764A 74px, transparent 74px, transparent 79px, #CB764A 79px, #CB764A 81px, transparent 80px), -o-linear-gradient(#A4CE9A .1em, transparent .1em);
    background-image: -ms-linear-gradient(90deg, transparent 71px, #CB764A 69px, #CB764A 74px, transparent 74px, transparent 79px, #CB764A 79px, #CB764A 81px, transparent 80px), -ms-linear-gradient(#A4CE9A .1em, transparent .1em);
    background-image: linear-gradient(90deg, transparent 71px, #CB764A 69px, #CB764A 74px, transparent 74px, transparent 79px, #CB764A 79px, #CB764A 81px, transparent 80px), linear-gradient(#A4CE9A .1em, transparent .1em);
    
    -webkit-background-size: 100% 20px;
    -moz-background-size: 100% 20px;
    background-size: 100% 20px;
    line-height:  20px !important;
    padding:  20px 20px 20px 100px  ;
}
.paper h1 {
    margin: 0 0 20px 0;
}
.paper p {
    margin: 0 0 20px 0;
}

.numbered {
  counter-reset: my-awesome-counter;
}
.numbered h3 {
  counter-increment: my-awesome-counter;
}
.numbered h3:before {
  content: counter(my-awesome-counter)". ";
}