/* ------------------------------------------------------- */
/* CONTENTS
--------------------
	1. MAIN STYLES
	2. LAYOUT
	3. STYLE
*/

/* ----------------------------------------------------------
	1. MAIN STYLES
-----------------------------------------------------------*/

/* .hidden - always need this, used by our javascript libraries */
/* .clearfix - add this class to clear float containers */

* {
	font-family: Georgia, "Times New Roman", Palatino, Bookman, "New Century Schoolbook", serif; /* serif */
}
body {
	text-align:left;
	width: 100%;
	font-size: 11px;
	background: #010101 url(../images/bg.gif) repeat-x;
	color: #fff;
}
p {
	font-size: 18px;
	line-height: 24px;
	color: #fff;
	opacity: 0.8;
	filter:alpha(opacity=80);
}
body.text div.left p {
	clear: both;
	float: left;
	padding-top: 12px;
}
p.small {
	font-size: 15px;
	line-height: 22px;
    margin-bottom: 12px;
}
span.italics { font-style: italic;}
a { text-decoration: none; color: #F7941E; font-style: italic; }
a:hover { text-decoration: underline; }
h1 {
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	line-height: 24px;
	opacity: 0.9;
	filter:alpha(opacity=90);
	text-shadow: 2px 2px 2px #5b5c5e;
	float: left;
	clear: both;
}
h2 {
	font-size: 46px;
	font-weight: bold;
	color: #fff;
	line-height: 50px;
	text-shadow: 2px 2px 2px #5b5c5e;
	float: left;
	clear: both;
}
h3 {
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	line-height: 28px;
	opacity: 0.8;
	filter:alpha(opacity=80);
	text-shadow: 2px 2px 2px #5b5c5e;
	float: left;
	clear: both;
}
h4 {
	font-size: 30px;
	font-weight: normal;
	color: #fff;
	line-height: 36px;
}
h6 {
	font-size: 22px;
	color: #fff;
}

/* ----------------------------------------------------------
	2. LAYOUT
-----------------------------------------------------------*/

div#wrapper {
	width: 100%;
	min-height: 173px;
	position: relative;
	overflow: visible;
	background: url(../images/hatch.png) repeat-x;
}
div.header {
	width: 900px;
	position: relative;
	float: left;
	height: 175px;
	background: url(../images/header.png) no-repeat bottom center;
	z-index: 100;
}
div.footer {
	width: 100%;
	position: relative;
	float: left;
	padding-top: 20px;
	padding-bottom: 30px;
}
div.action {
	width: 100%;
	position: relative;
	float: left;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background: #414142 url(../images/action.gif) repeat-x;
	min-height: 270px;
}
div.content {
	width: 900px;
	margin: 0 auto;
}
div.left {
	width: 613px;
	margin-right: 20px;
	float: left;
	z-index: 200;
	position: relative;
	padding-top: 30px;
	padding-bottom: 30px;
}
body.text div.left {
	width: 100%;
	border-bottom: 1px solid #FFF;
	margin-bottom: 20px;
}
div.right {
	width: 191px;
	height: 286px;
	padding: 90px 36px 192px 39px;
	background: url(../images/iphone.png) no-repeat;
	float: left;
	margin-top: -80px;
	z-index: 200;
	position: relative;
}

/* ----------------------------------------------------------
	3. STYLE
-----------------------------------------------------------*/

