@charset "utf-8";

h1, h2, h3, h4, h5, h6 {
	font-family:Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.lead { }

h2 .1subheader {
  font-size: 1.5em;
  line-height: 1.4;
  color: red;
  font-weight: 300;
  margin-top: 0.2em;
  margin-bottom: 0.5em; }

h2 .2subheader {
  font-size: 1.5em;
  line-height: 1.4;
  color: grey;
  font-weight: 300;
  margin-top: 0.2em;
  margin-bottom: 0.5em; }

img.left {
	margin-right: 2.5em;
	margin-top: 0.75em;
	margin-bottom: 0.5em;
}

img.right {
	margin-left: 2.5em;
	margin-top: .75em;
	margin-bottom: 0.5em;
}


.checkmark { list-style: url(../_images/check-25px.png); }


.wrap1 {
	background-color:black;
}
.wrap2 {
	background-color:#f2f2f2;
}


.norpad { padding-right: 0; 
}

.nolpad {
	padding-left: 0;
}

.nopad {
	padding: 0;
}

p.margin0 {
	margin: 0;
}

p.top-margin0 {
	margin-top: 0;
}

p.bottom-margin0 {
	margin-bottom: 0;
}

.bottom-margin1 {
	margin-bottom: 1em;
}
.bottom-margin2 {
	margin-bottom: 2em;
}
.bottom-margin3 {
	margin-bottom: 3em;
}
.bottom-margin4 {
	margin-bottom: 4em;
}
.bottom-margin5 {
	margin-bottom: 5em;
}
.bottom-margin6 {
	margin-bottom: 6em;
}
.top-margin1 {
	margin-top:1em;
}
.top-margin2 {
	margin-top: 2em;
}

.top-margin3 {
	margin-top: 3em;
}

.top-margin5 {
	margin-top: 5em;
}
.left-margin2 {
	margin-left: 2em;
}


p.tiny {font-size: .75em;
}
span.tiny {font-size: .75em;
}

p.soon { font-size: 3em; }

#promo h1, #promo h2, #promo h3, #promo h4, #promo h5, #promo h6, #promo p, #promo u1, #promo li {
	color: white;
}


p.noHov a:focus, p.noHov a:hover {
	text-decoration: none;
}

aside#promo.panel.radius.callout {
	border-color: grey;
	border-width: thick;
}



.show-for-below-br {
display: inherit !important; }
.show-for-above-br {
  display: none !important; }
.hide-for-above-br {
display: inherit !important; }
.hide-for-below-br {
display: none !important; }
aside ul li #test2 {
	top: 150px;
	float: right;
	width: 201px;
	height: 150px;
	right: 50px;
}




header .top-bar .title-area .name h3 a {
	padding-left: 0;
	padding-right: 0;
}










@media screen and (min-width: 56.25em) {
.show-for-below-br {
  display: none !important; }
.show-for-above-br {
  display: inherit !important; }
.hide-for-above-br {
  display: none !important; }
.hide-for-below-br {
  display: inherit !important; }
}






.white { color:white; }
.black { color:black; }
.blc { background: black; }
#blc { background: black; }
.red { background: red; }
.offwhite { background: #FBFBFB; }




.left-pad1.5 { padding-left: 1.5em; }
.left-pad2 { padding-left: 2em; }
.left-pad3 { padding-left: 3em; }
.right-pad1 { padding-right: 1em; }
.right-pad1.5 { padding-right: 1.5em; }
.right-pad2 { padding-right: 2em; }
.side-pad3 {
	padding-right: 3em;
	padding-left: 3em; }
.side-pad2 {
	padding-right: 2em;
	padding-left: 2em; }
.tb-margin1.5 {
	margin-top:1.5em;
	margin-bottom:1.5em;
}
.tb-margin2 {
	margin-top:2em;
	margin-bottom:2em;
}



/* Default Link Styles */
a {
  color: red;
  text-decoration: none;
  line-height: inherit; }
a:hover, a:focus {
    color: grey; }



/* -------------------------------------------------- 
   Breadcrumbs
-----------------------------------------------------*/
#current { color: #333333; }
nav.breadcrumbs { margin-bottom: 3em; }

/* -------------------------------------------------- 
   Forms
-----------------------------------------------------*/
#form-quote {
	margin-top: 3em;
}

#quote-confirm {
	padding-top: 2em;
	padding-bottom: 2em;
}

form p {
	font-size: 0.875em;
}


