#main ul.gallery {
overflow: hidden;
width: 100%;
}

#main ul.gallery li {
float: left;
display: block;
width: 165px;
height: 125px;

text-align: center;

padding: 0px;
margin: 0 30px 30px 30px;

background: none!important;
}

#main .gallery li img {
padding: 1px;
display: inline;
cursor:hand;
border: 1px solid #C0C1C1;
}

.picturka {
padding: 1px;
cursor: pointer;
border: 1px solid #C0C1C1;
}

.picturkanohref {
padding: 1px;
border: 1px solid #C0C1C1;
}






* {padding:0;margin:0}

BODY {
	padding: 8px 64px;
	background:#525659 url(../images/body-bg.gif);
	text-align:center;
	font-size:70%;
	color:#31383B
	}


h1 { font-family: Arial; font-size: 10pt; font-weight: bold }

BODY,INPUT,TEXTAREA,SELECT,
H1,H2,H3,H4,H5,H6 {
	font-family:tahoma,arial,verdana,helvetica,sans-serif;
	color:#31383B
	}
FIELDSET {
	border:solid 0 transparent
	}
IMG,FORM {border:none}
UL,LI {list-style:none}

A {text-decoration:underline}

A:link,
A:visited {
	color:#5E4939
	}
A:hover,
A:active {
	text-decoration:none
	}

	
	
/* -----------|  |----------- */
#page {
	padding-top:17px;
	width:100%;
	height:100%;
	background:url(../images/page-curve-top.gif) 100% 0 no-repeat;
	text-align:left
	}
	#page-left {
		background:#FFF url(../images/page-bg-left.gif) repeat-y
		}
	#page-right {
		padding:0 2px;
		background:url(../images/page-bg-right.gif) 100% 0 repeat-y
		}
	#page-bot {
		height:33px;
		background:url(../images/page-curve-bot.gif) no-repeat
		}
		#page-bot SPAN {
			display:block;
			height:33px;
			background:url(../images/page-curve-bot-r.gif) 100% 0 no-repeat
			}
/* -----------| Head |----------- */
#head {
	background:#DA9756 url(../images/head-bg.gif) repeat-x
	}
	#head H1 {
		padding:20px 27px 0 27px;
		height:57px;
		background:url(../images/head-logo.gif) 27px 20px no-repeat
		}
		#head H1 A {
			display:block;
			width:276px;
			height:46px
			}
		#head H1 SPAN {
			display:none
			}
/* -----------| Menu |----------- menu-hr.gif*/
#menu {
	background:url(../images/menu-pic.jpg) 196px 0 no-repeat;
	font-size:11px
	}
	#menu DIV {
		padding-top:54px;
		width:196px;
		background:#5E4939 url(../images/menu-curve.gif) no-repeat
		}
	#menu UL {
		padding:0 31px 14px 23px;
		min-height:95px;
		background:url(../images/menu-bg.gif) 0 100% repeat-x
		}
	#menu LI {
		padding:4px 0 4px 0;
		background-position:7px 50%;
		background-repeat:no-repeat;
		border-top:solid 1px #867364;
		border-bottom:solid 1px #564234
		}
	#menu LI.first {
		border-top:none
		}
	#menu LI.last {
		border-bottom:none
		}
	#menu LI.menu-1 {
		background-image:url(../images/menu-1.gif)
		}
	#menu LI.menu-2 {
		background-image:url(../images/menu-2.gif)
		}
	#menu LI.menu-3 {
		background-image:url(../images/menu-3.gif)
		}
	#menu LI.menu-4 {
		background-image:url(../images/menu-4.gif)
		}
	#menu LI.menu-5 {
		background-image:url(../images/menu-5.gif)
		}
	#menu LI.menu-6 {
		background-image:url(../images/menu-6.gif)
		}
	#menu A {
		display:block;
		padding-right:15px;
		margin-right:-15px;
		height:12px;
		background:url(../images/menu-arr.gif) 100% 0 no-repeat;
		font-size:0
		}
	#menu A:hover {
		background-position:100% 100%
		}
	#menu SPAN {
		display:none
		}
/* -----------| Content |----------- */
#main {
	table: width:100% height:100%;
	overflow:hidden;
	width:100%;
	height:100%;

	border-top:solid 1px #FFF
	}
