/*
	project: web application template
	author: luka cvrk (www.solucija.com)
*/

*{ 
margin: 0; 
padding: 0; 
}*

body { 
margin: 30px 0 0 0; 
background: #fff;
font-family: Trebuchet, sans-serif;
font-size: 0.625em;
color: #444; 
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/opaque_dl.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#menu {
list-style-type:none; 
margin-right: 40px; 
padding: 0;
float: right;
}

#menu li {
display:block; 
float:left; 
position:relative; 
z-index:99; 
margin-right:1px;
}

#menu li span {
display:block; 
z-index:100; 
padding: 5px 10px;
font-size: 1.5em;
}

#menu li a, #menu li a:visited {
color: #555;
text-decoration:none; 
display:block; 
padding:0; 
}

#menu li:hover dd, #menu li a:hover dd {
display:block;
}

#menu dl {
position:absolute; 
top:0; 
left:0; 
margin: 0; 
padding: 0; 
}

#menu dt {
margin:0; 
font-size: 1.5em; 
float:left;
}

#menu dt a, #menu dt a:visited {
display:block; 
color:#555; 
padding: 5px 10px; 
text-decoration:none;
}

#menu dt a:hover  {
color:#000;	
}

#menu dd {
margin:0; 
padding:0; 
font-size: 1.3em; 
display:none; 
clear:left; 
text-align:center;
}

#menu dd a, #menu dd a:visited {
background-color:#EDEDED;
border-bottom:1px dotted #ccc; /* or solid? */
color: #555;
text-decoration:none; 
display:block; 
text-align: center;
width: 90px;
padding: 2px;
}

#menu dd a:hover {
color: #BF6081;
text-decoration: none;
background-color:#ddd;
border-bottom:1px solid #bbb;
}

#menu dd.last {
border-bottom:2px solid #CCC;
}

/* ================================================================ 
end menu  /  begin top half of page
=================================================================== */
		
#teaser { 
clear: both; 
height: 250px; 
background: url(../_i/_site/teaserbg.gif) repeat-x; 
}

.wrap { 
width: 900px;
margin: 0 auto; 	
}

#image { 
float: right; 
position: relative; 
width: 333px;
margin-right: 50px;
}

.box { 
float: left; 
padding: 66px 0 0; 
width: 480px;
color: #fff; 
}

.box h2  {
font-size: 2em; 
color: #FFD840; /* FFCB00 deep gold */
font-weight: normal; 
margin: 0 0 .8em; 
}

.box p  {
letter-spacing: 1px;
font-size: 1.2em;
}
	
#bar { 
height: 32px; 
margin: 0 0 25px 0; 
padding: 3px 0 6px 0; 
background: #ECE3EC; 
}

.step { 
cursor: pointer; 
color: #444; 
padding: 4px 0 0 9px; 
margin: 0 35px 0 0; 
font-size: 1.8em; 
float: left; 
text-align: center; 
background: url(../_i/_site/step.gif) no-repeat; 
height: 28px; 
}

.step a, .step a:visited { 
color: #444; 
margin: 0 7px 0 0; 
text-decoration: none;
}

.step a:hover  {
color: #990099;
text-decoration: none;
}

/* ================================================================ 
end top half of page   /    begin index page 3 column styling
=================================================================== */
	
.col { 
float: left; 
width: 276px; 
margin: 0 30px 16px 0; 
font-size: 1.3em;
}

.last { 
float: right; 
margin: 0; 	 
}

.col h3, .col.last h3 {
font-size: 1.5em; 
border-bottom: 1px solid #eee; 
margin: 0 0 .8em; 
letter-spacing: 2px;
}

.color {
color: #990099; 
}

.color a.homepage, .color a.homepage:visited, .color a.homepage:hover {
text-decoration: none;
color: #990099; 
}

p.news {
	padding: 3px 3px 3px 5px;
	margin:0 0 10px 0;
	line-height: 18px;
}

