/*
 *
 * red #f40056
 */


body {
	margin:0;
	padding:0;
	font-family:"Helvetica", "Arial";
	color:#878487;
}

a img {
	border:0;
}

a {
	color:inherit;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

.grayBG {
	background-color:#ebebeb;
}

.lightBlueBg {
	background-color:#c7e5f5;
}

.claim, .topClaim, .contacts {
	font-size:25px;
	width:80%;
	margin:0 auto;
	letter-spacing:1px;
	line-height:120%;
	text-align:center;
	padding:12px 0 6px;
}

.topClaim {
	height:100px;
	overflow:hidden;
}

h1 {
	font-size:30px;
	letter-spacing:1px;
	line-height:120%;
}

.topClaim {
	padding:30px 50px 6px;;
}

p > a {
	text-decoration:underline;
}

.contacts {
	padding:30px 180px;
	padding-right:0;
	text-align:left;
}

.leftContacts, .rightContacts {
	width:40%;
	float:left;
	padding:0 1% 0 1%;
}

.topAuthor {
	padding-bottom:30px;
}

.wrapper {
	width:1000px;
	padding:0 25px;
	margin:0 auto;
	position:relative;
}

.arrow-up, .arrow-left, .arrow-right, .arrow-down {
	width: 0;
	height: 0;
	position:absolute;
	top:-10px;
	left:21px;
	z-index:20;
}

#map_canvas {
	width:100%;
	height:450px;
}

.arrow-left, .arrow-right {
	top:40px;
	left:-10px;
}

.arrow-right {
	left:auto;
	right:-10px;
}

.arrow-up {
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #bababa;
}

.arrow-down {
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 15px solid #c7e5f5;
	bottom:-14px;
	top:auto;
	left:200px;
	right:auto;
}

.arrow-left {
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-right: 10px solid #0089d2;
}

.arrow-right {
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid #0089d2;
}

.darkGrayBG .arrow-right {
	border-left: 10px solid #888588;
}

.darkGrayBG .arrow-left {
	border-right: 10px solid #888588;
}

header > .wrapper > ul > li {
	display:inline-block;
	padding-top:65px;
	padding-right:35px;
	position:relative;
}

header > .wrapper > ul > li:hover > a {
	color:#0089d2;
}

.titleless {
	margin-top:30px;
}

a.active {
	color:#0089d2;
}

header > .wrapper > ul {
	padding-left:260px;
	width:600px;
	margin:0;
	float:left;
}

.quality {
	float:left;
	padding-top:21px;
}

.logo {
	position:absolute;
	left:25px;
	top:0;
	height:150px;
	z-index:100;
}

header {
	height:101px;
}

.rollout {
	position:absolute;
	width:200px;
	z-index:100;
	left:-11px;
	background-color:#bababa;
	top:101px;
	display:none;
}

.connector {
	top:80px;
	height:21px;
	position:absolute;
	width:200px;
	left:0;
	display:none;
}

li:hover .connector {
	display:block;
}

li:hover .rollout {
	display:block;
}

.rollout a:hover {
	color:#00436e;
}

.rollout li {
	line-height:140%;
	padding-bottom:8px;
}

.rollout li:last-child {
	padding-bottom:0;
}

.rollout ul {
	list-style-type:none;
	padding:10px;
	color:#fff;
}

header a:hover {
	text-decoration:none;
	color:#0089d2;
}

.slideshow {
	opacity:0;
}

.slideshow:first-child {
	opacity:1;
}

.slideshowHolder, .slideshowHolder2 {
	position:relative;
	overflow:hidden;
	height:416px;
}



.slideshowHolder.aHeight, .slideshowHolder2.aHeight {
	height:auto;
}

.slideshowHolder2 {
	height:auto;
}

.slideshow, .slideshow2 {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	display:block;
	overflow:hidden;
	height:100%;
}

.slideshow img, .slideshow2 img {
	width:100%;
}

.weeklyClaim strong {
	position:absolute;
	bottom:0;
	left:0;
	font-size:30px;
	padding-left:40px;
	padding-right:40px;
	padding-top:30px;
	width:35%;
	height:60%;
	font-weight:normal;
	color:#fff;
	background-color:rgba(0,87,160,0.8);
	/* 0089d2 */
	-webkit-border-top-right-radius: 30px;
	-moz-border-radius-topright: 30px;
	border-top-right-radius: 30px;
	letter-spacing:1px;
	line-height:120%;
}

.switches {
	position:absolute;
	bottom:25px;
	right:30px;
	text-align:right;
	z-index:30;
}

.switch {
	width:10px;
	height:10px;
	background-image:url("../pcs/point_white.png");
	display:inline-block;
	margin:0 5px;
	background-size:100%;
	cursor:pointer;
}

.slideshowHolder .switch.active {
	background-image:url("../pcs/point_blue.png");
}

.slideshow:first-child, .slideshow2:first-child {
	position:relative;
}

h1, h2, h3, h4 {
	font-weight:normal;
}

