@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/OpenSans-Bold-webfont.eot');
    src: url('../fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Bold-webfont.woff2') format('woff2'),
         url('../fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sansbold_italic';
    src: url('../fonts/OpenSans-BoldItalic-webfont.eot');
    src: url('../fonts/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-BoldItalic-webfont.woff2') format('woff2'),
         url('../fonts/OpenSans-BoldItalic-webfont.woff') format('woff'),
         url('../fonts/OpenSans-BoldItalic-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-BoldItalic-webfont.svg#open_sansbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sanssemibold';
    src: url('../fonts/OpenSans-Semibold-webfont.eot');
    src: url('../fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Semibold-webfont.woff2') format('woff2'),
         url('../fonts/OpenSans-Semibold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sanssemibold_italic';
    src: url('../fonts/OpenSans-SemiboldItalic-webfont.eot');
    src: url('../fonts/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-SemiboldItalic-webfont.woff2') format('woff2'),
         url('../fonts/OpenSans-SemiboldItalic-webfont.woff') format('woff'),
         url('../fonts/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-SemiboldItalic-webfont.svg#open_sanssemibold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sanslight_italic';
    src: url('../fonts/OpenSans-LightItalic-webfont.eot');
    src: url('../fonts/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-LightItalic-webfont.woff2') format('woff2'),
         url('../fonts/OpenSans-LightItalic-webfont.woff') format('woff'),
         url('../fonts/OpenSans-LightItalic-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-LightItalic-webfont.svg#open_sanslight_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/OpenSans-Regular-webfont.eot');
    src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Regular-webfont.woff2') format('woff2'),
         url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sansitalic';
    src: url('../fonts/OpenSans-Italic-webfont.eot');
    src: url('../fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Italic-webfont.woff2') format('woff2'),
         url('../fonts/OpenSans-Italic-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Italic-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sanslight';
    src: url('../fonts/OpenSans-Light-webfont.eot');
    src: url('../fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Light-webfont.woff2') format('woff2'),
         url('../fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sansextrabold';
    src: url('../fonts/OpenSans-ExtraBold-webfont.eot');
    src: url('../fonts/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-ExtraBold-webfont.woff2') format('woff2'),
         url('../fonts/OpenSans-ExtraBold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-ExtraBold-webfont.svg#open_sansextrabold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sansextrabold_italic';
    src: url('../fonts/OpenSans-ExtraBoldItalic-webfont.eot');
    src: url('../fonts/OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-ExtraBoldItalic-webfont.woff2') format('woff2'),
         url('../fonts/OpenSans-ExtraBoldItalic-webfont.woff') format('woff'),
         url('../fonts/OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-ExtraBoldItalic-webfont.svg#open_sansextrabold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'varela_roundregular';
    src: url('../fonts/VarelaRound-Regular-webfont.eot');
    src: url('../fonts/VarelaRound-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/VarelaRound-Regular-webfont.woff2') format('woff2'),
         url('../fonts/VarelaRound-Regular-webfont.woff') format('woff'),
         url('../fonts/VarelaRound-Regular-webfont.ttf') format('truetype'),
         url('../fonts/VarelaRound-Regular-webfont.svg#varela_roundregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* Concrete */

html,body{margin:0;padding:0}*,*:after,*:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.row{overflow:hidden;max-width:1024px;min-width:768px;margin:0 auto}.row:after{content:"";display:table;clear:both}.row .row{max-width:100%;min-width:100%}.column,.columns{float:left;padding-left:10px;padding-right:10px}.column .column:first-of-type,.column .columns:first-of-type,.columns .column:first-of-type,.columns .columns:first-of-type{padding-left:0}.column .column:last-of-type,.column .columns:last-of-type,.columns .column:last-of-type,.columns .columns:last-of-type{padding-right:0}.column.without-padding,.columns.without-padding{padding-left:0;padding-right:0}.column.one,.columns.one{width:8.33333%}.column.two,.columns.two{width:16.66667%}.column.three,.columns.three{width:25%}.column.four,.columns.four{width:33.33333%}.column.five,.columns.five{width:41.66667%}.column.six,.columns.six{width:50%}.column.seven,.columns.seven{width:58.33333%}.column.eight,.columns.eight{width:66.66667%}.column.nine,.columns.nine{width:75%}.column.ten,.columns.ten{width:83.33333%}.column.eleven,.columns.eleven{width:91.66667%}.column.twelve,.columns.twelve{width:100%}.offset.by-one{margin-left:8.33333%}.offset.by-two{margin-left:16.66667%}.offset.by-three{margin-left:25%}.offset.by-four{margin-left:33.33333%}.offset.by-five{margin-left:41.66667%}.offset.by-six{margin-left:50%}.offset.by-seven{margin-left:58.33333%}.offset.by-eight{margin-left:66.66667%}.offset.by-nine{margin-left:75%}.offset.by-ten{margin-left:83.33333%}.offset.by-eleven{margin-left:91.66667%}@media handheld, only screen and (max-width: 767px){.row{width:100%;min-width:0}.offset.by-one,.offset.by-two,.offset.by-three,.offset.by-four,.offset.by-five,.offset.by-six,.offset.by-seven,.offset.by-eight,.offset.by-nine,.offset.by-ten,.offset.by-eleven{margin-left:0}.column.one,.column.two,.column.three,.column.four,.column.five,.column.six,.column.seven,.column.eight,.column.nine,.column.ten,.column.eleven,.column.twelve,.columns.one,.columns.two,.columns.three,.columns.four,.columns.five,.columns.six,.columns.seven,.columns.eight,.columns.nine,.columns.ten,.columns.eleven,.columns.twelve{width:auto;float:none;padding-left:10px;padding-right:10px}.column .column,.column .columns,.columns .column,.columns .columns{padding-left:0;padding-right:0}}

/*! HTML5 Boilerplate v5.0.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
    color: #414042;
    font-size: 1em;
    line-height: 1.4;
	font-family:"open_sansregular", "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color:#252525;
}
/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Climate custom styles
   ========================================================================== */
p.strong {
	font-family:"open_sansbold", "Helvetica Neue", Helvetica, Arial, sans-serif;
	}
em {
	font-family:"open_sansitalic", "Helvetica Neue", Helvetica, Arial, sans-serif;
	}
h2 {
	font-family:"open_sanslight", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	color:#FFFFFF;
	font-size: 1.7em;
}
h3 {
	font-family:"open_sanssemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	margin-bottom: 0px;
}
.row {
  overflow:hidden;
  margin:0px auto;
  padding: 30px 3%;
  max-width:892px
  }
.alignRight {
	 text-align:right; 
	}
.alignCenter {
	text-align:center;
		}
#header {
	background-color:#252525;
	}
#header p {
	color:#fff;
	margin-bottom:0px;
	padding-bottom:0px;
	}
#header .column {
	padding-bottom:10px;
	}
#header .row {
	padding-bottom:10px;
	}
#header p.telNo {
	font-family:"varela_roundregular", "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin-top: 0px;
	padding-bottom: 10px;
	font-size: 1.3em;
	}
#header form * {
	font-size: 14px;
	padding: 0px;
	margin: 0px;
	line-height:14px;
	vertical-align: middle;
}
#header #keepmeinformed {
	background-color:#252525;
	border: solid #5c5c5c 1px;
	min-height: 30px;
	padding-left: 10px;
	margin-left: 10px;
	color: #CBCBCB;
	line-height: 28px;
}	
#header input.button {
	background-color: #AECC36;
	display: inline-block;
	border: solid 1px #AECC36;
	min-height: 30px;
	padding: 0px 10px;
}
#header input.button:hover {
	background-color: #FFFFFF;
	border: solid 1px #FFFFFF;
}
#header label {
	color:#FFFFFF;
	font-size: 0.9em;
	padding: 0px;
	margin: 0px;
	display: inline-block;
}