p.news a.more, p.newsimg a.more  {
	display:block;
	color:#000;
	background: #ECE3EC; /*ECE3EC E5D9E5 EDEDED C3B8C3  ACA3AC  736D73 */
	text-decoration:none;
	text-align:right;
	border:none;
	padding: 3px 5px 0 0;
}

p.newsimg {
	color: #444;
	background:#F5F5F5; /*F5F0F5 or F8F4F8 or F2F2F2*/
	padding: 3px 5px 3px 5px;
	margin:0 0 10px 0;
	line-height: 18px;
	border-left: 5px solid #F5F0F5; /*E5D9E5 F5F0F5*/
}

.info { 
border: 1px solid #e0e0e0; 
background: #f4f4f4; 
padding: 7px; 
}

.info a.more, .info a:visited, .info a:hover { 
color: #000;
}


p.newsimg img {
border: 1px solid #000;
}

.product_image{ 
  float: left;
  margin-right: 5px;
}

.linktext  {
	font-size: 0.8em;
	padding: 0;
	margin: 0 10px 10px 10px;
}

/* ================================================================ 
end index page styling   /   begin interior page styling
=================================================================== */

.textcol { 
width: 90%;
font-size: 1.3em;
}

.biophoto  {
float: right;
position: relative;
margin: 3px 0 5px 10px;
border: 2px solid #444;
padding: 2px;
}

.textcol1 { 
float: left; 
width: 45%;
margin: 0 0 16px 0; 
font-size: 1.3em;
}

.textcol2 { 
float: right; 
width: 45%;
margin: 0 15px 16px 0; 
font-size: 1.3em;
}

.textcol1 h1, .textcol2 h2, .textcol h1, .textcol h2, .toc h1 {
font-size: 1.5em; 
border-bottom: 1px solid #eee; 
margin: 0 0 .8em; 
letter-spacing: 2px;
}

.textcol1 p, .textcol2 p, .textcol p, .toc p  {
	padding: 0;
	margin: 5px 0 20px 0;
	line-height: 1.6em;
}

.textcol1 h3, .textcol2 h3, .textcol h3 {
	margin: 0;
	padding: 20px 0 0 0;
	font-size: 1.7em;
	font-family: Georgia, Palatino Linotype, Book Antiqua, Palatino, serif;
	font-weight: normal;
	letter-spacing: 2px;
	line-height: 110%;
	color: #7B3D63;
	border-bottom: 1px dotted #F5F0F5;
}

.textcol1 h4, .textcol2 h4, .textcol h4 {
	margin: 0;
	padding: 20px 0 0 0;
	font-size: 1.3em;
	font-family: Georgia, Palatino Linotype, Book Antiqua, Palatino, serif;
	text-align: center;
	color: #820082;
	font-weight: normal;
	border-bottom: 1px solid #F5F0F5;
}

.textcol li, .textcol1 li, .textcol2 li {
padding: 2px 0 3px 0;
}

.toc  {
width: 90%;
font-size: 1.3em;
}

.toc h2  {
padding-top: 20px;
font-size: 1.5em; 
border-bottom: 1px solid #eee; 
margin: 0 0 .8em; 
letter-spacing: 2px;
color: #FFCB00;
}

.toc h3  {
	margin: 0;
	padding-left: 20px;
	font-size: 1.3em;
	font-family: Georgia, Palatino Linotype, Book Antiqua, Palatino, serif;
	font-weight: normal;
	letter-spacing: 2px;
	line-height: 110%;
	color: #604C00;
}

.toc h4  {
	margin: 0;
	padding-left: 30px;
	font-size: 1.3em;
	font-family: Georgia, Palatino Linotype, Book Antiqua, Palatino, serif;
	color: #A28100;
	font-weight: normal;
}

.toc h5  {
	margin: 0;
	padding-left: 40px;
	font-family: Georgia, Palatino Linotype, Book Antiqua, Palatino, serif;
	font-size: 1.2em;
	font-weight: normal;
	color: #CFB240;
}

.toc h6  {
	margin: 0;
	padding-left: 50px;
	font-family: Georgia, Palatino Linotype, Book Antiqua, Palatino, serif;
	font-size: 1.2em;
	font-weight: normal;
	color: #E0CC80;
}

