/*#8E2A34*/

body {
	margin: 0;
	padding: 0;
	background-color: #F6F5F0;
	font-family: "Trebuchet MS", Helvetica, Jamrul, sans-serif;
	font-size: 12px;
	color: #423F3D;
}

a, a:link, a:active, a:visited {
	font-size: 12px;
	color: #968B32;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h1 { font-size: 18px; }
h2 { font-size: 16px; }
h3 { font-size: 14px; }

hr {
	border: 0 none;
	border-bottom: 1px solid #CCCBC6;
}

em {
	background-color: #EFEDE1;
	color: #55471A;
	font-weight: bold;
	font-style: italic;
	font-size: 14px;
	padding: 16px;
	display: block;
	/*text-align: center;*/
	/*width: 400px;
	float: left;
	margin-right: 20px;*/
	
	background-image: url("../images/title1.jpg");
	background-repeat: no-repeat;
	background-position: 6px 16px; 
	padding-left: 50px;
}

#container {
	width: 986px;
	margin-left: auto;
	margin-right: auto;
}

#top-holder {
	float: left;
	width: 986px;
}

#menu {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	
	background-image: url(../images/stamp.jpg);
	background-repeat: no-repeat;
	background-position: 368px 20px;
	height: 58px;
	padding-bottom: 10px;
	margin-top: 0px;
	padding-top: 0px;
	padding-right:0px;
	text-align: center;
}

#menu a {
	color: #444140;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
}

#menu a:hover, #menu .active {
	color: #D10D19;
}

#logo {
	float: left;
	width: 156px;
	height: 58px;
	margin-top: 15px;
}

#middle-holder {
	float: left;
	width: 986px;
	height: 258px;
	margin-top: 10px;
}

.but-sp {
	float: left;
	margin-left: 30px;
	margin-top: 40px;
}


.but-sp-ro {
	float: left;
	margin-left: 30px;
	margin-top: 40px;
	margin-right: 172px;
}


.but-sp-en {
	float: left;
	margin-left: 45px;
	margin-top: 40px;
	margin-right: 210px;
}

.but {
	float: left;
	margin-top: 40px;
}


.but1 {
	float: left;
	margin-left: 18px;
	margin-top: 40px;
	
}

.but2 {
	float: left;
	margin-left: 18px;
	margin-top: 36px;
	
}

#scroll-holder {
	float: left;
	width: 986px;
	height: 240px;
	margin-bottom: 10px;
}

#scroll {
	float: left;
	margin-left: 3px;
	margin-right: 3px;
	margin-bottom: 0;
	width: 908px;
	height: 258px;
	
	position:relative; 
	overflow:hidden;
}

	/* override single pane */ 
	#scroll div { 
		float:left; 
		display:block; 
		/*cursor:pointer; 
		font-size:14px; */
	} 

	/* our additional wrapper element for the items */ 
	#scroll .items { 
		width:20000em;
		position:absolute;
		clear:both;
		margin:0;
		padding:0;
	} 
	 
	

#left-arrow {
	float: left;
	margin-top: 20px;
	width: 36px;
	height: 69px;
}

#left-arrow a:visited, #left-arrow a:active, #right-arrow a:visited, #right-arrow a:active {
	border: 0 none;
}

#right-arrow {
	float: left;
	margin-top: 20px;
	width: 36px;
	height: 69px;
}

.box {
	float: left;
	width: 217px ! important;
	height: 240px ! important;
	margin: 0 5px;
}

.box-content {
	cursor: pointer;
	width: 217px ! important;
}

.box-content .frame_box {
	float: left;
	width: 210px ! important;
	height: 98px ! important;
	border: 3px solid #444241 ! important;
	overflow: hidden;
	padding: 0 ! important;
}
	.box-content .frame_box img {
		margin: 0 ! important;
		padding: 0 ! important;
	}

.box-content .title_box {
	float: left;
	margin-top: 7px;
	width: 216px ! important;
	height: 20px ! important;
	background-color: #D3CA81;
	border: 1px solid #FFFFFF;
}