.largephoto {
	background-image:url(../img/photo-room.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-color:#3fbbe0;
	min-height:150px;
	display:block;
	font-family:"varela_roundregular", "Helvetica Neue", Helvetica, Arial, sans-serif;
	}
.largephoto .row {
	position:relative;
	}
.largephoto img {
	position:absolute;
	right:0px;
	top:100px;
	}
.largephoto h1 {
	padding-top: 310px;
	color:#FFFFFF;
	padding-bottom: 10px;
	margin-bottom: 0px;
	line-height: 1.2em;
}
.largephoto h2 strong {
	color:#FFFFFF;
}
.largephoto h2 {
	font-family:"varela_roundregular", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform:none;
	color:#414042;
	padding-bottom:0px;
	padding-top:0px;
	margin-bottom: 0px;
	margin-top: 0px;
	font-size: 1.3em;
}
.aboutRow {
	background-color:#414042;
	color:#FFFFFF;
	}
.aboutRow .row {
	position:relative;
	}
.aboutRow .row:before {
	 content: " ";
	 position:absolute; 
	 top:0px;
	 right:166px;
	 width:34px;
	 height:9px;
	 background-image:url(../img/tab-blue-grey.gif);
	 background-repeat:no-repeat;
  }
.howitworks {
	background-color:#adcb35;
	}
.howitworks .row {
	position:relative;
	}
.howitworks .row:before {
	 content: " ";
	 position:absolute; 
	 top:0px;
	 right:166px;
	 width:34px;
	 height:9px;
	 background-image:url(../img/tab-grey-green.gif);
	 background-repeat:no-repeat;
  }
.howitworks .column {
	text-align:center;
	padding-top: 264px;
	background-repeat:no-repeat;
	background-position:center top;
	}
.howitworks .ambient {
	background-position: center 30px;
	background-image:url(../img/graphic-ambient.png);
	}
.howitworks .change {
	background-image:url(../img/graphic-change.png);
	}
.howitworks .alarm {
	background-image:url(../img/graphic-alarm.png);
	}
.howitworks p {
	padding-left:10%;
	padding-right:10%;
	font-size:0.9em;
	margin-top:0.5em;
	}
.licensing {
	background-color:#3fbbe0;
	text-align:center;
	font-family:"varela_roundregular", "Helvetica Neue", Helvetica, Arial, sans-serif;
	}
.licensing p {
	padding:20px 0px 0px 0px;
	margin:0px;
	font-size:1.3em;
	}
.licensing h3 {
	padding:4px 0px 0px 0px;
	margin:0px;
	font-size:1.1em;
	}
.licensing a {
	color:#fff;
	text-decoration:none;
	}
.licensing strong {
	color:#fff;
	font-size:1.4em;
		}
.licensing  .row {
	position:relative;
	}
.licensing  .row:before {
	 content: " ";
	 position:absolute; 
	 top:0px;
	 right:166px;
	 width:34px;
	 height:9px;
	 background-image:url(../img/tab-green-blue.png);
	 background-repeat:no-repeat;
  }
.licensing.second .row:before {
	 background-image:url(../img/tab-grey-blue.png);
  }
.patents {
	background-color:#414042;
	color:#FFFFFF;
	}
.patents p {
	background-color:#414042;
	color:#FFFFFF;
	background-image:url(../img/patentimage.gif);
	background-repeat:no-repeat;
	background-position:left top;
	padding-left:80px;
	font-size:0.9em;
	}
.patents .row {
	position:relative;
	}
.patents .row:before {
	 content: " ";
	 position:absolute; 
	 top:0px;
	 right:166px;
	 width:34px;
	 height:9px;
	 background-image:url(../img/tab-blue-grey.png);
	 background-repeat:no-repeat;
  }
 .patents ul {
	 list-style-type:none;
	 padding:15px 0px 0px 0px;
	 margin:0px;
	 font-size:0.9em;
  }
 .patents ul li {
	 padding:5px 0px 3px 20px;
	 margin:0px 0px 0px 5%;
	 background-image:url(../img/greenbullet.gif);
	 background-repeat:no-repeat;
	 background-position:0px 11px;
	 width:45%;
	 float:left;
  }
.features {
	background-color:#fff;
	}
.features .row {
	position:relative;
	}
.features .row:before {
	 content: " ";
	 position:absolute; 
	 top:0px;
	 right:166px;
	 width:34px;
	 height:9px;
	 background-image:url(../img/tab-grey-white.png);
	 background-repeat:no-repeat;
  }
.features h2 {
	color:#414042;
	}
.features ul {
	list-style:none;
	padding:0px;
	margin:0px;
	font-size:1.3em;
	font-family:"open_sanslight", "Helvetica Neue", Helvetica, Arial, sans-serif;
	}
.features li {
	padding:5px 0px 12px 50px;
	margin:0px;
	background-image:url(../img/tick.png);
	background-repeat:no-repeat;
	background-position:left top;
	line-height:1.4em;
	}
.features ul ul {
	padding:0px;
	margin:0px;
	font-size:1em;
	}
.features ul ul li {
	padding:10px 0px 0px 15px;
	margin:0px;
	background-image:url(../img/dash.gif);
	background-position:left 25px;
	line-height:1.2em;
	}
.overview {
	background-color:#414042;
	color:#FFFFFF;
	}
.overview .alignRight {
	text-align:left;
	}
.overview .row {
	padding-top:20px;
	position:relative;
	}
.overview .row:before {
	 content: " ";
	 position:absolute; 
	 top:0px;
	 right:166px;
	 width:34px;
	 height:9px;
	 background-image:url(../img/tab-grey.png);
	 background-repeat:no-repeat;
  }
.overview h3 {
    color:#adcb35;
}
.overview .spec h3 {
    color:#ffffff;
	padding-top:10px;
}
.overview p {
	margin-top:0.5em;
	}
.overview .spec {
	text-align:left;
	padding-top: 10px;
}
.overview .spec ul {
	list-style:none;
	padding: 10px 0px 0px 0px;
	margin:0px;
	}
.overview .spec li {
	padding: 5px 0px 0px 15px;
	margin:0px;
	background-image:url(../img/grennbullet.png);
	background-repeat:no-repeat;
	background-position: 3px 9px;
	}
.photoRow {
	background-image:url(../img/photo-onwall.jpg);
	background-repeat:no-repeat;
	min-height:433px;
	background-position:center;
	}
.photoRow .row {
	position:relative;
	}
.photoRow .row:before {
	 content: " ";
	 position:absolute; 
	 top:0px;
	 right:166px;
	 width:34px;
	 height:9px;
	 background-image:url(../img/tab-black.png);
	 background-repeat:no-repeat;
  }
  .photoRow h3 {
	  position:relative;
	  color:#fff;
	  padding-left:40px;
	  padding-right:40px;
	  margin-left:30px;
	  margin-right:30px;
	  font-size: 1.8em;
	  margin-top: 144px;
	  }

.faqsRow {
	background-color:#414042;
	color:#FFFFFF;
	}
.faqsRow .row{
	max-width: 932px;
	position:relative;
	}
.faqsRow .row:before {
	 content: " ";
	 position:absolute; 
	 top:0px;
	 right:166px;
	 width:34px;
	 height:9px;
	 background-image:url(../img/tab-photo.png);
	 background-repeat:no-repeat;
  }
.faqsRow .four {
	width: 287px;
	min-height:285px;
	border:solid #adcb35 1px;
	position:relative;
	margin-bottom: 20px;
	text-align:center;
	background-repeat:no-repeat;
	background-position: center 44px;
}
.faqsRow p {
	margin-top: 191px;
	padding-left:30px;
	padding-right:30px;
	font-size:1.1em;
}
.faqsRow .four span {
	position: absolute;
  z-index: 150;
  bottom: 0px;
  right: 0px;
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(../img/plussymbol.png);
  background-repeat: no-repeat;
  background-position: bottom right;
  text-indent: -5000px;
	}
.faqsRow .four span.whitebox {
	background-image:url(../img/whitearrow.png);
	}
.faqsRow .answer {
	display:block;
	margin-bottom:40px;
	padding-top: 15px;
	padding-left:30px;
	padding-right:30px;
	font-size:1.1em;
	width:1px;
	height:1px;
	}
.faqsRow .answer.fullheight {
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	margin-bottom:0px;
	background-color:rgba(0,0,0,0.80);
	z-index:100;
	 -webkit-animation: fadeup 1s; /* Chrome, Safari, Opera */
    animation: fadeup 1s;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes fadeup {
    from {background-color:rgba(0,0,0,0.0);color:rgba(255,255,255,0);}
    to {background-color:rgba(0,0,0,0.80);color:rgba(255,255,255,1);}
}
/* Standard syntax */
@keyframes fadeup {
     from {background-color:rgba(0,0,0,0.0);color:rgba(255,255,255,0);}
    to {background-color:rgba(0,0,0,0.80);color:rgba(255,255,255,1);}
	}
.faQopen {
	background-image:url(../img/faq-clock.png);
	}
.faqsRow .faQopen .answer.fullheight {
	padding-top: 104px;
	}
.faQac {
	background-image:url(../img/faq-ac.png);
	}
.faqsRow .faQac .answer.fullheight {
	padding-top: 104px;
	}
.faQwasted {
	background-image:url(../img/faq-door.png);
	}
.faqsRow .faQwasted .answer.fullheight {
	padding-top: 80px;
	}
.faQsmoke {
	background-image:url(../img/faq-alarm.png);
	}
.faqsRow .faQsmoke .answer.fullheight {
	padding-top: 63px;
	}
.faQlouder {
	background-image:url(../img/faq-louder.png);
	}
.faqsRow .faQlouder .answer.fullheight {
	padding-top: 63px;
	}
.faqsRow .four.faQrights {
	background-image:url(../img/faq-bulb.png);
	background-position: center 25px;
	}
.inventor {
	background-color:#adcb35;
	}
.inventor .row{
	max-width: 932px;
	position:relative;
	background-image:url(../img/whiteline.png);
	background-repeat:no-repeat;
	background-position:right 40px;
	padding-top:60px;
	}
.inventor .row:before {
	 content: " ";
	 position:absolute; 
	 top:0px;
	 right:166px;
	 width:34px;
	 height:9px;
	 background-image:url(../img/tab-grey-green.png);
	 background-repeat:no-repeat;
  }
.inventor .three {
	text-align:center;
	color:#fff;
	font-size:1.2em;
	}
#footer {
	background-color:#252525;
	color:#FFFFFF;
	font-size:0.8em;
	font-family:"open_sanslight", "Helvetica Neue", Helvetica, Arial, sans-serif;
	}
#footer .row {
	padding-top:50px;
	padding-bottom:50px;
	}
