/* -------------------------------------------------------------- 
   Reset
-------------------------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
body { line-height: 1.5; background: #fff; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
input,textarea { margin: 0; }
td p, td h1, td h2, td h3, td h4, td h5, li p, li h1, li h2, li h3, li h4, li h5 { margin: 0px; padding: 0px; }
td ul, td ol, td li { margin: 0px; }

/* Removes Firefox imposed outline */
a { outline: none; }

/* PNG fix */
img.ie6png { behavior: url(../images/iepngfix.htc); }

/* Clearing floats without extra markup  */
.wrapper { display: inline-block; }
.wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .wrapper { height: 1%; }
.wrapper { display: block; }

/* -------------------------------------------------------------- 
   Typography
-------------------------------------------------------------- */

/* This is where you set your desired font size. The line-heights 
   and vertical margins are automatically calculated from this. 
   The percentage is of 16px (0.75 * 16px = 12px). */
body { font-size: 12px; color: #777777; background: #dbf3ff url(../img/bg.gif) top center repeat-y; }


/* Default fonts and colors. */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea { font-family: Helvetica, Arial, sans-serif; }


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; }

h1 { font-size: 14px; line-height: 16px; margin-bottom: 10px; }
h2 { font-size: 13px; line-height: 16px; margin-bottom: 10px; font-weight: bold; }
h3 { font-size: 12px; line-height: 16px; margin-bottom: 10px; font-weight: bold; }

h2.page_header { margin-bottom: 0px; padding: 0px 0px 10px 0px; line-height: normal; background: url(../img/line.gif) bottom left repeat-x; }