/* -------------------------------------------------- 
   Buttons
-----------------------------------------------------*/
button.secondary, .button.secondary {
    background-color: red;
    border-color: #1a1a1a;
    color: white;
}

button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
      background-color: red;
      color: white;
} 


/* -------------------------------------------------- 
   Banner and Hero and Logo and Page Title
-----------------------------------------------------*/

#pgtitle.row h2, #pgtitle.row h1 {
	color: #f2f2f2;
	font-size: 2em;
}

#pgtitle.row {
	margin-top: 0;
    margin-bottom: 0;
	padding-top: .25em;
	padding-bottom: 0;
	color: #f2f2f2;
}


#hero { }

img#logo {
	background-color: red;
	padding: 12px;
	margin: 0;
}


@media screen and (min-width: 56.25em) {
img#logo {
	background-color: red;
	padding: 2em;
	margin-left: 1em;
	margin-top: 0;
	margin-bottom: 0;
	z-index: 1;
}

#banner.row {
	height: 0px;
	float: right;
}

#banner.row .button.success.large.radius {
	top: -50px;
	margin: 0;
}

}


/* -------------------------------------------------- 
   Header - Navigation - Banner
-----------------------------------------------------*/
/*.top-bar .name h1 changed to h3*/
.top-bar-section ul li:hover > a { 
	background: red;
	color: white;
}

.top-bar {
	height: 70px;
	line-height: 70px;
	background: white;
	margin-bottom: 0;
	border-top: medium solid red;
 }

.top-bar .name { height: 70px; }
.top-bar .name h3 { line-height: 70px; }


.top-bar.expanded .title-area {
	background: red; }

.top-bar.expanded {
	background: red; }


.top-bar .name h3 a { /* [disabled]padding-bottom:5px; */ }
header .top-bar .title-area .name h3 a { /* [disabled]padding-bottom:5px; */ }



/* after break */
.top-bar .toggle-topbar a {
	font-size: 0.7em;
	height: 70px;
	line-height: 70px; }

.top-bar.expanded .title-area { background: red; }

.top-bar.expanded .toggle-topbar a { color: white; }

.top-bar .toggle-topbar.menu-icon a {
	text-indent: -60px;
	color: grey; }
        .top-bar .toggle-topbar.menu-icon a span {
          position: absolute;
          right: 0;
          display: block;
          width: 16px;
          height: 0;
          -webkit-box-shadow: 0 10px 0 1px grey, 0 16px 0 1px grey, 0 22px 0 1px grey;
          box-shadow: 0 10px 0 1px grey, 0 16px 0 1px grey, 0 22px 0 1px grey;
}

/* middle break */
.top-bar-section .has-form { padding: 1px; }





@media only screen and (max-width:767px) {
.top-bar-section ul li > a {
	color: white;
	font-weight: bold;
}
}


@media only screen and (min-width: 56.25em) {
.top-bar-section ul li > a {
	color: #222222;
	font-weight: bold; }
.top-bar-section ul li > a.button {
	background: white;
	font-size: 0.8125em; }
.top-bar-section ul li.active > a {
	background: #222222;
	color: white;
}

.top-bar input, .top-bar .button {
	line-height: 4em;
	height: 4em;
	padding: 0;
	border-left-color: #e1e1e1;
	border-right-color: #e1e1e1;
	border-top-color: white;
	border-bottom-color: white;
}

.top-bar-section .has-form {
	background: white;
	height: 60px;
	width: 90px;
	padding: 0;
}

.top-bar-section ul li:hover > a { 
	background: red;
	color: white;
}
}



/* -------------------------------------------------- 
   Footer styles
-----------------------------------------------------*/
footer { 
     bottom: 0;
     left: 0;
     width: 100%;
	/* [disabled]margin-top: 1em; */
}

footer p {
	color: white;
}

footer a {
  color: white;
  text-decoration: none;
  line-height: inherit; }

footer a:hover, footer a:focus {
	color: #444444;
	text-decoration: underline;
}

footer a:focus { text-decoration: underline;
}

footer #additionFoot, footer #svcFoot, footer #covFoot {
	font-size: .8em;
	line-height: 2em;
}

footer #socialFoot {
	font-size: .8em;
	line-height: 2.75em;
}

footer h4 {
	color: white;
	font-size: 1.12em;
}

footer {
	padding-top: 1.5em;
}

#infoFoot p{
	font-size: .8em;
}


/* -------------------------------------------------- 
   HOME page
-----------------------------------------------------*/



