/******************************************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100.01%;
	background: transparent;
}
ol, ul {
	list-style: none;
}

:focus {
	outline: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/******************************************************************************/

body {
	background-color: #FFFFFF;
	background-image: url(../img/body.bg.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
}

a {
	color: #13A2D1;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}

h1 a,
h2 a,
h3 a,
h4 a { text-decoration: none; }

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover { text-decoration: underline; }

h1 {
	line-height: 26px;
	font-size: 24px;
	font-weight: bold;
	color: #231F20;
}

h2 {
	line-height: 26px;
	font-size: 24px;
	font-weight: normal;
	color: #231F20;
}

h3 {
	line-height: 20px;
	font-size: 18px;
	font-weight: normal;
}

h4 {
	line-height: 16px;
	font-size: 14px;
	font-weight: normal;
}

h5 {
	line-height: 14px;
	font-size: 12px;
	font-weight: normal;
}

form, label, input, select, textarea {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
}

textarea {
	overflow: auto;
}

/******************************************************************************/

a.button {
	display: block;
	width: 113px;
	height: 32px;
	background: url(../img/button.bg.gif);
	text-align: center;
	line-height: 32px;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
}
a.button:hover {
	text-decoration: underline;
}

/**************************************/

.pages {
	margin: 0 auto;
	padding-top: 8px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}

.pages a,
.pages span, {
	padding: 0 2px 0 2px;
}

.pages a {
	color: #13A2D1;
	text-decoration: none;
}
.pages a:hover {
	text-decoration: underline;
}

.pages span {
	color: #5A5A5A;
}

/**************************************/

p.prev,
p.next {
	position: absolute;
	bottom: 0;
	margin: 0;
	font-size: 11px;
}

p.prev {
	left: 0;
}

p.next {
	right: 0;
}

p.prev img,
p.next img {
	width: 9px;
	height: 10px;
	vertical-align: middle;
}

p.prev a,
p.next a {
	text-decoration: none;
}

p.prev a:hover,
p.next a:hover {
	text-decoration: underline;
}

/**************************************/

.caption {
	margin-bottom: 10px;
}

.clear {
	clear: both;
	overflow: hidden;
	font-size: 0;
}

.header {
	height: 250px;
}

.content {
	min-height: 500px;
	height: 100%;
} * html .content { height: 500px; }

/*.width {
	position: absolute;
	top: 250px;
	left: 100px;
	padding-left: 170px;
}*/

.width {
	position: relative;
	left: 100px;
	padding-left: 170px;
}

.width-long {
	width: 840px;
}

.width-short {
	width: 620px;
}

form label {
	font-size: 14px;
	color: #13A2D1;
}

form .text {
	padding: 6px;
	border: 1px solid #E2E0E0;
	width: 248px;
	height: 18px;
	vertical-align: middle;
}

form .textarea {
	padding: 6px;
	border: 1px solid #E2E0E0;
	width: 97%;
}

form .submit {
	margin-top: 5px;
	/*margin-left: 40px;*/
	border: 0;
	width: 113px;
	height: 32px;
	background: url(../img/voiting.submit.bg.gif) center center no-repeat;
	color: #FFFFFF;
}

/******************************************************************************/

.logo {
	position: absolute;
	z-index: 500;
	top: 90px;
	left: 405px;
}

.logo img {
	width: 286px;
	height: 105px;
}

.logo-noc {
	position: absolute;
	z-index: 500;
	top: 90px;
	left: 405px;
}

.logo-noc img {
	width: 56px;
	height: 105px;
}

.logo-oriflame {
	position: absolute;
	z-index: 500;
	top: 90px;
	left: 470px;
}

.logo-oriflame img {
	width: 222px;
	height: 105px;
}

/**************************************/

.slogan {
	position: absolute;
	/*top: 105px;
	left: 494px;*/
	top: 90px;
	left: 580px;
}

.slogan img {
	/*width: 371px;
	height: 19px;*/
	width: 592px;
	height: 102px;
}

/**************************************/

.menu {
	position: absolute;
	z-index: 6;
	top: 30px;
	left: 235px;
}

.menu ul {
	width: 100%;
}

.menu ul li {
	float: left;
	padding: 0 15px 0 15px;
}

.menu ul li a {
	line-height: 18px;
	font-size: 16px;
	color: #003469;
	text-decoration: none;
}
.menu ul li a:hover {
	color: #FFFFFF;
}

.menu ul li.active a {
	color: #FFFFFF;
	text-decoration: underline;
}

/**************************************/

#personal-area {
	position: absolute;
	top: 25px;
	right: 0;
	width: 350px;
	text-align: right;
}

#personal-area .enter {
	clear: both;
	position: relative;
	z-index: 2;
	height: 32px;
	text-align: right;
}

