@import "base.css";

.wrapper {
	min-width: 940px;
	max-width: 1200px;
	overflow: hidden;
	margin: 0 auto;
	padding: 0 30px;
}

#header-wrap {
	width: 100%;
	max-width: 100%;
	height: 630px;
	padding: 17px 0 0 0;
	background: url(../img/bg_pattern.jpg) repeat-x bottom;
}

#header-wrap2 {
	width: 100%;
	max-width: 100%;
	height: 140px;
	padding: 17px 0 0 0;
}

#top-line {
	overflow: hidden;
}

#top-menu {
	float: left;
	width: 500px;
	font-size: 9pt;
	font-weight: bold;
	position: relative;
	z-index: 12;
}

#top-menu a {
	color: #2b9800;
	float: left;
	margin: 1px 30px 0 0;
	line-height: 19px;
}

#top-menu img {
	margin-top: 2px;
}

#request {
	float: right;
	width: 240px;
	font-size: 9pt;
	font-weight: bold;
	padding: 0 0 3px 0;
	position: relative;
	z-index: 14;
	line-height: 19px;
}

#request a {
	text-decoration: none;
	border-bottom: 1px dotted #007795;
	color: #007795;
	margin: 1px 0 0 6px;
}

#request a:hover {
	border: none;
}

#request img {
	vertical-align: middle;
}

#logo-line {
	min-width: 1000px;
	max-width: 1250px;
	margin: 20px auto 0 auto;
	overflow: hidden;
	clear: both;
	position: relative;
	z-index: 10;
}

#logo-line-left,#logo-line-right {
	height: 69px;
}

#logo-line-left {
	background: #00894d;
	width: 10px;
	float: left;
}

#logo {
	background: url(../img/logo-bg.png) no-repeat;
	width: 390px;
	height: 71px;
	float: left;
}

#logo img {
	margin: 0px 0 0 60px;
}

#logo-line-right {
	background: url(../img/logo-line-right.png) no-repeat #00894d;
	margin-left: 400px;
	position: relative;
}

#main-menu {
	margin-left: 10px;
	padding-top: 6px;
}

#main-menu a {
	color: #fff;
	text-transform: uppercase;
	font-size: 9pt;
	line-height: 21pt;
	margin-right: 24px;
	white-space: nowrap;
}

#news {
	float: left;
	width: 200px;
	margin-right: 48px;
}

.news-block {
	margin: 0 0 28px 0;
}

.news-block a {
	line-height: 14pt;
}

.news-date {
	color: #505050;
	font-size: 7pt;
}

#content {
	font-size: 11pt;
	line-height: 17pt;
	margin: 0 259px 20px 248px;
}

#content a {
	color: #2b9800;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#content img {
	display: block;
}

#news h2,#content h2 {
	margin: 0 0 24px 0;
	font-size: 14pt;
}

#frontpage-pic {
	margin: 0 0 15px 0;
}

#right-block {
	background: url(../img/right-block-bg.png) no-repeat #00894d;
	float: right;
	width: 189px;
	margin: 0 0 0 40px;
	padding: 11px 15px;
}

#right-block h2 {
	color: #eee;
}

#right-block-desc {
	font-style: italic;
	font-size: 11pt;
	line-height: 15pt;
	color: #fff;
}

#right-block-pic {
	margin: 26px 0 0 0;
}

#footer {
	clear: both;
	margin: 0 auto;
	padding: 50px 30px 30px 30px;
}

#search {
	float: left;
	width: 200px;
	margin-right: 49px;
}

.search-field {
	border: 1px solid #b2b2b2;
	padding: 3px 7px;
	height: 17px;
	background: url(../img/search-bg.gif) no-repeat right center;
	font-size: 12px;
	color: #b2b2b2;
	margin: 0 50px 10px 0;
	font-family: Arial;
}

#developer {
	float: right;
	width: 324px;
	line-height: 14pt;
}

#copyright,#developer {
	color: #616161;
	padding-top: 5px;
}

#sitemap-footer {
	background: url(../img/sitemap-footer.gif) no-repeat left center;
	width: 128px;
	font-weight: bold;
	padding: 0 0 0 18px;
}

#sitemap-footer a {
	color: #2b9800;
	font-size: 9pt;
}

#loopedSlider {
	width: 1000px;
	position: absolute;
	top: 2px;
	left: 50%;
	clear: both;
	margin: 0 0 0 -500px;
	z-index: 0;
}

.next,.previous {
	position: absolute;
	top: 350px;
	width: 54px;
	height: 54px;
	cursor: pointer;
}

.next {
	background: url(../img/next.png) no-repeat;
	right: 0;
}

.previous {
	background: url(../img/prev.png) no-repeat;
	left: 0;
}

.container {
	height: 656px;
	overflow: hidden;
	position: relative;
}

.slides {
	position: absolute;
	top: 0;
	left: 0;
}

.slides li {
	width: 1000px;
	height: 350px;
}

#pic-1,#pic-2,#pic-3 {
	width: 1000px;
	height: 656px;
}

#pic-1 {
	background: url(../img/pic-1.png) no-repeat center top;
}

#pic-2 {
	background: url(../img/pic-2.png) no-repeat center;
}

#pic-3 {
	background: url(../img/pic-3.png) no-repeat center top;
}

#white {
	width: 637px;
	height: 47px;
	background: url(../img/white-marble.png) no-repeat;
	left: 36px;
	bottom: 120px;
	position: absolute;
}

#years {
	width: 464px;
	height: 35px;
	background: url(../img/85years.png) no-repeat;
	left: 66px;
	bottom: 73px;
	position: absolute;
}