.text_content h1,h2,h3,h4,h5,h6 { color:#666; }
.text_content h1 { font-size: 18px; line-height: 22px; margin-bottom: 18px; }
.text_content h2 { font-size: 16px; line-height: 20px; margin-bottom: 16px; }
.text_content h3 { font-size: 14px; line-height: 18px; margin-bottom: 14px; }
.text_content h4 { font-size: 13px; line-height: 17px; margin-bottom: 13px; }
.text_content h5 { font-size: 12px; line-height: 16px; margin-bottom: 12px; font-weight: bold; }
.text_content ul li, .text_content ol li { margin: 0 1.5em 1.5em 1.5em; }


/* Text elements
-------------------------------------------------------------- */

p { margin: 0 0 10px 0; }
div.text_content p { margin: 0 0 20px 0; }
div.text_content { color: #333; }

ul, ol { margin: 0 1.5em 1.5em 1.5em; }
ul { list-style-type: circle; }
ol { list-style-type: decimal; }

dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dl dd { margin-left: 1.5em; }

abbr, acronym { border-bottom: 1px dotted #000; }
address { margin-top: 1.5em; font-style: italic; }
del { color: #000; }

a { color: #05638c; text-decoration: underline; }
a:hover { text-decoration: none; }

blockquote { margin: 1.5em; }
strong { font-weight: bold; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
pre, code { margin: 1.5em 0; white-space: pre; }
pre, code, tt { font: 1em monospace; line-height: 1.5; } 
tt { display: block; margin: 1.5em 0; line-height: 1.5; }
span.amp { /* For better-looking ampersands */
  font-family: Baskerville, Palatino, "Book Antiqua", serif;
  font-style: italic;
}

/* Table */
.text_content table { border-top: #CCC 1px solid; border-left: #CCC 1px solid; margin: 0 0 20px 0; }
.text_content td { padding: 10px; border-bottom: #CCC 1px solid; border-right: #CCC 1px solid; }
.text_content img { border: #e8e5e5 4px solid; margin: 10px 10px 10px 0px; }

.header_grey {
	background: url(../img/h_left.gif) top left no-repeat;
	font-size: 12px;
	font-weight: bold;
	text-shadow: 1px 1px 0px #fff;
	margin-bottom: 5px;
}
.header_grey div.title {
	background: url(../img/h_right.gif) top right no-repeat;
}
.header_grey div.title div {
	background-color: #e2e2e2;
	height: 25px;
	margin: 0px 4px 0px 4px;
	padding: 7px 4px 0px 8px;
}
span.rss {
	float: right;
	font-size: 11px;
	font-weight: normal;
}

.header_blue {
	background: url(../img/h_left_b.gif) top left no-repeat;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	text-shadow: 1px 1px 0px #2c678b;
	margin-bottom: 5px;
}
.header_blue div.title {
	background: url(../img/h_right_b.gif) top right no-repeat;
}
.header_blue div.title div {
	background-color: #4d89ad;
	height: 25px;
	margin: 0px 4px 0px 4px;
	padding: 7px 4px 0px 8px;
}
div.title a {
	float: left;
}
.header_blue span.rss {
	float: right;
	width: 20px;
}

.header_blue a {
	color: #fff;
	text-decoration: none;
}
.header_grey a {
	color: #777777;
	text-decoration: none;
}

.line {
	background: url(../img/line.gif) top left repeat-x;
	height: 1px;
	margin: 15px 0px 5px 0px;
}

/* -------------------------------------------------------------- 
   Grid
-------------------------------------------------------------- */
div#container {
	width: 928px;
	height: 1%;
	overflow: hidden;
	margin: 0 auto 0 auto;
	padding: 0 25px 20px 25px;
	background: #fff url(../img/container_bg.gif) top left repeat-x;
}
div#header_reg {
	width: 100%;
	height: 132px;
	overflow: hidden;
	background: url(../img/header.png) top left no-repeat;
	margin-top: 20px;
}
div#header_reg2 {
	width: 100%;
	height: 132px;
	overflow: hidden;
	background: url(../img/header2.png) top left no-repeat;
	margin-top: 20px;
}
div#header {
	width: 100%;
	height: 1%;
	overflow: hidden;
}
	div#logo {
		width: 253px;
		height: 77px;
		float: left;
		overflow: hidden;
	}
	div#logo_reg {
		width: 205px;
		height: 127px;
		float: left;
		overflow: hidden;
		margin-left: 30px;
	}
	div#header_links {
		width: 325px;
		height: 42px;
		float: left;
		overflow: hidden;
		font-size: 11px;
		color: #fff;
		padding: 35px 0px 0px 15px;
	}
	div#header_title {
		width: 650px;
		height: 42px;
		float: left;
		overflow: hidden;
		font-size: 25px;
		color: #fff;
		padding: 10px 0px 0px 15px;
		text-shadow: 1px 1px 0px #2c678b;
	}
	div#header_icons {
		width: 50px;
		height: 32px;
		float: right;
		overflow: hidden;
		padding: 45px 0px 0px 0px;
	}
		div#header_icons a {
			margin-right: 10px;
		}
	div#search {
		width: 220px;
		height: 37px;
		float: right;
		overflow: hidden;
		padding: 40px 0px 0px 0px;
	}
		div#search .search_input {
			border: 0px;
			background: url(../img/search_input.gif) 0px 0px no-repeat;
			width: 173px;
			height: 24px;
			float: left;			
			padding: 0px 3px 0px 8px;
			font-size: 11px;
			color: #0088c3;
		}
		div#search .search_submit {
			width: 23px;
			height: 23px;
			float: left;
			border: 0px;
			margin-left: 5px;
			background: url(../img/search_button.gif) 0px 0px no-repeat;
			cursor: pointer;
		}
	div#search_reg {
		width: 220px;
		height: 37px;
		float: right;
		overflow: hidden;
		padding: 40px 5px 0px 0px;
	}
		div#search_reg .search_input {
			border: 0px;
			background: url(../img/search_input_reg.gif) 0px 0px no-repeat;
			width: 173px;
			height: 24px;
			float: left;			
			padding: 0px 3px 0px 8px;
			font-size: 11px;
			color: #0088c3;
		}
		div#search_reg .search_submit {
			width: 23px;
			height: 23px;
			float: left;
			border: 0px;
			margin-left: 5px;
			background: url(../img/search_button_reg.gif) 0px 0px no-repeat;
			cursor: pointer;
		}
