@import url(layout.css);

@import url(menu.css);





html {

	background: #4b4b5f;

	font-size: 100%;

	}

body {

	font-size: 0.812em;

	}

body, input, select, textarea, td, th {

	color: #656578;

	font-family: Tahoma;

	}

body, form, input, select, textarea {

	margin: 0;

	padding: 0;

	} 

a {

	color: #1fa81f;

	text-decoration: underline;

	}

a:hover {

	text-decoration: none;

	}

img, table {

	border: 0 none;

	}

p {

	margin: 0 0 1em 0;

	padding: 0;

	}

table {

	border-collapse: collapse;

	}

textarea {

	overflow: auto;

	}

td, th {

	padding: 0;

	vertical-align: bottom;

	}

ul {

	margin: 0;

	padding: 0 0 0 16px;

	}







#wrap {

	background: url(../images/ft.gif) repeat-x left bottom;

	}





#main {

	background: #FFFFFF;

	margin: 0 auto;

	width: 778px;

	}





#flash {

	height: 422px;

	}





#header {

	height: 315px;

	}

#header img {

	vertical-align: top;

	}

#header .indent {

	background: url(../images/hbg.jpg) no-repeat 524px bottom;

	padding: 11px 14px 0 14px

	}





#wrap2 {

	padding: 0 14px 20px 30px;

	}

#wrap2 h2 {

	margin: 0;

	padding: 0 0 14px 0;

	}







#content {

	overflow: hidden;

	}

#content h2 {

	margin: 0;

	padding: 0 0 14px 0;

	}

#content h2 img {

	vertical-align: top;

	}





#left {

	float: left;

	margin: 0 18px 0 0;

	width: 476px;

	}

#left .indent {

	padding: 22px 0 0 0;

	}





#right {

	float: left;

	width: 239px;

	}

#right .indent {

	padding: 22px 14px;

	}

#right .indent .em {

	line-height: 1.5em;

	}





#footer {

	height: 98px;

	}

#footer a {

	color: #656578;

	}

#footer .indent {
	border-top: 1px solid #d2d2d2;
	text-align: right;
	padding-top: 20px;
	padding-right: 26px;
	padding-bottom: 0;
	padding-left: 32px;

	}

#footer .indent img {
	vertical-align: middle;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;

	}







.c1 {

	color: #1fa81f;

	}





.cols,

.cols2 {

	overflow: hidden;

	}

.cols2 {

	margin: 0 -10px 0 0;

	}





.copy {

	float: left;

	}

.copy,

.copy a {	

	color: #9a9a9a!important;

	}

.copy img {

	margin: 0 5px!important;

	}





.em {

	font-style: italic;

	}





.i_block {

	overflow: hidden;

	}





.l_img {

	float: left;

	margin: 0 14px 2px 0;

	}





.line-x {

	background: url(../images/hl.gif) repeat-x left top;

	font-size: 0;

	height: 1px;

	margin: 14px 0;

	}





.link {

	background: url(../images/ar.gif) no-repeat left center;

	padding: 0 0 0 12px;

	}





.list {

	padding: 0;

	}

.list li {

	background: url(../images/ar2.gif) no-repeat left 6px;

	list-style: none;

	padding: 0 0 6px 10px;

	}

.list li a {

	color: #656578;

	text-decoration: none;

	}

.list li a:hover {

	text-decoration: underline;

	}





.menu {

	background: url(../images/mbg.gif) repeat-x left top;

	font-size: 0.846em;

	}

.menu .lbg {

	background: url(../images/mlbg.gif) no-repeat left top;

	}

.menu .rbg {

	background: url(../images/mrbg.gif) no-repeat right top;

	height: 64px;	

	}

.menu .nbg {

	background: none!important;

	}





.name {

	height: 78px;

	padding: 0 0 0 20px;

	}





.popup {

	background: #FFFFFF;

	border: 1px solid #abb1b9;

	display: none;

	left: 50%;

	margin-left: -257px;

	top: 150px;

	position: absolute;

	width: 514px;

	}

.popup h2 {

	background: #abb1b9 url(../images/img.gif) no-repeat 16px center;

	color: #FFFFFF;

	font-size: 1em;

	margin: 0;

	padding: 3px 0 2px 42px;

	}

.popup h2 span {

	display: block;

	font-weight: normal;

	}

.popup .button_close {

	float: right;

	}

.popup .indent {

	padding: 20px 16px;

	}

.popup .list li {

	background-position: 16px 16px;

	border-bottom: 1px solid #d9d9d9;

	padding: 8px 0 8px 34px;

	}

.popup .list .nb {

	border: 0 none;

	}





.scroll {

	height: 460px;

	overflow: auto;

	}



.portfolio .cols {

	padding: 10px 0;

	}

.portfolio .cols a {

	color: #656578;

	text-decoration: none;

	}

.portfolio .cols a:hover {

	text-decoration: underline;

	}

.portfolio .cols img {

	margin: 0 0 10px 0;

	vertical-align: top;

	}







/* bg */



.bcbg {

	background: url(../images/px.gif) repeat-x left bottom;

	}

.blbg {

	background: url(../images/blbg.gif) no-repeat left bottom;

	}

.brbg {

	background: url(../images/brbg.gif) no-repeat right bottom;

	}



.lbg {

	background: url(../images/px.gif) repeat-y left top;

	}



.rbg {

	background: url(../images/px.gif) repeat-y right top;

	}



.tcbg {

	background: #f6f6f6 url(../images/px.gif) repeat-x left top;

	width: 100%;

	}

.tlbg {

	background: url(../images/tlbg.gif) no-repeat left top;

	}

.trbg {

	background: url(../images/trbg.gif) no-repeat right top;

	}