html, body {
	height: 100%;
}

body {
	margin: 0; padding: 0;
	text-align: center;
	border: none;
	color: #727171;
	font-size: 75%;
	font-family: Helvetica, Arial, sans-serif;
	/*background: #C1C1C0;*/
	background:#EEEEEE;
}

h1 {
	margin: 0 0 25px 0; padding: 0;
	font-size: 205%;
	font-weight: normal;
	font-family: Helvetica, Arial, sans-serif;
	color: #727171;
}
h2 {
	padding: 3px 10px; margin: 15px 0;
	font-size: 125%;
	font-weight: normal;
	font-family: Helvetica, Arial, sans-serif;
	color: #133B7C;
}
h3 {
	margin: 5px 0; padding: 0;
	font-size: 120%;
	font-weight: bold;
	color: #016a97;	
}
h4 {
	margin: 5px 0; padding: 0;
	font-size: 115%;
	font-weight: normal;
	color: #330000;	
}

a {text-decoration: underline; color: #D73E4F;}
a:hover {text-decoration: none; color: #026A97; /*background: #D5EAFF;*/}
form {margin: 0; padding: 0;}
img {border: 0px; display: block;}


.textRight {text-align: right;}
.textCenter {text-align: center;}
.textLeft {text-align: left;}
.floatLeft {float: left;}
.floatRight {float: right;}
.clear {clear: both;} .clearRight {clear: right;} .clearLeft {clear: left;}
.hide {display: none;}

hr {
	border: none;
	border-top: dashed 1px #CFD7E7;
	height: 1px;
}
.infoBox {
	background: #FFF4ED;
	padding: 15px;
	border-bottom: 2px solid #D5EAFF;
}

/**/

#page {
	padding: 0 55px; margin: 0 auto;
	width: 660px;
	text-align: left;
	background: url(_clip/bg-page.gif) top center repeat-y;
}

#header {margin: 0 auto;}
#header img {float: left;}
.header-left-side {
	float: left;
	padding: 0; margin: 0;
	text-align: left;
}
.header-right-side {
	float: right;
	padding: 0 0 0 4px; margin: 0;	
	width: 408px;
}

#footer {
	margin: 0 auto; padding: 20px 0 0 15px;
	width: 755px; height: 50px;
	background: url(_clip/bg-footer.gif) no-repeat;
}
#footer a {color: #727171;}
#footer a:hover {background: #82B2CD; color: white;}
.footer-content {
	padding: 0 20px 0 40px;
	background: url(_clip/footer-squares.gif) 0 4px no-repeat;
	text-align: left;
}
.footer-menu {float: right; padding: 0 15px 0 0;}

.content-holder {
	margin: 0; padding: 0;
	clear: both;
}
.left-side {
	float: left;
	padding: 0; margin: 0;
	text-align: right;
}
.left-side img { border: 4px solid #C1C1C0; margin-bottom: 20px; display: inline;}
.project-picture {
	width: 248px;
	text-align: right;
	padding-top: 30px;
}


.right-side {
	float: right;
	padding: 0 0 0 25px; margin: 0;	
	width: 383px;
}

#content-begin {
	height: 42px;
	background: url(_clip/bg-begin.gif) no-repeat;
	display: block;
	clear: both;
}
.content-navig {border-top: 1px solid #C1C1C0; margin-top: 35px;}
.content-navig p { margin: 5px 0;}
.content-navig a { font-weight: bold; margin: 0 5px;}
.section {
	width: 248px; height: 80px;
	background: #D73E4F;
}
.section h2 {
	margin: 0; padding: 0;
	color: white;
	font-size: 235%; font-weight: normal;
	position: relative; top: 45px; left: 10px;
}


img.no-border {border: none;}

/* --- TABLES --- */

table {width:100%; border: 1px solid white; margin: 5px 0;}
/* \*/ * html table {width:98%} /**/
td {
	padding: 3px 7px;
	text-align: left;
	vertical-align: top;
	background: #F3F6FF;
	vertical-align: top;
}
th {
	padding: 3px 7px;
	text-align: left;
	font-weight: bold;
	background: #C4CAD9;
	vertical-align: top;
}

/**/
.table-contacts {border-collapse: collapse; margin: 10px 0;}
td.name {width: 140px;}
td.desc {width: 60px;}
td.contact {width: 180px;}
td p {margin: 10px 0;}
/**/
.table-project {border-collapse: collapse;}
.table-project td, .table-project th {border: 1px solid white}
.table-project th {
	background: #D73E4F;
	color: white;
	text-align: left;
	font-weight: bold;
}
td.left {background: #C1C1C0; color: black;}
td.right {background: #82B2CD; color: white;}



/* --- TABLES end --- */


/* --- MENU --- */

ul#main-menu {
	padding: 63px 0 0 0; margin: 0 auto;
	list-style: none;
	font-size: 155%;
	text-align: right;
}
#main-menu li {display: inline;}
#main-menu li a {
	padding: 6px 8px;
	text-decoration: none;
	color: #221E1F;
}
#main-menu li a:hover {
	background: #82B2CD;
	color: white;
	text-decoration: none;
}
/* \*/ * html #main-menu li a {height: 1px;} /**/

.left-side ul {
	list-style: none;
	margin: 0; padding: 0;
	width: 248px;
	font-size: 115%;
}
.left-side li a {
	padding: 3px 25px 3px 0;
	background: url(_clip/menu-bullet.gif) right center no-repeat;
	text-decoration: none;
	display: block;
}


/* \*/ * html .left-side li a {height: 1px;} /**/


/* --- MENU END --- */



@media print {

	#header, #footer, .left-side, .no-print, .content-navig, .header-left-side, .header-right-side, #content-begin {display: none;}
	#page, .right-side { width: 640px; padding: 0; margin: 0; display: block;}

}