/* -----------| Headings |----------- */
#main H3 {
	margin-bottom:10px;
	height:13px;
	background-repeat:no-repeat
	}
#main .lead H3 {
	background-position:113px 0 
	}
#main #right-col H3 {
	margin-bottom:20px
	}
	#main H3 SPAN {
		display:none
		}
#main H3.h-about {
	background-image:url(../images/h-about.gif)
	}
#main H3.h-ideas {
	background-image:url(../images/h-ideas.gif)
	}
#main H3.h-news {
	background-image:url(../images/h-news.gif)
	}
#main H3.h-back {
	background-image:url(../images/h-back.gif)
	}
#main H3.h-contacts {
	background-image:url(../images/h-contacts.gif)
	}


#main .gr_h { padding: 5px 0px; }

#main H4 {
	margin-bottom:.4em;
	font-size:1em;
	color:#5E4939
	}

#main H2 {
	margin-bottom:1em;
font-size:1.5em;
	color:#5E4939
	}

#main P {
	padding-bottom:1em
	}
#main BR {
	clear:both
	}
/* -----------| Horizontal Rule |----------- */
#main .hr {
	clear:both;
	overflow:hidden;
	margin:15px 0 15px 0;
	width:100%;
	height:1px;
	font-size:0
	}
	#main #content .hr {
		background:url(../images/content-hr.gif) 50% 0 no-repeat
		}
	#main #right-col .hr {
		margin:0 0 5px 0;
		background:url(../images/right-hr.gif) 50% 0 no-repeat
		}
/* -----------| More Link |----------- */
#main .more {
	position:relative;
	left:12px;
	display:block
	}
#main .lead .more {
	float:right;
	left:0
	}
	#main .more SPAN {
		position:absolute;
		top:.5em;
		left:-12px;
		display:block;
		width:8px;
		height:5px;
		background:url(../images/bull-brown.gif) no-repeat
		}
/* -----------| List |----------- */
#main LI {
	padding-left:16px;
	margin-bottom:.2em;
	background:url(../images/bull-green.gif) 0 .5em no-repeat
	}
	#main #content LI {
		background:url(../images/bull-green.gif) 0 .5em no-repeat
		}
	#main #right-col LI {
		background:url(../images/bull-brown.gif) 0 .5em no-repeat
		}
/* -----------| Lead |----------- */
.lead {
	overflow:hidden;
	width:100%
	}
/* -----------| Double List |----------- */
.double-list {
	overflow:hidden;
	width:100%
	}
	.double-list UL {
		float:left;
		padding-right:3%;
		width:45%
		}
	#main .double-list LI {
		margin-bottom:.6em
		}
/* -----------| Double Text |----------- */

.plane-text {
	overflow:hidden;
	width:100%
	}
	.double-text .text {
		float:left;
		padding-right:3%;
		width:100%
		}
	.double-text .thumb.left {
		margin:0 10px 5px 0
		}



.double-text {
	overflow:hidden;
	width:100%
	}
	.double-text .text {
		float:left;
		padding-right:3%;
		width:45%
		}
	.double-text .thumb.left {
		margin:0 10px 5px 0
		}
/* -----------| Main Column |----------- */
#main-col {
	float:left;
	width:100%;
	background:#FFF url(../images/left-col-bg.gif) repeat-x
	}
#main-col-b {
	background:url(../images/main-col-curve.gif) 100% 100% no-repeat
	}
/* -----------| Left Column |----------- */
#left-col {
	float:left;
	margin-left:-218px;
	width:100%;
	background:#FFF url(../images/left-col-bg.gif) repeat-x
	}
/* -----------| Content |----------- */
#content {
	overflow:hidden;
	line-height:140%
	}
	#main-col #content {
		padding:23px 30px 23px 30px
		}
	#left-col #content {
		padding:23px 30px 23px 248px
		}
/* -----------| Thumbnail |----------- */
.thumb {
	padding:1px;
	border:solid 1px #BDBEBE
	}
.thumb.left {
	float:left;
	margin:0 23px 23px 0
	}
.thumb.right {
	float:left
	}
	.thumb IMG {
		display:block
		}
