/*
	project: internet hosting template
	author: luka cvrk (www.solucija.com) 
	
*/

*{ margin: 0; padding: 0; }
body { font: 1.1em Arial, Verdana, Sans-Serif; line-height: 1.7em; background: #fff url(images/menu.gif) repeat-x; color: #454545; }
a { color: #3F2C57; background: inherit; text-decoration: none; }
#left a, #right a { border-bottom: 1px dotted #3F2C57; }
a:hover { color: #808080; background: inherit; }
p {	margin: 0 0 5px 0; }
h1 { font: normal 2.8em Georgia, "Trebuchet MS", Arial, Sans-Serif; padding: 0 0 0 0; margin: 0; }
h2 { margin: 0; padding: 0; font: normal 1.8em Georgia, "Trebuchet MS", Arial, Sans-Serif; }
h1 a, h2 a { color: #000; background: inherit; text-decoration: none; }
img { border: 0; }


#content { margin: 0 auto; width: 980px; }
#headern {
	padding: 10px 0;
	color: #ffffff;
	margin: 0 0 20px 0;
	height: 94px;
}


#tablist{  margin: 25px 0 0 0;  }
	#tablist li{ list-style: none; display: inline;  }
	#tablist li a{
		text-decoration: none;
		margin: 0 3px 0 0;
		padding: 4px 15px;
		border: 1px solid #3B3B3B;
		font-weight: bold;
		color: #ccc;
	}
	#tablist li a:hover{
		border: 1px solid #55684A;
		color: #fff;
	}
	#tablist li a.current{
		background: #ADD597;
		color: #fff;
	}
	#tablist .key { text-decoration: underline; }



#left {
	float: left;
	width: 670px;
	margin: 0 0 10px 0;
}
	.border { border: 1px solid #AED898;  margin: 0 0 10px 0;}
	.subheader {
		padding: 15px;
		background: #F1F8ED;
		color: #444;
		border: 2px solid #D1EAC3;
	}
	.highlight { background: #C5E7F6; color: #000; }
	.left_articles {
		margin: 0 0 10px 0;
		border: 2px solid #eee;
		color: #454545;
		padding: 15px 15px 5px 10px;
	}
		.date { font-size: .9em; padding: 0 0 0 12px; background: #fff url(images/news.gif) no-repeat center left; color: #808080; }
		.bigimage {
			float: left;
			clear: left;
			margin: 0 15px 10px 0;
		}
	.left_box {
		background: #F4F1F8;
		color: #808080;
		border-left: 3px solid #E8E2F2;
		padding: 15px;
		margin: 0 0 15px 0;
	}
	.thirds {
		float: left;
		width: 186px;
		padding: 0 10px 0 15px;
	}		
		

#right {
	float: right;
	width: 280px;
	margin: 0 0 10px 0;
	padding: 55px 0 0 0;
	background: url(images/right.gif) no-repeat top right;
	
}
#button {
	float: left;
	width: 280px;
	height:80%;
	margin: 0 0 10px 0;
	padding: 55px 0 0 0;
	background: url(images/rightcopy.gif) no-repeat top right;
	
}
	.button {
		font: normal 1.6em "Georgia", "Times New Roman", Arial;
		color: #679A4E;
		text-align: center;
		margin: 0 0 110px 0; 
	}
	.big { color: #2e2e2e; font: normal 2em "Georgia", "Times New Roman", Arial; }
	
	#side_menu { margin: 0 0 20px 0; }
	#side_menu li { list-style: none; }
	#side_menu li a { color: #3F6C24; border: 0; margin: 0 0 1px 0; display: block; background: #fff url(images/side_menu.gif) repeat-x; padding: 8px 10px; }
	#side_menu li a:hover { color: #fff; background: #fff url(images/side_menu_hover.gif) repeat-x; }	
	
	.image { float: left; margin: 0 9px 3px 0; }
	

#footer { 
	clear: both; 
	color: #808080;
	background: #FFF;
	padding: 10px 15px;
	border-top: 1px solid #ccc;
}
	#footer .right { float: right; }
.bel
{
	color:white;
	background-color:#333333;
	}
input
{
	border:1px solid grey;
	}
textarea
{
	border:1px solid grey;
	}
select
{
	border:1px solid grey;
	}
	
	.rating{
	font-size:110%;
	margin-bottom:7px;
	}
	
	.comm{
	font-size:110%;
	}
	
	.comment{
	font-size:110%;
	line-height:15px;
	}
.comment .name{
	color:blue;
	font-size:90%;
	margin-bottom:3px;
	}
	
	.comment .com{
	color:black;
	font-size:90%;
	}
	
.comment .name b{
	color:black;
}

/*
aditional style
*/

* {padding:0px; margin:0;}
body {
	padding:0;  margin:0;
	font:14px Tahoma;
	color:#434343;}
	
img {behavior:url("pngbehavior.htc"); border:none;}

h1 {font:bold 18px Verdana;}

h3 {font:bold 16px "Trebuchet MS"; color:#323232; line-height:25px; text-indent:20px;}

th a {font:bold 12px Verdana; color:#000000;}

p {
	font:13px Tahoma;
	text-align:justify;
	padding:7px 0;
	color: #000000;
}

span {
	font:13px Tahoma;
	padding:7px 0;
	color: #ffffff;
}

hr {
	border:dashed 1px #000;
	text-align:center;
}
.text {padding:0 20px;
	margin-left:1px;
}

.text p{ padding-right:25px;}

.text-link {
	padding-top:10px;
	padding-bottom:10px;
	padding-right:20px;
	padding:10 0 0 10px;
	text-align:justify;}
.img-link {
	height:60px;
	width:140px;
	margin-top:10px;
	padding:0 10px;}

a  {
	font:13px Arial; color:#99ba00; text-decoration:none; font-weight:bold;}

a:hover  {text-decoration:none;}

				
#main_bg #main #rightt #content .text td {
	width:112px;}
	
#header1_bg {
	width:100%;
	height:73px;
	background: url(img/header1_bg.jpg) repeat-x;}
	
#logo {
	background:url(img/logo-copy.gif);
	background-repeat:no-repeat;
	height:103px;}
#header1 {
	width:900px;
	height:73px;
	margin:0 auto;}

	#navigation{
		position:relative;
		top:43px;
		width:78%;
		height:30px;
		margin-left:225px;}
			#menu {
				font: 12px Tahoma;
				height:30px;
				margin:0 auto;
				line-height:30px;
				color:#99ba00;}
			#menu li {
				width:111px;
				height:30px;
				list-style-type:none;
				float:left;
				text-align:center;
				background:url(img/menu.gif) no-repeat;}
			#menu li:hover {background:url(img/menu_hov.gif) no-repeat;}	
			#menu a {
				height:30px;
				text-decoration:none;
				color:#99ba00;}
			#menu a:hover {
				color: #000;
				text-decoration:underline;}
			.active {
			background:#CCCCCC;
			color: #000;
				text-decoration:underline;}
	

