/* 

	project:  internet corporation
	author:   luka cvrk (www.solucija.com) 

   
*/


*{ margin: 0; padding: 0; }* 
body {
	font: .7em Verdana, Arial, "Trebuchet MS", Tahoma, sans-serif;
	line-height: 1.6em;
	background: #fff url(images/bg3.jpg) repeat-x;
	color: #444;
	clear: both;
}

a {	text-decoration: underline; }
a:hover { text-decoration: none; }
p { margin: 0 0 15px 0; }
h1 { font: bold 1.7em Arial, Sans-Serif;  margin: 20px 0 0; }
h1 a { color: #fff; background: inherit; }
h1 a:hover { color: #E4FFD3; background: inherit; }
h2 { font: bold 1.3em Arial, Sans-Serif; margin: 0 0 12px; }
h4 { color: #808080; background: inherit; font-weight: normal; font-size: .9em; }
img {border-style: none;}

p.special {
font-weight:bold;
}

.bold{
font-weight:bold;
}

#content { width: 900px; margin: 0 auto;	background: #fff url(images/bg.gif) repeat-x; 
}
#content2 { width: 900px; margin: 0 auto; background-color:#FFFFFF;
}
#logo { margin: 10px 0 0 0; height: 66px; width: 289px; float: left; background: url(images/logobg.gif) no-repeat bottom; text-align: center;}


#slinks{
float:right;
width:200px;
  }
    
#slinks a,
#slinks a:link,
#slinks a:visited{
  text-decoration:none;
  font-family:Verdana, Geneva, Arial, Sans-Serif;
  font-size:0.8em;
  color:#FFF;
  display:block;
  height:2em;
  text-align:center;
}
#slinks a:hover{
  text-decoration:underline;
  }
#slinksleft {
float:left;
width:50px;
}
#slinksright {
float:right;
width:150px;white-space: nowrap
}

#navbar{
	background:#05112A;
	height:1.6em;
	position:relative;
	width: 900px;
	white-space: nowrap;
	margin: 0 0 15px; 
	 height:1.9em;

}

/* Remove bullets from ul in the navbar */
#navbar ul{
  list-style-type:none;

}
/* List items in the navbar */
#navbar li{
  float:left;
/* Required for drop-down menus */
position:relative;
margin-left:0px;
display:block;
}

/* Applies to navbar links, unvisited and visited */
#navbar a,
#navbar a:link,
#navbar a:visited{
  text-decoration:none;
  font-family:Verdana, Geneva, Arial, Sans-Serif;
  font-size:90%;
  color:#FFF;
  background:#05112A;
  display:block;
  height:2em;
  width:80px;  
  border-right:solid 1px #FFB900; 
  text-align:center;
  line-height:2em;
}


/* Navbar hover and active links */
#navbar a:hover,
#navbar a:active{
   background:#9CA5C8;
  color:#000;
}



/* Drop-down menu styles */


/* Applies to drop-down menus in navbar */
#navbar li ul{
  position:absolute;
  z-index:100;
  visibility:hidden;
}

/* Make drop-down visible on navbar hover */
#navbar li:hover ul,
#navbar li a:hover ul{ /* IE6 hack */
  visibility:visible;
  top:1.6em;
  left:0;
}
/* Applies to links on the drop-down menu */
#navbar li:hover ul li a,
#navbar li a:hover ul li a{ /* IE6 hack */
  background:#05112A; /* Removes background image */
  color:#FFF;
  text-align:left;
  display:block;
  width:300px;
  padding:0 0 0 1em;
  height:auto;
}

/* Hover on drop-down menu links */
#navbar li:hover ul li a:hover,
#navbar li a:hover ul li a:hover{ /* IE6 hack */
  background: #9CA5C8;
  color:#000;
}

/* IE6 hack applies to its table drop-down */
#navbar table {
  margin:-1px;
  border-collapse:collapse;
  position:absolute;
  top:0.5em;
  left:0;
  z-index:100;
}

#navbar img {
margin-left:10px;
float:right;
}

#intro {
	clear: both;
	background: #fff url(images/contact.jpg) no-repeat;
	color: #FFF;
	height: 153px;
	margin: 0;
	padding: 45px 20px 0 0;
	text-align: right;
	width: 880px;
}

#intror {
	clear: both;
	background: #fff url(images/research.jpg) no-repeat;
	color: #FFF;
	height: 153px;
	margin: 0;
	padding: 45px 20px 0 0;
	text-align: right;
	width: 880px;
}
#introgallery {
	clear: both;
	color: #000;
	margin: 0;
	text-align: right;
	width: 900px;
}

	#intro h1 { margin: 0; }
	#intro p { margin: 0; }
	
	#login { font-size: .9em; margin: 82px 0 0; }
	#login a { color: #fff; background: #8BE1FA; padding: 4px 20px 6px;}
	#login a:hover { color: #fff; background: #8BE1FA url(images/loginhover.gif) no-repeat; }

