body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
}

h1 {
	font-size: 34px;
	font-weight: normal;
	color: #ece0c5;
	padding-bottom: 13px;
	margin-bottom: 15px;
	background:url(../images/title_dots.gif) repeat-x left bottom;
}

h2 {
	font-size: 24px;
	font-weight: normal;
	color: #ece0c5;
	padding-bottom: 13px;
	margin-bottom: 15px;
	background:url(../images/title_dots.gif) repeat-x left bottom;
}

p {
	color: #c5c5c5;
	line-height: 21px;
	margin-bottom: 11px;
	font-size: 13px;
}

a:link, a:visited {
	text-decoration: none;
	color: #c4e0ef;
}

#container {
	width: 100%;
	background: #000 url(../images/body_bkgrd.jpg) no-repeat center bottom;
}

#wrapper {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}

/*HEADER
----------------------------------------------------------------------------------------------------*/
#header {
	width: 100%;
	height: 144px;
	background: url(../images/header_bkgrd.jpg) no-repeat center top;
	overflow: hidden;
}

#header ul {
	float: right;
	margin-right: 30px;
}

#header ul li {
	float: left;
	margin-right: 3px;
	list-style-type: none;
	padding: 8px 0;
}

#header ul li a {
	background: url(../images/lang_bkgrd.jpg) no-repeat left top;
	text-decoration: none;
	font-size: 10px;
	color: #979797;
	padding: 8px 10px;
}

#header ul li a:hover {
	background: url(../images/lang_bkgrd.jpg) no-repeat left -27px;
	color: #d8d8d8;
}

/*NAVIGATION
----------------------------------------------------------------------------------------------------*/
#nav_bar ul {
	overflow: hidden;
}

#nav_bar ul li {
	float: left;
	position: relative;
	display: block;
	text-align: center;
	width: 20%;
}

#nav_bar ul li a {
	display: block;
	height: 41px;
	line-height: 41px;
	color: #fff;
	font-weight: bold;
}

#nav_bar ul li a:hover {
	cursor: pointer;
}

#nav_bar ul li a span {
	position: absolute;
	top: 0;
	left: 0;
	height: 41px;
	width: 192px;
}

#nav_bar .home span {
	background: #000 url(../images/nav_sprite.jpg) no-repeat 0px 0px;
}

#nav_bar .home:hover span {
	background: #000 url(../images/nav_sprite.jpg) no-repeat 0px -41px;
}

#nav_bar .portfolio span {
	background: #000 url(../images/nav_sprite.jpg) no-repeat -192px 0px;
}

#nav_bar .portfolio:hover span {
	background: #000 url(../images/nav_sprite.jpg) no-repeat -192px -41px;
}

#nav_bar .portfolio.on span {
	background: #000 url(../images/nav_sprite.jpg) no-repeat -192px -41px;
}

#nav_bar .reklama span {
	background: #000 url(../images/nav_sprite.jpg) no-repeat -384px 0px;
}

#nav_bar .reklama:hover span {
	background: #000 url(../images/nav_sprite.jpg) no-repeat -384px -41px;
}

#nav_bar .reklama.on span {
	background: #000 url(../images/nav_sprite.jpg) no-repeat -384px -41px;
}

#nav_bar .oborudvane span {
	background: #000 url(../images/nav_sprite.jpg) no-repeat -576px 0px;
}

#nav_bar .oborudvane:hover span {
	background: #000 url(../images/nav_sprite.jpg) no-repeat -576px -41px;
}

#nav_bar .oborudvane.on span {
	background: #000 url(../images/nav_sprite.jpg) no-repeat -576px -41px;
}

#nav_bar .kontakti span {
	background: #000 url(../images/nav_sprite.jpg) no-repeat -768px 0px;
}

#nav_bar .kontakti:hover span {
	background: #000 url(../images/nav_sprite.jpg) no-repeat -768px -41px;
}

#nav_bar .kontakti.on span {
	background: #000 url(../images/nav_sprite.jpg) no-repeat -768px -41px;
}

/*BREADCRUMB
----------------------------------------------------------------------------------------------------*/
#breadcrumb {
	font-size: 11px;
	color: #4F4F4F;
	margin-bottom: 5px;
}

#breadcrumb a {
	font-size: 11px;
	text-decoration: none;
	margin: 0 2px;
}

#breadcrumb a:hover {
	border-bottom: 1px solid #333;
	color: #ECE0C5;
}


/*CONTENT
----------------------------------------------------------------------------------------------------*/
#content {
	width: 100%;
	overflow: hidden;
	background: #0d0d0d url(../images/home_bkgrd.jpg) no-repeat center top;
}

#content_inner {
	margin: 40px;
	overflow: hidden;
}

#welcome {
	float: left;
	width: 40%;
}

#slideshow {
	float: right;
	width: 55%;
	background: #0d0d0d url(../images/slideshow_effect.jpg) no-repeat -13px bottom;
	padding-bottom: 61px;
	padding-top: 40px;
}

#slideshow .controls {
	float: left;
	margin-top: 110px;
}

#slideshow_content {
	float: left;
	width: 425px;
	height: 270px;
	border: 3px solid #515251;
	background-color: #000;
	overflow: hidden;
}