div#intro {
	width: 100%;
	height: 1%;
	overflow: hidden;
}
div#menu {
	width: 100%;
	height: 31px;
	overflow: hidden;
	background: url(../img/menu_bg.gif) top left no-repeat;
	padding: 11px 0px 0px 5px;
	margin-bottom: 20px;
}
	div#menu ul li {
		float: left;
		display: inherit;
		margin: 0px;
		padding: 0px;
		font-size: 12px;
		font-weight: bold;
		background: url(../img/menu_separator.gif) top right no-repeat;
	}
	div#menu ul li a {
		padding: 0px 10px;
		color: #777777;
		text-decoration: none;
		text-shadow: 1px 1px 0px #fff;
	}
	div#menu ul li a:hover {
		color: #0b91b8;
	}
	div#menu ul li a.active {
		color: #0b91b8;
	}
div#body {
	width: 100%;
	height: 1%;
	overflow: hidden;
}
	div#body_left {
		width: 566px;
		height: 1%;
		float: left;
		overflow: hidden;
	}
		div.bc_grey_top {
			width: 566px;
			background: #f1f0f0 url(../img/bc_grey_top.gif) top left no-repeat;
			height: 1%;
			overflow: hidden;
		}
		div.bc_grey_bottom {
			width: 536px;
			background: url(../img/bc_grey_bottom.gif) bottom left no-repeat;
			padding: 15px;
			height: 1%;
			overflow: hidden;
		}
	div#body_right {
		width: 343px;
		height: 1%;
		float: right;
		overflow: hidden;
	}
		div.sc_dblue_top {
			width: 343px;
			background: url(../img/sc_dblue_top.gif) top left no-repeat;
			height: 1%;
			overflow: hidden;
			padding-top: 7px;
		}
		div.sc_dblue_bottom {
			width: 343px;
			background: url(../img/sc_dblue_bottom.gif) bottom left no-repeat;
			height: 1%;
			overflow: hidden;
			padding-bottom: 7px;
		}
		div.sc_dblue_bottom div {
			background-color: #1d7895;
			padding: 12px 21px 10px 21px;
			height: 1%;
			overflow: hidden;
		}
			div.sc_dblue_bottom ul {
				padding: 0px 0px 1px 0px;
				margin: 0px;
				background: url(../img/line_w.gif) bottom left repeat-x;
				display: block;
			}
			div.sc_dblue_bottom ul ul {
				background: none;
				padding: 0px;
				margin: 0px;
			}
			div.sc_dblue_bottom li {
				list-style-type: none;
				background: url(../img/line_w.gif) top left repeat-x;
				display: block;
				padding: 7px 0px 0px 0px;
				margin: 0px 0px 7px 0px;
			}
			div.sc_dblue_bottom li li{
				list-style-type: none;
				background: url(../img/line_w.gif) top left repeat-x;
				display: block;
				margin: 7px 0px 0px 15px;		
			}
				div.sc_dblue_bottom li a {
					background: url(../img/menu_item.gif) left 2px no-repeat;
					padding: 0px 0px 0px 15px;
					color: #fff;
					text-decoration: none;
					font-weight: bold;
				}
				div.sc_dblue_bottom li a:hover, div.sc_dblue_bottom li a.active {
					color: #94efff;
				}
		div.sc_blue_top {
			width: 343px;
			background: url(../img/sc_blue_top.gif) top left no-repeat;
			height: 1%;
			overflow: hidden;
			padding-top: 4px;
		}
		div.sc_blue_bottom {
			width: 321px;
			background: #dbf3ff url(../img/sc_blue_bottom.gif) bottom left no-repeat;
			padding: 11px 11px 15px 11px;
			height: 1%;
			overflow: hidden;
		}
		div.sc_grey_top {
			width: 343px;
			background: url(../img/sc_grey_top.gif) top left no-repeat;
			height: 1%;
			overflow: hidden;
			padding-top: 4px;
		}
		div.sc_grey_bottom {
			width: 321px;
			background: #f4f4f4 url(../img/sc_grey_bottom.gif) bottom left no-repeat;
			padding: 11px 11px 15px 11px;
			height: 1%;
			overflow: hidden;
		}