body#home.antialiased { background: black; 
}

#advantage li {
	list-style: url(../_images/check-25px.png);
	line-height: 2em;
}

section#welcome.row {
	margin-top: 2em;
	margin-bottom: 2em;
}

#welcome h1, #welcome h2, #welcome h3, #welcome h4, #welcome h5, #welcome h6, #welcome p, #welcome u1, #welcome li {
	color: white;
}
#welcome h1, #welcome h2, #welcome h3 {
    font-size: 1.2em; 
}
#welcome li { font-size: 0.9em; }
#welcome a {
  color: white;
  text-decoration: none;
}
#welcome a:focus, #welcome a:hover {
	color: #666666;
	text-decoration: underline;
}
#welcome p, #spotlight p {
	font-size: 0.9em;
	line-height: 2;
}

#spotlight h1, #spotlight h2, #spotlight h3 {
    font-size: 1.2em; 
}
#spotlight a {
  color: #111111;
  text-decoration: none;
}
#spotlight a:focus, #spotlight a:hover {
	color: #444444;
	text-decoration: underline;
}
#spotlight h1, #spotlight h2, #spotlight h3, #spotlight h4, #spotlight h5, #spotlight h6, #spotlight p, #spotlight u1, #spotlight li {
}

#yelpReview a {
  color: white;
  text-decoration: none;
}

#advantage a {
  color: white;
  text-decoration: none;
  line-height: inherit;
	font-weight:
}


@media only screen and (max-width:767px) {

#spotlight #savings { padding-top: 1.18em; }
#advantage { padding-left: 2.5em;}

}

@media only screen and (min-width: 768px) {
#spotlight.row {
	padding-bottom: 3.5em;
	padding-top: 3.9em;
}

#intro p{
	line-height: 2em;
}
#welcome.row {
	padding: 0 1em 0 2em;
	margin-top: 2em;
	margin-bottom: 2em;
}
#welcome #intro {
	padding-left: 4em;
	padding-right: 5em;
}

#flexibility.large-4.columns {
	border-right: thin solid grey;
	border-left: thin solid grey;
}

#spotlight #flexibility { 
	padding-left: 1em;
	padding-right: 1em;
}

}



/* -------------------------------------------------- 
   PROFILE page
-----------------------------------------------------*/
#pres { }

@media only screen and (min-width: 768px) {

div#profile.row {
	padding-top: 1em;
	padding-left: 1.5em;
	padding-right: 1.5em;
}
}




/* -------------------------------------------------- 
   SERVICES page
-----------------------------------------------------*/
#serv-list h3 { 
	margin-bottom: 0.1em; 
	font-size: 1.5em;
}

#serv-list .subheader {
	margin-top: 1em;
	margin-bottom: 0.3em;
	text-align: center;
}

.note { font-size: 0.75em; }

.serviceType a {
	color: #222222;
	text-decoration: none;
}

.serviceType h3 {
	font-size: 1em;
}

.serviceType a:hover, .serviceType a:focus {
    color: grey;
	text-decoration:underline;
}

@media only screen and (min-width: 768px) {
div#svc-page.row {
	padding-left: 0.75em;
	padding-right: 0.75em;
}

div#serv-list { margin-left: 1em; }
}





/* -------------------------------------------------- 
   COVERAGE page
-----------------------------------------------------*/

#ggb { }

#hubs h4 { font-size: 1.25em; }

#hubs p {margin-top: 1em; }

#hubs ul {margin-left: 2.5em; }

@media only screen and (min-width: 768px) {
img#shipping-img {
	margin-top: 6em;
	margin-left: 1em;
}
}






/* -------------------------------------------------- 
   SOLUTIONS page
-----------------------------------------------------*/
@media only screen and (min-width: 768px) {

#solutions ul { /* [disabled]margin-left: 3em; */ }
}





/* -------------------------------------------------- 
   CONTACT and BAYAREA-SAVINGS page
-----------------------------------------------------*/

#address.row h4 { margin-bottom: 0em; }

section#info { }

section#contact { 
}

#formcontact { 
}

@media only screen and (min-width: 768px) {

section#contactmain { margin-left: 3em; }

section#yelp { padding-left: 2em; }

}


/* -------------------------------------------------- 
   SITEMAP page
-----------------------------------------------------*/

#sitemap h2 {
	font-size: 1.5em;
	color: red;
}

#sitemap h3 { 
	font-size: 1em;
	margin-left: 1.25em;
}