#left { clear: left; float: left; width: 240px; padding: 0 34px 0 15px; font-size: .9em; margin: 0 0 15px; }
	#leftmenu { list-style: none; margin: 0 0 20px 0; }
	#leftmenu li { padding: 0 0 0 12px; background: #fff url(images/bullet.gif) no-repeat center left; color: #46852F; }
	#leftmenu li a { background: #EAFFE3; color: #46852F; }
	

#right {
	margin: 0 15px 20px 0;
	padding: 0 0 0 35px;
	border-left: 1px solid #ccc;
	float: right;
	width: 560px;
	text-align: justify;
}

#right p { 
margin: 15px 0 0 0; 
}


#right img{
float:left;
margin-right:8px;
}

#right ul{
    margin:2em 0 1em 25px;
    padding: 0;
}
#right ul li{
    line-height:2.5em;
    margin: .25em 0;
    padding: 0 0 0 10px;
}



#rightproduct {
	margin: 0 15px 20px 0;
	padding: 0 0 0 15px;
	float: right;
	width: 500px;
	text-align: justify;
}

#rightproduct a:link {
color:#CC6633;
text-decoration:none;
}

#rightproduct a:hover {
color:#CC6633;
text-decoration:underline;
}

#rightproduct h3 {
font-family: Helvetica, Arial, Verdana , sans-serif;
color:#424858;
font-size:1.5em;
font-weight:bold;
border-bottom: 1px solid #eee; 
padding: 0 0 15px 0;

}

.special {
font-size:1.3em;
}

#people {
	float:left;
	text-align: left;
}

#people img{
float:left;
margin: 15px 0 15px 0;
}

#productp {
	float:right;
	width: 279px;
}


#leftproduct {
float:left;
width:350px;
}

#leftproduct img{
margin: 0 0 20px 10px;
}

#leftproduct p{
margin-left:40px;
}

#product{
width:500px;
font-size: .9em;
float:right;
margin: 0 15px 20px 0;
padding: 0 0 0 15px;
}

#sheets {
width:200px;
float: left;
}

#sheets img a{
border-style:none;
}

#moreinfo{
float:right;
width:250px;
background-color: #f4f4f4;
padding: 0 0 20px 0;
}
#moreinfo h2{
font-size:1.1em;
font-weight:bold;
margin:5px 0 10px 5px;
}

#moreinfo a{
text-decoration:underline;
color: #317486;
background:url(images/orange_bullet.gif) no-repeat right;
width: auto;
padding:3px 25px 3px 0;
}
#moreinfo a:hover{background:url(images/orange_bullet2.gif) no-repeat right;
text-decoration:none;
}

#moreinfo ul {
margin:5px 0 0 35px;
line-height:3em;
}

.contact {
float:left;
width:280px;
margin-bottom:60px;
}
.contact2 {
float:right;
width:280px;
text-align:left;
}
.contact2 h3 {
font-size:1.2em;
}
.contact2 img {
float:right;
}

	.notice { padding: 12px 14px 4px; background: #f4f4f4; color: #808080;
	margin-top:50px;
	height:74px;
	}
	
	.notice img {
	margin: 0 5px 0 0;
	float:left;
	}
	
.read_more_link a{
text-decoration:none;
color:#44;
background:url(images/orange_bullet.gif) no-repeat right;
width: auto;
float:right;
padding:3px 25px 3px 0;
}
.read_more_link a:hover{background:url(images/orange_bullet2.gif) no-repeat right;
}

	

.read_more_link2 a{
text-decoration:none;
color:#44;
float:right;
padding:0px 25px 0px 0;
background:url(images/orange_bullet.gif) no-repeat right;
margin-bottom:15px;
}
.read_more_link2 a:hover{background:url(images/orange_bullet2.gif) no-repeat right;
}		
	
	#left a, #right a { color: #317486; text-decoration: underline;}
	#left a:hover, #right a:hover{ color: #616679; text-decoration: none; }
	
	#left ul {
padding-left:20px; 
}



	#left h3 { border-bottom: 1px solid #eee; padding: 0 0 7px; margin: 0 0 15px 0; }
	#right h2 { border-bottom: 1px solid #ccc; padding: 0 0 8px;
	margin-top:15px;}

#footer { clear: both; border-top: 1px solid #ccc; padding: 10px 0; margin: 0 0 15px; font-size: .9em; color: #808080; background: #fff; }
	#footer a { color: #5B6073; background: #fff; }
	#col1 { float: left; width: 274px; padding: 7px 0 0 15px; margin: 0 0 10px; height:45px; background-color:#FFFFFF; }
	#col2 { float: left; width: 570px; border-left: 1px solid #ccc; padding: 7px 0 0 40px; margin: 0 0 10px;
	text-align:center; height:45px; background-color:#FFFFFF;  }
	#col3 { float: right; width: 250px; border-left: 1px solid #ccc; padding: 7px 0 0 40px; }