#footer strong {
	font-family:"open_sansbold", "Helvetica Neue", Helvetica, Arial, sans-serif;
	}
#footer a {
	color:#adcb35;
	text-decoration:none;
	}
#footer a:hover {
	color:#fff;
	}
#footer .alignRight {
	text-align:left;
	}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers:
 * http://juicystudio.com/article/screen-readers-display-none.php
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}
@media all and (min-width: 480px) {
	.faqsRow .four {
		margin-left:20px;
	}
	.faqsRow h2 {
		padding-left: 20px;
	}
	.photoRow h3 {
		  margin-left: 173px;
		  margin-right:28px;
	  }
}
@media all and (min-width: 700px) {
	.photoRow h3 {
		  margin-left: 273px;
		  margin-right:28px;
	  }
	  .photoRow h3:before {
		 content: " ";
		 position:absolute; 
		 top:0px;
		 left:0px;
		 width:22px;
		 height:72px;
		 background-image:url(../img/bracketleft.png);
		 background-repeat:no-repeat;
	 }
	 .photoRow h3:after {
		content: " ";
		 position:absolute; 
		 top:0px;
		 right:0px;
		 width:22px;
		 height:72px;
		 background-image:url(../img/bracketright.png);
		 background-repeat:no-repeat;
	 }
}
@media all and (min-width: 980px) {
	#footer .alignRight {
		padding-top:6em;
		text-align:right;
	}
	#header .column {
		padding-bottom:0px;
	}
	#header .row {
		padding-bottom:30px;
	}
	#keepmeinformed {
		margin-left: 10px;
	}
	.largephoto h1 {
		padding-top: 220px;
		margin-right:0px;
	}
	.largephoto h2 {
		margin-right: 300px;
	}
	.row {
	  	padding:30px 0px;
	}
	.features ul {
		padding:30px 0px 0px 0px;
	}
	.overview h2 {
		padding-bottom: 1em;
	}
	.overview .row {
		padding-top: 100px;
	}
	.overview .spec {
		margin-left: 171px;
	}
	.overview .alignRight {
		text-align:right;
	}
	.photoRow h3 {
		 margin-left:362px;
		 margin-right:48px;
	 }
}
/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}