@charset "utf-8";
/* CSS Document 
   Developer: Megan Trow
   For: UreChem
*/

/* 1. Resets */
/*! normalize.css v2.1.2 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}
/* !=Resets */

/* 2. Clearfix */
.cfGroup:after {
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
}
* html .cfGroup             { zoom: 1; } /* IE6 */
*:first-child+html .cfGroup { zoom: 1; } /* IE7 */
/* !=Clearfix */

*{ padding: 0px; margin: 0px;}

body{
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  font-size: 14px;
  background: #17608f;
  font-weight: normal;
}
.bold{
 font-weight: 700;
}
.wrapper{
	margin: 0 auto;
	width: 1200px;
}
/* Home */
.homeHeader{
 	width: 1200px;
	background: url('../img/header-bg.jpg') top left no-repeat;
	float: left;
	color:#fff;
	padding: 20px 0;
}
.homeHeaderArea{
	 width: 980px;
	 margin: 0 auto;
}
h1.home{
	font-size: 40px;
	font-family: 'Ubuntu', sans-serif;
	color: #fff;
	font-weight: 300;
	margin: 0px;
	padding-bottom:10px;
}
h1.bold{
	font-size: 40px;
	font-family: 'Ubuntu', sans-serif;
	color: #fff;
	font-weight: 700;
	margin: 0px;
	padding-bottom:10px;
}

h1.products{
   font-family: 'Ubuntu', sans-serif; 
   font-size: 38px;
   font-weight: 700;
}
h2{
	font-size: 25px;
  font-family: 'Ubuntu', sans-serif; 
	font-weight: 400;
	color: #fff;
}
.h2bold{
  font-family: 'Ubuntu', sans-serif; 
  font-weight: 700;
}
h2.homepadding{
	padding-bottom: 30px;
}
h3{
	font-size: 25px;
	font-weight: 700;
  font-family: 'Ubuntu', sans-serif; 
	color: #fff;
	padding-bottom: 12px;
}
h4{
	font-size: 16px;
	font-weight: 700;
	padding-bottom: 10px;
}
.nav{
 	float: left;
	height: 60px;
    margin-top: 20px;
    width: 100%;
}
.navContent{
 	float: left;
	width: 60%;
	height: 60px;
	margin-top: 20px;
}
.nav ul li, .navContent ul li{
	list-style: none;
	margin-right:5px;
	float: left;
}
.nav ul li a, .navContent ul li a{
	background: #17608f;
	padding: 10px 15px;
	color: #bad0de;
	text-decoration: none;
}
.nav ul li a:hover, .nav ul li a.active, .navContent ul li a:hover, .navContent ul li a.active{
	background: #124670;
	color:#fff;
	text-decoration: none;
}

/* HERO */
.homeHeroImage, .contentSection, .productNav, .contentLayout{
	float:left; 
	width: 100%;
}
.heroContent{
	width: 650px;
	margin-bottom:15px;
}
a.findOutMore{
	display: block; 
	background: url('../img/heromorebutton.png') top left no-repeat;
	background-position: 0 -50px;
	width: 320px;
	height: 50px;
	margin-top: 20px;
	text-indent: -9999px;
}
a.findOutMore:hover{
	background-position: 0 0;
}
.homeWrapperContent{
  position:relative; 
  float:left; 
  width: 100%; 
  overflow: hidden; 
  background: #304350;  /* url('../img/grey-bg.jpg') right 0px no-repeat; */
  margin: 0 auto;
  }
.homeContent{
	background: #304350 url('../img/grey-bg.jpg') top right no-repeat;
	width:1200px;
	margin: 0 auto;
	color: #c1c7cb;
  height: 900px;
}
.homeContentArea{
	 width: 980px;
	 margin: 0 auto;
	 padding: 50px 0 0 0;
}
hr.grey {
	 background-color:#838e96;
	 height: 1px;
	 border: 0;
}
.homeProducts{
	float:left; 
	width:31%; 
	padding: 20px 15px 20px 0; 
	border-bottom: 1px dotted #C1C7CB; 
	margin-bottom: 15px;
	min-height: 190px;
}
.extraheight{ 
	min-height: 230px !important;
}
.productSpacing{
	margin-left: 10px;
}
.homeProductsLast{
	float:left; 
	width:31%; 
	padding: 20px 15px 20px 0;  
	margin-bottom: 15px;
}
a.readMore{
	text-indent: -9999px;
	display: block; 
	background: url('../img/readmorebutton.jpg') 0 -30px;
	width: 84px;
	height: 30px;
	margin-top: 15px;
}

a.readMore:hover{
	background-position: 0 0;
}

/* Content Pages */

.contentWrapper{
    width: 1200px;
	background: url('../img/header-bg.jpg') top left no-repeat;
	float: left;
	color: #0c3c67;
}
.contentHeader{
 	width: 980px;
	margin: 0 auto;
	color:#fff;
	padding: 20px 0;
	height: 70px;
}
.contentLogo{
	float:left; 
	width:40%; 
	text-align: right;
}
h1.content{
	font-size:40px;
	font-family: 'Conv_TitilliumWeb-SemiBold', Sans-Serif;
}
.contentList{
	margin-left:25px; 
	margin-bottom: 10px;
}

/* PRODUCT */
.productSection{
	width:1200px; 
	float: left;
}
.contentShadow{
	float: left;
    padding: 0 110px;
    width: 1062px;
	background: transparent url('../img/shadow-bg2.png') 72px 0px no-repeat;
}
.contentSpacing{
	float:left; 
	width: 940px; 
	padding: 20px;
}
.productContent{
	float: left; 
	background: white; 
	width: 980px; 
	margin: 0 auto;
}
.columnOne{
	float:left; 
	width: 460px; 
	margin-right: 20px;
	margin-bottom: 35px;
}
.columnTwo{
	float:left; 
	width: 460px;
	margin-top: 25px;
	
}
.columnThree{
	float:left; 
	width: 460px;
	margin-top: 0px;	
	
}
.columnOne p, .columnTwo p{
	padding-bottom: 10px;
}
.productNav ul li{
	list-style: none;
	margin-right: 25px;
	float: left;
	padding-bottom: 25px;
}
.productNav ul li a{
	color: #0c3c67;
	font-weight: bold;
}
.productNav ul li a:hover, .productNav ul li a.active{
	color:#0c3c67;
	text-decoration: none;
}
hr.blue {
	 background-color:#0c3c67;
	 height: 1px;
	 border: 0;
	 width: 100%;
	 margin-bottom: 40px;
	 float: left;
}

#toTop {
    padding: 5px 10px;
    background: #0c3c67;
    color: #fff;
    position: fixed;
    bottom: 5px;
    right: 5px;
    display: none;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 12px;
}
#toTop a{
   color:#fff;
 	 text-decoration: none;
}
#toTop a:visited{
 color:#fff;
}
/* FOOTER */
.footer{
	position: relative;
	float: left;
	width: 100%;
	overflow: hidden;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	margin: 0 auto;
	background-color: #17608f;
	color: #FFF;
	font-size: 12px;
	padding: 20px 0;
	height: 30px;
}
.footerContentArea{
	width:940px;  
	margin: 0 auto;
	padding: 20px
}
.footerLinks{
	float: left; 
	width:60%;
}
.copyright{
	float: right; 
	font-size: 10px; 
	width:40%; 
	text-align:right;
}
.footer a:link, .footer a:visited{
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
	padding: 0 10px;
}
.footer a:hover{
	text-decoration: underline;
}
a { color: #193a66; text-decoration:underline; }
a:hover { text-decoration: none; }
a:visited { text-decoration: underline; 
}