@import url(reset.css);

@font-face {
  font-family: Calibri;
  src: url(CALIBRI0.eot);
}
@font-face {
  font-family: Calibri;
  src: url(CALIBRI1.eot);
  font-weight: bold;
}
@font-face {
  font-family: Calibri;
  src: url(CALIBRI2.eot);
  font-style: italic;
}
@font-face {
  font-family: Calibri;
  src: url(CALIBRI3.eot);
  font-weight: bold;
  font-style: italic;
}
 
@font-face {
  font-family: Calibri;
  src: url(calibri.ttf) format("opentype");
}
@font-face {
  font-family: Calibri;
  src: url(calibri.ttf) format("opentype");
  font-weight: bold;
}
@font-face {
  font-family: Calibri;
  src: url(calibri.ttf) format("opentype");
  font-style: italic;
}
@font-face {
  font-family: Calibri;
  src: url(calibri.ttf) format("opentype");
  font-weight: bold;
  font-style: italic;
}

/* =body
************************************************************** */

body {
	background: #1d2427 url(i/bg.png) repeat-x left top;
	font: normal 81% Calibri, Arial, Helvetica, sans-serif;
	color: #333;
}


.site {
	width: 980px;
	margin: 0 auto;
}


h1 {
	position: absolute !important;
	left: 23px;
	top: 27px;
	width: 264px;
	height: 72px;
	background: url(i/logo.png) no-repeat left top;
	text-indent: -1000em;
}

h1 a {
	position: absolute;
	left: 0;
	top: 0;
	width: 264px;
	height: 72px;
}

/* =masthead
************************************************************** */

#masthead {
	position: relative;
	height: 51px;
	padding-top: 124px;
	margin-bottom: 15px;
}

/* =nav
************************************************************** */

#nav {
	list-style: none;
	float: left;
	padding: 17px 0 5px 10px;
}

#nav li {
	float: left;
	margin-right: 20px;
}

#nav li a {
	display: block;
	float: left;
	height: 28px;
	padding: 4px 0 0 0;
	color: #a1a1a1;
	font-weight: bold;
}

/* =search
************************************************************** */

#search {
	float: right;
	padding-right: 19px;
	padding-top: 15px;
}

#search .field {
	float: left;
	width: 248px;
	height: 27px;
	background: url(i/masthead/search-input.png) no-repeat left top;
}

#search .field input {
	width: 218px;
	height: 24px;
	background: none;
	border: none;
	padding: 3px 15px 0;
	font-size: 13px !important;
}

#search .search-btn {
	display: block;
	float: left;
	width: 115px;
	height: 27px;
	border: none;
	padding: 0;
	margin: 0;
	background: url(i/masthead/search-submit.png) no-repeat left top;
	text-indent: -1000em;
}

/* =main
************************************************************** */

#main {
	/*background: #291f20 url(i/main-bg.png) repeat-x left top;*/
	padding-bottom: 32px;
}

/* =content-1st
************************************************************** */

#content-1st {
	float: left;
	width: 159px;
	padding-left: 11px;
	padding-right: 31px;
	margin-right: 0px;
}

#main-page #content-1st {
	padding-right: 10px;
	width: 159px;
}

/* =content-2nd
************************************************************** */

#content-2nd {
	float: left;
	width: 578px;
	margin-right: 0px;
}

#main-page #content-2nd {
	width: 578px;
	padding-left: 22px;
	padding-right: 20px;
}

/* =content-2nd
************************************************************** */

#content-3rd {
	float: left;
	width: 159px;
	padding-left: 31px;
	padding-right: 11px;
}

#main-page #content-3rd {
	padding-left: 10px;
	width: 159px;
}

/* =section
************************************************************** */

.section {
	background-position: left top;
	background-repeat: no-repeat;
	background-color: #fff;
	margin-bottom: 33px;
}

.section .inner {
	background-position: left bottom;
	background-repeat: no-repeat;
}

#content-1st .section,
#content-3rd .section {
	background-image: url(i/section/section-159-top.gif);
}

#content-1st .section.first,
#content-3rd .section.first {
	background-image: url(i/section/section-159-top-1st.gif);
}

