@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'MuseoForDell300';
    src: url('../fonts/museofordell-300-webfont.eot');
    src: url('../fonts/museofordell-300-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/museofordell-300-webfont.woff') format('woff'),
         url('../fonts/museofordell-300-webfont.ttf') format('truetype'),
         url('../fonts/museofordell-300-webfont.svg#MuseoForDell300') format('svg');
    font-weight:bold;
    font-style: normal;
	letter-spacing:-0.04em;
}
@font-face {
    font-family: 'MuseoForDell700';
    src: url('../fonts/MuseoForDell-700.eot');
    src: url('../fonts/MuseoForDell-700.eot?#iefix') format('embedded-opentype'),
         url('../fonts/MuseoForDell-700.woff') format('woff'),
         url('../fonts/MuseoForDell-700.ttf') format('truetype'),
         url('../fonts/MuseoForDell-700.svg#MuseoForDell700') format('svg');
    font-style: normal;
	letter-spacing:-0.04em;
}
@font-face {
    font-family: 'MuseoSansForDell300';
    src: url('../fonts/museosansfordell-300-webfont.eot');
    src: url('../fonts/museosansfordell-300-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/museosansfordell-300-webfont.woff') format('woff'),
         url('../fonts/museosansfordell-300-webfont.ttf') format('truetype'),
         url('../fonts/museosansfordell-300-webfont.svg#MuseoForDell300') format('svg');
    font-weight:bold;
    font-style: normal;
	letter-spacing:-0.04em;
}
@font-face {
	font-family: 'MuseoSansForDell700';
    src: url('../fonts/museosansfordell-700-webfont.eot');
    src: url('../fonts/museosansfordell-700-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/museosansfordell-700-webfont.woff') format('woff'),
         url('../fonts/museosansfordell-700-webfont.ttf') format('truetype'),
         url('../fonts/museosansfordell-700-webfont.svg#MuseoForDell300') format('svg');
    font-weight:bold;
    font-style: normal;
	letter-spacing:-0.04em;
}
body#home { background:url(../images/bgr/main-home.jpg) #ffffff top center no-repeat; font-family: 'MuseoForDell300'; font-size:14px; color:#6b737a; height:100% }
body#secondary { background:url(../images/bgr/main-secondary.jpg) #ffffff top center no-repeat; font-family: 'MuseoForDell300'; font-size:14px; color:#6b737a; height:100% }

