/**
 * 	
 * Whitewater Analytics Styles
 * 
 * Author: McDill Design 
 *  
**/
	
body {background: #005266;}
h1,h2,h3,h4 {font-family: 'Lato', sans-serif; font-weight: 300;}
h5 {font-family: 'Lato', sans-serif; font-weight: 400;}
header h1 {margin: 0;}
p {font-size: 0.9em;}

.clear {clear: both;}

.wrap {width: 1024px; margin: 0 auto; background: #FFFFFF;}

	
header.home {background: url('../img/header-bg-main.jpg'); height: 495px;}
header.exposures {background: url('../img/header-5.jpg'); height: 375px;}
header.about {background: url('../img/header-12.jpg'); height: 375px;}
header.contact {background: url('../img/header-6.jpg'); height: 375px;}
header.case {background: url('../img/header-4.jpg'); height: 375px;}
header.process {background: url('../img/header-9.jpg'); height: 375px;}
header.technology {background: url('../img/header-11.jpg'); height: 375px;}
header.news {background: url('../img/header-3.jpg'); height: 375px;}
header.schedule {background: url('../img/header-7.jpg'); height: 375px;}
header.free {background: url('../img/header-2.jpg'); height: 375px;}

input[type="text"], input[type="email"], input[type="tel"] {margin: 0;}

input[type="submit"] {padding: 30px;}

nav {float: left; margin: 60px 0;}
nav ul li a {display:block;}
nav ul li {list-style-type: none; width: 250px;}
nav ul li a  {padding: 3px 20px; background: url('../img/nav-border.png') bottom center no-repeat; font-size: 15px; font-weight: bold; width: 230px;}
nav ul li a:hover {background: #8eb5b9; color: white;}
nav ul li a.active {background: #005266; color: white;}
.last {background: none;}
nav ul.nav-menu li.current-menu-item a {background: #005266; color: white;}


div.copy {padding: 40px 100px 50px 0; float: right; width: 750px;}
div.copy h3 {font-family: "Arial", Arial, Helvetica, sans-serif; margin: 40px 0 0 0; font-weight: bold; font-size: 1em;}
div.copy h4 {font-family: "Arial", Arial, Helvetica, sans-serif; margin: 30px 0 15px 0; font-weight: bold; font-size: 1em;}
div.copy p, div.copy li {font-size: 0.9em;}
div.copy li {margin: 0 0 0 25px;}
div.copy h1 {font-size: 1.7em;}
div.copy img.right {margin: 25px 0 10px 40px;}


.home-info {float: left; margin: 90px 0 0 20px;}
.home-info h2 {font-size: 1.9em; width: 450px;}

span.arrows {height: 22px; width: 14px; background: url('../img/arrows.png') no-repeat; overflow:visible;}
div.row {max-width: 1024px;}

span.readmore, span.readmore a {color: #0082cb;}

.middle {border-left: 1px solid #A1A1A5; border-right: 1px solid #A1A1A5;}

div.home-box p.image {text-align: center; }

div.row .home-box {padding: 20px; background: rgb(239,239,239); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  rgba(239,239,239,1) 0%, rgba(255,255,255,1) 40%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(239,239,239,1)), color-stop(40%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(239,239,239,1) 0%,rgba(255,255,255,1) 40%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(239,239,239,1) 0%,rgba(255,255,255,1) 40%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(239,239,239,1) 0%,rgba(255,255,255,1) 40%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(239,239,239,1) 0%,rgba(255,255,255,1) 40%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}


.blue { 
padding: 10px;
background: rgb(0,130,203); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwODJjYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0ZGE4ZGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(0,130,203,1) 0%, rgba(77,168,219,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,130,203,1)), color-stop(100%,rgba(77,168,219,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,130,203,1) 0%,rgba(77,168,219,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,130,203,1) 0%,rgba(77,168,219,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,130,203,1) 0%,rgba(77,168,219,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,130,203,1) 0%,rgba(77,168,219,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0082cb', endColorstr='#4da8db',GradientType=0 ); /* IE6-8 */
border-color: #4DA8DB;
}

.calculator { padding: 0 20% 0 0; height: 231px;
border-top: 1px solid #bfbfbf;
background: rgb(214,214,214); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q2ZDZkNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM5JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  rgba(214,214,214,1) 0%, rgba(255,255,255,1) 39%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(214,214,214,1)), color-stop(39%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(214,214,214,1) 0%,rgba(255,255,255,1) 39%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(214,214,214,1) 0%,rgba(255,255,255,1) 39%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(214,214,214,1) 0%,rgba(255,255,255,1) 39%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(214,214,214,1) 0%,rgba(255,255,255,1) 39%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}

.calculator h4 {margin-top: 50px;}
.calculator h5 {text-align: right; margin: 10px 0 0 0;}
div.calculator .calc-copy {float: right; width: 450px;}
div.calculator .calc-image {float: left; }
footer {background: #BCC4B9; height: 40px; width: auto;}

@media only screen and (orientation: portrait) {
	div.copy {padding: 0px 100px 50px; float: left; width: 100%;}
	.wrap {width: 100%; margin: 0; padding: 0px;}
	header.exposures, header.about, header.contact, header.case, header.process, header.technology, header.news, header.schedule, header.free
	{background-position: 80% 50%}
	header.home {background-position: 60% 50%}
	.middle {width:33.5%;}
	div.calculator .calc-copy {float: right; width: 50%;}
	.calculator h4 {margin-top: 30px;}
	.calculator {padding: 0 10% 0 0;}

}

@media only screen and (max-width: 762px) {
	div.copy {padding: 20px; float: none; width: 100%;}	
	div.copy p img.right {float: none !IMPORTANT; margin: 0; text-align: center;}
	.wrap {width: 100%; margin: 0; padding: 0px;}
	.middle {border: none;width:100%;}
	.button {display: block;}
	.home-info h2 {font-size: 1.4em; width: auto;}
	.home-info {float: left; clear: left; margin: 0px 0 0px 0px; padding: 20px;}
	.home-info  button {}
	nav.show-for-small {margin: 24px 0 0px 20px;}
	header h1 img {width: 150px; height: auto;}
	header.home {background: url('../img/home-mobile-bg-2.png') no-repeat;background-position: 30% 0%; height: 475px;}
	header.exposures {background: url('../img/header-managing.jpg')no-repeat;background-position: 30% 0%; height: 350px;}
	header.about {background: url('../img/header-about.jpg')no-repeat;background-position: 30% 0%; height: 350px;}
	header.contact {background: url('../img/header-contact.jpg')no-repeat;background-position: 30% 0%; height: 350px;}
	header.case {background: url('../img/header-case.jpg')no-repeat;background-position: 30% 0%; height: 350px;}
	header.process {background: url('../img/header-process.jpg')no-repeat;background-position: 30% 0%; height: 350px;}
	header.technology {background: url('../img/header-technology.jpg')no-repeat;background-position: 30% 0%; height: 350px;}
	header.news {background: url('../img/header-news.jpg')no-repeat;background-position: 30% 0%; height: 350px;}
	header.schedule {background: url('../img/header-demo.jpg')no-repeat;background-position: 30% 0%; height: 350px;}
	header.free {background: url('../img/header-trial.jpg')no-repeat;background-position: 30% 0%; height: 350px;}
	div.calculator {padding: 0; position: relative;}
	div.calculator img.left {width: 100%; height: auto;}
	div.calculator .calc-copy {float: none; width: 100%; padding: 20px;}
	div.calculator .calc-image {float: none; clear: left;}
	.calculator h4 {margin-top: 30px;}
	.calculator h5 {text-align: left; margin: 10px 0 0 0;}
	footer {background: #BCC4B9; height: 40px; width: 100%; display: block;}

	nav {float: left; margin: 60px 0;}
	nav ul {margin: 0px;}
	nav ul li {list-style-type: none; width: 100%; margin: 10px; }
	nav ul li a {padding: 0; background: none; font-size: 14px; font-weight: bold; width: 100%; border-bottom: 1px solid #999;}
	nav ul li a.active {background: #005266; color: white;}
	.f-dropdown li a {padding: 10px;}

}