#personal-area .enter a {
	clear: both;
	float: right;
	display: block;
	padding: 8px 16px 8px 16px;
	height: 16px;
	line-height: 16px;
	font-size: 12px;
	font-weight: bold;
	color: #003469;
	text-decoration: none;
}
#personal-area .enter a:hover {
	text-decoration: underline;
}

#personal-area .enter a.active {
	border: 1px solid #E2E0E0;
	border-bottom: 0;
	background-color: #F5F5F5;
}

#personal-area .profile-link a {
	clear: both;
	float: right;
	display: block;
	padding: 8px 16px 8px 16px;
	height: 16px;
	line-height: 16px;
	font-size: 12px;
	color: #003469;
	text-decoration: underline;
}

.login-area {
	position: relative;
	z-index: 1;
	top: -1px;
	right: 0;
	display: none;
	padding: 10px;
	border: 1px solid #E2E0E0;
	height: 100%;
	background-color: #F5F5F5;
}

.login-area table td {
	padding: 0 0 10px 0;
}

/**************************************/

.location {
	margin-bottom: 5px;
	line-height: 14px;
	font-size: 10px;
	color: #BAB9B9;
}

.location a {
	color: #BAB9B9;
	text-decoration: none;
}
.location a:hover {
	text-decoration: underline;
}

.location span {
	/*font-style: italic;*/
	color: #13A2D1;
}

/**************************************/

.list {
	float: left;
	position: relative;
	margin-bottom: 25px;
	padding-right: 10px;
	width: 295px;
}

.list h2 {
	margin-bottom: 10px;
}

.list h4 {
	margin-bottom: 10px;
	height: 80px;
	font-style: italic;
	color: #04376B;
}

.list .item {
	float: left;
	display: inline;
	position: relative;
	margin: 0 2px 4px 0;
	padding: 5px;
	border: 1px solid #CDCDCD;
	width: 83px;
	height: 135px;
	background: #FFFFFF;
	line-height: 12px;
	font-size: 11px;
	overflow: hidden;
}

.list .item a {
	color: #12A2D1;
	text-decoration: none;
}
.list .item a:hover {
	text-decoration: underline;
}

.list .item img {
	display: block;
}

.list .item p {
	position: relative;
}

.list .item p.percent {
	position: absolute;
	top: 95px;
	right: 3px;
	font-size: 14px;
	font-weight: bold;
}

.list .item p.photo {
	margin-bottom: 4px;
	height: 85px;
}

.list .item .sport {
	font-size: 10px;
	font-style: italic;
	color: #707070;
}

