* {margin:0;padding:0}
html, body {height:100%;margin-top: -80px;}
body {background:#161616;font-family:Arial, Helvetica, sans-serif;font-size:112%;line-height:1.125em;color:#616161}
img {border:0;vertical-align:top;text-align:left}
object {vertical-align:top;outline:none}
.fleft {float:left}
.fright {float:right}
.clear {clear:both}
.col-1, .col-2, .col-3 {float:left}
.alignright {text-align:right}
.aligncenter {text-align:center}
.wrapper {width:100%;overflow:hidden}
.container {width:100%}
/* GLOBAL */
#main {
	width:1000px;
	margin:0 auto;
	background:url(images/main-bg.jpg) no-repeat left top;
	font-size:.75em
}
#header {height:380px; margin-top:-70px;}
#footer {height:83px;font-family:Tahoma, Geneva, sans-serif}
/* tailings */
.tail-top {background:url(images/tail-top.jpg) left top repeat-x #fff}
.tail-bottom {background:url(images/tail-bottom.gif) left bottom repeat-x}
/* forms parameters */
input, select, textarea {font-family:Arial, Helvetica, sans-serif; font-size:1em;vertical-align:middle;font-weight:normal}
/* other */
.img-indent {margin:0 20px 0 0;float:left}
.img-box {width:100%;overflow:hidden;padding-bottom:20px}
.img-box img {float:left;margin:0 20px 0 0}
.extra-wrap {overflow:hidden}
p {margin-bottom:18px}
.p1 {margin-bottom:9px}
.p2 {margin-bottom:18px}
.p3 {margin-bottom:27px}
/* txt, links, lines, titles */
a {color:#89aa33;outline:none;text-decoration: none;}
a:hover{color:#68734d;text-decoration:none}
h1 {font-size:16px;}
h2 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;color:#9a9b98;font-size:28px;line-height:1.2em;font-weight:normal;margin-bottom:20px;letter-spacing:-1px}
h3 {font-size:1.1em;line-height:1.2em}
h4 {font-size:1em;margin-bottom:6px}
h4 a {color:#616161;text-decoration:none}
h4 a:hover {color:#c2d68e;text-decoration:underline}
.link1 {display:block;float:right;background:url(images/link1-bg.gif) left top repeat-x;color:#c2d68e;text-decoration:none;position:relative}
.link1:hover {text-decoration:none}
.link1 em {display:block;background:url(images/link1-left.gif) no-repeat left top;float:left}
.link1 b {display:block;background:url(images/link1-right.gif) no-repeat right top;padding:5px 20px 5px 20px;font-style:normal;float:left}
.link1 b span {position:absolute;left:19px;top:4px;color:#fff;cursor:pointer}
.address {float:left}
.address dt {margin-bottom:16px}
.address dd {clear:both;text-align:right}
.address dd span {float:left;padding-right:25px}
/* header */
#header .row-1 {height:53px}
#header .row-1 .top-nav {float:right;padding:12px 34px 0 0}
#header .row-1 .top-nav li {display:inline;float:left}
#header .row-2 {height:302px}
#header .row-2 .indent {padding:54px 0 0 36px}
#header .row-3 {padding-left:14px}


#site-nav {background:url(images/divider.gif) no-repeat left top;width:100%;overflow:hidden; margin-top:-10px;}
#site-nav li {display:inline;}
#site-nav li a {display:block;float:left;background:url(images/divider.gif) no-repeat right top;height:59px;line-height:59px;color:#fff;text-decoration:none;text-transform:uppercase;font-weight:bold;padding:0 35px}
#site-nav li a:hover {color:#c2d68e}
#site-nav li ul
{
	display: none;
	width: 82px;
	background-color: #262626;
}
#site-nav li:hover ul
{
	display: block;
	position: absolute;
	margin-left: 514px;
	margin-top: 50px;
	padding: 0;
	z-index: 1000;
	width: 82px;
	height: 40px;
}
#site-nav li:hover li 
{
	float: none;
	width: 82px;
	height: 40px;
	text-align: center;
}
#site-nav li:hover li a 
{
	background-color: #262626;
	border-bottom: 1px solid #fff;
	color: #000;
	width: 82px;
	height: 40px;
	color: white;
}
#site-nav li li a:hover
{
	color: #c2d68e;
	width: 82px;
	height: 40px;
}


/* content */
#content {padding:0px 35px 50px 49px}
#content .col-1 {width:556px;margin-right:60px}
#content .col-122 {width:456px;margin-right:60px;float:left;}
#content .col-123 {width:892px;}
#content .col-12 {width:892px;margin-right:40px;float:left;}
#content .col-21 {width:400px; float:right;}
#content .col-2 {width:290px}
#content .col-22 {width:290px;float:right;padding-right: 110px;padding-top: 30px;}
#content .section {padding-bottom:38px}
#content .section img {border:1px solid #000000;}
#content .inner_copy {border:0;color:#f00;float:right;width:28%!important;margin:-123px auto 0;overflow:hidden;line-height:0;padding:0;font-size:12px}
.img-list li {width:100%;overflow:hidden;padding-bottom:2px}
.img-list li.last {padding-bottom:0}
.img-list li img {float:left;margin-right:20px}
.team-list {margin-bottom:-20px}
.team-list li {width:100%;overflow:hidden;padding-bottom:20px}
.team-list li.last {padding-bottom:0}
.team-list li img {float:left;margin-right:20px}
.articles-list {margin-bottom:-20px}
.articles-list li {width:100%;overflow:hidden;padding-bottom:20px}
.articles-list li.last {padding-bottom:0}
.articles-list li img {float:left;margin-right:19px}
.articles-list li p {margin-bottom:6px}
dl dt {font-weight:bold;margin-bottom:6px}
dl dd {margin-bottom:18px}
.list1 {padding-bottom:18px}
.list1 li {background:url(images/arrow1.gif) no-repeat left 6px;padding:0 0 0 9px;position:relative}
/* footer */
#footer .indent {padding:27px 128px 0 49px;color:#fff}
#footer img {position:relative;top:-3px}
/* forms */
#search-form {float:left;padding:16px 0 0 50px}
#search-form fieldset {border:none;color:#fff;text-transform:uppercase;font-size:.91em}
#search-form input.text {width:144px;background:url(images/input-bg.gif) left top repeat-x #fff;border:1px solid #c85504;text-transform:none;padding:1px 0 1px 3px}
#poll-form fieldset {border:none}
#poll-form label {display:block;vertical-align:top;width:100%;overflow:hidden;padding-bottom:10px}
#poll-form input.radio {width:14px;height:14px;margin-right:5px}
#contacts-form {clear:both;width:100%;overflow:hidden;}
#contacts-form fieldset {border:none;float:left}
#contacts-form .field {clear:both}
#contacts-form label {float:left;width:97px;line-height:18px;padding-bottom:6px;font-weight:bold}
#contacts-form input {padding:1px 0 1px 3px;background:url(images/input-bg1.gif) left top repeat-x #fff;border:1px solid #929292;color:#616161;float:left}
#contacts-form textarea {width:290px;height:130px;padding:1px 0 1px 3px;background:url(images/textarea-bg.gif) left top repeat-x #fff;border:1px solid #929292;color:#616161;margin-bottom:16px;overflow:auto;float:left}


#hidden
{
	display:none;
}

#indentul
{
	margin-left:30px;
}

#corporate
	{
		text-align: center;
		margin: 0px auto 0px auto;
		display:block;
	}



#lightbox{
	position: absolute;
	top: 20px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	color:#151410;
	}

#lightbox a, #lightbox a:hover {
	border-bottom:none;
	color:#151410;
	text-decoration:underline;
}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#loadingLink {
	display:block;
	margin:0 auto;
	padding:0;
	width:32px;
	height:32px;
	background:url("images/loading.gif") center center no-repeat;
	text-indent:-9999px;
}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLinkImg, #nextLinkImg{
	width: 49%;
	height: 100%;
	background: transparent url("images/blank.gif") no-repeat; /* Trick IE into showing hover */
	display: block;
	text-indent:-9999px;
	}
#prevLinkImg { left: 0; float: left;}
#nextLinkImg { right: 0; float: right;}
#prevLinkImg:hover, #prevLinkImg:visited:hover { background: url("images/prevlabel.gif") left 15% no-repeat; }
#nextLinkImg:hover, #nextLinkImg:visited:hover { background: url("images/nextlabel.gif") right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageDetails{ width: 70%; float: left; text-align: left; }	
#caption{ font-weight: bold;	}
#numberDisplay{ display: block; clear: left; }			
#detailsNav{ display: block; clear: left; padding:0 0 10px 0;	}	
#prevLinkDetails { margin:0 8px 0 0; }		
#nextLinkDetails { margin:0 8px 0 0; }		
#closeLink {
	display:block;
	margin:0;
	padding:0 0 10px 0;
	text-decoration:none;
	float:right;
	width:66px;
	height:28px;
	background:url("images/closelabel.gif") no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #151410;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
	


#skinnytext
{
	width:700px;
	margin-left: auto;
	margin-right: auto;
}




















.descriptions
{
	font: 11pt/16pt Georgia, Verdana, Arial;
	text-transform: none;
	color: #000000;
	letter-spacing: normal;
	text-decoration: none;
}
.copyright
{
	font: 8pt/8pt Verdana, Arial, Helvetica, sans-serif;
	color: #6666ff;
}
.itemdesc
{
	font: bold 8pt/15pt Verdana, Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	color: #0066ff;
	text-decoration: none;
}
.title
{
	font: bold 12pt/15pt Verdana, Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	color: #cc0033;
	text-decoration: none;
}
.subtitle
{
	border-bottom-width: thin;
	font: bold 10pt/20pt Georgia, Verdana, Arial;
	text-transform: none;
	color: #005151;
	background-color: #F9FF9B;
	text-decoration: none;
}
.bottomtext
{
	font-weight: bold;
	font-size: 8pt;
	color: #6666ff;
	line-height: 15pt;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.bottomtext img
{
  border:none;
}


.lineItem
{
	font-weight: bold;
	font-size: 10pt;
	color: teal;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
}
.newsheader
{
	font: bold 10pt/19pt Georgia, Verdana;
	text-transform: capitalize;
	color: #336699;
	background-color: transparent;
}
.boldtext
{
	font: bold 10pt/16pt Verdana, Arial, Helvetica, sans-serif;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}
.subdesc
{
	font: 8pt/10pt Verdana, Arial, Helvetica, sans-serif;
	text-transform: none;
	color: red;
	text-decoration: none;
}
.code
{
	font: 10pt/10pt 'Courier New' , Verdana, Arial, Helvetica, sans-serif;
	text-transform: none;
	color: black;
	background-color: #ccff66;
	text-decoration: none;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
}
.highlight
{
	font-weight: bold;
	font-size: 11pt;
	color: red;
	font-style: normal;
	font-family: Verdana, Arial;
	background-color: transparent;
	font-variant: small-caps;
}
.navigatemenu
{
	font-weight: bold;
	font-size: 9pt;
	text-transform: capitalize;
	color: dodgerblue;
	font-family: Arial;
}
.comment
{
	font-size: 10pt;
	color: forestgreen;
	font-style: italic;
	font-family: Verdana, Arial;
}
.newstext
{
	font-size: 9pt;
	color: black;
	font-family: 'Courier New';
	text-align: left;
}
.nospam
{
	font-size: 10pt;
	text-transform: uppercase;
	color: darkgray;
	font-family: Verdana;
}
.article_title
{
	font-weight: bold;
	font-size: 11pt;
	color: teal;
	font-family: Georgia, Sans-Serif;
}
.article_summary
{
	font-size: 10pt;
	color: gray;
	font-family: Georgia, Sans-Serif;
	background-color: palegoldenrod;
}
.article_header
{
	font-weight: bold;
	font-size: 12pt;
	color: #990033;
	font-family: Georgia;
	text-align: left;
	text-decoration: none;
}
.email
{
	font-weight: bold;
	font-size: 10pt;
	color: #006666;
	font-family: Georgia;
}
.etitle
{
	font-weight: bold;
	font-size: 15pt;
	color: #339933;
	font-family: Arial, Verdana;
}
.eheading
{
	font-weight: bold;
	font-size: 12pt;
	color: #3300cc;
	font-family: Georgia;
}
.staticbox
{
	border-left-color: #99cc00;
	border-bottom-color: #99cc00;
	margin: 2px;
	border-top-style: solid;
	border-top-color: #99cc00;
	border-right-style: solid;
	border-left-style: solid;
	background-color: #ffff99;
	text-align: center;
	border-right-color: #99cc00;
	border-bottom-style: solid;
}
.greeting_message
{
	font-size: 10pt;
	color: blue;
	font-family: Verdana;
}
.button
{
	font-weight: bold;
	font-size: 10pt;
	color: #ffff66;
	font-family: Verdana;
	background-color: darkseagreen;
}
.grid
{
	border-right: #6600cc thin solid;
	border-top: #6600cc thin solid;
	font-size: 10pt;
	border-left: #6600cc thin solid;
	border-bottom: #6600cc thin solid;
	font-family: Verdana;
	background-color: #ccffff;
}
.grid_header
{
	border-right: #6600cc thin solid;
	border-top: #6600cc thin solid;
	font-weight: bold;
	font-size: 10pt;
	border-left: #6600cc thin solid;
	color: white;
	border-bottom: #6600cc thin solid;
	font-family: Verdana;
	background-color: #006633;
}
.field_label
{
	font-size: 10pt;
	font-family: Verdana;
}
.ealert
{
	font-size: 10pt;
	color: #ff0066;
	font-family: Verdana;
}
.list_row1
{
	font-size: 10pt;
	font-family: Verdana;
	background-color: #ffff99;
}
.list_row2
{
	font-size: 10pt;
	font-family: Verdana;
	background-color: #ffffff;
}
.yiyu_bigtitle
{
	font-weight: bold;
	font-size: 30pt;
	vertical-align: baseline;
	color: #ff0066;
	font-family: Georgia, 'Cordia New' , Verdana;
	letter-spacing: normal;
}

.center 
{
	text-align: center;
}
.center table {
	margin: auto;
}
.left
{
	text-align: left;
}
.left table {
	margin-left: 0px; margin-right: auto;
}


.red
{
	color: red;
}

.justify
{
	text-align: justify;
}

.descriptions img
{border:none;}

hr 
{
  width: 100%;
}

.row_w50
{width:50%;}
.row_w33
{width:33%;}
.row_w250px
{width:250px;}


.row_h80
{height:80%}
.row_h40
{height:40%}
.row_h18
{height:18%}



STRONG
{
	font-weight: bold;
	font-size: 11pt;
	color: firebrick;
	font-family: Georgia, Arial, 'Courier New';
}


TABLE .parameter
{
	border-right: #009966 thin solid;
	border-top: #009966 thin solid;
	margin: 5px;
	border-left: #009966 thin solid;
	border-bottom: #009966 thin solid;
	border-collapse: collapse;
	font-family: 'Courier New';
	font-size: 10pt;
	table-layout: auto;
}


.parameter_header
{
	font-family: 'Courier New';
	background-color: gold;
	font-weight: bold;
	font-size: 10pt;
}

















.photo {width:635px; text-align:left; position:relative; margin-left: 120px;}

.photo ul.topic {padding:0; margin:0; list-style:none; width:635px; height:auto; position:relative; z-index:10;}

.photo ul.topic li {display:block; width:125px; height:800px; float:left;}
.photo ul.topic li a.set {display:block; font-size:11px; width:124px; height:30px; text-align:center; line-height:30px; color:#000; text-decoration:none; border:1px solid #fff; border-width:1px 1px 0 0; background:#ccc; font-family:verdana, arial, sans-serif;}

.photo ul.topic li a ul, 
.photo ul.topic li ul 
{display:none;}

.photo ul.topic li.active a
{color:#000; background:#bbb;}

.photo ul.topic li a:hover,
.photo ul.topic li:hover a
{color:#fff; background:#aaa;}

.photo ul.topic li.active ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:675px; background:#ddd; width:464px; padding:40px 60px; border:20px solid #bbb; z-index:1;}

.photo ul.topic li a:hover ul, 
.photo ul.topic li:hover ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:675px; background:#ddd; width:464px; padding:40px 60px; border:20px solid #aaa; z-index:100;}

.photo ul.topic li ul li
{display:inline; width:112px; height:87px; float:left; border:1px solid #fff; margin:1px;}

.photo ul.topic li ul li a
{display:block; width:110px; height:85px; cursor:default; float:left; text-decoration:none; background:#444; border:1px solid #888;}

.photo ul.topic li ul li a img
{display:block; width:100px; height:75px; border:5px solid #eee;margin-left: auto; margin-right: auto; margin-top: 4px;}

.photo ul.topic li a:hover ul li a:hover, 
.photo ul.topic li:hover ul li a:hover 
{white-space:normal; position:relative;}

.photo ul.topic li a:hover ul li a:hover img, 
.photo ul.topic li:hover ul li a:hover img 
{position:absolute; left:-50px; top:-32px; width:200px; height:150px; border-color:#fff;}




.photo2 {width:635px; text-align:left; position:relative; margin-left: 120px;}

.photo2 ul.topic {padding:0; margin:0; list-style:none; width:635px; height:auto; position:relative; z-index:10;}

.photo2 ul.topic li {display:block; width:125px; height:1000px; float:left;}
.photo2 ul.topic li a.set {display:block; font-size:11px; width:124px; height:30px; text-align:center; line-height:30px; color:#000; text-decoration:none; border:1px solid #fff; border-width:1px 1px 0 0; background:#ccc; font-family:verdana, arial, sans-serif;}

.photo2 ul.topic li a ul, 
.photo2 ul.topic li ul 
{display:none;}

.photo2 ul.topic li.active a
{color:#000; background:#bbb;}

.photo2 ul.topic li a:hover,
.photo2 ul.topic li:hover a
{color:#fff; background:#aaa;}

.photo2 ul.topic li.active ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:875px; background:#ddd; width:464px; padding:40px 60px; border:20px solid #bbb; z-index:1;}

.photo2 ul.topic li a:hover ul, 
.photo2 ul.topic li:hover ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:875px; background:#ddd; width:464px; padding:40px 60px; border:20px solid #aaa; z-index:100;}

.photo2 ul.topic li ul li
{display:inline; width:112px; height:87px; float:left; border:1px solid #fff; margin:1px;}

.photo2 ul.topic li ul li a
{display:block; width:110px; height:85px; cursor:default; float:left; text-decoration:none; background:#444; border:1px solid #888;}

.photo2 ul.topic li ul li a img
{display:block; width:100px; height:75px; border:5px solid #eee;margin-left: auto; margin-right: auto; margin-top: 4px;}

.photo2 ul.topic li a:hover ul li a:hover, 
.photo2 ul.topic li:hover ul li a:hover 
{white-space:normal; position:relative;}

.photo2 ul.topic li a:hover ul li a:hover img, 
.photo2 ul.topic li:hover ul li a:hover img 
{position:absolute; left:-50px; top:-32px; width:200px; height:150px; border-color:#fff;}




.tail-top .tail-bottom #main #content .wrapper .col-1 .section center p strong {
	color: #000;
}
.tail-top .tail-bottom #main #content .wrapper {
	color: #000;
}
.tail-top .tail-bottom #main #content .wrapper .col-123 .section #skinnytext {
	color: #000;
}
.tail-top .tail-bottom #main #content .wrapper .col-123 .section br {
	color: #000;
}
.tail-top .tail-bottom #main #content .wrapper .col-123 .section #skinnytext strong {
	color: #000;
}


#gallery{

	
	width:850px;


}

#gallery2{

	/* CSS3 Box Shadow */

	-moz-box-shadow:0 0 3px #AAAAAA;

	-webkit-box-shadow:0 0 3px #AAAAAA;

	box-shadow:0 0 3px #AAAAAA;

	

	/* CSS3 Rounded Corners */

	

	-moz-border-radius-bottomleft:4px;

	-webkit-border-bottom-left-radius:4px;

	border-bottom-left-radius:4px;

	

	-moz-border-radius-bottomright:4px;

	-webkit-border-bottom-right-radius:4px;

	border-bottom-right-radius:4px;

	

	

	background:url(img/panel.jpg) repeat-x bottom center #ffffff;

	

	/* The width of the gallery */

	width:550px;

	overflow:hidden;

}



#slides{

	/* This is the slide area */

	height:165px;

	

	/* jQuery changes the width later on to the sum of the widths of all the slides. */

	width:550px;

	overflow:hidden;

}



.slide{

	float:left;

}



#menu{

	/* This is the container for the thumbnails */

	height:53px;

}



#gallery2 ul{

	margin: 0px auto 0px auto;

	padding:1px;

}



#gallery2 li{

	/* Every thumbnail is a li element */

	width:107px;

	display:inline-block;

	list-style:none;

	height:50px;

	overflow:hidden;

	padding-right: 5px;

}



#gallery2 li.inact:hover{

	/* The inactive state, highlighted on mouse over */

	background:url(images/pic_bg.png) repeat;

}



#gallery2 li.act,li.act:hover{

	/* The active state of the thumb */

	background:url(images/active_bg.png) no-repeat;

}



#gallery2 li.act a{

	cursor:default;

}



.fbar{

	/* The left-most vertical bar, next to the first thumbnail */

	width:2px;

	background:url(images/divider.png) no-repeat right;

}



#gallery2 li a{

	display:block;

	background:url(img/divider.png) no-repeat right;

	height:32px;

	padding-top:15px;

}



#menu a img{

	border:none;

}





/* The styles below are only necessary for the demo page */





#main-gallery{

	/* The main container */

	margin:15px auto;

	text-align:center;

	width:550px;

	position:relative;

}



#menu a, a:visited {



	outline:none;

}



#menu a:hover{

	text-decoration:underline;

}