#content-1st .section .inner,
#content-3rd .section .inner {
	background-image: url(i/section/section-159-bottom.gif);
}

#wrapper .section h2 {
	height: 29px;
	padding: 12px 0 0 19px;
	font-size: 1.23em;
	font-weight: bold;
	color: #30546f;
}

#wrapper .section h2 a {
	color: #30546f;
	text-decoration: none;
}

#wrapper .section h2 a:hover {
	text-decoration: underline;
}

#content-1st .section.colored h2,
#content-3rd .section.colored h2 {
	background: url(i/section/section-header.gif) no-repeat left top;
	font-weight: bold;
	color: #30546f;
	height: 27px;
	padding-left: 19px;
	padding-top: 14px;
}

#content-1st .section.first.colored h2,
#content-3rd .section.first.colored h2 {
	background-image: url(i/section/section-header-1st.gif);
}

.section .contents {
	padding: 0 10px 14px
}

#content-1st .section .contents,
#content-3rd .section .contents {
	padding-top: 2px;
}

#content-1st .section .contents ul,
#content-3rd .section .contents ul {
	list-style: none;
}

#content-1st .section .contents ul li,
#content-3rd .section .contents ul li {
	padding: 4px 0 4px 22px;
	background: url(i/section/li-marker.gif) no-repeat left 7px;
	line-height: 1.3em;
}
#content-1st .section .contents ul li.sub-category,
#content-3rd .section .contents ul li.sub-category {
	background: none;
}

#content-1st .section.smaller .contents ul li,
#content-3rd .section.smaller .contents ul li {
	font-size: 1em;
}

#content-1st .section .contents ul li,
#content-3rd .section .contents ul li a {
	color: #513076;
}

/* =content
************************************************************** */

#content {
	/*background: url(i/content/bg.png) repeat-x left top;*/
}

#content h2 {
	padding-top: 10px;
	margin-bottom: 21px;
	color: #a1a1a1;
}

#content .section h2 {
	background: url(i/content/h-bg.png) no-repeat left top;
	position: relative;
	width: 578px;
	height: 38px;
	padding: 10px 15px 0;
	color: #56748a;
	top: -14px;
	margin-bottom: -20px;
	font-weight: bold;
}

#content .section-body h2 {
	position: relative;
	left: -15px;
	margin-bottom: -3px;
}

#content .body {
	/*padding: 0 10px;*/
}

#content .body .intro {
	color: #e8e4f7;
	padding: 0 5px;
	margin-bottom: 10px;
	line-height: 1.7em;
}

#content .section {
	background-image: none;
	background-color: transparent;
	margin-bottom: 33px;
}

#content .section .section-top {
	height: 14px;
	background: url(i/section/section-content-top.png) no-repeat left top;
}

#wrapper #content .section .section-body {
	background-color: #fff;
	padding: 1px 10px;
}

#content .section .section-body:after {
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
}

#content .section.position .section-body {
	padding: 0px 15px;
	background-color: #fff;
}

#content .section.position .section-body .img {
	float: left;
}

#content .section.position .section-body .info {
	margin-left: 266px;
}

#content .section.position .section-body .info h3 {
	color: #513076;
	font-weight: normal;
	padding-bottom: 16px;
	background: url(i/content/position-h-line.png) no-repeat center bottom;
	margin-bottom: 12px;
}

#content .section.position .section-body .info h3 a {
	color: #513076;
	text-decoration: none;
}

#content .section.position .section-body .info h3 a:hover {
	text-decoration: underline;
}

#content .section.position .section-body .info .descr {
	line-height: 1.5em;
	padding-bottom: 16px;
	background: url(i/content/position-h-line.png) no-repeat center bottom;
	margin-bottom: 12px;
}

#content .section .section-bottom {
	height: 14px;
	background: url(i/section/section-content-bottom.png) no-repeat left top;
}

#wrapper #content .section h2 {
	padding-top: 0;
	background: none;
}

#content .section .media {
	text-align: center;
	margin-bottom: 20px;
}

#content .section .rating {
	position: relative;
	padding-bottom: 12px;
	margin-right: 150px;
	background: url(i/content/position-h-line.png) no-repeat left bottom;
	margin-bottom: 12px;
}

