body{background:#FFF;padding:20px 0 0;}
h2 {font-size:22px;}
.mainWrapper{width:940px; margin:20px auto 0 auto; }
nav ul{float:right;}
nav li{float:left; margin-left:45px;}
nav li a{font-family:'Varela Round', sans-serif; font-size:16px; text-decoration:none; color:#333;}
nav li a:hover{color:#333; text-decoration:none;}
nav li:nth-child(1), nav li:nth-child(2), nav li:nth-child(3), nav li:nth-child(4){margin-top:60px;}
.margin{margin-bottom:20px;}
.login-button{padding:4px 20px; margin-top:55px;}
.border{border-top:1px solid #CCC; margin:20px 0;}
div#carouselContainer div.row-fluid p {font-size:22px;margin-top:20px;line-height:30px;}
div#carouselContainer div.row-fluid h2 {font-size:30px;margin-top:20px;}
div#carouselContainer div.row-fluid p a {color:#666;}
div#carouselContainer div.row-fluid p a:hover {text-decoration:underline;}
.googleButton{float:left; width:200px;}
footer{float:right; }
footer ul {	list-style:none; margin:0; padding:0;}
footer ul li{float:left; margin-left:30px; font-family:'Varela Round', sans-serif;}
footer ul li a{color:#333;}
footer ul li a:hover{text-decoration:none; color:#333;}
.infoWrapper p{margin:5px 0 15px 0 !important; line-height:180%;}
.features h1{padding:10px 30px; background:#DDD; border-top-left-radius: 5px; border-top-right-radius:5px;}
.features ul{list-style:none; margin:0 0 20px 0; padding:0;}
.features ul li{padding:10px 30px; background:#F5F5F5; border-bottom:1px solid #DDD;}
.features ul li:hover{ background:#DDD;}
.varela {font-family: 'Varela Round', sans-serif;}
#myCarousel{-moz-border-radius: 5px; border-radius: 5px; background:#DDD; padding:15px 0;}
.carousel-control{top:130px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mb10{margin-bottom:10px;}
.mt20mb20{margin:20px 0;}
.mt10mb10{margin:10px 0;}
.ml20 {margin-left:20px;}
.pdl80 {padding-left:80px;}
.pdl20 {padding-left:20px;}
.errorContainer{width:450px; height:70px; font-size:142px; margin:80px auto 0 auto;}
.errorContainer h1{font-size:190px; text-align:center; margin-bottom:70px; text-shadow: 2px 2px #CCC;}
.errorInformation{width:500px; margin:30px auto 0 auto; text-align:center;}
.errorInformation p{line-height:160%; font-size:18px;}
.carousel-control {margin-top:20px;}
#screencast {width:800px;margin: -250px 0 0 -380px;}
#screencast div.modal-body {max-height:420px;}
#screencast div.modal-body ifram {margin:0 auto;}
@media (max-width: 480px) {}
 

  @media (max-width: 768px) { 
  
   }
 

  @media (min-width: 768px) and (max-width: 980px) {
  
  .container {width:960px;} 
  }
 

  @media (min-width: 1200px) { 
  .container {width:960px !important;} 
  }