/***************************************************
			PROANALYTICA STYLES
***************************************************/

html, body{margin:0px;padding: 0px;}

body{
	background-image:url(pic/body-background.png);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #FFFFFF;
	padding-top: 10px;
	padding-bottom: 10px;

}

#container{
	width: 760px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	background-image: url(pic/middle-holder.png);
	background-repeat: repeat-y;
	background-position: center center;
	position: relative;
	overflow: hidden;
}

#head{
	height: 200px;
	background-image: url(images/head.jpg);
	background-repeat: no-repeat;
	width: 760px;
	background-position: center top;
}

/***************************************************
			DESIGN ELEMENTS
***************************************************/	

.clearing { height: 0; width:100%;display: block; clear: both; overflow:hidden; }  
.hidden{overflow: hidden;visibility: hidden;}

p{display: block;margin: 0px;padding-top: 5px;padding-bottom: 5px;}
ul{color: #666666;list-style-type: none;margin: 0px;padding: 0px;}
li{line-height: 18px;}

a{color: #129BC2;font-family: Tahoma, Arial;font-size: 11px;font-weight: normal;text-decoration: none;}
a:hover{color: #333333;} 


/***************************************************
					HOLDERS
***************************************************/

#holder{
	width: 730px;
	background-repeat: repeat-y;
	background-position: center top;
	padding-left: 15px;
	padding-right: 15px;
	background-image: url(pic/holder-line.gif);
	position: relative;
	overflow: hidden;
	margin-top: 5px;
	margin-bottom: 5px;
}

#holder-products{
	width: 730px;
	background-repeat: repeat-y;
	background-position: center top;
	padding-left: 15px;
	padding-right: 15px;
	background-image: url(pic/holder-line-products.gif);
	position: relative;
	overflow: hidden;
	margin-top: 5px;
	margin-bottom: 5px;
}

#left, #left-products{
	width:455px;
	float:left;
	position: relative;
	padding-left: 2px;
}

#left-products, .left-products-detail{width:220px;padding-top: 10px;}

.left-products-detail{float:left;text-align: left;}

.right-products{
	width:466px;
	float:right;
	position: relative;
	padding-bottom: 10px;
	background-image: url(pic/line2.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	margin-top: 10px;
}

#right, .right-products-detail{
	width:220px;
	float:right;
	padding-top: 5px;
}

.right-products-detail{text-align: left;padding-top: 10px;}

.thumbs{
	position: absolute;
	width: 220px;
	top: 45%;
	margin-top: -30px;
	height: 60px;

}

.holder-logo{
	position: relative;
	width: 223px;
	height: 105px;
	background-image: url(pic/back-products.png);
	background-repeat: no-repeat;
	margin-bottom: 5px;

}


