@charset "utf-8";

/* CSS Document */



body, div, h1, h2, h3, h4, h5, h6, p, img, img a, a img, form, fieldset, input, blockquote {

	margin: 0; padding: 0; border: 0;

}



body {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 13px;

	padding: 10px;

}



html {



	background-image: url(images/bg.jpg);

	background-repeat: no-repeat;

	background-position: center;

	background-attachment: fixed;

	background-color: #005188;

}



h1, h2, h3, h4, h5, h6, p {

	padding: 0 10px 0 0;

}



p {

	line-height: 1.3;

}



.circle {

	background-image: url(images/circle.png);

	background-repeat: no-repeat;

	background-position: 0px 0px;

	width: 796px;

	height: 795px;

	margin: 0 auto;

}



.circleSegment {

	position: absolute;

	background-position: 0;

	background-repeat: no-repeat;

	z-index: 2;

}



.circleSegment.nw {

	background-image: url(images/circle_hover_nw.png);

	width: 398px;

	height: 398px;

}



.circleSegment.ne {

	background-image: url(images/circle_hover_ne.png);

	width: 398px;

	height: 398px;

	margin-left: 398px;

}



.circleSegment.wsw {

	background-image: url(images/circle_hover_wsw.png);

	width: 266px;

	height: 272px;

	margin-top: 398px;

}



.circleSegment.ssw {

	background-image: url(images/circle_hover_ssw.png);

	width: 290px;

	height: 277px;

	margin: 518px 0 0 108px;

}



.circleSegment.sse {

	background-image: url(images/circle_hover_sse.png);

	width: 288px;

	height: 275px;

	margin: 520px 0 0 398px;

}



.circleSegment.ese {

	background-image: url(images/circle_hover_ese.png);

	width: 267px;

	height: 273px;

	margin: 398px 0 0 529px;

}



.circleHotspot {

	position: absolute;

	z-index: 3;

}



.circleHotspot a {

	display: block;

	width: 100%;

	height: 100%;

}



.circleHotspot.nw {

	width: 398px;

	height: 398px;

}



.circleHotspot.ne {

	width: 398px;

	height: 398px;

	margin-left: 398px;

}



.circleHotspot.wsw {

	width: 216px;

	height: 167px;

	margin-top: 398px;

}



.circleHotspot.ssw {

	width: 200px;

	height: 212px;

	margin: 583px 0 0 198px;

}



.circleHotspot.sse {

	width: 181px;

	height: 216px;

	margin: 579px 0 0 398px;

}



.circleHotspot.ese {

	width: 217px;

	height: 171px;

	margin: 398px 0 0 579px;

}



.circleLightWrapper {

	width: 360px;

	height: 360px;

	padding: 217px 0 0 218px;

}



.circleLight {

	width: 360px;

	height: 360px;

	background-image: url(images/circle_light.png);

	background-repeat: no-repeat;

	background-position: 17px 17px;

	animation        : circleLightRotation 7s linear infinite;

	-moz-animation   : circleLightRotation 7s linear infinite; /* Firefox */

	-webkit-animation: circleLightRotation 7s linear infinite; /* Safari and Chrome */

	-o-animation     : circleLightRotation 7s linear infinite; /* Opera */

}



@keyframes circleLightRotation

{

	from {transform:rotate(0deg);}

	to {transform  :rotate(360deg);}

}



@-moz-keyframes circleLightRotation /* Firefox */

{

	from {-moz-transform:rotate(0deg);}

	to {-moz-transform  :rotate(360deg);}

}



@-webkit-keyframes circleLightRotation /* Safari and Chrome */

{

	from {-webkit-transform:rotate(0deg);}

	to {-webkit-transform  :rotate(360deg);}

}



@-o-keyframes circleLightRotation /* Opera */

{

	from {-o-transform:rotate(0deg);}

	to {-o-transform  :rotate(360deg);}

}