.box-content:hover .frame_box {
	float: left;
	height: 98px;
	border: 3px solid #D10C19 ! important;
}

.imgframe {
	border: 1px solid #FFFFFF;
}

.box-content:hover .title_box {
	float: left;
	margin-top: 7px;
	width: 216px;
	height: 20px;
	background-color: #444241;
	border: 1px solid #FFFFFF;
}

.newstitle {
	float: left;
	margin-left: 5px;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	color: #FAF9F0;
}

.text_box {
	float: left;
	margin-left: 1px;
	width: 215px ! important;
	height: 88px ! important;
	margin-top: 5px;
}

.details_box {
	float: left;
	margin-top: 4px;
	width: 215px ! important;
	text-align: right;
}

.details_box a {
	color: #D10D19;
	text-decoration: none;
}

.spacer {
	float: left;
	width: 10px;
}

#boxes {
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 930px;
	height: 176px;
	clear: right;
}


#box-1 {
	float: left;
	width: 305px;
	height: 176px;
	background-image: url("../images/box1.jpg");
	background-repeat: no-repeat;
}

#box-1:hover {
	float: left;
	width: 305px;
	height: 176px;
	background-image: url("../images/box1-hover.jpg");
	background-repeat: no-repeat;
	cursor: pointer;
}

#box-2 {
	float: left;
	width: 305px;
	height: 176px;
	background-image: url("../images/box2.jpg");
	background-repeat: no-repeat;
}

#box-2:hover {
	float: left;
	width: 305px;
	height: 176px;
	background-image: url("../images/box2-hover.jpg");
	background-repeat: no-repeat;
	cursor: pointer;
}

#box-3 {
	float: left;
	width: 305px;
	height: 176px;
	background-image: url("../images/box3.jpg");
	background-repeat: no-repeat;
}

#box-3:hover {
	float: left;
	width: 305px;
	height: 176px;
	background-image: url("../images/box3-hover.jpg");
	background-repeat: no-repeat;
	cursor: pointer;
}



.box-sec {
	float: left;
	width: 305px;
	height: 176px;
	background-image: url("../images/box-sec.jpg");
	background-repeat: no-repeat;
}

	.box-sec h3 {
		color: #D10D19;
		margin: 10px 0 0 16px;
	}
	
	.box-sec p {
		margin: 16px 0 10px 16px ! important;
		width: 270px;
	}
	
	
	.box-sec img {
		border: 0 none ! important;
	}


.title-box {
	float: left;
	margin-top: 75px;
	margin-left: 15px;
}

.title-box a {
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	color: #D10D19;
}

.title-box a:hover {
	color: #444241;
}

.text-box {
	float: left;
	margin-top: 2px;
	margin-left: 15px;
	width: 274px;
	height: 70px;
	overflow: hidden;
	/*border: 1px solid #d00;*/
}

#projects-bar {
	margin-left: auto;
	margin-right: auto;
	width: 900px;
	height: 20px;
	background-color: #D10C19;
	border: 1px solid #FFFFFF;
}

.projects {
	margin-left: auto;
	margin-right: auto;
	width: 900px;
}

#projects {
	margin-left: auto;
	margin-right: auto;
	width: 900px;
}

.project {
	float: left;
	margin-top: 5px;
	width: 225px;
}

#search-bar {
	margin-left: auto;
	margin-right: auto;
	width: 900px;
	height: 20px;
	background-color: #D0CDB4;
	color: #000;
	border: 1px solid #FFFFFF;
}


#bottom {
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	width: 906px;
	height: 54px;
	background-image: url("../images/bottom.jpg");
	background-repeat: no-repeat;
}

#copyright {
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	width: 906px;
	font-size: 10px;
}

#copyright td, #copyright td a { font-size: 10px; }

#copyright a {
	font-size: 10px ! important;
	color: #423F3D;
	text-decoration: underline;
}

.copy {
	font-size: 10px;
	margin-top: 0px;
}


#copy a {
	font-size: 10px ! important;
	color: #423F3D;
	text-decoration: underline;
}

