@charset "utf-8";
/* -----------------------------------------------------------------------

    HD CSS Framework 1.1 by Hutchington ||| http://blog.hdesign.cc
	
	This work is licensed under a Creative Commons 
	Attribution-Noncommercial 3.0 Unported License.
	http://creativecommons.org/licenses/by-nc/3.0/deed.hu
	
----------------------------------------------------------------------- */

/*--------------------------------IMPORTS-------------------------------*/
@import url("reset.css");
@import url("typography.css");
/*--------------------------------GENERAL--------------------------------*/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background:url(../img/topline.png) repeat-x top;
}

#outer {
	display:block;
	float: left;
	width: 100%;
	background: url(../img/header.jpg) no-repeat top;
}

#main {
	display: block;
	float: left;
	width: 910px;
	left: 50%;
	margin-left: -455px;
	position: relative;
}

/*--------------------------------HEADER--------------------------------*/

#header {
	display: block;
	float: left;
	width: 910px;
	height: 155px;
}
	#header h1 {
		display: block;
		float: left;
		width: 194px;
		height:101px;
		margin: 0;
		padding: 0;
		margin: 20px 0 0 40px;
	}
	
	#header h1 a {
		display: block;
		float: left;
		width: 194px;
		height: 101px;
		background: url(../img/logo.png) no-repeat;
		text-indent: -9999px;
	}
	
	#header form {
		display: block;
		float: right;
		margin: 9px 25px 0 0;
		color: #4c4c4c;
		font-size: 12px;
	}
		#header form #search {
			display: block;
			float: left;
			margin:0;
			padding:0;
			padding: 2px 0 0 2px;
			width: 150px;
			height: 17px;
			border: 1px solid #8c8c8c;
			border-right: 0;
		}
		
		#header form .submit {
			display: block;
			float: left;
			margin: 0;
			width: 31px;
			height: 21px;
			padding: 0;
			border:0;
			text-indent: -9999px;
			color: #FFF;
			font-size: 10px;
			background: url(../img/ok.png);
		}

/*--------------------------------CONTENT--------------------------------*/

#content_container {
	display: block;
	float: left;
	width: 910px;
	background: url(../img/content_bg.png) repeat-y;
}
	#content {
		display: block;
		float: left;
		width: 880px;
		padding: 30px 15px 20px 15px;
		background: url(../img/content_top.jpg) no-repeat top center;
	}
	
		#content .leftcol {
			display: block;
			float: left;
			width: 230px;
			padding-right: 10px;
		}
		
		#content #rightcol {
			display: block;
			float: left;
			width: 620px;
			padding-left: 10px;
		}

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

ul.menu {
	display: block;
	float: left;
	border-top: 1px dashed #b8cbdb;
}

ul.menu li {
	display: block;
	float: left;
	width: 228px;
	padding: 2px;
	line-height: 16px;
	border-bottom: 1px dashed #b8cbdb;
}

	ul.menu li a {
		display: block;
		float: left;
		height: 26px;
		width: 216px;
		padding: 12px 0 0 12px;
		font-weight: bold;
		font-size: 14px;
		color: #31b7dc;
		text-decoration: none;
	}
	
		ul.menu li a:hover {
			background: url(../img/menu_hover.png) no-repeat;
			color: #333;
			text-decoration: none;
		}
		
		ul.menu li.active a {
			background: url(../img/menu_active.png) no-repeat;
			color: #FFF;
			text-decoration: none;
		}
		
		
/*SUB*/

ul.menu li ul {
	display: block;
	float: left;
	background: url(../img/menu_sub_top.png) no-repeat top;
	margin-top: -3px;
	padding-top: 14px;
}

ul.menu li ul li {
	display: block;
	float: left;
	width: 214px;
	padding: 0;
	border:0;
	margin-left: 14px;
	background: #9bcedc;
}

ul.menu li ul li a, ul.menu li.active ul li a {
	background: #9bcedc;
	margin: 0;
	font-size: 12px;
	padding: 3px;
	padding-left: 17px;
	font-weight: normal;
	color: #333;
	width: 193px;
	height: 16px;
}

ul.menu li ul li a:hover, ul.menu li.active ul li a:hover {text-decoration: underline;}

ul.menu li ul li.active a, ul.menu li.active ul li.active a {color: #FFF; background: #9bcedc url(../img/menu_sub_active.png) no-repeat 5px 7px;}

/*--------------------------------PAGINATION--------------------------------*/
#pagination {
    display: block;
	float: left;
    width: 590px;
    list-style: none;
}
 
#pagination li{
    float: left;
    border:0;
    margin:0;
    padding:0;
    list-style:none;
}
 
#pagination .previous-off,
#pagination .next-off {
    display:block;
    float:left;
    font-weight:bold;
    padding: 3px 4px;
    border:solid 1px #CCC;
    margin-right: 2px;
    background: #CCC;
	color:#666666;
}
 
#pagination .next a,
#pagination .previous a {
    font-weight:bold;
    border:solid 1px #CCC;
    margin-right: 2px;
}
 
#pagination .active{
    display:block;
    float:left;
    padding: 3px 6px;
    color: #000;
    font-weight:bold;
    border:solid 1px #666;
    margin-right: 2px;
}
 
#pagination a {
    color: #666;
    display:block;
    float:left;
    padding:3px 6px;
    margin-right: 2px;
    text-decoration:none;
    border:solid 1px #CCC;
}
 
#pagination a:hover {border:solid 1px #999;}

/*--------------------------------FOOTER--------------------------------*/

#footer {
	display: block;
	float: left;
	width: 910px;
	height: 112px;
	background: url(../img/footer.jpg) no-repeat;
	font-size: 11px;
}

#footer ul {display: block; float: left;}

#footer ul.footmenu {
	width: 110px;
	padding: 15px 0 0 40px;
	line-height: 24px;
}

#footer ul.footmenu li a {
	display: block;
	float: left;
	background: url(../img/footer_links.png) no-repeat center left;
	padding-left: 10px;
	color: #333;
	text-decoration: none;
}
	#footer ul.footmenu li a:hover {text-decoration: underline;}
	
	
#footer ul.contacts {
	width: 326px;
	padding: 20px 0 0 20px;
	font-size: 10px;
	line-height: 14px;
}
	#footer ul.contacts li strong {font-size: 11px;}
	#footer ul.contacts li.br {padding-bottom: 10px;}
	#footer ul.contacts li a {color: #333;}
	
#footer .rss {
	display: block;
	float: left;
	width: 30px;
	height: 43px;
	background: url(../img/footer_rss.png) no-repeat;
	margin: 20px 10px 0 10px;
	text-indent: -9999px;
}

#footer .separator {
	display: block;
	float: left;
	width: 1px;
	height: 96px;
	background: url(../img/footer_separator.png) no-repeat;
	margin-top: 15px;
}

#footer .by {
	display: block;
	float: right;
	width: 142px;
	height: 29px;
	background:url(../img/by.png) no-repeat;
	text-indent: -9999px;
	margin: 30px 30px 0 0;
}