/*



	template: Artificial Intelligence

	author: luka cvrk (www.solucija.com)

	

*/



body { 

	margin: 0; 

	padding: 0; 

	background: #000 url(images/4.jpg) no-repeat;

	font: normal .7em Tahoma, Verdana, Arial, Helvetica, Sans-Serif; 

	line-height: 1.6em; 

	color: #333; 

}



/* LINKS AND HEADINGS STYLING */



a { color: #546F92; background: inherit; }

a:hover { color: #808080; background: inherit; }

h1  { font: bold 2em "Trebuchet MS", Helvetica, Sans-Serif; margin: 0; color: #000; background-color:transparent; }

h2  { font: bold 1.4em "Trebuchet MS", Helvetica, Sans-Serif; }

h3 { clear: both; font-size: 1.1em; color: #000; background: #fff url(images/h3bg.gif) no-repeat center left; padding: 0 14px; margin: 0;}

.blue { color: #546F92; background: inherit; }

.image { float: left; border: 2px solid #e2e2e2; padding: 3px; margin: 0 15px 10px 0; }



/* CONTENT WRAPPER */



#main { 

	width: 900px; 

	margin: 0 auto 0 auto; 

		background: #fff;

}



/* TOP LEFT LOGO */



#logo { 

	float: left; 

	padding: 0 0 10px 0; 

	

			width: 180px;

				height: 228px;

}



#logo a

{

text-decoration:none;

}

#logo a img

{

text-decoration:none;

border:none;



}

	#logo h1 { color: #000; background: #fff; }



/* TOP RIGHT HORIZONTAL MENU */

	

#menu { 

	float: right; 

	background: #fff url(images/barul.gif) no-repeat bottom right; 

	color: #808080; 

	padding: 18px 1px 11px 0; 

	margin: 0; 

}

	#menu li { 

		padding: 14px 18px 14px 18px; 

		color: #444; 

		background: #fff url(images/bar.gif) no-repeat bottom left; 

		display: inline; 

	}

	#menu li.active { 

		background: #fff url(images/baractive.gif) no-repeat bottom left; 

		color: #8D9CAF; 

		font-weight: bold; 

		padding: 14px 18px 14px 18px; 

		margin: 0 1px 0 0; 

	}

	#menu li a { 

		background: #f8f8f8; 

		color: #808080; 

		text-decoration: none; 

	} 	

	#menu li a:hover { 

		color: #000; 

		background: #f8f8f8; 

	} 	

	.key { text-decoration: underline; } /* ACCESKEY UNDERLINED LETTER */



/* LEFT INTRO SIDE */	







	/* LEFT VERTICAL MENU */

	

	#menu_left { 

		float: left;  

		margin: 0 0 6px 0; 

		padding: 0 0 1px 0; 

		border-bottom: 2px solid #e2e2e2; 



	}

		#menu_left li { list-style: none; }

		#menu_left li a { 

			display: block; 

			color: #fff; 

			background: #800517 ; 

			width: 135px; 

			padding: 5px 23px 5px 23px; 

			margin: 0 0 1px 0; 

			font-weight: bold; 

			text-decoration: none; 

		}	

		#menu_left li a:hover { background:#C8B560; color: #000;  }



/* RIGHT INTRO SIDE */

	

#intro_right {

	float: right;

	width: 410px;

	padding: 25px 280px 0 20px;



	color: #547592;

	margin: 0 0 6px 0;

	height: 174px;

	border: 2px solid #e2e2e2;

}

/* IE6 Fix */

* html #intro_right {
	width: 406px;
}


	#intro_right h1 { margin: 0 0 20px 0; }

	#intro_right .white { color: #FFF; background-color:transparent; }

	

/* LEFT SIDE */

	

#left {

	float: left;

	width: 180px;

}

	.box {

    padding: 4px 0;

	border: 1px solid #ccc;

	margin:0;

	}

	

	.box ul { list-style: none; margin:0;padding:0; text-align:left; margin-left:15px; }

	.box li { list-style: none;line-height:24px; }

    .box li a { 

              display: block; 

              background: #fff url(images/bullet.png) no-repeat center left; 

              color:#810541;

              text-indent:15px;



	font-weight: bold; 

	text-decoration: none; 

	}	

	

	.box ul li img { float:left; }

	.box li a:hover { color: #000; text-decoration:underline; }





	#complete

	{

	background:#fff;

	width:900px;

	}



/* RIGHT SIDE */



#right {

	float: left;

	width: 715px;

background:url(images/rightbg.jpg);

	min-height: 450px;

}



	.special {

		clear: both;

		margin:0px 0 20px 0;	

		padding: 5px 10px;



		background:url(images/rightbg.jpg);

		color: #444;

	}



	.right_articles {

		border: 1px solid #ccc;

		padding: 8px;	

		margin: 0 0 10px 10px;

		background: #eee;

		color: #454545;

		width:310px;



		float:left;

	}



/* FOOTER */



#footer { clear: both; padding: 5px; border: 1px solid #ccc; background:#000; }

#footer a {color:#A0C544; }

#footer a:hover {color:#ffffff; }