#wrapper #content .section.colored h2 {
	margin-top: -14px;
	padding-top: 14px;
	padding-left: 38px;
	background: url(i/section/section-content-header.png) no-repeat left top;
	height: 33px;
	margin-bottom: 0;
	color: #30546f;
	font-weight: normal;
}

#comments {
	padding: 6px 23px;
	list-style: none;
	margin-bottom: 14px;
}

#comments li {
	padding: 10px 0 11px;
	background: url(i/content/position-h-line.png) no-repeat left bottom;
}

#comments li .author {
	margin-bottom: 5px;
}

#comments li .author a {
	color: #3a4971;
	font-weight: bold;
	text-decoration: none;
}

#comments li .author a:hover {
	text-decoration: underline;
}

#comments li blockquote {
	
}

#add-comment {
	
}

#add-comment .cell {
	margin-bottom: 12px;
	padding-left: 15px;
}

#add-comment .cell textarea {
	border-width: 1px;
	border-style: solid;
	border-color: #808080 #d4d0c8 #d4d0c8 #808080;
	width: 505px;
	height: 48px;
	padding: 5px 10px;
}

#add-comment .btn {
	padding-right: 16px;
}

#add-comment .add-comment {
	display: block;
	float: right;
	width: 186px;
	height: 29px;
	background: url(i/content/add-comment.png) no-repeat left top;
	text-indent: -1000em;
}

/* =rate-box
************************************************************** */

.rate-box {

}

.rate-box:after {
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
}

.rate-box .caption {
	float: left;
	color: #000;
	padding-top: 1px;
	margin-right: 7px;
}

.rate-box .rating {
	float: left;
	width: 100px;
	height: 16px;
}

.rate-box .rating .voting {
	display: none;
	position: absolute;
	width: 100px;
	height: 16px;
	left: 0;
	top: 0;
}

.rate-box .rating:hover .voting {
	display: block;
}

.rate-box .rating .voting a {
	display: block;
	float: left;
	width: 17px;
	height: 16px;
	background: url(i/rating/star.png) no-repeat left top;
	overflow: hidden;
	margin-right: 3px;
}

.rate-box .rating .voting a.active {
	background-position: left -16px;
}

.rate-box .rating .stars {
	position: relative;
	width: 97px;
	height: 16px;
	background: url(i/rating/stars-off.png) no-repeat left top;
}

.rate-box .rating .stars .stars-rate {
	position: absolute;
	height: 16px;
	background: url(i/rating/stars-on.png) no-repeat left top;
}

/* =footer
************************************************************** */

#footer {
	background-color: #040505;
	margin-bottom: 12px;
}

#footer .inner {
	width: 580px;
	margin: 0 auto;
	padding: 17px 0 16px;
}

#footer .inner a {
	color: #a1a1a1;
	margin-right: 43px;
	font-weight: bold;
}

#subfooter {
	width: 580px;
	margin: 0 auto;
	color: #fff;
	padding-bottom: 20px;
}



/* =general
************************************************************** */

