html, body {margin: 0;padding: 0;height: 100%;background: #e9e9e9;}
body {font-family: Arial, Helvetica, sans-serif;font-size: 0.8em;color: #222222;}
#page {margin: 0 auto;padding: 0px;text-align: left;width:960px;background:#fff;}
h1 {position: relative;margin: 10px 0 0 10px;padding: 0;font-size: 14px;height: 386px;width: 940px;}
h1 span {display: block; position: absolute;top: 0;left: 0;z-index:1;height: 386px;width: 940px;background: url(../images/visual.jpg) no-repeat top;}
h1 span img{position: absolute; top: 12px; right: 12px;}
#navi {width: 940px;height: 37px;background: url(../images/navi-background.png) repeat-x;padding: 0; margin: 0 0 0 10px; list-style: none;list-style-position: outside;}
#navi li {float: left; padding: 0; margin: 0; height: 37px; display: block; text-align: center; }
#navi li a {display: block; padding-top: 10px; height: 37px; text-decoration: none; color: white; font: bold 12px Verdana;}
#navi a:hover {background: url('../images/navi-background-selected.png') repeat-x;}
#navi li a strong {font-size: 0.6em;visibility: hidden;}
#navi li.nav1 {width: 70px;}
#navi li.nav2 {width: 85px;}
#navi li.nav3 {width: 106px;}
#navi li.nav4 {width: 95px;}
#left {margin: 1px 0 0 10px;float: left;width: 261px;min-height: 300px;background: url(../images/left-background.jpg) no-repeat top;}
#main {margin: 1px 10px 0 0;float: right;width: 679px;min-height: 300px;}
h2 {color: #117205;padding: 30px 0 0 17px;font-size: 1.6em;}
h2 strong {font-weight: normal;}
h3.h3l1, h3.h3l2 {position: relative;margin: 15px 0 0 0;padding: 0;font-size: 12px;height: 49px;width: 261px;}
h3.h3l1 span, h3.h3l2 span {position: absolute;top: 0;left: 0;z-index:1;height: 49px;width: 261px;}
h3.h3l1 span {background: url(../images/h3l1.jpg) no-repeat top;}
h3.h3l2 span {background: url(../images/h3l2.jpg) no-repeat top;}
.le1 {margin: 7px;border: 1px solid #bd8d00;	padding: 7px 7px 7px 10px;background: #eac06d;}
.cond {margin: 0;padding: 0;list-style: none;list-style-position: outside;font-size: 0.86em;}
.ho1 {background: #d5e3d2;border: 1px solid #89a583;margin: 10px 17px 13px 17px;}
.ho1 p {padding-left: 20px; padding-right: 20px;}
.ho1 h3 {color: #084905;font-size: 1.4em;padding: 0;margin: 10px;}
.ho1 ul {list-style-image: url(../images/list.png);list-style-position: outside;padding: 0 0 10px 0px;margin: 0 10px 0 30px;}
.ho1 ul li {margin: 0;padding: 0 0 10px 0;}
.seporator {margin: 10px 17px; padding: 10px; padding-bottom: 0px; margin-bottom: 0px; border-top: 1px solid #084905;}
.logos {background: url(../images/main_bg.jpg) no-repeat; height: 325px; margin-left: 14px;}
.logos a, .logos img {border: 0px none;}
.logos a {margin: 0 0 0 10px;}
#footer {clear: both;padding-top:10px;}
#footer ul {list-style: none;list-style-position: outside;margin: 0;padding: 0 0 0 290px;}
#footer ul li {display: block;float: left;padding: 0 20px;}
#footer ul li a {color: #084905;}
#footer p {text-align: center;margin: 0;padding: 5px 0 5px 0;clear: both;font-size: 0.96em;color: #626262;}
#footer p a {text-decoration: none;color: #626262;}
#carea {margin: 0;padding: 0;}
#carea fieldset {padding: 0;margin: 0;border: 0px none;}
#carea label {display: block;font-size: 0.86em;line-height: 17px;}
#carea1, #carea2, #carea4 {padding: 0px;border: 1px solid #bd8d00;width: 173px;}
#carea3 {width: 173px;height: 80px;overflow: hidden;border: 1px solid #bd8d00;display:block;}
.button1 {border: 0px none;background: url(../images/send-button.png) repeat-x top;height: 19px;color: white;width: 63px;font-size: 0.86em;margin: 5px 0 0 0;}
.p1 {margin: 0 17px 10px 17px;}
.pb {
	padding-bottom: 10px;
}
h3.proj {
	padding: 0;
	margin: 0 0 0 17px;
}
#gallery {
	margin: 10px 0 0 17px;
}

#gallery div {
	display: block;
	border: 1px solid #bababa;
	float: left;
	width: 155px;
	height: 202px;
	/*height: 182px;*/
	margin: 0 5px 5px 0;
}
#gallery a {
	border: 0px none;
	text-decoration: none;
}

#gallery img {
	border: 0px none;
}
#galery .vert img {
	width: 105px;
	height: 140px;
}

#gallery a {
	display: block;
	height: 140px;
}
#gallery a.hori {
	margin: 5px 0 0 5px;
}
#gallery a.vert {
	margin: 5px 0 0 25px;
}

#galery .hori img {
	width: 140x;
	height: 105px;
	margin: 0 0 0 5px;
}
#gallery span {
	display: block;
	padding: 3px 5px 0 5px;
	font-size: 0.96em;
	letter-spacing: -1px;
}


#blink {padding: 5px 0 0 0;text-align: center;}
#blink a {border: 0px none;}
#blink img {width: 390px;height: 50px;border: 0px none;}


/* for IE6 */  
* html .ta2 {margin: 30px 0 5px 14px;}
/* end for IE6 */
