body {
	background: #EAE7E7 url(../images/bkg.jpg) repeat-x;
	margin:0px;
}

img { border: 0 }
a { outline: none; text-decoration: none; }
ul { list-style: none; }

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

a:visited {
	color: #505050;
	text-decoration: none;
}

a:hover {
	color: #D61013;
	text-decoration: none;
}

a:active {
	color: #FF7800;
	text-decoration: none;
}

#top01 {
  width: 891px;
  height: 106px;
  margin: 0 auto;
}

#container {
  width: 890px;
  margin: 0 auto;
}

#box1 { width:290px;
       background: url(../images/box-bkg.jpg) top center;
       float:right;
       color:#303030;
       font-family: Arial, Helvetica, sans-serif;
       font-size:12px;
       margin-left:20px;
       line-height:15px;
}

#box2 { background: url(../images/box3.jpg) repeat-y;
        width:890px;
        color:#303030;
        font-family: Arial, Helvetica, sans-serif;
        font-size:14px;
        line-height:20px;       
}

#uvod { width:870px;
        margin:0 auto;
        color:#303030;
        font-family: Arial, Helvetica, sans-serif;
        font-size:14px;
        line-height:20px;
}

#footer { width:100%;
          height:142px;
          background: url(../images/footer-bkg.jpg) repeat-x;
          font-family: Arial, Helvetica, sans-serif;
          font-size:11px;
          color:#CCCCCC
}

#footer a:link {
	color: #CCCCCC;
	text-decoration: none;
}

#footer a:visited {
	color: #CCCCCC;
	text-decoration: none;
}

#footer a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

#footer a:active {
	color: #CCCCCC;
	text-decoration: none;
}

#slideshow {
    position:relative;
    height:220px;
    width:450px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

#tooltip{
	position:absolute;
	border:1px solid #333;
	background:#0F6193;
	padding:2px 5px;
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
  font-size:14px;
	display:none;
	
	}	

/*
	WIDGET STRUCTURE
*/

#blogSlider 						{ top: -55px; padding: 0px; width: 890px;
									        background: url(../images/tab-bkg.jpg) no-repeat; }
.stripViewer 						{ position: relative; overflow: hidden; clear: both; }
.stripViewer .panelContainer 		{ position: relative; left: 0px; top: 0px; }
.stripViewer .panelContainer .panel { float: left; position: relative; width: 890px; }
.stripNav 							{ position: relative; left:-40px; top: 260px; z-index: 99; width: 546px; }
.wrapper 							  { height: 226px; width: 850px; padding: 20px; 
                          font-family: Arial, Helvetica, sans-serif; color: #222222; font-size:13px;}
.innerWrap 							{ width: 890px; overflow: hidden; }

#blogSliderWrap {
	width: 890px;
	position: relative;
	overflow: hidden;
}


/* 
	MAIN TABBED NAVIGATION
*/
.stripNav ul li 					{ float: left; }

.stripNav li a 						{ /* Generic "CSS image replacement" */
									  display: block; height: 55px; text-indent: -9999px; }
/* The below class names are auto-generated by the JavaScript */
.stripNav li.tab1 a { background: url(../images/butt1.jpg) top center no-repeat; width: 182px; }
.stripNav li.tab2 a { background: url(../images/butt2.jpg) top center no-repeat; width: 182px; }
.stripNav li.tab3 a { background: url(../images/butt3.jpg) top center no-repeat; width: 182px; }

.stripNav li a:hover, 
.stripNav li a:active, 
.stripNav li a:focus 				{ /* Restore focus styling that we removed when we removed outlines */
									  background-position: top center; }

/* It is neccessary to repeat the image paths here */
.stripNav li.tab1 a.current { background: url(../images/butt1.jpg) bottom center no-repeat; }
.stripNav li.tab2 a.current { background: url(../images/butt2.jpg) bottom center no-repeat; }
.stripNav li.tab3 a.current { background: url(../images/butt3.jpg) bottom center no-repeat; }

#navigation {
  list-style: none;
  width:547px;
  float: right;
  margin: 0px;
  padding: 0px;
}
 
#navigation li {
  float: left;
}
 
#navigation a * {
  display: none;
}
 
#navigation a,
#navigation a .hover {
  height: 106px;
	position: relative;
	display: block;
}
 
/* individual navigation items */
#navigation a.home {
  background-position: 0 0;
  background: url(../images/m01a.jpg) 0 0 no-repeat;
  width: 93px;
}
 
#navigation .highlight a.home:hover,
#navigation a.home .hover {
  background: url(../images/m01b.jpg) 0 0 no-repeat;
}
 
#navigation a.services {
  background: url(../images/m03a.jpg) 0 0 no-repeat;
  width: 93px;
}
 
#navigation .highlight a.services:hover,
#navigation a.services .hover {
  background: url(../images/m03b.jpg) 0 0 no-repeat;
}
 
#navigation a.portfolio {
  background: url(../images/m05a.jpg) 0 0 no-repeat;
  width: 112px;
}
 
#navigation .highlight a.portfolio:hover,
#navigation a.portfolio .hover {
  background: url(../images/m05b.jpg) 0 0 no-repeat;
}
 
#navigation a.about {
  background: url(../images/m06a.jpg) 0 0 no-repeat;
  width: 122px;
}
 
#navigation .highlight a.about:hover,
#navigation a.about .hover {
  background: url(../images/m06b.jpg) 0 0 no-repeat;
}
 
#navigation a.contact {
  background: url(../images/m08a.jpg) 0 0 no-repeat;
  width: 122px;
}
 
#navigation .highlight a.contact:hover,
#navigation a.contact .hover {
  background: url(../images/m08b.jpg) 0 0 no-repeat;
}
 
</style> 
<!--[if IE]>
<style type="text/css" media="screen">
#navigation a .hover {
  cursor: pointer;
}
</style>
<![endif]-->