a {
	color: #513076;
	outline: none;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

.semantic {
	display: none;
}

.columns:after {
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
}

/* =sizes
************************************************************** */

 .size0 { background: none;}
 .size1 { width: 1%;}   .size2 { width: 2%;}  .size3 { width: 3%;}    .size4 { width: 4%;}
 .size5 { width: 5%;}   .size6 { width: 6%;}  .size7 { width: 7%;}    .size8 { width: 8%;}
 .size9 { width: 9%;}  .size10 { width: 10%;} .size11 { width: 11%;} .size12 { width: 12%;}
.size13 { width: 13%;} .size14 { width: 14%;} .size15 { width: 15%;} .size16 { width: 16%;}
.size17 { width: 17%;} .size18 { width: 18%;} .size19 { width: 19%;} .size20 { width: 20%;}
.size21 { width: 21%;} .size22 { width: 22%;} .size23 { width: 23%;} .size24 { width: 24%;}
.size25 { width: 25%;} .size26 { width: 26%;} .size27 { width: 27%;} .size28 { width: 28%;}
.size29 { width: 29%;} .size30 { width: 30%;} .size31 { width: 31%;} .size32 { width: 32%;}
.size33 { width: 33%;} .size34 { width: 34%;} .size35 { width: 35%;} .size36 { width: 36%;}
.size37 { width: 37%;} .size38 { width: 38%;} .size39 { width: 39%;} .size40 { width: 40%;}
.size41 { width: 41%;} .size42 { width: 42%;} .size43 { width: 43%;} .size44 { width: 44%;}
.size45 { width: 45%;} .size46 { width: 46%;} .size47 { width: 47%;} .size48 { width: 48%;}
.size49 { width: 49%;} .size50 { width: 50%;} .size51 { width: 51%;} .size52 { width: 52%;}
.size53 { width: 53%;} .size54 { width: 54%;} .size55 { width: 55%;} .size56 { width: 56%;}
.size57 { width: 57%;} .size58 { width: 58%;} .size59 { width: 59%;} .size60 { width: 60%;}
.size61 { width: 61%;} .size62 { width: 62%;} .size63 { width: 63%;} .size64 { width: 64%;}
.size65 { width: 65%;} .size66 { width: 66%;} .size67 { width: 67%;} .size68 { width: 68%;}
.size69 { width: 69%;} .size70 { width: 70%;} .size71 { width: 71%;} .size72 { width: 72%;}
.size73 { width: 73%;} .size74 { width: 74%;} .size75 { width: 75%;} .size76 { width: 76%;}
.size77 { width: 77%;} .size78 { width: 78%;} .size79 { width: 79%;} .size80 { width: 80%;}
.size81 { width: 81%;} .size82 { width: 82%;} .size83 { width: 83%;} .size84 { width: 84%;}
.size85 { width: 85%;} .size86 { width: 86%;} .size87 { width: 87%;} .size88 { width: 88%;}
.size89 { width: 89%;} .size90 { width: 90%;} .size91 { width: 91%;} .size92 { width: 92%;}
.size93 { width: 93%;} .size94 { width: 94%;} .size95 { width: 95%;} .size96 { width: 96%;}
.size97 { width: 97%;} .size98 { width: 98%;} .size99 { width: 99%;} .size100 { width: 100%;}



.grid div{
	margin: 15px 0;
	clear: both;
}
.grid label{
	clear:both;
	display:block;
	float:left;
	width:180px;
}
.grid span input{
	width: 300px;
}
.grid span input.button{
	width: auto;
	margin: 10px 0 0 180px;
}
.grid span input.time, .grid span input.date{
	width: 100px;
	margin: 0 3px;
}
.grid span textarea{
	width: 300px;
	height: 100px;
}
/*********************/
.section-body li{
	list-style: none;
	padding: 6px 0 6px 22px;
	background: url(i/section/li-marker.gif) no-repeat left 7px;
}

.section-body li .link {
	margin-bottom: 7px;
}

/*********************/
.pager {
	text-align: center;
}
.pager ul{
	margin: 0;
	padding: 0;
	height: 30px;
}
.pager ul li{
	list-style: none;
	display: inline;
	padding: 3px 6px;
	background: #000000;
	margin: 2px;
	border: 1px solid silver;
	color: #ffffff;
}
.pager ul li.selected{
	background: #ffffff;
	border: 1px solid silver;
}
.pager ul li.selected a{
	color: #000000;
}
.pager ul li a{
	text-decoration: none;
	color: #ffffff;
}
/**************************/
.no-results{
	font-weight: bold;
	text-align: center;
	padding: 20px 0;
	color: #ffffff;
}
.black{
	color: #000000;
}

/* =msg
************************************************************** */

.msg {
	width: 578px;
	background: url(i/msg/top.png) no-repeat left top;
	margin: 0 auto;
	margin-bottom: 33px;
}

.msg .inner {
	background: url(i/msg/bottom.gif) no-repeat left bottom;
	padding: 12px;
}

.msg .inner .ico {
	min-height: 25px;
	padding-left: 61px;
	padding-top: 11px;
	background-position: left center;
	background-repeat: no-repeat;
	color: #000;
}

.msg.msg-ok .inner .ico {
	background-image: url(i/msg/ok.png);
}

.msg.msg-err .inner .ico {
	background-image: url(i/msg/err.png);
}

.ok {
	background: #08A300;
}