.copy img {
	vertical-align: middle;
}

#content {
	margin-top: 6px;
	margin-left: 20px;
	float: left;
	width: 660px;
	text-align: justify;
}

	
	#content .text {
		width: 660px;
	}

	#content a {
		color: #968B32;
	}

	#content img {
		margin: 4px;
	}


#content-wide {
	margin-left: auto;
	margin-right: auto;
	width: 944px;
	text-align: justify;
	clear: right;
}
	
	#content-wide a {
		color: #968B32;
	}

	#content-wide img {
		margin: 4px;
	}
	
.img {
	border: 3px solid #A09F9B ! important;
	padding: 1px;
	margin: 4px;
	background-color: #fff;
}

#sideboxes {
	float: left ! important;
	width: 260px;
	margin-left: 20px;
}

	#sideboxes .sidebox {
		margin-left: 5px;
		background-image: url("../images/side-s.jpg");
		background-repeat: repeat-y;
	}
	
	#sideboxes .sideboxw {
		margin-left: 5px;
		background-image: url("../images/side-s1.jpg");
		background-repeat: repeat-y;
	}
	
	.sidebox .head, .sideboxw .head {
		background-image: url("../images/side-header-s.jpg");
		background-repeat: no-repeat;
		width: 250px;
		height: 11px;
	}
	
	.sidebox .head1, .sideboxw .head1 {
		background-image: url("../images/side-header1-s.jpg");
		background-repeat: no-repeat;
		width: 250px;
		height: 32px;
	}
	
	.head1 h3 {
		color: #D10D19 ! important;
		margin: 0px 10px 0 16px ! important;
		padding-top: 10px;
		font-size: 14px;
	}
	
	.sidebox .inner, .sideboxw .inner {
		width: 220px;
		margin-left: 20px;
	}
	
	.sidebox ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		margin-left: 6px;
	}
	
	.sidebox li {
		margin: 0;
		padding: 0;
	}
	
	.sidebox strong {
		display: block;
		width: 212px;
		height: 26px;
		border-bottom: 1px #FFF solid;
		padding: 8px 6px 0px 20px;
		margin: 0 ! important;
	}
	
	.sidebox ul li a {
		display: block;
		width: 212px;
		height: 26px;
		border-bottom: 1px #FFF solid;
		text-decoration: none;
		padding: 8px 6px 0px 20px;
		margin: 0 ! important;
		font-weight: bold;
	}
	
	.sidebox ul li a:hover, .sidebox .auto a:hover {
		background-color: #DAD7B7;
		color: #625B20;
	}
	
	.sidebox ul ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		margin-left: 0px;
	}
	
	.sidebox ul li li {
		margin: 0;
		padding: 0;
	}
	
	.sidebox ul ul li a, .sidebox ul ul li strong  {
		font-weight: normal;
		background-color: #FAF9F5;
	}
	
	
	
	.sidebox .auto a {
		display: block;
		width: 214px;
		height: auto ! important;
		border-bottom: 1px #FFF solid;
		text-decoration: none;
		padding: 8px 6px 0px 20px;
		margin: 0;
		margin-left: 4px;
	}
	
	.sidebox .inner input {
		vertical-align: middle;
		border: 0 none;
	}
	
	.sideboxw .foot, .sidebox .foot {
		background-image: url("../images/side-footer-s.jpg");
		background-repeat: no-repeat;
		width: 305px;
		height: 11px;
	}
	
	.sidebox form {
		display: inline;
	}
	
	.sidebox1 {
		float: right;
	}
	
	.sidebox1 form {
		display: inline;
		width: 180px;
	}
	
	.sidebox1 input {
		vertical-align: middle ! important;
		border: 0 none;
	}
	

.separator {
	float: left;
	width: 904px;
	height: 1px;
	background-image: url("../images/separator.jpg");
}

.content-title {
	float: left;
	margin-bottom: 10px;
	width: 890px;
	height: 26px;
	background-image: url("../images/title.jpg");
	background-repeat: no-repeat;
	background-position: top left; 
	padding-left: 40px;
	color: #333333;
	border-bottom: 1px solid #CCCBC6;
}

