/* Design styles  */

html, body, p, h1, h2, h3, blockquote, ol, ul, li, form {
	margin: 0; padding: 0;
}

a img, fieldset { border: none; }

body {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 62.5%; /* 10px */
	line-height: 1.4;
	color: #4d4d4d;
}
input, select, textarea { font-family: Tahoma, Arial, Helvetica, sans-serif; }
td, input, select, textarea { font-size: 1em; }

a { color: #4d4d4d; text-decoration: underline; }
a:hover { color: #436fb8; text-decoration: underline; }

.invert { text-decoration: none; }
.invert:hover { color: #436fb8; text-decoration: none; }

h1, .h1 {
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 2em; /* equals to 24px in block with font-size: 1.2em */
	/*letter-spacing: -1px;*/
	color: #5976a2;
	text-transform: uppercase;
	font-weight: normal;
	margin: 0 0 .5em;
	}
	h1 a, .h1 a { color: #5976a2; text-decoration: none; }
	h1 a:hover, .h1 a:hover { text-decoration: underline; }
h2, .h2 {
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 1.75em; /* equals to 21px in block with font-size: 1.2em */
	font-weight: normal;
	color: #5976a2;
	margin: 0 0 .5em;
	}
	h2 a, .h2 a { color: #4d4d4d; text-decoration: none; }
	h2 a:hover, .h2 a:hover { text-decoration: underline; }

p { margin-bottom: 1em; }
blockquote { padding-left: 4em; }

ol    { padding-left: 3.7em; margin-bottom: 1em; }
ol li { padding-left: 0.3em; }
ul    { padding-left: 3.2em; margin-bottom: 1em; }
ul li { padding-left: 0.8em; }

.h100 { height: 100%; }

#out { background: url(../img/bg-head.png) 0 0 repeat-x; }

.logo {
	float: left;
	margin: 46px 0 0 27px;
	font-size: 34px;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	width: 204px;
	color: #5976a2;
	}
	.logo a { display: block; margin-bottom: 20px; }
* html .logo { margin-left: 14px; }

.top-menu ul {
	float: left;
	list-style-type: none;
	margin: 30px 0 0 90px;
	padding: 0;
	}
	.top-menu li { padding: 5px 0 0 0; font-size: 1.2em; }
	.top-menu li.first {
		padding: 0 0 5px 0;
		font-size: 21px;
		font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
		color: #5976a2;
		}
		.top-menu li.first a { color: #5976a2; }
.top-menu a { text-decoration: none; }
.top-menu a:hover { text-decoration: underline; }

.dots-h-1 { background: url(../img/dots-h-1.png) 0 0 repeat-x; }
.dots-h-2 { background: url(../img/dots-h-2.png) 0 0 repeat-x; }

.grey2 { background: #fafafa; }
.grey5 { background: #f2f2f2; }

p.current { background: #efefef; padding: 10px 50px 15px; margin: -1.35em 0 -1.4em 0; }

.content { width: 926px; margin: 0 auto; font-size: 1.2em; padding: 2em 0; overflow: hidden; }
.pad { padding: 0 100px; }

.bu { color: #436fb8; text-decoration: underline; }
a.b:hover, a.bu:hover { text-decoration: none; }
.b { color: #436fb8; }

br.big { font-size: 1.5em }
br.small { font-size: 0.5em }

#nyroModalContent strong.bu { font-size: 2em; font-weight: normal; display: block; color: #5976a2; font-family: "Arial Narrow", Arial, Helvetica, sans-serif;}

#works { overflow: hidden; padding: 17px 0; }
	#works ul { margin: 0 0 0 -10px; padding: 0; list-style-type: none; float: left; }
		#works li { float: left; padding: 0 0 0 10px; }

.works-list { float: left; margin-left: -10px; overflow: hidden; }
	.works-item { float: left; padding: 0 0 35px 10px; text-align: center; }
		.works-item img { display: block; margin-bottom: 5px; }
		.works-item a { color: #436fb8; text-decoration: none; }
		.works-item a:hover { color: #436fb8; text-decoration: underline; }

.w-item { float: left; width: 450px; }
.w-images { float: right; width: 432px; }
.w-images div.lnk { text-align: right; margin: -2em 0 1em; position: relative }
.w-images div.brd { border: 1px solid #989898; }

.col2 ul { margin: 0; padding-left: 1.3em; }
.col2 ul li { padding-left: 0; }
.col2 ul li a { text-decoration: none; }
.col2 ul li a:hover { text-decoration: underline; }
.col2 ul li.current { color: #ff9600; }

.list-menu { list-style-type:none; }
.list-menu li { padding-bottom: 0.5em; }

#footer .content { padding: 10px 0 0 0; }
#footer .dots-h-2 { background-color: #fff; }
#footer ul { float: right; margin: 0; padding: 0; list-style-type: none; }
	#footer li { float: left; padding: 0 0 0 15px; }
#footer a { text-decoration: none; }
#footer a:hover { text-decoration: underline; }

/* cms styles */
.submit { color:#4d4d4d; }

.floatL { float: left; margin-right: 10px; }
.floatR { float: right; margin-left: 10px; }
.imgBorder {  }

.item { margin-bottom: 1em; overflow: hidden; }
* html .item { overflow: visible; height: 0; } /* ie6 hasLayout */
.pad .item { background: url(../img/dots-h-2.png) 0 100% repeat-x; padding-bottom: 1.5em; }

.title { color: #436fb8; font-weight: bold; }
.title a { color: #436fb8; text-decoration: underline; }
.title a:hover { text-decoration: none; }

.more { color: #ff9600; }
.more a { color: #ff9600; text-decoration: underline; }
.more a:hover { color: #ff9600; text-decoration: none; }

.empty { text-align: center; margin-top: 50px; margin-bottom: 50px; }

.message { color: #436fb8; }
.errors { color: #990000; }

.navigator { width: 926px; margin: 0 auto -1em; font-size: 1.2em; padding: 2em 0 0 0; }
.navigator a { /*color: #000000;*/ text-decoration: none; }
.navigator a:hover { text-decoration: underline; }
.navigator span.current { color: #ff9600; }

.hilight { background-color: #000000; color: #FFFFFF; /*font-weight: bold;*/ }
.searchResult dt { font-weight: bold; }
.searchResult dd { margin-left: 0px; }
.searchResult dd ul { margin-bottom: 5px; margin-top: 5px; }

#sitemap div { margin-bottom: 0.4em; }
#sitemap p { margin: 0; padding: 0; }
#sitemap a { text-decoration: none; }
#sitemap #sitemap a:hover { text-decoration: underline; }
/* end cms styles */

/* this class should be placed on a div or break element and should be the final element
before the close of a container that should fully contain a float */
.clearfloat {
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}