/* CSS Document by Sasa Foric, 2007. */
/* contact - webmaster@vexl.net */


/*-- WEB FORMATTING --*/
body {
	padding: 0px;
	margin: 0px;
	color: #eaeaea;
	font-family: Arial;
	font-size: 13px;
	background-color: #13171a;
}

div, p, ul {
	padding: 0px;
	margin: 0px;
}

img {
	border: 0px;
}

a {
	color: #a0b9d7;
	text-decoration: none;
}

a:hover {
	color: #ffffff;
	text-decoration: none;
}


/*-- MAIN PART --*/
#main {
	width: 100%;
}

#main #startup {
	width: 700px;
	text-align: center;
	margin: 100px auto 0px auto;
}

#main #above {
	width: 100%;
	height: 21px;
	font-size: 0px;
	background-color: #2e343a;
	background-image: url("../img/index/above.gif");
}

#main #position {
	position: relative;
	width: 705px;
	margin: 0px auto 0px auto;
}

#main #content {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 705px;
	margin: 0px auto 0px auto;
}

#main #content #shadow {
	float: left;
	width: 703px;
	border-left: 1px solid #0d1012;
	border-right: 1px solid #0d1012;
}

#main #content #shadow #frame {
	float: left;
	width: 701px;
	background-color: #424950;
	border-left: 1px solid #090b0c;
	border-right: 1px solid #090b0c;
	background-image: url("../img/index/inside.gif");
}


/*-- header --*/
#main #header {
	width: 699px;
	height: 215px;
	background-image: url("../img/index/header.jpg");
	border-right: 1px solid #424950;
	border-bottom: 2px solid #13171a;
	border-left: 1px solid #424950;
}


/*-- navigation --*/
#main #navigation {
	position: relative;
	width: 699px;
	height: 23px;
	font-size: 0px;
	background-image: url("../img/index/navigation.gif");
	margin: 0px 1px 0px 1px;
}

#main #navigation .square {
	position: absolute;
	top: 8px;
	left: 8px;
	width: 7px;
	height: 7px;
	font-size: 0px;
	background-image: url("../img/index/square.gif");
}

#main #navigation .nav {
	position: absolute;
	top: 4px;
	left: 23px;
	width: 653px;
	height: 15px;
	font-size: 10px;
}


/*-- razerx1 --*/
#main #razerx1 {
	width: 701px;
	height: 10px;
	font-size: 0px;
	background-image: url("../img/index/razerx1.gif");
}


/*-- inside --*/
#main #inside {
	width: 701px;
}

#main #menu {
	float: left;
	width: 165px;
}

#main #menu #animation {
	width: 165px;
	text-align: center;
}

#main #menu .first {
	width: 125px;
	font-size: 13px;
	font-weight: bold;
	margin: 10px 0px 0px 20px;
	cursor: pointer;
}

#main #menu .head {
	width: 125px;
	font-size: 13px;
	font-weight: bold;
	margin: 15px 0px 0px 20px;
	cursor: pointer;
}

#main #menu .headno {
	width: 125px;
	font-size: 13px;
	font-weight: bold;
	margin: 15px 0px 0px 20px;
}

#main #menu .describe {
	width: 125px;
	font-size: 12px;
	color: #c1c1c1;
	margin: 0px 0px 0px 20px;
}

#main #menu .more_link {
	position: relative;
	width: 125px;
	height: 13px;
	margin: 0px 0px 0px 20px;
}

#main #menu .more_link .square {
	position: absolute;
	left: 4px;
	top: 5px;
	width: 5px;
	height: 5px;
	font-size: 0px;
	background-color: #eaeaea;
}

#main #menu .more_link .desclink {
	position: absolute;
	left: 15px;
	width: 110px;
	font-size: 12px;
	color: #c1c1c1;
	cursor: pointer;
}


/*-- razerx2 --*/
#main #razerx2 {
	clear: left;
	width: 701px;
	height: 10px;
	font-size: 0px;
	background-image: url("../img/index/razerx2.gif");
}


/*-- bottom --*/
#main #bottom {
	position: relative;
	width: 699px;
	height: 31px;
	background-image: url("../img/index/bottom.gif");
}

#main #bottom .copyright {
	position: absolute;
	left: 228px;
	top: 9px;
	width: 245px;
	height: 15px;
	font-size: 10px;
}


/*-- sadrzaj --*/
#sadrzaj {
	float: left;
	text-align: justify;
	width: 516px;
	margin: 8px 0px 0px 0px;
}

.heading {
	font-size: 15px;
	font-weight: bold;
}

#sadrzaj .centerimage {
	width: 350px;
	height: 180px;
	margin: 15px auto 15px auto;
}

#sadrzaj .smallimages {
	width: 516px;
	height: 160px;
	color: #c1c1c1;
	font-size: 12px;
	margin: 15px auto 15px auto;
}

#sadrzaj .galerija .smallimages {
	width: 516px;
	height: 160px;
	color: #c1c1c1;
	font-size: 12px;
	margin: 0px auto 0px auto;
}

#sadrzaj .smallimages .smallimage {
	float: left;
	width: 258px;
	height: 160px;
	text-align: center;
	margin: 0px 0px 0px 0px;
}

#sadrzaj .smallimages120 {
	width: 516px;
	height: 120px;
	color: #c1c1c1;
	font-size: 12px;
	margin: 15px auto 15px auto;
}

#sadrzaj .smallimages120 .smallimage120 {
	float: left;
	width: 258px;
	height: 120px;
	text-align: center;
	margin: 0px 0px 0px 0px;
}

#sadrzaj .center {
	width: 516px;
	margin: 15px 0px 15px 0px;
	text-align: center;
}

.littlehead {
	color: #c1c1c1;
	font-size: 12px;
}