.input {
	display: block;
	width: 180px;
	height: 20px;
	background-image: url("../images/input.jpg");
	background-repeat: no-repeat;
	border: 0;
	padding-left: 10px;
	padding-top: 4px;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	color: #525D63;
}

#newsletter-overlay {
	background: transparent url(../images/newsletter-1.png) no-repeat scroll left top;
	width: 251px;
	height: 215px;
	padding: 20px 30px;
	
	margin-left: 130px;
	margin-top: 40px;
}


#search-overlay {
	background: transparent url(../images/search-1.png) no-repeat scroll left top;
	width: 251px;
	height: 215px;
	padding: 20px 30px;
	
	margin-left: 130px;
	margin-top: 40px;
}


.overlay { 
    /* must be initially hidden */ 
    display:none; 
	
    /* place overlay on top of other elements */ 
    z-index:10000;
} 
 
/* close button positioned on upper right corner */ 
.overlay .close { 
    width: 23px;
	height: 24px;
	float: right;
	margin-right: 22px;
	margin-top: -14px;
}

.overlay .title {
	overflow: hidden; width: 168px; height: 24px; font-family: Trebuchet MS; font-size: 20px; margin-left: 70px; margin-top: -1px; margin-bottom: 14px; color: rgb(209, 13, 25);
}

.overlay .item {
	margin-bottom: 6px;
}

.overlay .error {
	font-weight: bold;
	color: rgb(209, 13, 25);
}


.thumb {
	width: 130px;
	height: 87px;
	overflow: hidden;
	border: 3px solid #A09F9B;
	padding: 0;
}

	.thumb img {
		border: 0 none ! important;
		padding: 0;
		margin: 0 ! important;
	}


#random-gallery	{ position:relative}
#random-gallery .in div { margin-left: 0px; padding: 9px 0 28px; position: relative; top: 15px; left: 46px; width: 530px; overflow: hidden !important; }
#random-gallery ul	{ width: 9999em; position: relative; margin: 0 ! important; padding: 0 ! important; }
#random-gallery li {	float:left; display: inline; margin: 0 20px 0 0 ! important; padding: 0 ! important; }
#random-gallery img {	display: inline-block; padding: 0px 0px ! important; margin: 0 ! important; }

#random-gallery .c-nav a		{	text-indent:-999em; overflow:hidden; display:block; width:36px; height:70px; cursor:pointer; position:absolute; left:3px; top:30px; }
#random-gallery .c-nav a.st	{	background:url(../images/arrow-left1.jpg) no-repeat left top}
#random-gallery .c-nav a.dr	{	background:url(../images/arrow-right1.jpg) no-repeat right top; left:auto; right:3px}
#random-gallery .c-nav a.oprit { background-position-y: bottom; cursor: default}
#random-gallery .c-nav a.st:hover{ background-position: left -70px; }
#random-gallery .c-nav a.dr:hover{ background-position: right -70px; }
#random-gallery .c-nav a.st.oprit{	background-position: left -140px; }
#random-gallery .c-nav a.dr.oprit{	background-position: right -140px; }

.implica-left {width: 76px; height: 126px; vertical-align: middle ! important; float: left; margin-left: 16px; text-align: center;}
.implica-right { width: 165px ! important; height: 126px; vertical-align: middle ! important; float: left; margin-left: 16px; margin-right: 10px;}


/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;
	height:30px;
	border-bottom:1px solid #666;	
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	background: url(../images/tabs.png) no-repeat 0px 0;
	font-size:11px;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 111px;
	text-align:center;
	text-decoration:none;
	color:#000;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}