div#footer {
	width: 928px;
	height: 1%;
	overflow: hidden;
	margin: 0 auto 0 auto;
	background-color: #3c84a2;
	color: #fff;
	font-size: 11px;
	padding: 15px 25px;
}
	div#footer_left {
		width: 18%;
		height: 1%;
		float: left;
		overflow: hidden;
		margin-right: 2%;
	}
	div#footer_center {
		width: 60%;
		height: 1%;
		float: left;
		overflow: hidden;
		margin-right: 2%;
	}
	div#footer_right {
		width: 18%;
		height: 1%;
		float: left;
		overflow: hidden;
	}
	div#footer a {
		color: #fff;
	}

/* -------------------------------------------------------------- 
   Banners
-------------------------------------------------------------- */
div.adimage {
	margin: 15px 0;
	padding-left: 20px;
	height: 1%;
	overflow: hidden;
	text-align: center;
}
div.adimage div {
	float: left;
	margin: 5px;
}


/* -------------------------------------------------------------- 
   Partners
-------------------------------------------------------------- */
ul.partners{
	list-style-type: none;
	width: 268px;
	float: left;
	margin: 0;
}
ul.partners li{
	width: 245px;
	float: left;
	padding: 0px 0px 7px 23px;
}
ul.partners li a{
	padding: 0px 0px 0px 0px;
	width: 245px;
	float: left;
}
/* -------------------------------------------------------------- 
   Blog
-------------------------------------------------------------- */
ul.blog_slide{
	display: block;
	width: 320px;
	margin: 0px;
	padding: 0px;
}
ul.blog_slide li{
	width: 320px;
	margin: 0px;
	padding: 0px;
}
.bxslider_wrap {
	background: url(../img/line.gif) bottom left repeat-x;
}
.bxslider_wrap .prev {
	float: left;
	background: url(../img/prev.gif) left 7px no-repeat;
	padding: 0px 0px 0px 12px;
	margin-top: 5px;
}

.bxslider_wrap .next {
	float: right;
	background: url(../img/more.gif) right 7px no-repeat;
	padding: 0px 12px 0px 0px;
	margin-top: 5px;
}
.read {
	float: left;
	font-weight: bold;
	margin-left: 45px;
	margin-top: 5px;
}

ul.blog_slide li h1 { font-size: 14px; line-height: 16px; margin-bottom: 10px; }
ul.blog_slide li h2 { font-size: 13px; line-height: 16px; margin-bottom: 10px; }
ul.blog_slide li h3 { font-size: 12px; line-height: 16px; margin-bottom: 10px; font-weight: bold; }
ul.blog_slide li p { margin: 0 0 10px 0; }


/* -------------------------------------------------------------- 
   Projects
-------------------------------------------------------------- */
ul.project_slide{
	display: block;
	width: 320px;
	margin: 0px;
	padding: 0px;
}
ul.project_slide li{
	width: 320px;
	margin: 0px;
	padding: 0px;
}
ul.project_slide li h1 { font-size: 14px; line-height: 16px; margin-bottom: 10px; }
ul.project_slide li h2 { font-size: 13px; line-height: 16px; margin-bottom: 10px; }
ul.project_slide li h3 { font-size: 12px; line-height: 16px; margin-bottom: 10px; font-weight: bold; }
ul.project_slide li p { margin: 0 0 10px 0; }

/* -------------------------------------------------------------- 
   News
-------------------------------------------------------------- */

