@import url("reset.css");

body
{
	background: #FFF url("../images/bg.png") repeat-y;
	color: #333;
	font-family: "Istok Web", Arial, Helvetica, sans-serif;
	font-size: 13px;
}

a { color: #3F8DE9; text-decoration: none; }
a:hover { color: #333; text-decoration: none; }

#topcont
{
	text-align:center;
	position: fixed;
	top: 0;
	width: 100%;
	height: 72px;
	padding: 28px 0 0 0;
	background: #F00;
}

	#topcont h1 a
	{
		font-family: "Open Sans Condensed", Arial, Helvetica, sans-serif;
		font-size: 42px;
		font-weight: normal;
		letter-spacing: -1px;
		color: #FFF;
		margin: 0 0 0 20px;
	}
	
		#topcont h1 a span
		{
			color: #3F8DE9;
		}

#leftcont
{
	position: fixed;
	top: 100px;
	left: 0;
	width: 20px;
	padding: 20px;
	overflow: hidden;
	font-size: 12px;
	color: #FFFFFF;
	text-align: left;
}

	#leftcont p
	{
		line-height: 16px;
		margin: 0 0 15px 0;
	}
	
	#leftcont #menu
	{
		float: left;
		width: 20px;
		margin: 0 0 20px 0;
	}
	
		#leftcont #menu ul
		{
			list-style-type: none;
		}
		
		#leftcont #menu ul li a
		{
			display: block;
			padding: 10px 15px;
			color: #FFF;
			text-decoration: none;
			width: 10px;
			font-weight: normal;
			background: #6EA9EE;
			margin: 0 0 2px 0;
			text-align: center;
			
			-webkit-border-radius: 6px;
			-moz-border-radius: 6px;
			border-radius: 6px;
		}
		
			#leftcont #menu ul li.active a
			{
				background: #9FC6F4;
				color: #FFFFFF;
			}
			
		#leftcont #menu ul li a:hover
		{
			background: #FFF;
			color: #3F8DE9;
		}
		
	#leftcont #copycont
	{
		border-top: 1px dashed #6EA9EE;
		padding: 15px 0 0 0;
		color: #9FC6F4;
	}
	
		#leftcont #copycont a
		{
			color: #9FC6F4;
		}
		
		#leftcont #copycont a:hover
		{
			text-decoration: underline;
		}

#maincont
{
	width: auto; /* or you can set a specific width like - width: 610px; */
	
	min-width: 450px;
	max-width: 850px;
	
	margin-left: 65px;
	margin-top: 105px;
	padding: 20px;
	line-height: 22px;
}

		#maincont p { margin: 0 0 20px 0; }
		
		#maincont h1, #maincont h2, #maincont h3, #maincont h4, #maincont h5 { margin: 0 0 20px 0; font-weight: normal; letter-spacing: -1px;  font-family: "Open Sans Condensed", Arial, Helvetica, sans-serif; }
		#maincont h1 { font-size: 32px; }
		#maincont h2 { font-size: 24px; }
		#maincont h3 { font-size: 30px; }
		#maincont h4 { font-size: 30px; }
		#maincont h5 { font-size: 28px; }
		
		
		#maincont ul { margin: 0 0 20px 35px; list-style-type: square; }
		#maincont ul li { padding: 0 0 0 2px; }
		
		#maincont ol { margin: 0 0 20px 35px; list-style-type: decimal; }
		#maincont ol li { padding: 0 0 0 2px; }
		
		#maincont blockquote { background: #EEE; border-left: 3px solid #3F8DE9; padding: 15px; margin: 0 0 20px 0; font-style: italic; line-height: 18px; }
		
		#maincont table { width: 100%; border-collapse: collapse; text-align: left; margin: 0 0 15px 0; background: #FFF; line-height: 18px; font-size: 12px; }
		#maincont table tr th { border: 1px solid #BBB; padding: 10px; background: #DDD; font-weight: normal; color: #222; }
		#maincont table tr td { border: 1px solid #BBB; padding: 10px; }

	#maincont .galleryimg
	{
		width: auto;
		height: 271px;
		background: url("../images/galleryimg.jpg") no-repeat top center;
		margin: 0 0 20px 0;
		
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;ß
	}