@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Neucha&subset=latin,cyrillic);
/* CSS Document */

body {
	font-family: "Trebuchet MS", Verdana, sans-serif;
	background:url(img/body-bg.png) repeat;
	padding:15px 0;
}

h1, h2, h3 {
	color:#5fa50e;
        margin-bottom:10px;
}

a {
	color:#003459;
}

a:hover {
	text-decoration:none;
}

#main-wrapper {
	width:992px;
	margin:0 auto;
	padding:10px;
	position:relative;
	background:#FFF url(img/main-wrapper-bottom-bg.jpg) no-repeat left bottom;
}


	#main-wrapper-inner {
		border:#e3e0d7 solid 1px;
	}
	
#main-wrapper:after,
#main-wrapper:before,
#main-wrapper-inner:after,
#main-wrapper-inner:before {
	content:'';
	position:absolute;
	display:block;
	width:20px;
	height:20px;
	background:url(img/main-wrapper-corner.png) no-repeat;
	z-index:999;
}

#main-wrapper:after {
	top:0px;
	right:0px;
	background-position:top right;
}

#main-wrapper:before {
	top:0px;
	left:0px;
	background-position:top left;
}

#main-wrapper-inner:after {
	bottom:0px;
	right:0px;
	background-position:bottom right;
}

#main-wrapper-inner:before {
	bottom:0px;
	left:0px;
	background-position:bottom left;
}

header {
	position: relative;
	height: 267px;
}

	header #header-logo {
		position:absolute;
		width:185px;
		padding:69px 0 0 154px;
		height:110px;
		background:url(img/header-logo.png) no-repeat;
		top:-20px;
		left:-121px;
		font-family:Tahoma, Verdana, sans-serif;
		font-size:1em;
		color:#FFF;
		font-weight:bolder;
		text-shadow:
		-1px -1px 0 #0d59a4,  
		 1px -1px 0 #0d59a4,
		-1px  1px 0 #0d59a4,
		 1px  1px 0 #0d59a4;
		 z-index:9999;
	}
	
	.cycle-overlay {
		position:absolute;
		right:30px;
		top:30px;
		z-index:9999;
		color:#FFF;
		text-align:right;
	}
	
		.cycle-overlay div {
			display:inline;
			background:rgba(0,0,0,0.5);
			line-height:31px;
			padding:5px 0;
			font-size:1.1em;
			
		}

nav#top {
	height:59px;
	background:url(img/header-menu-bg.png) repeat-x;
	font-family: 'Neucha', cursive;
	
}

nav#top ul {
	text-align:center;
}

nav#top ul li {
	display:inline;
	line-height:50px;
}

nav#top ul li a {
	text-decoration:none;
	color:#003459;
	font-size:1.1875em;
	margin:0 25px;
}

nav#top ul li a:hover  {
	text-decoration:underline;
}

nav#top ul li.active a {
	color:#FFF;
}

nav#top ul li.active a:hover {
	text-decoration:none;
}

h1.page-title {
	font-family: 'Neucha', cursive;
	font-size:1.3em;
	font-weight:normal;
	margin:20px 0;
}

#content-wrapper {
	overflow:hidden;
	min-height:200px;
}

#content-wrapper aside#left {
	float:left;
	margin-left:10px;
	width:245px;
}

#content-wrapper article {
	padding:0 25px;
	font-size:0.9375em;
	font-style:italic;
}

#content-wrapper article p {
	margin-bottom:10px;
}

#content-wrapper article ul {
	margin-bottom:10px;
	margin-left:25px;
}

#content-wrapper article strong {
	color:#005cb2;
	font-weight:normal;
}

#map {
	width:100%;
	height:300px;
}

.row-item {
		overflow:hidden;
		position:relative;
		margin-bottom:15px;
	}
	
	.row-item h1 {
		margin-bottom:5px !important;
	}
	
	.row-item .detail {
		float:right;
	}
	
	.row-item .photo-wrapper {
		float:left;
		margin-right:20px;
		position:relative;
		width:200px;
		height:150px;
	}
	
	.row-item  .photo-wrapper a:after {
		content:"";
		position:absolute;
		top:0; 
		right:0; 
		bottom:0; 
		left:0;
		-webkit-box-shadow: inset 0px 0px 0px 5px rgba(95, 165, 14, 0.40);
		-moz-box-shadow: inset 0px 0px 0px 5px rgba(95, 165, 14, 0.40);
		box-shadow: inset 0px 0px 0px 5px rgba(95, 165, 14, 0.40); 
	}

ul.gallery {
		overflow:hidden;
		zoom:1;
		margin-left:-16px !important;
	}
	
	ul.gallery li {
		list-style:none;
		float:left;
		margin-left:16px;
		position:relative;
		width:175px;
		height:175px;
		display:inline;
		margin-bottom:16px;
	}
	
	ul.gallery li a:after {
		content:"";
		position:absolute;
		top:0; 
		right:0; 
		bottom:0; 
		left:0;
		-webkit-box-shadow: inset 0px 0px 0px 5px rgba(95, 165, 14, 0.40);
		-moz-box-shadow: inset 0px 0px 0px 5px rgba(95, 165, 14, 0.40);
		box-shadow: inset 0px 0px 0px 5px rgba(95, 165, 14, 0.40); 
	}

footer {
	height:70px;	
	padding:110px 0 0 90px;
	position:relative;
}

nav#bottom {
	
}

nav#bottom ul {
	text-align:center;
}

nav#bottom ul li {
	display:inline;
	line-height:50px;
}

nav#bottom ul li a {
	text-decoration:none;
	color:#003459;
	font-size:1em;
	margin:0 12px;
	font-style:italic;
}

nav#bottom ul li a:hover  {
	text-decoration:underline;
}

nav#bottom ul li.active a {
	color:#5fa50e;
}

nav#bottom ul li.active a:hover {
	text-decoration:none;
}

a#logo-webdevelop-1  {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	background:url(img/logo-webdevelop.png) no-repeat bottom center;
	text-align:center;
	color:#000;
	font-size:12px;
	text-decoration:none;
	display:block;
	height:47px;
	width:99px;
	position:absolute;
	right: 25px;
	top: 110px;
	line-height:10px;
	word-spacing:1px;
}