.pic-info-wrap {
	position: absolute;
	bottom: 167px;
	right: 0;
	z-index: 20;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.pic-info-corner {
	width: 60px;
	height: 55px;
	float: left;
	background: url(../img/pic-info-corner.png) no-repeat;
}

.pic-info {
	float: left;
	width: 348px;
	height: 47px;
	padding: 8px 0 0 12px;
	background: url(../img/pic-info-bg.png) repeat;
}

.pic-info a {
	color: #006c2b;
	font-size: 12pt;
}

.pic-info span {
	display: block;
	font-size: 10pt;
	color: #000;
	padding: 4px 0 0 0;
}

#breadcrumbs {
	clear: both;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 9pt;
	color: #666;
	overflow: hidden;
	margin-bottom: 26px;
}

#breadcrumbs a {
	color: #007795;
}

#content-inner {
	overflow: hidden;
	line-height: 17pt;
}

#content-inner h1 {
	margin-top: 0;
}

#making-reuqests-form {
	width: 447px;
	height: 87px;
	background: url(../img/making-requests-form.png) no-repeat;
	padding: 20px 22px 0 22px;
	margin-bottom: 20px;
}

#making-reuqests-form label {
	clear: both;
	color: #fff;
	float: left;
	margin-bottom: 12px;
}

#requests-button {
	float: left;
}

#requests-input {
	height: 30px;
	width: 326px;
	font-size: 11pt;
	color: #787878;
	font-family: Arial;
	line-height: 26px;
	padding: 0 4px;
	float: left;
	margin-right: 12px;
}

#right-text-block {
	width: 360px;
	padding: 6px 0 0 20px;
	background: url(../img/top-border.png) no-repeat;
	line-height: 17pt;
	float: right;
	margin: 36px 0 0 36px;
}

#your-request {
	color: #757575;
	font-size: 14pt;
	font-weight: bold;
}

#your-request span {
	color: #00894d;
}

table.request-table {
	width: 92%;
	max-width: 700px; border : none;
	font-size: 11pt;
	border-spacing: 0;
	border: none;
}

table.request-table td {
	padding: 8px 0;
	color: #272727;
	border-bottom: 1px dotted #b4b4b4;
}

table.request-table th {
	border-bottom: 2px solid #b4b4b4;
	text-align: left;
	font-weight: normal;
	padding: 6px 0;
	color: #656565;
}

.quantity {
	font-style: italic;
	color: #999 !important;
}

.progress {
	font-style: italic;
	color: #303030 !important;
}

.progress span {
	color: #00a55a !important;
}

.notice {
	padding-bottom: 10px;
	overflow: hidden;
	color: #272727;
}

.notice h2 {
	color: #00894d;
	font-size: 14pt;
	font-family: Arial;
	text-transform: none;
}

#pagination {
	color: #878787;
}

#pagination a {
	display: block;
	width: 12px;
	margin: 0 2px;
	float: left;
	padding-left: 4px;
}

#pagination span {
	display: block;
	float: left;
	margin-right: 10px;
}

#pagination span.active {
	background: url(../img/pagination-bg.gif) no-repeat center;
	color: #000;
	width: 12px;
	margin: 0 2px;
	float: left;
	padding-left: 4px;
}

.date {
	line-height: 17px;
}

.period img {
	vertical-align: top;
	margin-right: 3px;
}

.period {
	padding-bottom: 15px;
}

.period span, .docs span {
	font-weight: bold;
	color: #878787;
	padding: 4px 0 8px 0;
	display: block;
}

.docs ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.docs li {
	margin: 0 0 10px 0;
}

.docs img {
	vertical-align: middle;
	margin-right: 7px;
} 

#left-menu {
	width: 192px;
	position: fixed;
	float: left;
	background: url(../img/left-green.png) no-repeat #00894d;
	margin-right: 20px;
	font-size: 10pt;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 0 22px;
	line-height: 13.5pt;
}

#left-menu a {
	color: #fff;
	margin: 24px 0;
	display: block;
}

#left-menu span.active {
	color: #8fffcb;
	margin: 24px 0;
	display: block;
	font-weight: bold;
}

.catalogue {
	padding: 0 0 0 256px;
}

.item {
	width: 324px;
	float: left;
	margin-right: 17px;
}

.item h2 {
	color: #303030;
	font-size: 18pt;
	text-transform: none;
}

.item-pic {
	width: 322px;
	height: 190px;
	border: 1px solid #e3e3e3;
	text-align: center;
	overflow: hidden;
}

.item-pic img { vertical-align: middle; }

table.item-desc { width: 100%; }

table.item-desc {
	width: 322px;
	font-size: 11pt;
	border-spacing: 0;
	border: none;
}

table.item-desc td {
	padding: 2px 0;
	color: #272727;
	border-bottom: 1px dotted #b4b4b4;
}


table.item-desc tr:hover {
	background: #e8f7f0;
}

table.item-desc td.progress {
	color: #00a55a !important;
	text-align: center;
}

#top-menu span {
	color: #878787;
	float: left;
	margin: 0 30px 0 0;
	border-top: 1px solid #d4d4d4;
	border-bottom: 1px solid #d4d4d4;
	line-height: 19px;
	position: relative;
}

#top-menu span #active-left, #top-menu span #active-right {
	width: 20px;
	height: 20px;
	position: absolute;
}

#top-menu span #active-left {
	top: 0;
	left: -20px;
	background: url(../img/active-menu-left.gif) no-repeat;
}

#top-menu span #active-right {
	top: -1px;
	right: -20px;
	background: url(../img/active-menu-right.gif) no-repeat;
}

#main-menu span {
	color: #8fffcb;
	text-transform: uppercase;
	font-size: 9pt;
	line-height: 21pt;
	margin-right: 24px;
	white-space: nowrap;
}