div.news_item {
	width: 558px;	
	height: 1%;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 8px;
	overflow: hidden;
}
div.news_item_image {
	width: 97px;
	float: left;
	margin: 0px 18px 5px 0px;
}
div.news_item_image img {
	border: #e2e2e2 5px solid;
}
div.news_item_text {
}
div.news_date {
	font-size: 10px;
	margin: 0 0 10px 0;
	height: 1%;
	overflow: hidden;
}
div.news_date span {
	display: block;
	float: left;
	padding: 3px 5px;
	background-color: #f1f0f0;
}
.sc_grey_bottom div.news_date span {
	display: block;
	float: left;
	padding: 3px 5px;
	background-color: #DDD;
}
.sc_grey_bottom div.news_item_text {
	padding-bottom: 10px;
}
div.news_date span.blue_date {
	background-color: #c6e2f1;
	color: #4d89ad;
}
.more {
	text-align: right;
	font-weight: bold;
	background: url(../img/more.gif) right 7px no-repeat;
	padding: 0px 12px 0px 0px;
	margin-bottom: 20px;
}
.back {
	background: url(../img/back.gif) left 3px no-repeat;
	padding: 0px 0px 0px 18px;
}
.print {
	display: block;
	background: url(../images/printer_16x16.gif) left 1px no-repeat;
	padding: 0px 0px 0px 22px;
	margin-left: 20px;
}
.news_picture {
	float: left; margin: 0px 20px 10px 0px;
}
.addthis_button {
	display: block;
	text-align: right;
}
.addthis_button img {
	margin-top: 3px;
}
div.news_calendar {
	margin: 15px 10px 10px 12px;
}
div.news_features {
	height: 1%;
	overflow: hidden;
	margin-top: 10px;
}
div.news_features div {
	float: left;
	width: 33%;
}

/* Page */
div.pages {
	height: 1%;
	overflow: hidden;
}
div.page_left {
	float: left;
	width: 30%;
	background: url(../img/prev.gif) left 7px no-repeat;
	padding: 0px 0px 0px 12px;
}
div.page_right {
	float: right;
	width: 30%;
	text-align: right;
	background: url(../img/more.gif) right 7px no-repeat;
	padding: 0px 12px 0px 0px;
}

/* Map */
div.map ul {
	padding: 0px;
	margin: 0px;
}
div.map li {
	background: url(../images/icon_page.gif) 1px 1px no-repeat;
	list-style-type: none;
	display: block;
	padding: 0px 0px 0px 22px;
	margin: 10px 0px 0px 0px;
}

/* Gallery */
.gallery_box { position:relative; clear:both;  border:1px solid #dadada; -moz-border-radius:5px; -webkit-border-radius:5px; padding:10px; margin: 10px 0px 0px 0px; background-color:#f9f9f9; }



/* SLIMBOX */
#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(../img/gallery/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(../img/gallery/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(../img/gallery/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(../img/gallery/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}
/* Comments */
#respond { margin-top: 30px; }
#respond #comments_form { border: 0; background-color: #EFEFEF; padding: 0px 20px 20px 20px; }
#comments_form legend { font-size: 1.4em; font-weight: bold; }
#comments_form label { display: block; font-weight: bold; margin: 0 0 10px 0; }
#comments_form cite { display: block; font-size: 11px; color: #ada382; margin: 3px 0 10px 0; }
#comments_form input { width: 422px; }
#comments_form input#number { width: 100px; height: 30px; font-size: 30px; }
#comments_form textarea { width: 422px; height: 95px; margin-top: 0; }
#comments_form .form_field_note {font-size: 0.9em; font-style: italic; display: block;}
#comments_form .captcha { vertical-align: bottom; }
#comments_form #submit { width: 428px; }
div#comments div.date { padding: 0px; margin: 0px; }
div#comments div.comment { width: 94%; height: 1%; overflow: hidden; padding: 3% 3% 1% 3%; }
div#comments div.comment_grey { width: 94%; height: 1%; overflow: hidden; padding: 3% 3% 1% 3%; background-color: #EFEFEF; }

/* Contacts */
#contacts { margin-top: 30px; }
#contacts #contact_form { border: 0; width: 440px; background-color: #EFEFEF; padding: 0px 20px 20px 20px; }
#contact_form legend { font-size: 1.4em; font-weight: bold; }
#contact_form label { display: block; font-weight: bold; margin: 0 0 10px 0; }
#contact_form cite { display: block; font-size: 11px; color: #ada382; margin: 3px 0 10px 0; }
#contact_form input { width: 422px; }
#contact_form input#number { width: 100px; height: 30px; font-size: 30px; }
#contact_form textarea { width: 422px; height: 95px; margin-top: 0; }
#contact_form .captcha { vertical-align: bottom; }
#contact_form #submit { width: 428px; }