h3 {
	margin:0 0 14px;
}

h2.small, p.small, .small, .author, .topAuthor {
	color:#868686;
	font-size:13px;
	font-weight:normal;
	margin:15px 0;
	display:block;
}

.author, .topAuthor {
	text-align:center;
	margin-top:0;
	margin-bottom:40px;
}

ul {
	padding-left:19px;
	margin:5px 0;
}

.rightCol h3 {
	line-height:150%;
}

.content li {
	padding-bottom:12px;
}

.leftCol {
	width:25%;
	padding-right:5%;
	float:left;
}

.rightCol {
	width:70%;
	float:left;
}

.rightContacts a:hover {
	color:#0088ce;
	text-decoration:none;
}

.copyDiv p {
	text-align:center;
	font-size:13px;
	padding:50px;
}

h1 {
	color:#0b8dd0;
}

.rightCol h1, .rightCol h2 {
	margin-top:0;
}

.rightCol p {
	padding-bottom:30px;
	line-height:140%;
}

.leftCol nav a {
	display:block;
	padding-bottom:10px;
}

.leftCol nav a:hover {
	color:#0b8dd0;
	text-decoration:none;
}

h5 {
	color:#0b8dd0;
	margin:0;
	font-size:17px;
	font-weight:normal;
}

.perex {
	color:#0088ce;
	font-size:20px;
	line-height:150%;
}

.rightCol h2 {
	color:#0088ce;
}

.contacts a {
	text-decoration:none !important;
}

.refAuthor {
	color:#0f8fd1;
}

.ref {
	padding-bottom:40px;
}

.innerPad .ref p {
	line-height:140%;
	padding-bottom:0;
}

.innerPad h1 {
	margin-top:0;
}

.innerPad {
	padding:0 30px;
	padding-top:40px;
}

.innerPad p {
	padding-bottom:13px;
}

p {
	margin:0;
}

.puzzleBox {
	width:19.1%;
	padding:20px 2%;
	height:152px;
	background-color:#0089d2;
	color:#fff;
	position:relative;
	float:left;
	margin-right:2.5%;
}

.puzzleBox:hover {
	background-color:#00436e;
}

footer {
	background-color:#888588;
	color:#fff;
}

a:nth-child(4n) .puzzleBox {
	margin-right:0;
}

.puzzleBox h3 {
	font-size:21px;
	margin:0;
	line-height:120%;
}

.partners h3 {
	font-size:25px;
	margin-bottom:0;
}

.partners h4 {
	font-size:19px;
}

h4 {
	margin:0;
	margin-bottom:10px;
}

 .innerTextTile.partners p {
	font-size:16px;
}

.small > a:hover {
	color:#00436e;
	text-decoration:none;
}

.puzzleInfo {
	position:absolute;
	display:block;
	bottom:0;
	left:0;
	background-color:#00436e;
	width:191px;
	padding:10px 20px;
	font-size:13px;
}

.whiteBG {
	padding-top:34px;
	margin-top:-34px;
	background-color:#fff;
}

.skyBlueBG {
	background-color:#0089d2;
	color:#fff;
}

.darkGrayBG {
	background-color:#888588;
	color:#fff;
}

.image {
	width:100%;
}

.tileRow {
	height:333px;
	overflow:hidden;
}

.imageTile, .textTile {
	width:50%;
	float:left;
	height:100%;
	position:relative;
}

.video {
	display:block;
	width:75px;
	height:75px;
	background-image:url("../pcs/play.png");
	background-size:100%;
	position:absolute;
	left:50%;
	top:50%;
	-webkit-transform: translate(-50%,-50%)
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

a:hover .innerTextTile {
	text-decoration:none;
}

.innerTextTile {
	width:84%;
	padding:20px 8% 50px 8%;
	height:240px;
	overflow:hidden;
}

.innerTextTile p {
	font-size:25px;
	letter-spacing:1px;
	line-height:120%;
}

.moreInfo {
	position:absolute;
	left:8%;
	bottom:20px;
}

.textTile .small {
	color:inherit;
}

.innerFooter {
	padding:20px 40px;
}

.footCol, .footForm {
	float:left;
}

footer h3 {
	margin:0;
	font-weight:bold;
	font-size:13px;
}

footer * {
	font-size:13px;
	line-height:140%;
}

.footCol > a {
	display:block;
}

.footCol {
	width:20%;
	padding-right:2.5%;
}

.footCol.big {
	width:400px;
}

.footCol.right {
	float:right;
	text-align:right;
	padding-right:0;
}

.footForm {
	width:28%;
}

form, fieldset {
	margin:0;
	padding:0;
	border:0;
}

textarea {
	width:100%;
}

.footForm form {
	padding-top:5px;
}

.footForm input, textarea {
	background-color:#b4b4b4;
}

.slideAut {
	position:absolute;
	bottom:15px;
	left:40px;
	font-size:14px;
}

.reset {
	clear:both;
}