.list .link { padding: 0 0 5px 15px; height: 16px; background: url(../img/arrow.list.gif) left center no-repeat; line-height: 16px; font-size: 14px; }
.list .link a { color: #13A2D1; text-decoration: none; }
.list .link a:hover { text-decoration: underline; }

.list .all { float: right; padding-right: 8px; line-height: 16px; font-size: 12px; }
.list .all a { color: #13A2D1; }

.list .prev,
.list .next {
	position: static;
	bottom: 0;
}

/**************************************/

.voiting {
	float: left;
	width: 225px;
	overflow: hidden;
	color: #707070;
}

.voiting h2 {
	margin-bottom: 10px;
}

.voiting h4 {
	margin-bottom: 10px;
	font-style: italic;
	color: #04376B;
}

.voiting form {
}

.voiting form label {
	font-size: 12px;
	color: #707070;
}

.voiting .result {
	padding: 2px 0 2px 0;
}

.voiting .result span {
	font-size: 10px;
}

.voiting .result .line {
	height: 4px;
	overflow: hidden;
	background: #707070;
}

/**************************************/

.photo-list {
	position: relative;
	margin-bottom: 28px;
	padding-bottom: 28px;
	width: 606px;
	color: #707070;
}

.photo-list a {
	text-decoration: none;
}
.photo-list a:hover {
	text-decoration: underline;
}

.photo-list .item {
	float: left;
	display: inline;
	margin: 0 5px 7px 0;
	padding: 10px;
	border: 1px solid #E2E0E0;
	width: 175px;
	height: 240px;
	background: #F5F5F5;
	overflow: hidden;
}

.photo-list .item p {
	padding: 2px;
	line-height: 16px;
}

.photo-list .item p.photo {
	height: 175px;
}

.photo-list .item p.date {
	font-size: 10px;
	font-style: italic;
	color: #707070;
}

.photo-list .item p.voit {
	float: right;
}

.photo-list .item p.voit a {
	text-decoration: underline;
}
.photo-list .item p.voit a:hover {
	text-decoration: none;
}

.photo-list .item .photo {
	display: block;
}

.photo-list .prev,
.photo-list .next {
	position: static;
	bottom: 0;
}

/**************************************/

.block {
	position: relative;
	margin-bottom: 10px;
	border: 1px solid #E2E0E0;
	/*height: 100%;*/
	background-color: #F5F5F5;
}

.block h1 {
	clear: both;
	margin-bottom: 2px;
	color: #12A2D1;
}

.block h3 {
	margin-bottom: 4px;
	color: #707070;
}

.block h4 {
	color: #626262;
}

.block h5 {
	margin-bottom: 6px;
	font-style: italic;
	color: #707070;
}

.block p {
	margin-bottom: 14px;
	color: #707070;
}

.block .photo {
	margin-right: 20px;
}

.block-head, 
.block-body {
	padding: 10px;
	/*height: 100%;*/
}

.block .block-head h4 { line-height: 120%; }

.about {/* width: 520px;*/ }
.about .block-head { height: 82px; background: #C7E4EA url(../img/team.head.bg.jpg) left top no-repeat; }

.sport {/* width: 520px;*/ }
.sport .block-head { height: 82px; background: #C7E4EA url(../img/team.head.bg.jpg) left top no-repeat; }
.sport .block-body b, 
.sport .block-body strong {	font-size: 18px; font-weight: normal; color: #4C7196; }

.profile { margin-bottom: 42px;/* width: 514px;*/ background-image: url(../img/profile.bg.gif); background-position: left bottom; background-repeat: repeat-x; }
.profile-head { background: #C7E4EA url(../img/profile.head.bg.jpg) left top no-repeat; }
.profile-head img { display: block; }

.profile p.prev,
.profile p.next {
	bottom: -42px;
}

.photo-view { margin-bottom: 42px;/* width: 565px;*/ }
.photo-view .photo { margin: 0; }
.photo-view .date { float: right; font-size: 10px; font-style: italic; }

.photo-view p.prev,
.photo-view p.next {
	bottom: -42px;
}

.team { }
.team-head { height: 82px; background: #C7E4EA url(../img/team.head.bg.jpg) left top no-repeat; }
.team .photo { /*height: 85px;*/ }

.block-head p.voit {
	margin: 0 10px 0 0;
	text-align: right;
	font-size: 14px;
}

.block-body p.voit {
	margin: 0;
	padding: 10px 0 0 0;
	border-top: 1px solid #CDCDCD;
	height: 32px;
}
.block-body p.voit .button {
	float: right;
}

.alert, .alert h4 { color: #FF0000; }

/**************************************/

.wish-list {
	position: relative;
	margin-top: 42px;
	margin-bottom: 28px;
	height: 100%;
}

.wish-list h3 {
	margin-bottom: 14px;
}

.wish-list ul {
	border-top: 1px solid #E2E0E0;
}

.wish-list ul li {
	padding: 10px 0 14px 0;
	border-bottom: 1px solid #E2E0E0;
}

.wish-list ul li p {
	font-size: 14px;
	color: #5A5A5A;
}

.wish-list ul li .date {
	font-size: 10px;
	font-weight: normal;
	color: #13A2D1;
}

.wish-list ul li .name {
	color: #13A2D1;
}

/**************************************/

.wish-add {
	position: relative;
	margin-bottom: 28px;
	height: 100%;
}

.wish-add h3 {
	margin-bottom: 14px;
}

.wish-add table td {
	padding: 0 0 10px 0;
}

/**************************************/

.signup {
	position: relative;
	margin-bottom: 28px;
	/*width: 520px;*/
	height: 100%;
}

.signup h3 {
	margin-bottom: 14px;
}

.signup table td {
	padding: 0 0 10px 0;
}

/**************************************/

.products {
	text-align: center;
	margin-left: -170px;
	margin-bottom: 28px;
}

.products h2 {
	position: relative;
	font-size: 18px;
	color: #0069BB;
}

.products td { padding: 0 10px 0 10px; }

.products img.p {
	display: block;
	margin-bottom: 20px;
}

/**************************************/

.banner {
	clear: both;
	margin-bottom: 30px;
}

/**************************************/

.copyright {
	clear: both;
	position: relative;
	margin-bottom: 30px;
	color: #979797;
}

.copyright .madeinkensu {
	position: absolute;
	top: 0;
	right: 0;
}

.copyright .madeinkensu img {
	vertical-align: middle;
}

/******************************************************************************/

.hereis {
	position: absolute;
	top: 50px;
	right: -310px;
	width: 300px;
}

.hereis h2 {
	margin-bottom: 10px;
	text-align: center;
	font-size: 18px;
	color: #0069BB;
}

/******************************************************************************/