/* General Reset */
header, nav, section, article, aside, footer{display:block;}
body{
	margin:0;
	color:#000;
	font:16px/18px 'gotham_bookregular', sans-serif;
	background:url(../images/bg-body.gif) no-repeat 50% 0;
	min-width:923px;
	min-height:100%;
}
html{
	height:100%;
	background:#0a8fab url(../images/bg-html.gif) repeat-y 50% 0;
}
img{border-style:none;}
input,
textarea,
select{
	color:#000;
	vertical-align:middle;
	font:100% Verdana, Geneva, sans-serif;
}
form,fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
blockquote, q{quotes: none;}
q:before,
q:after {content: '';}
a{
	font-size:11px;
	color:#fff;
	text-decoration:none;
}
a:focus,
input:focus,
textarea:focus,
select:focus{outline:none;}
header, nav, section, article, aside, footer{display:block;}
/* General settings */
@font-face {
	font-family:'gotham_bookregular';
	src:url('../fonts/gothambook-webfont.eot');
	src:url('../fonts/gothambook-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/gothambook-webfont.woff') format('woff'),
		url('../fonts/gothambook-webfont.ttf') format('truetype'),
		url('../fonts/gothambook-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face{
	font-family:'gotham_bookregular';
	src:url('../fonts/gothambook-webfont.svg') format('svg');
 }
}
@font-face{
	font-family:'gotham_boldregular';
	src:url('../fonts/gotham-bold-webfont.eot');
	src:url('../fonts/gotham-bold-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/gotham-bold-webfont.woff') format('woff'),
		url('../fonts/gotham-bold-webfont.ttf') format('truetype'),
		url('../fonts/gotham-bold-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face{
	font-family:'gotham_boldregular';
	src:url('../fonts/gotham-bold-webfont.svg') format('svg');
 }
}
@font-face {
	font-family:'gotham_thinregular';
	src:url('../fonts/gotham-thin-webfont.eot');
	src:url('../fonts/gotham-thin-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/gotham-thin-webfont.woff') format('woff'),
		url('../fonts/gotham-thin-webfont.ttf') format('truetype'),
		url('../fonts/gotham-thin-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face{
	font-family:'gotham_thinregular';
	src:url('../fonts/gotham-thin-webfont.svg') format('svg');
 }
}
/* header */
header{
	width:696px;
	margin:0 auto;
	padding:55px 8px 48px 166px;
	min-height:54px;
	position:relative;
	z-index:10;
}
header:after{
	clear:both;
	content:'';
	display:block;
}
header .logo{
	width:123px;
	height:220px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/bg-logo.png) no-repeat;
	position:absolute;
	top:4px;
	left:12px;
}
header .logo a{
	display:block;
	height:100%;
}
h1{
	margin:0;
	font:31px/39px 'gotham_boldregular', sans-serif;
}
header .info{
	overflow:hidden;
	color:#fff;
}
header h1 strong{
	font-weight:normal;
	text-transform:uppercase;
	display:block;
	line-height:37px;
}
header .contact{
	margin:0;
	padding:0;
	list-style:none;
	float:right;
}
header .contact li{
	float:left;
	padding:0 9px;
	background:url(../images/sep-header.jpg) no-repeat 0 50%;
	color:#fff;
}
header .contact li:first-child{background:none;}
/* content*/
#content{
	width:832px;
	margin:0 auto;
}
h2{
	margin:0;
	font-size:22px;
	line-height:27px;
	color:#fff;
}
#content h2{
	text-align:center;
	text-transform:uppercase;
	letter-spacing:1px;
	margin-bottom:15px;
}
/*slideshow*/
.slideshow{
	width:100%;
	overflow:hidden;
	position:relative;
	background:url(../images/bg-slideshow.png) no-repeat -93px 25px;
	padding-bottom:15px;
}
.slideshow .slides{
	margin:0 auto;
	padding:0;
	list-style:none;
	max-height:253px;
}
.slideshow .slides:after{
	clear:both;
	content:'';
	display:block;
}
.slideshow .slides img{
	display:block;
	margin:0 auto;
}
.slideshow .flex-control-nav{
	margin:23px 0 0;
	padding:0;
	list-style:none;
	position:relative;
	float:left;
	left:50%;
	z-index:10;
}
.slideshow .flex-control-nav li {
	margin-right:7px;
	position:relative;
	float:left;
	left:-50%;
}
.slideshow .flex-control-nav li a{
	width:10px;
	height:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	display:block;
	cursor:pointer;
	text-indent:-9999px;
	overflow:hidden;
	background-color:#18788c;
}
.slideshow .flex-control-nav li a:hover{background-color:#fff;}
.slideshow .flex-control-nav li a.flex-active{background-color:#fff;}
/* content-info */
.content-info{
	width:832px;
}
.content-info ul{
	margin:0 -10px;
	padding:0;
	list-style:none;
	overflow:hidden;
}
.content-info li{
	float:left;
	text-align:center;
	margin:0 30px;
	padding-bottom:18px;
}
.content-info a{
	width:100px;
	color:#fff;
	display:block;
	margin: 0 0 -9999px;
	padding:21px 26px 9999px;
	font-size:14px;
	line-height:18px;
}
.content-info .ui-state-active a, .content-info a:hover{
	background-color:#fff;
	color:#0b8faa;
	font-family:'gotham_bookregular', sans-serif;
}
.content-info span{display:block;}
.content-info .ui-state-default span.meters,
.content-info .ui-state-default span.filtration,
.content-info .ui-state-default span.contact-us,
.content-info .ui-state-default span.home{
	width:50px;
	height:42px;
	background:url(../images/bg-content-info.png) no-repeat;
	margin:0 auto 10px;
}
.content-info .ui-state-default span.filtration{
	width:40px;
	background-position:-52px 0;
}
.content-info .ui-state-default span.contact-us{
	width:43px;
	background-position:-108px 0;
}
.content-info .ui-state-default span.home{
	width:53px;
	background-position:-157px 0;
}
.content-info .ui-state-active span.meters, .content-info a:hover span.meters{background-position:-213px 0;}
.content-info .ui-state-active span.filtration, .content-info a:hover span.filtration{background-position:-268px 0;}
.content-info .ui-state-active span.contact-us, .content-info a:hover span.contact-us{background-position:-323px 0;}
.content-info .ui-state-active span.home, .content-info a:hover span.home{background-position:-372px 0;}
.content-info .intro{
	background-color:#fff;
	margin:0 -27px 40px;
	padding:25px 30px 5px;
}

	.small {
	font-size: 10px;
	text-decoration: none;
	text-transform: uppercase;
}
    .content-info .intro p{
	margin:0 0 18px;
}