/* ---- b-design-studio-2009 -------------*/

html,body {
height:100%;
}

body {
font:14px Georgia,"Times New Roman",Times,serif;
background:#010e14 url(../images/background.jpg) top center repeat-y;
text-align:center;
color:#FFF;
margin:0;
padding:0;
}
/* podnaslov */
h2 {
color:#d8f1fe;
font-style:italic;
font-size:26px;
font-weight:400;
line-height:1.25em;
margin-left:30px;
padding: 0 0 2px 10px;
margin-top: -6px;
}

h2 b {
color:#89d6ff;
font-weight:600;
}

h2 b span {
font-size:smaller;
}

a {
color:#FFF;
text-decoration:none;
}

h3 {
background:#00263c url(../images/dark_bg.jpg);
color:#FFF;
font-size:24px;
line-height:1.2em;
margin:20px 0px 20px;
font-style:italic;
font-weight:400;
}

h3 a, h3 a:visited {
color:#FFF;
text-decoration:underline;
}

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

img {
border:none;
}


#wrapper {
min-height:100%;
height:auto !important;
margin:0 auto -64px;
}

#header {
background: url(../images/header.jpg) 0 0 no-repeat;
height:239px;
width:960px;
position:relative;
}

#header h1 {
margin:0;
padding:0;
text-indent: -9999px;
line-height: 130px;
}

#header h2 {
margin:0;
padding:0;
text-indent: -9999px;
}


#container {
text-align:left;
width:960px;
margin:0 auto;
}

.portfolio {
background:#00263c url(../images/dark_bg.jpg);
color:#FFF;
font-size:28px;
line-height:1.2em;
margin:50px 32px 20px 40px;
}

#mainContent {
padding-right:33px;
}

#mainContent p {
font:.96em Tahoma,Arial,Helvetica,sans-serif;
line-height:1.4em;
}

#mainContent p a {
background:#195f83;
border-bottom:1px dashed #999;
font-weight:bold;
padding:0 2px;
}

#mainContent p a:hover {
background:#0f394f;
}

#mainContent h2 {
background:url(../images/dark_bg.jpg);
color:#FFF;
font-size:28px;
line-height:1.2em;
margin:0;
}

#mainContent ol{
	font:.96em Tahoma,Arial,Helvetica,sans-serif;
	line-height:1.4em;
	margin-top:0;
}

.sub {
   font-size: 1em;
   padding-left:15px;
   margin-left: 0;
   list-style: disc;
}

.left {
float:left;
position:relative;
height:370px;
width:428px;
padding:0 0 0 40px;
}

.right {
float:right;
position:relative;
height:370px;
width:428px;
}

/*----------- IMAGE SLIDESHOW ----------------*/
#slideshow {
    position:relative;
	width:426px;
	height:288px;
	margin:20px 0 0 0;
}
#slideshow img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
	width:416px;
	height:278px;
	background:#00263c url(../images/dark_bg.jpg);
  /*  border:1px solid #999;*/
	padding: 5px;
}
#slideshow img.active {
    z-index:10;
}
#slideshow img.last-active {
    z-index:9;
}

/*---------- lista u about -----------------------*/
ul.tick{
	font:.96em Tahoma,Arial,Helvetica,sans-serif;
	line-height:1.4em;
	margin-top:0;
	list-style:none;
	list-style-image:url(../images/tick.gif);
}

ul.tick li {

padding-left:0;
margin-right:10px;
}

/*------------- footer -----------------*/
#footer {
background:url(../images/footer_bg.jpg) center top no-repeat;
margin-top:130px;
}

#footer p {
color:#999;
font-size:.75em;
text-align:left;
width:900px;
margin:0 auto;
padding:23px 0 23px 40px;
}

#footer a {
background:#00263b;
border-bottom:1px dashed #999;
color:#ddd;
padding:2px 2px 0;
}

#footer a:hover {
background:#003e57;
color: #fff;
}

#footer span {
margin-left:20px;
}

.clearfloat {
clear:both;
height:0;
font-size:1px;
line-height:0;
}

#mainContent .right h2,.right .site {
background-position:right;
}
/* Remove silly dotted outline from links in FF */
a{outline: none;}