/* CSS Document */
html
{
height: 100%;
}

body{
	
	background:url(images/bg.gif) repeat-x 0 0 #FFFFFF; color:#5B5B5B;
	font:normal 12px/17px Arial, Helvetica, sans-serif;
	height: 100%;
	margin:0; padding:0;
	}
div, h1, h2, h3, h4, h5, h6, form, label, input, span, ul, li, p, a{
	margin:0; padding:0;}
ul{
	list-style:none;}
.spacer{
	font-size:0; line-height:0; clear:both;}
.red{
font:bold 13px/17px Arial, Helvetica, sans-serif; color:#8F0000;
}
/* -- header start -- */

#nonFooter
{
position: relative;
min-height: 100%;
}
* html #nonFooter
{
height: 100%;
}

#header{
	width:738px; height:233px; margin:0 auto; position:relative;
	background:url(images/header_bg.jpg) no-repeat 0 0 ; color:#000000;}
#header img{
	border:none; position:absolute; left:30px; top:58px;}
#header h1{
	font:normal 15px Georgia, "Times New Roman", Times, serif; background-color:#000000; color:#E4E4E4;
	position:absolute; left:55px; top:146px;}	
#header ul{
	position:absolute;
	left:21px;
	bottom:0;
	top: 185px;
	width: 693px;
}
#header ul li{
	float:left; background:url(images/top_btn_divider.gif) repeat-y right top ; color:#FFE8B4;
	font:bold 15px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#header ul li.noborder{
	float:left; background-image:none; color:#FFE8B4;
	font:bold 15px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#header ul li a{
	float:left; color:#FFE8B4;
	font:bold 15px "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none; padding:0 10px; margin:0 1px 0 0;}
#header ul li a:hover{
	float:left; background-color:#8F0000; color:#FFFFFF; background-image:none;
	font:bold 15px "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none; padding:0 10px; margin:0 1px 0 0;}
#header ul li a.hover{
	float:left; background-color:#8F0000; color:#FFFFFF; background-image:none;
	font:bold 15px "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none; padding:0 10px; margin:0 1px 0 0;}
#header a.login{
	background:url(images/member_login_btn.gif) no-repeat 0 0 #FFFBDD;
	color:#000000; width:119px; height:18px; display:block; text-decoration:none; text-indent:-2000px;
	position:absolute; right:2px; top:7px;}
#header a.login:hover{
	background:url(images/member_login_btn_h.gif) no-repeat 0 0 #FFFBDD;
	color:#000000; width:119px; height:18px; display:block; text-decoration:none; text-indent:-2000px;
	position:absolute; right:2px; top:7px;}
/* -- header end -- */
/* -- body start -- */
#body{
	width:676px;   margin:0 auto; padding:0px 36px 22px 26px; }
#body h2{
	font:normal 26px/32px Arial, Helvetica, sans-serif;
	 color:#AC3F07; float:left; height:32px;}
#body span.dotLine{
	background:url(images/dot_line.gif) repeat-x 0 24px ; color:#000000;
	float:right; width:565px; display:block; height:30px;}
#body p{
	font:normal 14px/21px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#292929;  padding:3px 0; float:left;}
/* -- body end -- */
#dizajn{
	background-color:#FFFDF3; width:676px; margin:0 auto; padding:0px 36px 22px 26px;
	font:normal 13px/19px Arial, Helvetica, sans-serif; color:#AC3F07;}
/* -- future pannel start -- */
#futur{
	background-color:#FFFDF3;
	font:normal 13px/19px Arial, Helvetica, sans-serif; color:#AC3F07;}
#futur span.midleTop{
	background:url(images/midle_top_bg.gif) repeat-x 0 0 #FFFDF3; color:#757057; height:20px; display:block;}
#futur span.midleBottom{
	background:url(images/midle_bottom_bg.gif) repeat-x 0 0 #FFFDF3; color:#757057; height:24px; display:block;}
