body {
	background-color:#292929;
	background-image:url('../images/background2.jpg');
	background-repeat:repeat-x;
	background:url('../images/background2.jpg') repeat-x, url('../images/navy_blue.png') repeat;
	-pie-background:url('/test/site2/images/background2.jpg') repeat-x, url('/test/site2/images/navy_blue.png') repeat;
	overflow-x:hidden;
}
a {
	color:inherit;
	text-decoration:none;
	border:none;
}
#saasbody {
	background:url('../images/background3.jpg') repeat-x, url('../images/navy_blue.png') repeat;
}
#infobody {
	background:url('../images/background4.jpg') repeat-x, url('../images/navy_blue.png') repeat;
}
.wrapper {
	position:absolute;
	left:50%;
	width:50%;
}
.orangebox, .bluebox {
	position:absolute;
	left:50%;
	width:50%;
	height:868px;
	background-color:#ff9700;
	cursor:pointer;
	-webkit-transition:-webkit-filter 500ms;
}
.bluebox {
	left:0;
	right:50%;
	background-color:#007dd1;
}
.cover {
	position:absolute;
	z-index:20;
	height:100%;
	width:100%;
	display:none;
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 1%, rgba(255,255,255,0.4) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(1%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0.4))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 1%,rgba(255,255,255,0.4) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 1%,rgba(255,255,255,0.4) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 1%,rgba(255,255,255,0.4) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 1%,rgba(255,255,255,0.4) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#66ffffff',GradientType=0 ); /* IE6-9 */
}
#graybar {
	position:relative;
	z-index:30;
	margin-top:80px;
	background:url('../images/graybar.png');
	background-size:cover;
	background-repeat:no-repeat;
	width:812px;
	height:50px;
	left:-406px;
	text-align:center;
	padding-top:4px;
	text-transform:uppercase;
	color:white;
	font-family:'Sanchez', sans-serif;
	font-size:26pt;
	pointer-events:none;
}
.bluebox img, .orangebox img {
	position:relative;
	width:100%;
	left:0;
	margin-top:140px;
}
.indextext {
	color:white;
	font-family:'Sanchez', sans-serif;
	font-size:30pt;
	text-transform:uppercase;
	line-height:30pt;
	padding-top:10px;
}
.indextext p {
	color:#303030;
	font-size:12pt;
	text-transform:none;
	font-family:'Sanchez', sans-serif;
	line-height:normal;
}
.bluebox .indextext {
	margin-left:30%;
	text-align:right;
	padding-right:20px;
}
.orangebox .indextext {
	margin-right:30%;
	text-align:left;
	padding-left:20px;
}
.center {
	position:relative;
	left:-457px;
}
#banner {
	z-index:10;
	margin-top:10px;
	padding:26px;
	padding-top:0;
	padding-bottom:10px;
}
#banner img {
	box-shadow:0 5px 15px rgba(0,0,0,0.5);
}
#banner2 {
	margin-top:60px;
	position:relative;
	top:-26px;
	left:-491px;
	z-index:25;
}
.topbar {
	z-index:250;
	position:fixed;
	background-color:#383838;
	background:url('../images/navy_blue.png') repeat;
	width:100%;
	left:0;
	top:0;
	height:80px;
	box-shadow:0 5px 15px rgba(0,0,0,0.25);
	border-bottom:1px solid white;
	transition:background 200ms, height 200ms;
	-webkit-transition:background 200ms, height 200ms;
	-moz-transition:background 200ms, height 200ms;
	-o-transition:background 200ms, height 200ms;
}
.topbar img {
	position:relative;
	height:74px;
	border:0;
	float:left;
	transition:height 200ms, left 200ms;
	-webkit-transition:height 200ms, left 200ms;
	-moz-transition:height 200ms, left 200ms;
	-o-transition:height 200ms, left 200ms;
}
#topcenter {
	top:2px;
	width:1100px;
	left:-520px;
}
.topnav {
	position:relative;
	float:left;
	height:41px;
	margin-left:28px;
	text-align:left;
	top:18px;
	color:white;
	font-size:9pt;
	text-transform:uppercase;
	font-family: 'Julius Sans One', sans-serif;
}
.signin {
	margin-left:20px;
}
.signin div {
	margin-left:7px;
	margin-top:-7px;
}
.signin .loginlink {
	margin-left:0;
	margin-top:15px;
}
.signin a {
	background:#007dd1;
	padding:10px;
	border-radius:5px;
	border:1px solid rgba(255,255,255,0.3);
	-webkit-transition:background 300ms;
	transition:background 300ms;
	-moz-transition:background 300ms;
	-o-transition:background 300ms;
}
.signin a:hover {
	background:#ff9700;
}
/* .topnav:hover {
	color:#ff9700;
} */
.moreinfo div {
	width:364px;
}
.floatleft {
	position:relative;
	float:left;
}
.contactboard {
	z-index:200;
	position:fixed;
	left:0;
	top:-400px;
	width:100%;
	transition:top, 300ms;
	-webkit-transition:top, 300ms;
	-moz-transition:top, 300ms;
	-o-transition:top, 300ms;
}
.down {
	top:0;
}
.topbutton {
	font-size:10pt;
	margin-right:14px;
	cursor:pointer;
	transition:color 300ms;
	-webkit-transition:color 300ms;
	-moz-transition:color 300ms;
	-o-transition:color 300ms;
}
.floater {
	float:left;
}
.topbutton:hover {
	color:#ff9700;
}
.topinfo {
	position:relative;
	padding-left:10px;
	padding-top:15px;
	height:50px;
	top:-12px;
	font-size:8pt;
	/* border-left:1px solid white; */
	text-align:left;
	cursor:pointer;
	transition:color 300ms;
	-webkit-transition:color 300ms;
	-moz-transition:color 300ms;
	-o-transition:color 300ms;
}
.topinfo:hover {
	color:#ff9700;
}
.formbox {
	width:400px;
	position:relative;
	background: rgb(248,248,248); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(248,248,248,1) 0%, rgba(163,163,163,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(248,248,248,1)), color-stop(100%,rgba(163,163,163,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(248,248,248,1) 0%,rgba(163,163,163,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(248,248,248,1) 0%,rgba(163,163,163,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(248,248,248,1) 0%,rgba(163,163,163,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(248,248,248,1) 0%,rgba(163,163,163,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#a3a3a3',GradientType=0 ); /* IE6-9 */
	padding:10px;
	padding-top:100px;
	padding-bottom:30px;
	/* left:60px; */
	color:#383838;
	font-family:'Julius Sans One', sans-serif;
	font-size:12pt;
	text-transform:uppercase;
	border:1px solid rgba(0,0,0,0.4);
	box-shadow:0 5px 10px rgba(0,0,0,0.4);
	border-bottom-left-radius:20px;
	border-bottom-right-radius:20px;
	transition:padding 200ms;
	-webkit-transition:padding 200ms;
	-moz-transition:padding 200ms;
	-o-transition:padding 200ms;
}
.formrow {
	clear:both;
}
.formrow textarea, .formrow input[type="text"] {
	width:250px;
	border-radius:5px;
	outline:0;
	padding-left:5px;
	padding-right:5px;
	border:1px solid rgba(0,0,0,0.4);
	min-height:20px;
}
.formrow textarea {
	margin-top:2px;
	width:250px;
	height:60px;
	resize:none;
}
.formspace {
	text-align:right;
	width:120px;
	margin-right:10px;
	margin-top:3px;
}
.formrow input[type="submit"] {
	border-radius:3px;
	outline:0;
	border:1px solid rgba(0,0,0,0.9);
	width:210px;
	height:25px;
	cursor:pointer;
	box-shadow:0 0 2px rgba(255,255,255,0.9) inset;
	background: rgb(235,241,246); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(235,241,246,1) 0%, rgba(171,211,238,1) 50%, rgba(137,195,235,1) 51%, rgba(213,235,251,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(235,241,246,1)), color-stop(50%,rgba(171,211,238,1)), color-stop(51%,rgba(137,195,235,1)), color-stop(100%,rgba(213,235,251,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(235,241,246,1) 0%,rgba(171,211,238,1) 50%,rgba(137,195,235,1) 51%,rgba(213,235,251,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(235,241,246,1) 0%,rgba(171,211,238,1) 50%,rgba(137,195,235,1) 51%,rgba(213,235,251,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(235,241,246,1) 0%,rgba(171,211,238,1) 50%,rgba(137,195,235,1) 51%,rgba(213,235,251,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(235,241,246,1) 0%,rgba(171,211,238,1) 50%,rgba(137,195,235,1) 51%,rgba(213,235,251,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf1f6', endColorstr='#d5ebfb',GradientType=0 ); /* IE6-9 */
}
.formrow input[type="submit"]:hover {
	background: #fceabb; /* Old browsers */
	background: -moz-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fceabb), color-stop(50%,#fccd4d), color-stop(51%,#f8b500), color-stop(100%,#fbdf93)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* IE10+ */
	background: linear-gradient(to bottom, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 ); /* IE6-9 */
}
.mainbox {
	
	border-bottom-right-radius:25px;
	border-bottom-left-radius:25px;
	box-shadow:0 5px 15px rgba(0,0,0,0.5);
	margin:26px;
	margin-bottom:0;
	margin-top:0px;
	width:839px;
	background: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	
}
#homebox {
	width:861px;
}
#box2 {
	top:-30px;
	background:white;
}
.halftone {
	position:absolute;
	z-index:-1;
	width:459px;
	height:762px;
	top:0px;
	left:-630px;
	background:url('../images/halftone.png');
}
#halftone2 {
	background:url('../images/halftone2.png');
}
#halftone3 {
	background:url('../images/halftone3.png');
}
.bottom  {
	z-index:-1;
	width:100%;
	height:400px;
	position:absolute;
	top:800px;
	background-color:#383838;
	border-top:10px solid #777;
	box-shadow:0 0 10px rgba(0,0,0,0.7);
}
.moreinfo {
	float:left;
	border-left:1px solid white;
	padding-left:10px;
	cursor:pointer;
	transition:color 300ms;
	-webkit-transition:color 300ms;
	-moz-transition:color 300ms;
	-o-transition:color 300ms;
}
.moreinfo:hover {
	color:#ff9700;
}
.scrolled {
	background-color:rgba(56,56,56,0.5);
	height:45px;
}
.scrolled img {
	height:42px;
	left:10px;
}
.scrolled:hover {
	background-color:rgba(56,56,56,1);
}
.scrolled .topnav {
	width:750px;
	top:14px;
	margin-left:20px;
}
.scrolled .topbutton {
	float:left;
}
.scrolled .topinfo {
	height:auto;
	top:-11px;
	padding-top:0;
}
.formup {
	padding-top:60px;
}
.topnavbuttons {
	position:relative;
	left:0;
	width:100%;
	z-index:15;
}
.topnavbuttons .button {
	height:50px;
	width:409px;
	border-radius:5px;
	box-shadow:0 2px 5px rgba(0,0,0,0.2);
	margin-right:auto;
	margin-left:auto;
	background:white;
	font-family: 'Hammersmith One', sans-serif;
	font-size:14pt;
	color:#007DD1;
	padding:10px;
	transition:background 300ms;
	-webkit-transition:background, 300ms;
	-moz-transition:background, 300ms;
	-o-transition:background, 300ms;
	cursor:pointer;
	display:block;
	
}
#button1 {
	margin-bottom:10px;
}
.topnavbuttons .button:hover, .navlinks:hover{
	background-color:#ff9700;
	color:white;
}
.topnavbuttons .button span {
	font-family: 'Julius Sans One', sans-serif;
	font-size:11pt;
	color:#333;
}
.textbox {
	padding:30px;
	padding-top:10px;
	top:0;
	left:0;
	z-index:10;
	font-family:'Lato', sans-serif;
	font-size:13pt;
	min-height:680px;
}
.textbox .title {
	font-family:'Hammersmith One', sans-serif;
	font-size:30pt;
	text-transform:uppercase;
	color:#ff9700;
	width:750px;
	border-radius:5px;
	background: -moz-linear-gradient(left, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.6) 30%, rgba(0,0,0,0) 90%, rgba(0,0,0,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.6)), color-stop(30%,rgba(0,0,0,0.6)), color-stop(90%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 30%,rgba(0,0,0,0) 90%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 30%,rgba(0,0,0,0) 90%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 30%,rgba(0,0,0,0) 90%,rgba(0,0,0,0) 100%); /* IE10+ */
	background: linear-gradient(to right, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 30%,rgba(0,0,0,0) 90%,rgba(0,0,0,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
	padding-top:3px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:0;
	margin-bottom:20px;
	
}
.screentitle {
	padding:10px;
	position:relative;
	z-index:10;
	margin-top:-90px;
	font-family:'Julius Sans One', sans-serif;
	max-width:560px;
	font-size:14pt;
	margin-bottom:10px;
	text-align:center;
}
.screentitle span {
	font-size:9pt;
	font-family:'Lato', sans-serif;
}
.tanagerscreen {
	position:relative;
	left:-30px;
	width:630px;
	height:460px;
	background-image:url('../images/tanager_screen.png');
	background-repeat:no-repeat;
}
#myCanvasContainer {
	z-index:20;
	left:66px;
	top:57px;
	position:relative;
	width:408px;
}
#myCanvas {
	background:black;
}
#clock {
	width:120px;
	text-align:center;
	font-weight:bold;
	color:white;
	position:absolute;
	top:59px;
	left:447px;
	font-size:13pt;
}
.weather {
	position:absolute;
	left:445px;
	top:98px;
	width:123px;
	height:227px;
	background:url('../images/weather.jpg') no-repeat;
}
.weather img {
	position:relative;
	top:106px;
	left:1px;
	width:121px;
}
.video {
	position:absolute;
	top:56px;
	left:67px;
	z-index:17;
	display:none;
}
.backbutton {
	position:absolute;
	z-index:28;
	padding:10px;
	background:#007dd1;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	color:white;
	font-family:'Lato', sans-serif;
	font-weight:bold;
	font-size:8pt;
	top:330px;
	box-shadow:0 2px 5px rgba(0,0,0,0.4);
	left:85px;
	cursor:pointer;
	transition:background 300ms;
	-webkit-transition:background 300ms;
	-moz-transition:background 300ms;
	-o-transition:background 300ms;
	display:none;
	
}
.backbutton:hover {
	background:#ff9700;
}
.buttonicon img {
	height:65px;
	display:block;
}
.buttonicon {
	position:relative;
	top:-8px;
	left:-8px;
	float:left;
	border-radius:10px;
	padding:1px;
	padding-bottom:0;
	
}
.buttontext {
	text-align:center;
}
.text {
	position:relative;
	z-index:10;
	text-align:left;
	width:540px;
	padding-left:15px;
	clear:both;
}
.text span {
	position:relative;
	left:-20px;
	font-size:21pt;
	font-family:'Julius Sans One', sans-serif;
	color:#ff9700;
	text-transform:uppercase;
}
/* for rotating testimonials */
ul, li {
	text-decoration:none;
	list-style-type:none;
	padding:0;
	height:auto;
	width:auto;
	margin:0;
}
.testimonials {
	position:absolute;
	width:250px;
	min-height:100px;
	top:26px;
	left:620px;
	z-index:50;
	margin-left:20px;
}
.testims {
	position:relative;
	background:#ff9700;
	color:white;
	padding:20px;
	padding-top:0;
	padding-bottom:10px;
	overflow:hidden;
	font-family:'Lato', sans-serif;
	font-weight:normal;
	font-style:italic;
}
#saastestims {
	background:#007dd1;
}
.testims li {
	display:none;
	font-size:11pt;
}
.testim_buttons {
	position:absolute;
	z-index:10;
	top:8px;
	left:8px;
}
.testim_buttons li {
	float:left;
	margin-right:5px;
	height:10px;
	width:10px;
	background:#fff;
	border-radius:15px;
	cursor:pointer;
	transition:background 300ms;
	-webkit-transition:background 300ms;
	-o-transition:background 300ms;
	-moz-transition:background 300ms;
	
}
.current {
	background:#007dd1 !important;
}
.saascurrent {
	background:#ff9700 !important;
}
.testimbox1 {
	border-bottom:29px solid #ff9700;
	border-right:29px solid transparent;
}
#saasbox1 {
	border-bottom:29px solid #007dd1;
}
.testimbox3 {
	border-top:29px solid #ff9700;
	border-left:29px solid transparent;
}
#saasbox3 {
	border-top:29px solid #007dd1;
}
.testimsource {
	display:none;
	color:white;
	font-family:'Julius Sans One', sans-serif;
	font-size:10pt;
	text-align:right;
	padding-right:10px;
	position:relative;
	top:-26px;
	height:20px;
}
.quote {
	position:absolute;
	color:white;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter: alpha(opacity=40);
	opacity:0.4;
	z-index:5;
	left:3px;
	top:-5px;
	font-size:90pt;
}
.testimbox4 {
	width:0;
	top:-20px;
	position:relative;
	left:199px;
	border-top:30px solid #995C03;
	border-right:51px solid transparent;
}
#saasbox4 {
	border-top:30px solid #0053B0;
}
/* this is for specific info sidebar */
.sidenav {
	margin-bottom:20px;
}
.sidenav span {
	border-left:3px solid gray;
	padding-left:5px;
	font-family:'Julius Sans One', sans-serif;
	margin-left:-15px;
	font-size:16pt;
	color:#ff9700;
}
.speclink {
	background:url('../images/navy_blue.png');
	border-radius:3px;
	margin-top:5px;
	margin-bottom:5px;
	width:180px;
	border:1px solid black;
	padding:3px;
	padding-left:5px;
	font-family:'Hammersmith One', sans-serif;
	text-transform:uppercase;
	color:white;
	font-size:9pt;
	cursor:pointer;
	transition:color 100ms;
	-webkit-transition:color 100ms;
	-moz-transition:color 100ms;
	-o-transition:color 100ms;
	
}
.speclink:hover, .sideselected {
	color:#ff9700;
}
#tagList {
	position:absolute;
	top:-2000px;
}
.map {
	margin-top:20px;
	height:350px;
	width:460px;
	position:relative;
	margin-bottom:30px;
	box-shadow:0 2px 5px rgba(0,0,0,0.3);
	border:1px solid #ff9700;
}
#maptitle {
	margin-top:-28px; 
	margin-bottom:0; 
	clear:both;
	color:white;
	font-size:9pt;
	width:440px;
	text-align:center;
}
.cluster, .single {
	position:relative;
	margin-bottom:40px;
	margin-top:20px;
	width:67px;
	background-position:0px 0px;
	overflow:hidden;
	cursor:pointer;
}
.cluster {
	background:url('../images/cluster.png') no-repeat;
	height:82px;
}
.clusterorange {
	background-position:0px -82px;
}
.single {
	background:url('../images/single.png') no-repeat;
	height:38px;
}
.singleorange {
	background-position:0px -38px;
}
.mapnav {
	background:url('../images/navy_blue.png');
	padding-right:15px;
	border-top-right-radius:10px;
	border-bottom-right-radius:10px;
}
.mapcont {
	background:url('../images/navy_blue.png');
	padding-left:20px;
	padding-right:20px;
	border-bottom-right-radius:10px;
	border-top-left-radius:10px;
	border-bottom-left-radius:10px;
	border-top-right-radius:0;
	margin-bottom:20px;
}
.numbers {
	height:500px;
	margin-top:15px;
}
.numbers img {
	height:100%;
}
.demo {
	position:relative;
	width:390px;
	left:-30px;
	margin-top:60px;
	background:url('../images/navy_blue.png');
	border-radius:15px;
	border-top-left-radius:0;
	border-bottom-left-radius:0;
	color:white;
	font-family:'Lato', sans-serif;
	padding:20px;
	padding-left:100px;
	font-size:15pt;
	text-transform:uppercase;
	cursor:pointer;
	transition:color 200ms;
	-webkit-transition:color 200ms;
	-o-transition:color 200ms;
	-moz-transition:color 200ms;
	
}
.demo:hover {
	color:#ff9700;
}
.copyright {
	position:relative;
	left:-407px;
	font-family:'Lato', sans-serif;
	top:-20px;
	color:white;
	font-size:9pt;
}
.yoxview {
	position:relative;
	width:353px;
	top:67px;
	left:70px;
}
.loading {
	position:relative;
	top:150px;
	left:210px;
}
.loading img {
	width:80px;
}
.bottomnav {
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	position:relative;
	color:white;
	font-family:'Julius Sans One', sans-serif;
	font-size:8pt;
	font-weight:bold;
	text-transform:uppercase;
}
.bottomnav .left, .bottomnav .right {
	margin-top:20px;
	background:#95A7B3;
	width:280px;
	text-align:center;
	padding-top:10px;
	border-radius:30px;
	height:22px;
	cursor:pointer;
	transition:background 300ms;
	-webkit-transition:background 300ms;
	-moz-transition:background 300ms;
	-o-transition:background 300ms;
}
.bottomnav .left:hover, .bottomnav .right:hover {
	background:#ff9700;
}
.bottomnav .left {
	margin-right:20px;
	border-top-right-radius:10px;
	border-bottom-right-radius:10px;
}
.bottomnav .right {
	border-top-left-radius:10px;
	border-bottom-left-radius:10px;
}
.bottomnav .right img, .bottomnav .left img {
	margin-left:5px;
	height:8px;
}
.grayout {
	background:#E0E0E0 !important;
	cursor:default !important;
}
.imagestream {
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	position:relative;
	width:530px;
	height:418px;
	margin-left:15px;
	margin-top:20px;
	margin-bottom:20px;
	box-shadow:0 2px 5px rgba(0,0,0,0.4);
	border-radius:10px;
	background:url('../images/qualityline.jpg');
	background-position-x:0px;
	background-position-y:0px;
	transition:background 300ms;
	-webkit-transition:background 300ms;
	-moz-transition:background 300ms;
	-o-transition:background 300ms;
	overflow:hidden;
}
.imageleft, .imageright {
	position:absolute;
	height:418px;
	width:35px;
	opacity:0;
	background-color:rgba(0,0,0,0.5);
	transition:opacity 200ms, background 300ms;;
	-webkit-transition:opacity 200ms, background 300ms;;
	-moz-transition:opacity 200ms, background 300ms;;
	-o-transition:opacity 200ms, background 300ms;;
}
.imageleft:hover, .imageright:hover {
	background-color:rgba(255,255,255,1);
}
#halfleft, #halfright {
	width:265px;
	height:360px;
}
.imageleft {
	background-image:url('../images/imagearrowleft.png');
	border-radius:10px;
	border-top-left-radius:10px;
	border-bottom-left-radius:10px;
	border-top-right-radius:0px;
	border-bottom-right-radius:0px;
}
.imageright {
	right:0;
	background-image:url('../images/imagearrowright.png');
	border-radius:10px;
	border-top-right-radius:10px;
	border-bottom-right-radius:10px;
	border-top-left-radius:0px;
	border-bottom-left-radius:0px;
}
.block {
	border-left:3px dashed #6D6D6D;
	padding-left:20px;
}