/*

	project: interactive media (free css template)
	author: luka cvrk (www.solucija.com)
	
*/
   
* { margin:0; padding:0; }
body { font: 72.5%/1.7em "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif; color:#555; background: #fff url(../images/headerbg.gif) repeat-x; }

/* general styling */
a { color:#007898; background: inherit; border-bottom:none ; text-decoration:none; }
a:hover { border-bottom:none ; color: #808080; background: inherit; }
a:focus { outline: 0; }
ul { margin:10px 10px 10px 0; padding:0 0 0 15px; }
li {
	margin: 0 0 0 10px;
	padding: 0px;
}
img { border: 0; text-decoration: none; }

/* content */
.wrap { padding:0 10px 10px 10px; width:860px; margin:0 auto; }
#logo {float:right; margin: 26px 215px 14px 5px; color:#768998; }
h1 { margin: 0 0 10px; letter-spacing: 1px; font-size: 2em; }
h1 a { color: #fff; }
h1 a:hover { color: #2674ca; }
	
/* main navigation */
#nav { float:left; border:none; padding:0; margin: 44px 10px 60px 0; }
#nav li { float:left; list-style:none; margin:0 4px 0 0; padding:0; font-size: 1.2em; font-weight: bold ; }
#nav li a { display:block; padding: 10px 12px 15px; color:#768998; text-decoration:none; border: 0; margin:0 1px 0 0; }
#nav li a.current { background: url(../images/barbg.gif) no-repeat bottom center; color:#2674ca; }	
	#nav li a:hover { background: url(../images/barbg.gif) no-repeat bottom center; color:#2674ca; }	

/* main content */
.style1 {
	text-align: right;
}
.style2 {
	text-align: center;
}
.style3 {
	border-style: none;
	border-width: 1px;
	border-color: #E8E8E8;
	font-family: Tahoma;
	vertical-align: middle;
}
.style5 {
	border: 0 solid #FFFFFF;
	text-align: center;
	vertical-align: middle;
}
.icon {
	text-align: center;
	vertical-align: baseline;
	background-position: center center;
}
.style9 {
	text-align: center;
}
.logo {
margin: -21px 0px 18px 386px;
}
.style10 {
	color: #007898;
}
.style11 {
	border: 0 solid #FFFFFF;
	text-align: right;
	vertical-align: top;
	font-size: small;
}
.style16 {
	color: #007898;
	font-size: small;
}
.style17 {
	color: #497FBB;
	font-family:"Lucida Grande","Lucida Sans Unicode",verdana,geneva,sans-serif;
    font-size:11pt;
    font-weight:bold
}
.style19 {
	font-size: small;
}
.style20 {
	background-image: url('../images/footer.gif');
}
.style21 {
	font-family: Tahoma;
	font-size: small;
}
.style22 {
	text-align: center;
	font-family: Tahoma;
	font-size: small;
}
#left { float: left; width: 570px; margin: 0 0 20px 0; }
		
/* sidebar */
#right {	width:230px; float:right; margin: 0 0 20px 0; }
	#right ul { list-style:none; 	border-top:1px solid #eee; border:none; padding:0; margin:0 0 15px 0; }
	#right ul li { border-bottom:0px solid #eee; padding:5px; margin:0; }
	#right ul li a { border: 0; }

	#tagcloud { margin: 0 0 20px; }
		
	#tagcloud a:hover { background: #E7FEE5; color: #007898; }
	
#footer { clear: both; color:#808080; }
#footer p { line-height: 2.5em; }