#futureContainer{
	width:688px; padding:0 25px; margin:0 auto;}
.futureLeft{
	width:295px; padding:0 25px 0 0; float:left;}
.futureLeft h2{
	font:normal 24px/50px Arial, Helvetica, sans-serif; color:#000000;
	background:url(images/dot_line1.gif) no-repeat 255px 31px #FFFDF3;}
.futureLeft h2 span{
	font:normal 24px/50px Arial, Helvetica, sans-serif; color:#8F0000; background-color:#FFFDF3;}
.futureLeft p{
	background-color:#FFFDF3;
	font:normal 14px/19px "Trebuchet MS",Arial, Helvetica, sans-serif; color:#8F0000;}
.futureLeft h3{
	font:bold 16px/19px Arial, Helvetica, sans-serif; color:#8F0000;
	background:url(images/star.gif) no-repeat 0 10px #FFFDF3; padding:10px 0 5px 21px;}
.futureLeft p.uppercase{
	background-color:#FFFDF3;
	font:normal 12px/18px Arial, Helvetica, sans-serif; color:#333021; text-transform:uppercase;}
.futureLeft p.line{
	height:13px; background:url(images/more_bg.gif) repeat-x 0 0 #FFFDF3; color:#000000; margin:10px 0 0 0;}
.futureLeft p.line a.more{
	background:url(images/more_btn.gif) no-repeat 0 0 #FFFDF3; width:78px; height:13px;
	display:block; text-decoration:none; text-indent:-2000px; float:right; color:#FFFFFF;}
.futureLeft p.line a.more:hover{
	background:url(images/more_btn_h.gif) no-repeat 0 0 #FFFDF3; width:78px; height:13px;
	display:block; text-decoration:none; text-indent:-2000px; float:right; color:#FFFFFF;}
.futureRight{
	border-left:#ECE9D8 2px solid; width:315px; padding:0 0 0 25px; float:left;}
.futureRight ul li.update{
	background:url(images/update_bg.gif) no-repeat 0 0 #FFFDF3; color:#000000;
	width:320px; height:63px; padding:14px 18px 28px 0; float:left; text-indent:-2000px;}
.futureRight ul li.update_cena{
	background:url(images/update_bg_cena.gif) no-repeat 0 0 #FFFDF3; color:#000000;
	width:320px; height:63px; padding:14px 18px 28px 0; float:left; text-indent:-2000px;}
.futureRight ul li.update a{
	background:url(images/more_btn1.gif) no-repeat 0 0 #FFFFFF; color:#000000;
	width:66px; height:48px; display:block; float:right; padding:0; margin:0;
	text-indent:-2000px; text-decoration:none;}
.futureRight ul li.update a:hover{
	background:url(images/more_btn1_h.gif) no-repeat 0 0 #FFFFFF; color:#000000;
	width:66px; height:48px; display:block; float:right; padding:0; margin:0;
	text-indent:-2000px; text-decoration:none;}
.futureRight ul li.serviece{
	background:url(images/serviece_bg.gif) no-repeat 0 0 #FFFDF3; color:#000000;
	width:320px; height:63px; padding:14px 18px 28px 0; float:left; text-indent:-2000px;}
.futureRight ul li.serviece_cena{
	background:url(images/serviece_bg_cena.gif) no-repeat 0 0 #FFFDF3; color:#000000;
	width:320px; height:63px; padding:14px 18px 28px 0; float:left; text-indent:-2000px;}
.futureRight ul li.serviece a{
	background:url(images/more_btn1.gif) no-repeat 0 0 #FFFFFF; color:#000000;
	width:66px; height:48px; display:block; float:right; padding:0; margin:0;
	text-indent:-2000px; text-decoration:none;}
.futureRight ul li.serviece a:hover{
	background:url(images/more_btn1_h.gif) no-repeat 0 0 #FFFFFF; color:#000000;
	width:66px; height:48px; display:block; float:right; padding:0; margin:0;
	text-indent:-2000px; text-decoration:none;}
/* -- future pannel end -- */
/* -- catagory pannel start -- */
#catagory{
	width:738px; margin:0 auto; padding:24px 0 32px 0;}
.testimonial{
	width:325px; float:left;}
.testimonial h2{
	background:url(images/testimonial_bg.gif) no-repeat 0 0 #E39E17; color:#FFFFFF;
	width:256px; height:43px; padding:0 0 0 69px; margin:0 0 20px 0; float:left;
	font:normal 18px/43px Arial, Helvetica, sans-serif;}
.testimonial p{
	font:normal 14px/17px "Trebuchet MS",Arial, Helvetica, sans-serif; color:#5B5B5B; background-color:#FFFFFF;
	float:left; width:185px; padding:0 0 0 22px;}	

.testimonial img{
	float:right; }
.testimonial p.italic{
	font:bold 14px/17px "Trebuchet MS",Arial, Helvetica, sans-serif; color:#296D8D; background-color:#FFFFFF;
	float:left; width:288px; padding:10px 10px 0 22px;}	
.line1{
	 padding:0 0 0 20px; width:282px;}
.line1 p{
	height:13px; background:url(images/line1_bg.gif) repeat-x 0 7px #FFFFFF;
	float:left; color:#000000;width:282px;
	font:bold 12px/13px "Trebuchet MS",Arial, Helvetica, sans-serif;}
.line1 p span{
	display:block; height:13px; float:right; padding: 0 12px 0 3px;
	font:bold 12px/13px Arial, Helvetica, sans-serif; background-color:#FFFFFF; color:#000000;}
.solution{
	width:380px; float:right;}

.solution h2{
	background:url(images/solution_bg.gif) no-repeat 0 0 #3A86A9; color:#FFFFFF;
	width:283px; height:43px; padding: 0  0 0 80px; margin:0 0 20px 0; float:left;
	font:normal 18px/43px Arial, Helvetica, sans-serif;}
.solution p{
	font:normal 12px/17px "Trebuchet MS",Arial, Helvetica, sans-serif; color:#5B5B5B; background-color:#FFFFFF;
	float:left; padding:0 35px 0 25px;}	
.solution ul{
	padding:10px 0 0 25px;}
.solution ul li{
	background:url(images/solution_li_bg.gif) no-repeat 0 0 #FFFFFF;
	height:23px; margin:0 0 1px 0; padding:0 0 0 35px;
	font:normal 11px/19px Arial, Helvetica, sans-serif; color:#020202;}
.solution ul li a{
	background-color:#FAF8EC;
	height:23px; margin:0 0 1px 0; text-decoration:none;
	font:bold 11px/19px Arial, Helvetica, sans-serif; color:#8F0000;}
.solution ul li a:hover{
	background-color:#FAF8EC;
	height:23px; margin:0 0 1px 0; text-decoration:none;
	font:bold 11px/19px Arial, Helvetica, sans-serif; color:#4B7E00;}
	.solution_main{
	width:580px; float:left;}
	.solution_main h4{
	background:url(images/solution_bg.gif) no-repeat 0 0 #3A86A9; color:#FFFFFF;
	width:283px; height:43px; padding: 0  0 0 80px; margin:0 0 20px 0; float:left;
	font:normal 18px/43px Arial, Helvetica, sans-serif;}
	.solution_main p{
	font:normal 12px/17px "Trebuchet MS",Arial, Helvetica, sans-serif; color:#5B5B5B; background-color:#FFFFFF;
	float:left; padding: 0 35px 0 25px;}	
	.solution_main ul{
	padding:1px 0 0 25px;}
.solution_main ul li{
	background:url(images/solution_li_bg_main.gif) no-repeat 0 0 #FFFFFF;
	height:27px; margin:0 0 1px 0; padding:0 0 0 35px;
	font:normal 13px/17px Arial, Helvetica, sans-serif; color:#020202;}
.solution_main ul li a{
	background-color:#FAF8EC;
	height:27px; margin:0 0 1px 0; text-decoration:none;
	font:bold 13px/17px Arial, Helvetica, sans-serif; color:#8F0000;}
.solution_main ul li a:hover{
	background-color:#FAF8EC;
	height:27px; margin:0 0 1px 0; text-decoration:none;
	font:bold 13px/17px Arial, Helvetica, sans-serif; color:#4B7E00;}
	
	
/* -- catagory pannel end -- */
/* -- footer start -- */
#footer{
	position: relative;
	

	bottom: 0px;
	background:url(images/footer_bg.gif) repeat-x 0 0 #ad380a;
	color:#EE5E05;
	
	}
#footerContainer{
	width:738px; margin:0 auto; padding:19px 0 20px 0; }
#footerContainer ul{
	width:530px; margin:0 auto;}
#footerContainer ul li{
	font:bold 10px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color:#ad380a; color:#FFFFFF; float:left;}
#footerContainer ul li a{
	font:bold 10px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color:#ad380a; color:#FFFFFF; text-decoration:none; padding:0 10px;}
#footerContainer ul li a:hover{
	font:bold 10px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color:#ad380a; color:#FFFFFF; text-decoration:none; padding:0 10px;}
#footerContainer p{
	font:normal 10px/10px "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color:#ad380a; color:#E5E2D0; width:160px; margin:0 auto;}
.valid{
	width:114px; margin: 0 auto;}
.valid a.xhtnl{
	width:53px; height:14px; display:block; margin:0 8px 0 0; text-decoration:none; text-indent:-2000px;
	background:url(images/xhtml_btn.gif) no-repeat 0 0 #867F50; color:#FFFFFF; float:left;}
.valid a.xhtnl:hover{
	width:53px; height:14px; display:block; margin:0 8px 0 0; text-decoration:none; text-indent:-2000px;
	background:url(images/xhtml_btn_h.gif) no-repeat 0 0 #867F50; color:#FFFFFF; float:left;}
.valid a.css{
	width:53px; height:14px; display:block; text-decoration:none; text-indent:-2000px;
	background:url(images/css_btn.gif) no-repeat 0 0 #867F50; color:#FFFFFF; float:left;}
.valid a.css:hover{
	width:53px; height:14px; display:block; text-decoration:none; text-indent:-2000px;
	background:url(images/css_btn_h.gif) no-repeat 0 0 #867F50; color:#FFFFFF; float:left;}
#footerContainer p.tworld{
	font:bold 11px/25px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:0 auto;
	text-transform:uppercase; color:#FFE2AA; background-color:#867F50;}
#footerContainer p.tworld a{
	font:bold 11px/25px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:0 auto;
	text-transform:uppercase; text-decoration:none; color:#FFFFFF; background-color:#ad380a;}
#footerContainer p.tworld a:hover{
	font:bold 11px/25px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:0 auto;
	text-transform:uppercase; text-decoration:none; color:#FFFFFF; background-color:#787145;}
/* footer end -- */

.highslide {
	cursor: url(highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide img {
	border: 2px outset white; float:right;
	
}
.highslide:hover img {
	border: 2px solid white;
}

.highslide-image {
    border: 2px solid white; 
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
    /*
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    */
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

.highslide-move {
    cursor: move;
}

.highslide-overlay {
	display: none;
}
/* Controlbar example */
.controlbar {	
	background: url(highslide/graphics/controlbar4.gif);
	width: 167px;
	height: 34px;
}
.controlbar a {	
	display: block;
	float: left;
	margin: 0px 0 0 4px;
	height: 29px;
	width: 34px;
}

/* Necessary for functionality */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}
.leding {
	line-height: 23px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-indent: 15px;
}