strong { font-family:'MuseoSansForDell700' }
.clear { clear:both }
.uppercase { text-transform:uppercase }
#homeHeader { background:url(../images/bgr/home-bgr-triangles.png) #1bb1e7 top center no-repeat; min-height:414px; width:100%; position: relative; top:0 }
.homeSliderBox { color:#fff; min-height:299px }
.homeSliderBox h1 { font-size:51px}
.homeSliderBox p { font-size:18px; margin-top:25px; line-height:17pt}

.mbl-header { padding:35px 0 0 0px; }
.mbl-header-bgr { background:url(../images/header-m.png) bottom left no-repeat; height:254px }
.subheader { background:url(../images/bgr/home-subheader.jpg) top center no-repeat; height:169px; text-align:center; margin-bottom:70px }
.subheader p { margin-top: 35px; line-height: 17pt }


.vvs-starter { width:315px; height:389px; background:url(../images/bgr/home-vvs-plan-01.png) top no-repeat; float:left; padding-top:45px }
.vvs-advanced { width:329px; height:399px; background:url(../images/bgr/home-vvs-plan-02.png) top no-repeat; float:left; padding-top:35px }
.vvs-pro { width:312px; height:389px; background:url(../images/bgr/home-vvs-plan-03.png) top no-repeat; float:left; padding-top:45px }

.plans-header { font-size:22px; text-align:center; padding-bottom:20px; color:#6b737a; text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white; }

.vvs-starter ul, .vvs-advanced ul, .vvs-pro ul, .products-tile ul {
    list-style-type:none;
    margin: 5px 0 0 35px;
    padding: 0;
}
.vvs-starter ul li {
    background:url(../images/bgr/checkmark-orange.png) 0 8px no-repeat;
    padding: 5px 0 5px 20px;
	font-size:13px;
	color:#6b737a;
}

.vvs-advanced ul li, .products-tile ul li {
    background:url(../images/bgr/checkmark-green.png) 0 8px no-repeat;
    padding: 5px 0 5px 20px;
	font-size:13px;
	color:#6b737a;
}

.vvs-pro ul ul {
    list-style-type:none;
    margin: 5px 0 0 35px;
    padding: 0;
}
.vvs-pro ul li {
    background:url(../images/bgr/checkmark-blue.png) 0 8px no-repeat;
    padding: 5px 0 5px 20px;
	font-size:13px;
	color:#6b737a;
}

.vvs-starter ul li a:link, .vvs-advanced ul li a:link, .vvs-pro ul li a:link { color:#6b737a; text-decoration:underline }
.vvs-starter ul li a:hover, .vvs-advanced ul li a:hover, .vvs-pro ul li a:hover { color:#000; text-decoration:none }

.vvs-starter-m ul, .vvs-advanced-m ul, .vvs-pro-m ul, .main-footer ul {
    list-style-type:none;
    margin: 5px 0 0 0;
    padding: 0;
}

.vvs-starter-m ul li {
    background:url(../images/bgr/checkmark-orange.png) 0 8px no-repeat;
    padding: 5px 0 5px 20px;
	font-size:13px;
	color:#6b737a;
}

.vvs-advanced-m ul li {
    background:url(../images/bgr/checkmark-green.png) 0 8px no-repeat;
    padding: 5px 0 5px 20px;
	font-size:13px;
	color:#6b737a;
}

.vvs-pro-m ul li {
    background:url(../images/bgr/checkmark-blue.png) 0 8px no-repeat;
    padding: 5px 0 5px 20px;
	font-size:13px;
	color:#6b737a;
}

.circle { border-radius: 50%; width: 105px;	height: 105px; border: 9px solid #fff; text-align:center; color:#fff; display:table }
.circle-big { border-radius: 50%; width: 120px;	height: 120px; border: 9px solid #fff; text-align:center; color:#fff; display:table }
.vert-center { display:table-cell; vertical-align:middle }

.lightgrey { background:#adadae }
.lightblue { background:#0085b0 }


.secondaryheader h1 { font-size:50px; color:#fff; margin:35px 0 0px 8px;  }

.products-menu h2 { color:#0085b0; font-size:21px; margin:0 }
.products-menu ul {
    list-style-type:none;
    margin: 5px 0 55px 0;
    padding: 0;
}
.products-menu ul li {
    background:url(../images/bgr/arrow-b.png) 9px 12px no-repeat;
    padding: 7px 0 7px 24px;
	border-bottom:1px solid #ededde;
	font-size:16px;
	color:#666666;
}
.products-menu ul li:hover, .products-menu ul li.selected { background:url(../images/bgr/arrow-b.png) 9px 12px no-repeat #f0efef; }
.products-menu ul li a:link, .products-menu ul li a:visited { color:#666666; text-decoration:none }
.products-menu ul li a:hover { color:#666666; text-decoration:underline }

.products-content p { margin-bottom:25px; line-height:19pt }
.products-content h1 { font-size:41px }
.products-content h2 { color:#6b737a; font-size:20px; line-height:30px; margin:30px 0 }

.products-content-sep { background:url(../images/sep.png)  center 0 no-repeat; margin: 55px 0; height:9px }

.vvs-features ul {
    list-style-type:none;
    margin: 0 0 0 25px;
    padding: 0;
}
.vvs-features ul li {
    background:url(../images/bgr/checkmark-blue.png) 0 8px no-repeat;
    padding: 2px 0 5px 20px;
	font-size:13px;
	color:#6b737a;
}

.vvs-features ul ul li {
    background:url(../images/bgr/dot-blue.png) 0 8px no-repeat;
    padding: 0px 0 5px 15px;
	font-size:13px;
	color:#6b737a;
}

.products-gallery { border:1px solid #eeeeee; border-radius: 0 0 6px 6px; padding:15px; margin-top:45px }
.img-border { border-radius:5px; border:solid 1px #e9e9e9 }

.products-tile { background:url(../images/bgr/products-tile-bgr.png) top repeat-x; width:100%; padding-top:25px; margin-top:20px; border: solid 1px #dddddd; border-radius: 5px }
.products-header { color:#6b737a; font-size:22px; text-align:center; padding-bottom:25px }



/* Mobile menu slider */


       .menu {
          position: absolute;
          opacity: 0.975;
          top: 120px;
          background-color: #1bb1e6;
          left: 0;
          right: 0;
	  	  min-height: 100%;
          display:none;
          z-index: 30;
          box-shadow: 0px 8px 16px #333;
       }
       .menu .placer {
          position: relative;          
       }
       .menu .closer {
          position: absolute;
          right: 3px;
          top: 3px;
          padding: 10px 10px 10px 10px;
          border-radius: 2px;
          background-color: #1e93bf;
       }
       .menu .closer .ex {
          font-size: 50px;
          text-align: center;
          font-weight: bold;
          line-height: 25px;
          color: white;
          text-shadow: -1px -1px #156989;
       }

       .menu .item:hover {
          background-color: #156989;
       }
       .menu .item {
          font-size: 1.5em;
          color: white;
          padding: 0.5em 2em;
          border-bottom: 1px solid #156989;
       }
       .menu .item a {
          color: white;
          display: block;
       }
       .menu .item a:hover {
          text-decoration: none;
       }

       .menu-button {
          position: absolute;
          top: 15px;
          right: 0;
          background-color: #f0f0f0;
          font-size: 2.0em;
          margin: 35px 35px 0 0;
          padding: 5px;
       }
       .menu-button:hover {
          background-color: #ebebeb;
       }
       .menu .closer:hover {
          background-color: #156989;
       }
       
       .menu-button a {
          color: #118811;
          text-decoration: none;
       }
       .menu .placer .closer a {
          color: white;
          text-decoration: none;
       }
       
       .horzbar {
          background-color: #156989;
          height: 2px;          
          width: 25px;
          margin: 5px;
       }
	  
/* Form */
/*
#contact input, #contact textarea {
    -moz-box-sizing: border-box;
    border: 1px solid #EDEDED;
    border-radius: 3px;
    clear: both;
    color: #888888;
    display: block;
    float: left;
    margin-bottom: 12px;
    padding: 12px;
    transition: color 0.3s ease 0s, border-color 0.3s ease 0s;
    width: 100%;
}
input:focus, textarea:focus {
    border-color: #CCCCCC;
}
textarea {
    height: 150px;
} 
	   
/* Footer */
.main-footer { background:url(../images/bgr/footer-main.png) top repeat-x; height:195px; color:#e9e9e9; padding-top:55px }
.sub-footer { background:url(../images/bgr/footer-sub.png) top repeat-x; height:30px; color:#989ca0; padding-top:20px; text-align:center; font-size:12px; }
.main-footer-m { height:50px; font-size:13px; text-align:center }

.main-footer header { font-size:16px; margin-bottom:15px }
.main-footer p { font-size:13px; }
.main-footer ul li {
    background:url(../images/bgr/arrow.png) 0 8px no-repeat;
    padding: 2px 0 5px 10px;
	font-size:13px;
	color:#e9e9e9;
}


.main-footer ul li a:link, .main-footer a:link, .main-footer a:visited { color:#e9e9e9; text-decoration:none }
.main-footer ul li a:hover, .main-footer a:hover { color:#e9e9e9; text-decoration:underline }



      /* Set the fixed height of the footer here */
      .push,
      footer {
        height: 150px;
		margin: 0 auto;
		text-align:left;
      }
      

      /* Lastly, apply responsive CSS fixes as necessary */
      @media (max-width: 767px) {
        /*footer {
		  width:100%;
          margin-left: -40px;
          margin-right: -50px;
          padding-left: 20px;
          padding-right: 20px;
        }*/
		.push, footer {
        height: 50px;
		margin: 0 auto;
		text-align:left;
		padding-bottom:25px
      }
      }