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

*{ margin: 0; padding: 0; }* 
body { font: .8em Tahoma, "Trebuchet MS", Tahoma, sans-serif; line-height: 1.6em; background: #CCCCFF; color: #333366; }
a {	color: #333366;	background: inherit; text-decoration: none; }
a:hover {
	color: #333366;
	text-decoration: none;
	font-variant: small-caps;
}
p { margin: 0 0 0px 0; }
h1 { font: normal 2.8em Georgia, "Times New Roman", Arial; color: #333366; }
h2 {
	font: normal 1.7em Georgia, "Times New Roman", Arial;
	margin: 0 0 10px;
	padding: 0 0 3px;
	color: #CCCCFF;
	background: #333366;
}
img { border: 0; }
#content { width: 650px; margin: 25px auto; }
#logo {
	margin: 0px 0 0px 0;
	width: 340px;
	float: left;
}
	#logo p { margin: 0; }
#menu { float: right; padding: 40px 0 0; margin: 0 0 38px; }
	#menu li { font-size: 1.1em; display: inline; }
	#menu li a {
	float: left;
	width: 87px;
	padding: 2px 0 7px;
	text-align: center;
	margin: 0 0 0 10px;
	color: #ccccff;
	background: #333366;
}
	#menu li a.current { background: #333366; color: #CCCCFF;}
	#menu li a:hover { text-decoration: none; color: #CCCCFF;}
.clear { clear: both; }
.caption { background: #333366; padding: 2px 0 0 18px; height: 30px; color: #CCCCFF;  }
	.caption p { margin: 0; }
#left {
	margin: 0 0 20px;
	clear: left;
	width: 225px;
	float: left;
	border: thin solid #333366;
}
.box { background: #ccccff; }
#left img { padding: 6px; border-right: 1px solid #333366; border-bottom: 1px solid #333366; background: #ccccff;}
.smallthumb { width: 109px; }
#center { width: 400px; float: left; margin: 0 0 20px 15px; border: thin solid #333366; }
.box { background: #CCCCFF; padding: 10px; }
.box li { list-style: none; border-bottom: 1px dotted #333366; line-height: 26px; }
.box li a { padding: 0 5px; }
#footer {
	font-size: .84em;
	clear: both;
	padding: 10px;
	background: #CCCCFF;
}
#footer a { color: #333366; }