#slideshow_content img {
	border: 2px solid #222;
}

#content_inner .column {
	float: left;
	width: 30%;
	margin-right: 38px;
	margin-top: 5px;
}

#services li {
	color: #C4E0EF;
	padding-bottom: 15px;
	margin-right: 10px;
	background: url(../images/arrow.gif) no-repeat left 2px;
	padding-left: 20px;
	line-height: 18px;
}

#services li a {
	font-size: 14px;
	padding-bottom: 2px;
}

#services li a:hover {
	border-bottom: 1px solid #333;
	color: #ECE0C5;
}

#services li a.on {
	border-bottom: 1px solid #333;
	color: #ECE0C5;
}

#content .link_arrow {
	background: url(../images/arrow.gif) no-repeat left 2px;
	padding: 0 0 3px 20px;
	position: relative;
}

#content .link_arrow:hover {
	border-bottom: 1px dotted #333;
	color: #ECE0C5;
}

/*TINY_CONTENT
----------------------------------------------------------------------------------------------------*/
#tiny_content ul {
	margin: 17px;
}

#tiny_content ul li {
	background: url(../images/arrow.gif) no-repeat left 2px;
	padding-left: 17px;
	padding-bottom: 2px;
	margin-bottom: 10px;
	color: #C4E0EF;
}


/*PAGE_NAVIGATION
----------------------------------------------------------------------------------------------------*/
.page_nav {
	padding-bottom: 3px;
}

.page_nav .raquo {
	font-size: 18px;
	text-decoration: none;
	padding: 0 3px;
	color: #83ABC6;
}

.page_nav .raquo:hover {
	color: #fff;
}

.page_nav .inactive {
	text-decoration: none;
	border: 1px solid #393939;
	background: #212121;
	padding: 1px 5px;
	font-size: 11px;
	margin-right: 2px;
}

.page_nav .inactive:hover {
	border: 1px solid #3c6899;
}

.page_nav .active {
	border: 1px solid #18509a;
	color: #ffffff;
	background: #26507F;
	padding: 1px 5px;
	font-size: 11px;
	text-decoration: none;
	margin-right: 2px;
}

/*REKLAMA LAYOUT
----------------------------------------------------------------------------------------------------*/
#reklama_sidebar {
	width: 25%;
	float: left;
}

#reklama_main {
	width: 75%;
	float: left;
}

/*FOOTER
----------------------------------------------------------------------------------------------------*/
#footer {
	clear: both;
	height: 44px;
	background: url(../images/footer_bkgrd.gif) repeat-x left bottom;
	overflow: hidden;
}

#footer .color_line {
	line-height : 1px;
	height : 1px;
	background: url(../images/footer_color_line.gif) no-repeat left top;
	overflow: hidden;
}

/*PORTFOLIO projects
----------------------------------------------------------------------------------------------------*/
.product {
	display: inline;
	float: left;
	width: 278px;
	margin: 15px;
	margin-left: 0;
	margin-bottom: 0;
}

.product img {
	padding: 4px;
	background: #222;
	border: 1px solid #333;
}

.product img:hover {
	border: 1px solid #656565;
}

.product h2 {
	margin: 5px 10px;
	line-height: 16px;
	height: 30px;
	overflow: hidden;
	background : none;
	font-size: 11px;
	padding-bottom: 0;
}

.product h2 a {
	text-transform: uppercase;
	color: #CFC8C1;
	font-weight: bold;
}

/*CONTACT FORM
----------------------------------------------------------------------------------------------------*/
#contactForm input {
	width: 355px;
	padding: 3px;
	border: 1px solid #393939;
	background: #212121;
	color: #EAEAEA;
	margin-bottom: 12px;
}

#contactForm textarea {
	width: 350px;
	padding: 5px;
	border: 1px solid #393939;
	background: #212121;
	font-family: Verdana, Arial, Helvetica;
	font-size: 12px;
	color: #EAEAEA;
}

#contactForm .send_btn {
	width: 104px;
	height: 28px;
	background: url(../images/send_btn.gif) no-repeat left top;
	cursor: pointer;
}

#contactForm .send_btn:hover {
	background: url(../images/send_btn.gif) no-repeat left -28px;
}

/*RAZNI
----------------------------------------------------------------------------------------------------*/
.img_border {
	border: 1px solid #333;
	margin: 10px 0;
}

.arrow_ul li {
	background: url(../images/arrow.gif) no-repeat left top;
	padding-left: 17px;
	padding-bottom: 2px;
	margin-bottom: 10px;
	color: #C4E0EF;
}

#reklama_menu li {
	margin-bottom: 8px;
}

#reklama_menu li a {
	display: block;
	font-size: 10px;
	padding: 15px 0;
	padding-left: 35px;
	height: 100%;
	font-family: Verdana, Arial;
	background: url(../images/reklama_menu1.gif) no-repeat left top;
	text-transform: uppercase;
}

#reklama_menu li a:hover {
	color: #ECE0C5;
	background: url(../images/reklama_menu1.gif) no-repeat left -40px;
}

#reklama_menu li a.on {
	color: #ECE0C5;
	background: url(../images/reklama_menu1.gif) no-repeat left -40px;
}