/* -----------| Promo |----------- */
.promo {
	padding:0 0 0 218px;
	background:#CFCFCF url(../images/promo-bg.gif) repeat-x
	}
	.promo UL {
		overflow:hidden;
		width:100%;
		}
	#main .promo LI {
		padding:0;
		width:49%;
		height:81px;
		background:0;
		}
		.promo LI SPAN {
			float:right;
			width:100%
			}
		.promo LI A {
			float:right;
			margin:22px 0 0 0;
			width:121px;
			height:52px;
			text-indent:-5000px
			}
	#main .promo LI.manage {
		float:left;
		background:url(../images/promo-ico-1.jpg) no-repeat;
		border-right:solid 1px #A1A1A1
		}
		.promo LI.manage SPAN {
			background:url(../images/promo-txt-1.gif) 100% 22px no-repeat
			}
	#main .promo LI.strategy {
		float:right;
		background:url(../images/promo-ico-2.jpg) no-repeat;
		}
		.promo LI.strategy SPAN {
			background:url(../images/promo-txt-2.gif) 100% 22px no-repeat
			}
/* -----------| Right Column |----------- */
#right-col {
	float:right;
	padding-bottom:0px;
	width:218px;
	height:100%;
	min-height:288px;
	background: #e5e3cf
	}
#right-col-b {
	padding:26px 13px 30px 17px
	}
/* -----------| News |----------- */

.newsbig {
	overflow:hidden;
	padding-bottom:5px;
	}
	.newsbig .date {
		position:relative;
		left:12px;
		display:block;
		margin-bottom:.3em
		}
		.newsbig .date SPAN {
			position:absolute;
			top:.3em;
			left:-12px;
			display:block;
			width:9px;
			height:9px;
			background:url(../images/news-ico.gif) no-repeat
			}


.news {
	overflow:hidden;
	padding-bottom:5px;
	width:188px
	}
	.news .thumb.left {
		margin:0
		}
	.news .date {
		position:relative;
		left:12px;
		display:block;
		margin-bottom:.3em
		}
		.news .date SPAN {
			position:absolute;
			top:.3em;
			left:-12px;
			display:block;
			width:9px;
			height:9px;
			background:url(../images/news-ico.gif) no-repeat
			}
	.news P {
		float:right;
		width:120px
		}
	.news.full P {
		float:left;
		width:100%
		}
/* -----------| Contact |----------- */
.contact {
	overflow:hidden;
	width:100%
	}
	.contact FIELDSET {
		width:49%
		}
	.contact FIELDSET.l {
		float:left
		}
	.contact FIELDSET.r {
		float:right
		}
	.contact FIELDSET.submit {
		clear:both;
		padding-top:5px;
		width:100%
		}
	.contact INPUT,
	.contact TEXTAREA {
		width:100%;
		border:solid 1px #BDBEBE;
		font-size:1em
		}
	.contact INPUT {
		margin-bottom:1px;
		height:17px;
		}
	.contact .submit INPUT {
		float:right;
		padding-left:12px;
		margin-left:10px;
		width:auto;
		background:#FFF url(../images/bull-brown.gif) 0 .6em no-repeat;
		border:none;
		color:#5E4939;
		cursor:pointer
		}
	.contact TEXTAREA {
		height:57px
		}
/* -----------| Footer |----------- */
#footer {
	overflow:hidden;
	width:100%;
	background:#E3E6E7 url(../images/copy-bg.gif) 100% 100% no-repeat
	}
/* -----------| Navigation |----------- */
#navigation {
	float:left;
	margin-left:-218px;
	width:100%;
	border-top:solid 4px #775E3A
	}
	#navigation UL {
		overflow:hidden;
		padding:11px 10px 12px 222px;
		background:#DA9756;
		text-align:center
		}
	#navigation LI {
		display:inline;
		margin-left:.5em;
		padding-right:.4em;
		border-right:solid 1px #FFF
		}
	#navigation LI.last {
		border:none
		}
	#navigation A {
		text-decoration:none;
		color:#FFF
		}
	#navigation A:hover {
		text-decoration:underline
		}

/* --- calculator ---*/

#calc input {
font-size: 11px;
border: 1px solid #909191;
width: 50px;
}

#calc td,th {padding-left:8px;border-bottom: 1px solid #ccc;}

/* -----------| Copy |----------- */
#copy {
	float:right;
	width:218px;
	height:27px;
	background:url(../images/copy-txt.gif) 50% 100% no-repeat
	}
	#copy SPAN {
		display:none
		}