/* ================================================================ 
end interior page /  begin footer
=================================================================== */

#footer { 
clear: both; 
width: 900px; 
margin: 0 auto; 
padding: 5px; 
border-top: 1px solid #EEE;  
text-align: left;
font-size: 1em;
}	

#footer .right { 
float: right; 
margin: 0 55px 0 0; 
}

/* ================================================================ 
end footer  /  begin extra text styling
=================================================================== */

img  {
  border: 0;
}

a img {
	border: none;
	background: #FFF;
}

a:hover img  {
	border: none;
	background: #FFF;
}

a:visited img  {
	border: none;
	background: #FFF;
}

p  {
line-height: 1.8em;
margin: 0 0 20px 0;
}

.dropcap  {
	float:left;
	color: #FFCB00; /*914874*/
	font-size:5.5em;
	line-height:60px;
	padding-top: -5px;
	padding-right: 3px;
	font-family: Times New Roman, serif;
}

.pullquote_left { 
	width: 150px; 
	margin: 10px; 
	font-family: Times New Roman, serif;
	font-size: 2em;
	color: #000;
	line-height:25px; 
	text-align: left; 
	float: left;
}

.pullquote_right { 
	width: 150px; 
	margin: 10px; 
	font-family: Times New Roman, serif;
	font-size: 2em;
	color: #000;
	line-height:25px; 
	text-align: right; 
	float: right;
}

/* ================================================================ 
end text styling  /  begin link styling
=================================================================== */
.textcol1 a:link, .textcol2 a:link, .textcol a:link, .toc a:link  {
	background-color:#EDEDED;
	border-bottom:1px solid #ccc;
	padding:0 4px 0 4px;
	text-decoration:none;
	color: #333;
}

.textcol1 a:hover, .textcol2 a:hover, .textcol a:hover, .toc a:hover {
	color: #BF6081;
	text-decoration: none;
	background-color:#ddd;
	border-bottom:1px solid #bbb;
}

.textcol1 a:visited, .textcol2 a:visited, .textcol a:visited, .toc a:visited  {
	color: #BF6081;
	text-decoration: none;
	border-bottom: none;
}

.textcol1 h1 a, .textcol1 h2 a, .textcol1 h3 a, .textcol1 h4 a, .textcol1 h5 a, .textcol1 h1 a:visited, .textcol1 h2 a:visited, .textcol1 h3 a:visited, .textcol1 h4 a:visited, .textcol1 h5 a:visited,  .textcol2 h1 a, .textcol2 h2 a, .textcol2 h3 a, .textcol2 h4 a, .textcol2 h5 a, .textcol2 h1 a:visited, .textcol2 h2 a:visited, .textcol2 h3 a:visited, .textcol2 h4 a:visited, .textcol2 h5 a:visited, .textcol h1 a, .textcol h2 a, .textcol h3 a, .textcol h4 a, .textcol h5 a, .textcol h1 a:visited, .textcol h2 a:visited, .textcol h3 a:visited, .textcol h4 a:visited, .textcol h5 a:visited  {
	text-decoration: none;
	border-bottom: 2px solid #F5F0F5;
	background: #FFF;
	color: #BF6081;
}

#pagelist li a, #pagelist li a:visited  {
	background:#fff;
	color:#444;
	text-decoration:none;
	text-transform:uppercase;
	margin:0 1px 0 0;
	font-size: 0.8em;
}

#pagelist li a:hover  {
	border-bottom:1px solid #ccc;
	text-decoration:none;
	color: #333;
}

#footer a  {
	color: #BF9800; /* BF6081 light original pink */
	background-color:#FFF;
	border-bottom: none;
	text-decoration: none;
}

#footer a:hover {
	color: #808080;
	text-decoration: none;
	background-color:#ddd;
	border-bottom:1px solid #bbb;
}

#footer a:visited  {
color: #808080;
}
/* ================================================================ 
end link styling
=================================================================== */