ul.tabs a:active {
	outline:none;
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: 0px -31px;	
	color:#fff ! important;
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: 0px -62px;		
	cursor:default !important; 
	color:#D10D19 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.w1 			{ background-position: -553px 0; width:81px; }
ul.tabs a.w1:hover 	{ background-position: -553px -31px; }
ul.tabs a.w1.current { background-position: -553px -62px; }

/* width 2 */
ul.tabs a.w2 			{ background-position: -420px -0px; width:134px; }
ul.tabs a.w2:hover 	{ background-position: -420px -31px; }
ul.tabs a.w2.current { background-position: -420px -62px; }


/* width 3 */
ul.tabs a.w3 			{ background-position: -247px -0px; width:174px; }
ul.tabs a.w3:hover 	{ background-position: -247px -31px; }
ul.tabs a.w3.current { background-position: -247px -62px; }

/* width 4 */
ul.tabs a.w4 			{ background-position: 0px 0px; width:248px; }
ul.tabs a.w4:hover 	{ background-position: 0px -31px; }
ul.tabs a.w4.current { background-position: 0px -62px; }


/* initially all panes are hidden */ 
div.panes div.pane {
	display:none;		
}

#code {
	text-transform: uppercase;
}


.error {
	color: #d00;
	font-weight: bold;
}


.message {
	color: #55471A;
	font-weight: bold;
}


.comment {
	padding: 4px;
	border-bottom: 1px solid #CCCBC6;
}

#comments .row1 {
	/*border-bottom: 1px solid #CCCBC6;*/
	background-color: #E0D7C8;
}

#comments .row0 {
	
}


.comment .meta {
	margin-bottom: 6px;
}


.searchterm {
	background-color: #EFEDE1;
	color: #55471A;
	font-weight: bold;
	font-style: italic;
	padding: 2px;
}


#breadcrumbs
{
	background-image: url(../images/breadcrumbs.gif);
	background-repeat: no-repeat;
	width: 626px;
	height: 27px;
	padding: 4px 10px 0px 10px;
	clear: both;
}

#breadcrumbs-wide
{
	background-image: url(../images/breadcrumbs-wide.gif);
	background-repeat: no-repeat;
	width: 944px;
	height: 27px;
	padding: 4px 10px 0px 10px;
	clear: both;
}

.meta {
	color:#999;
	margin-bottom: 10px;
}


#map_canvas {
	width: 670px;
	height: 420px;
}


.button a {
	display: block;
	background-image: url(../images/button-bg.gif);
	background-repeat: no-repeat;
	width: 246px;
	height: 27px;
	padding: 4px 0px;
	clear: both;
	margin-left: 7px;
	
	font-size: 14px;
	color: #fff;
	font-weight: bold;
	
	text-align: center;
	text-decoration: none;
}

.button2 a {
	display: block;
	background-image: url(../images/button-bg2.gif);
	background-repeat: no-repeat;
	width: 140px;
	height: 20px;
	padding: 2px 0px;
	clear: both;
	margin-left: 7px;	
	font-size: 12px;
	color: #fff;
	text-align: center;
	text-decoration: none;
}


.button a:hover {
	background-image: url(../images/button-bg-hover.gif);
	background-repeat: no-repeat;
	
	color: #fff;
	font-weight: bold;
}



/* tooltip styling */ 
.tooltip { 
    display:none; 
    background:url(../images/popup.png); 
	background-repeat: no-repeat;
    width: 215px; 
    height:147px; 
    padding:18px 18px 50px 28px; 
    font-size: 11px; 
    color:#000; 
	overflow: hidden;
} 
 
 
 .hotword {
	background-image: url(../images/link.gif);
	background-repeat: no-repeat;
	background-position: right 2px; 
	padding-right: 16px;
 }
 
 
 .view {
	background-image: url(../images/details.png);
	background-repeat: no-repeat;
	background-position: 0 0; 
	padding-left: 16px;
 }
 
 
 .comm {
	background-image: url(../images/comment1.gif);
	background-repeat: no-repeat;
	background-position: 0 0; 
	padding-left: 20px;
 }
 
 
 /**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}


.boxff { margin-top: -40px; }

#languages {
	float: right;
	margin-right: 20px;
	height:22px;
}


a.redbutton { padding: 4px 12px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow: #B1B1A9 1px 1px 2px; background-color: #D60818; color: #fff; font-weight: bold; margin-left: 30px;}

#usercomment { display: none; }