.products{
	width:445px;
	float:left;
	padding-top: 7px;
	padding-bottom: 3px;
	background-image: url(pic/line.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	position: relative;
}

.news{
	width:445px;
	float:left;
	padding-top: 5px;
	padding-bottom: 5px;
	background-image: url(pic/line.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	position: relative;
}

.aboutus{
	width:445px;
	float:left;
	padding-top: 5px;
	position: relative;
}

.contact{
	width:445px;
	float:left;
	padding-top: 5px;
	position: relative;
	background-image: url(pic/line.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

/***************************************************
			HEADING TEXT ELEMENTS
***************************************************/


h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}

h1 {
	font-size: 14px;
	color: #679203;
	font-weight: normal;
	line-height: 18px;
	display: block;
}

h2 {
	font-size: 1.1em;
	font-weight: normal;
	color: #666666;
}


h3 {
	font-size: 16px;
	color: #0099CC;
	font-weight: normal;
	display: block;
	padding-bottom: 5px;
}

h4 {
	font-size: 16px;
	color: #009BC2;
	font-weight: normal;
	display: block;
}

h5 {
	color: #0099CC;
	background-image: url(pic/linija-isprekidana.gif);
	background-repeat: repeat-x;
	background-position: left 22px;
	display: block;
	height: 35px;
	line-height: 25px;
	font-weight: normal;
	font-size: 1.2em;
}

h6 {
	font-size: 22px;
	color: #CCCCCC;
	font-weight: normal;
	display: block;
	padding-left: 2px;
}

.text, .text-box, .text-line, .text-detail, .text-about,.text-box2, .text-box3{
	font-size: 11px;
	color: #707070;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 16px;
	display: block;
}

.text-box{padding-top: 2px;	}
.text-box2{color: #CCCCCC;padding-left: 3px;}
.text-box3{ line-height:10px; color: #CCCCCC;}
.text-about{padding-top: 5px;padding-bottom: 5px;}
.text-detail{padding-top: 10px;}
.text-line {padding-left: 1px;line-height: 18px;}

/***************************************************
				LINKS
***************************************************/

a.blue-links, a.text-link{
	font-family: Tahoma, Arial;
	font-size: 11px;
	text-decoration: none;
}

a.blue-links {
	color: #06A2C7;
	background-image: url(pic/line-blue.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-bottom: 1px;
}
a.blue-links:hover {color: #333333;}

a.linkH1 {
	color: #009186;
	font-size: 14px;
	text-decoration: none;
}

a.linkH1:hover {color: #D0B7B7;}

a.linkH2 {
	color: #666666;
	font-size: 11px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 15px;
	display: block;
	line-height: 18px;
}

a.linkH2:hover {color: #D0B7B7;}

/***************************************************
				     FOOTER
***************************************************/


#footer {
	font-family: Arial, Helvetica, sans-serif;
	width:740px;
	height: 60px;
	padding-right: 10px;
	padding-left: 10px;
	background-image: url(pic/bottom-holder.png);
	background-repeat: no-repeat;
	background-position: center center;
	margin-right: auto;
	margin-left: auto;
	font-size: 10px;
	color: #666666;
	margin-top: 15px;
	position: relative;
}

#FooterOne{
	width:440px;
	float:left;
	padding-top: 8px;
	padding-left: 15px;
	height: 30px;
}

#FooterTwo{
	width:250px;
	float:right;
	text-decoration: none;
	padding-top: 20px;
	padding-right: 15px;
	background-image: url(pic/krojac-logo.gif);
	background-repeat: no-repeat;
	background-position: 174px 18px;
	height: 15px;
	text-align: right;
				}
				
				
							a.krojac {
								font-family: "Lucida Grande", tahoma, sans-serif;
								font-size: 10px;
								color: #FF9900;
								text-decoration: none;
								}
								
							a.krojac:hover {
								color: #FF9900;
								text-decoration: underline;
								}




/***************************************************
				      MENU
***************************************************/

#language{
	text-align: left;
	width: 200px;
	float: left;
	padding-left: 20px;
	line-height: 30px;
}

#language a, #nav-menu li a{
	color: #FFFFFF;
	text-decoration: none;
	font-family: Tahoma, Arial;
	font-size: 11px;
	font-weight: normal;
	height: 32px;
	line-height: 30px;
	padding-right: 6px;
	padding-left: 6px;
}

#language a:hover, #nav-menu li a:hover{color: #999999;	}

/***************************************************/

#product-menu{
	width: 225px;
	position: relative;
	float: left;
	padding-left: 3px;
}

#product-menu ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#product-menu li{
	text-align: left;
	line-height: 40px;
	height: 42px;
}

#product-menu li a{
	color: #626262;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
		background-image: url(pic/line.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	color: #626262;
	display: block;
}

#product-menu li a:hover{color: #999999;}
 
/***************************************************/

#nav-menu{
	height: 40px;
	width: 740px;
	background-image: url(pic/menu-background.png);
	background-repeat: no-repeat;
	background-position: center top;
	position: relative;
	padding-right: 20px;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#nav-menu ul{list-style: none;margin: 0px;padding: 0px;}

#nav-menu li{float: right;text-align: center;}

body#home a#home_link, 
body#about a#about_link, 
body#products a#products_link, 
body#services a#services_link,
body#news a#news_link, 
body#contact a#contact_link{color: #7ADDFA;}