div.header div {
	float: right;
	overflow: hidden;
	padding: 30px 12px 0 0;
}
div.header div.titles {
	background: url(../images/header-fade.png) no-repeat center center;
	display: inline-block;
	padding: 30px 20px 20px 0;
	float: left;
}
p.lyte, p.buy {
	opacity: 1;
	filter:alpha(opacity=100);
	float: left;
}
p.lyte a {
	display: block;
	background: url(../images/lyte.png) no-repeat;
	width: 188px;
	height: 71px;
	text-indent: -5000px;
}
p.buy a {
	display: block;
	background: url(../images/buy.png) no-repeat;
	width: 100px;
	height: 41px;
	color: #d7dfea;
	text-decoration: none;
	font-size: 24px;
	padding: 30px 0 0 88px;
}
p.lyte a:hover, p.buy a:hover {
	background-position: 0 -71px;
}
div.slider {
	margin-top: 30px;
}
div.content-one {
	overflow: hidden;
	width: 100%;
}
div.content-two {
	overflow: hidden;
	width: 100%;
}
p.nav {
	background: url(../images/border.gif) repeat-x bottom left;
	width: 593px;
	overflow: hidden;
	padding-left: 20px;
	margin-bottom: 20px;
}
p.nav a {
	display: block;
	overflow: hidden;
	margin-bottom: -1px;
	float: left;
	margin-right: 8px;
    outline: none;
}
p.nav a span {
	font-weight: bold;
	font-size: 17px;
	line-height: 20px;
	opacity: 0.3;
	filter:alpha(opacity=30);
	color: #fff;
	font-style: normal;
	text-transform: uppercase;
	padding: 10px 10px 9px 10px;
	display: block;
}
p.nav a.selected,
p.nav a:hover {
	text-decoration: none;
	background: url(../images/button-left.gif) no-repeat top left;
	padding-left: 1px;
}
p.nav a.selected span,
p.nav a:hover span {
	opacity: 0.8;
	filter:alpha(opacity=80);
	text-decoration: none;
	background: url(../images/button-right.gif) no-repeat top right;
	padding: 10px 10px 9px 9px;
}
div.slider img {
	float: right;
	margin-left: 10px;
}
div.action h5 {
	margin-top: -17px;
}
div.action h5 a {
	display: block;
	background: url(../images/action.png) no-repeat;
	width: 140px;
	height: 32px;
	text-indent: -5000px;
}
div.action h5 a:hover {
	background-position: 0 -32px;
}
div.action ul {
	margin-top: 30px;
	width: 100%;
	overflow: hidden;
}
div.action ul li {
	width: 370px;
	float: left;
	background: url(../images/actionicon.png) no-repeat;
	padding-left: 80px;
	min-height: 110px; /* NS */
	margin-bottom: 20px;
}
div.action ul li.arrows { /* NS */
    background-position: 0 0;
}
div.action ul li.measure { /* NS */
    background-position: 0 -172px;
}
div.action ul li.locate { /* NS */
    background-position: 0 -343px;
}
div.action ul li.number { /* NS */
    background-position: 0 -516px;
}
div.action ul li p {
	padding: 5px 15px 0 0;
}
div.footer form {
	background: url(../images/form.png) no-repeat;
	width: 387px;
	height: 164px;
	padding: 12px;
	overflow: hidden;
	float: left;
}
div.footer form p {
	padding-bottom: 18px;
}
div.footer form input {
	background: url(../images/input.png) no-repeat;
	display: block;
	width: 145px;
	height: 19px;
	line-height: 19px;
	color: #939598;
	font-size: 15px;
	border: none;
	margin: 0;
	padding: 0;
	padding: 6px;
	float: left;
	margin-right: 5px;
}
div.footer form input.go {
	background: url(../images/go.png) no-repeat;
	display: block;
	width: 40px;
	height: 32px;
	padding-top: 32px;
	text-indent: -5000px;
	border: none;
	margin: 0;
	padding: 0;
	cursor: pointer;
}
div.footer form input.go:hover {
	background-position: 0 -32px;
}
div.footer form p.error {
	display: block;
	background: url(../images/error.png) no-repeat;
	width: 391px;
	height: 23px;
	padding: 5px 10px;
	line-height: 23px;
	float: left;
	clear: both;
	margin-left: -12px;
	margin-top: 22px;
}
div.footer form p.success {
	display: none;
	background: url(../images/success.png) no-repeat;
	width: 391px;
	height: 23px;
	padding: 5px 10px;
	line-height: 23px;
	float: left;
	clear: both;
	margin-left: -12px;
	margin-top: 22px;
}
div.footer div div {
	float: right;
}
div.footer div div ul,
div.footer div div p,
div.footer div div div {
	float: right;
	clear: both;
}
div.footer div div ul {
	overflow: hidden;
	margin-bottom: 12px;
}
div.footer div div li {
	display: inline-block;
	color: #939598;
	font-size: 14px;
	line-height: 22px;
}
div.footer div div li.cr {
	padding-right: 10px;
}
div.footer div div li a {
	color: #939598;
}
div.footer div div p {
	color: #939598;
	font-size: 14px;
	line-height: 22px;
}
div.footer div div div {
	width: 376px;
	overflow: hidden;
	margin-right: -10px;
	margin-top: 32px;
}
div.footer div div div p {
	float: left;
	clear: none;
}
/* popovers  */
div.popover { display: none; }

/* Overlay */
div#simplemodal-overlay {
	background-color: #000;
}

/* Container */
div#modal-container {
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	width: 260px;
	height: 460px;
	padding: 20px;
	background-color: #fff;
}
div#video-container {
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	width: 400px;
	height: 370px;
	padding: 20px;
	background-color: #fff;
}
div.popover h6 {
	margin: 10px 0 5px 0;
	color: #939598;
	font-size: 18px;
}
div.popover p {
	font-size: 12px;
	line-height: 14px;
	color: #939598;
	opacity: 1;
	filter:alpha(opacity=100);
}
div#modal-container a.modalCloseImg,
div#video-container a.modalCloseImg {
	background: url(../images/close.png) no-repeat;
	width: 45px;
	height: 45px;
	display: inline;
	z-index: 3200;
	position: absolute;
	top: -22px;
	right: -22px;
	cursor: pointer;
}

/* ----------------------------------------------------------
	END OF CSS FILE
-----------------------------------------------------------*/