#header1_bg #header1 .logo {

}
	
#header2_bg {
	width:100%;
	height:261px;
	background: url(img/header2_bg.gif) repeat-x;}
#header2 {
	width:900px;
	height:261px;
	margin:0 auto;
	position:relative;}
	
		#header2_left {
			position:absolute;
			top:0; left:0;
			width:223px;
			height:100px;}
			
				#menu2 {margin-top:30px; border-top:solid 1px #bfbfbf;}
				#menu2 li {
					width:223px;
					height:31px;
					text-indent:25px;
					list-style-type:none;
					background:url(img/left_menu.gif) no-repeat;}
				#menu2 li:hover {background:url(img/left_menu_hov.gif) no-repeat;}
				#menu2 a {
					font:12px Arial; 
					color:#434343;
					line-height:31px;}
				#menu2 a:hover {color:#99ba00; text-decoration:none;}	

		#header2_right {
			position:absolute;
			top:0; right:0;
			width:677px;
			height:242px;
			background:url(img/pic_bg.jpg) no-repeat right;
			}
			
				#header2_right h2 {font:bold 16px "Trebuchet MS", sans-serif; color:#849d0e; padding:30px 240px 10px 30px;}
				#header2_right p {font:12px Verdana; padding:0 30px; width:370px; color:#000000;}
				#header2_right a {color:#849d0e; text-decoration:none; font:bold 16px "Trebuchet MS", sans-serif;}
				#header2_right a:hover {text-decoration:none;}
	
#main_bg {
	width:100%;
	height:100%;
	background:#434343;}	
#main {
	width:900px;
	height:100%;
	margin:0 auto;}	
	
		#leftt {
			display:inline;
			float:left;
			width:223px;
			height:100%;
			background:#999999;}
			
				.cat {
					width:223px;
					background:url(img/cat.jpg) no-repeat;}

						
					#leftt li {
						width:223px;
						display:block;
						text-indent:24px;
						list-style-type:none;
						background:url(img/left_li.jpg) no-repeat;}
					#leftt a {
						color:#fff;
						font-size:14px;
						line-height:28px;} 
				
				.box { 
					width:100%;
					background:url(img/ten.gif) no-repeat bottom;
					color:#fff;}
					.box1 { padding:0 10px 5px 10px;}
				.data {color:#99ba00;}	
					
			
		#rightt {
			display:inline;
			background-position:top;
			position:relative;
			float:right;
			width:670px;}
			
				#content {
					width:100%;
					height:100%;
					margin-left:15px;
					background:url(img/cont_bg.gif) repeat-y ;}
				#cont_top {
					width:662px;
					height:33px;
					background:url(img/cont_top.gif) no-repeat;}
	
				#cont_bot {
					width:662px;
					height:16px;
					margin-left:15px;
					background:url(img/cont_bot.gif) no-repeat;}	
	
				#content img {padding-left:3px;}
	
	
#foter_bg {
	width:100%;
	height:114px;
	background:url(img/footer_bg.gif) repeat-x;}	
#foter {
	width:900px;
	height:114px;
	margin:0 auto;
	text-align:center;
	padding-top:30px;}	
	
		#footer a {padding:0 16px; color:#000;}
		#footer a:hover {color:#99ba00;}

		#foot p {color:#ccc; padding-top:20px;}
	    #foot a {color:#99ba00;}
	
	
	#main_bg #main #rightt #content .text iframe {
	width:100%;
	border:none;
	}
	
	#header2_bg #header2 #header2_right p {
	color: #000000;
	}
	
.justify {
	text-align:justify;}
	
.text1 {padding-left:20px; padding-right:50px;
	margin-right:150px;}
	
.baner {text-align:center;}

h4 {text-decoration:underline; font-size:18px;}

#sitemap {margin-left:100px;
	text-align:justify;}
	
#sitemap ul {
	list-style:none;}
	
.style1 {color: #993333;
	font-size: 16px;}
	
#popular {width:95%;
}	

.directory {
margin-left:20px;
width:95%;}