body{
background: black url('../img/bg.jpg') no-repeat 0 0;
color:#666666;
font-family:Arial,Helvetica,sans-serif;
font-size:15px;
margin:0;
}


/* --------------------- WRAPPER ---------------------*/
#wrapper{
margin:60px auto;
width:870px;
position:relative; overflow:hidden;
}

/* --------------------- HEADER ---------------------*/

#header {
border-bottom:1px solid #252525;
padding:0 0 15px; height:80px;
position:relative; overflow:hidden;
}

/* --------------------- MENU ---------------------*/
.menuitem{ height:32px; display:block; position:relative; float:left;}
.home{background: transparent url('../img/menu.gif') no-repeat 0 0;width:80px;}
.home:hover{background-position: 0 -35px;}
#home .home{background-position: 0 -70px;}

.portfolio{background: transparent url('../img/menu.gif') no-repeat -80px 0;width:105px;}
.portfolio:hover{background-position: -80px -35px;}
#portfolio .portfolio{background-position: -80px -70px;}

.blog{background: transparent url('../img/menu.gif') no-repeat -185px 0;width:95px;}
.blog:hover{background-position: -185px -35px;}
#blog .blog{background-position: -185px -70px;}

.about{background: transparent url('../img/menu.gif') no-repeat -280px 0;width:80px;}
.about:hover{background-position: -280px -35px;}
#about .about{background-position: -280px -70px;}

.contact{background: transparent url('../img/menu.gif') no-repeat -360px 0;width:100px;}
.contact:hover{background-position: -360px -35px;}
#contact .contact{background-position: -360px -70px;}


.lang{display:block; float:left; height:20px; margin-top:15px;}
.sr{background: transparent url('../img/lang.gif') no-repeat 0 0;width:60px;}
.sr:hover{background-position: 0px -25px;}
#sr .sr{background-position: 0px -50px;}

.en{background: transparent url('../img/lang.gif') no-repeat -60px 0;width:80px;}
.en:hover{background-position: -60px -25px;}
#en .en{background-position: -60px -50px;}

/* --------------------- WORK - PORTFOLIO ---------------------*/
#work{
margin-top:20px;
border-bottom:1px solid #252525;
padding:0 0 15px;
position:relative; overflow:hidden;
clear:both; width:870px;
}

.workitem{
display:inline;
float:left;
margin:0 20px 20px 0;
width:270px;
}

.screen{background-color:#1E1E1E; padding:10px;}
.screen:hover{background-color:#999;}
.desc{
background-color:#0C0C0C;
color:#454545; font-size:11px; line-height:130%;
margin-top:0; padding:10px;
}

.desc span{color:#AAAAAA; display:block; font-weight:bold;}

/* --------------------- FOOTER ---------------------*/

#footer{
margin-top: 30px; font-size: 12px;
position:relative; overflow:hidden;
}

/* --------------------- PRICES ---------------------*/

#prices{width:800px;}
#prices tr:hover td {background-color: #666; color: white;}
#prices td{border-bottom:1px solid #111}
#prices .what{
padding: 5px 15px; width:600px;
background: #333; color:#888;
}
#prices .howmuch{
padding: 3px 10px; text-align:right;
background: #222; color:#ccc;
}


/* --------------------- INPUT ---------------------*/

input, textarea {
background-color:#111111; border:1px solid #222222;
color:#777777; font-family:Arial,Helvetica,sans-serif;
font-size:12px; margin-bottom:5px;
padding:3px; width:200px;
}
input:focus, textarea:focus {border:1px solid gray}
textarea {width:332px;}
#send, #send:focus{border:1px solid #222; color:#bbb;margin-top:20px;}
#send:hover{color:white; border:1px solid #444;}

#mailform{width:380px}

/* --------------------- MISC ---------------------*/

.member:hover{z-index:100;position: relative;}
#name{width:100px;height:30px;color:#aaa;}

ul li{
list-style-image:url('../img/bullet.gif');
list-style-position:outside;
margin-top:3px; font-size:14px;
}

a .clearFont{font-weight: normal; text-decoration: none;}

h1,h2 {
color:#FFFFFF; font-family:Georgia,serif;
font-size:24px; font-weight:normal;
}
h2{font-size:18px}

.grayborder{
border-bottom:1px solid #252525;
padding:0 0 15px; margin-top:50px;
position:relative; overflow:hidden;
width:870px
}

/* --------------------- TOOL TIPS ---------------------*/
/*.hotspot {color:#900; padding-bottom:1px; border-bottom:1px dotted #900; cursor:pointer}*/

#tt {position:absolute; display:block; background:url(../img/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(../img/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; background:url(../img/tt_bottom.gif) top right no-repeat; overflow:hidden}


/* --------------------- LYTEBOX ---------------------*/
#lbOverlay { position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; }
	#lbOverlay.grey { background-color: #000000; }
#lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0; }
#lbMain a img { border: none; }
#lbOuterContainer { position: relative; background-color: #1E1E1E; width: 200px; height: 200px; margin: 0 auto; }
#lbDetailsContainer {	font: 11px Arial, Verdana, Helvetica, sans-serif; background-color: #0C0C0C; width: 100%; line-height: 1.4em; overflow: auto; margin: 0 auto; color: #666}
#lbImageContainer, #lbIframeContainer { padding: 10px; }
#lbLoading {
	position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(../img/lyte/loading.gif) center no-repeat;
}
#lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lbImageContainer>#lbHoverNav { left: 0; }
#lbHoverNav a { outline: none; }
#lbPrev { width: 49%; height: 100%; background: transparent url(../img/lyte/blank.gif) no-repeat; display: block; left: 0; float: left; }
	#lbPrev.grey:hover, #lbPrev.grey:visited:hover { background: url(../img/lyte/prev_grey.gif) left 15% no-repeat; }
#lbNext { width: 49%; height: 100%; background: transparent url(../img/lyte/blank.gif) no-repeat; display: block; right: 0; float: right; }
	#lbNext.grey:hover, #lbNext.grey:visited:hover { background: url(../img/lyte/next_grey.gif) right 15% no-repeat; }
#lbPrev2, #lbNext2 { text-decoration: none; font-weight: bold; }
	#lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey { color: #333333; }
#lbPrev2_Off, #lbNext2_Off { font-weight: bold; }
	#lbPrev2_Off.grey, #lbNext2_Off.grey { color: #CCCCCC; }
#lbDetailsData { padding: 0 10px; }
	#lbDetailsData.grey { color: #333333; }
#lbDetails { width: 60%; float: left; text-align: left; }
#lbCaption { display: block; margin:5px 0;}
#lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; }
#lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; }
#lbClose { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbClose.grey { background: url(../img/lyte/close_grey.png) no-repeat; }
#lbPlay { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPlay.grey { background: url(../img/lyte/play_grey.png) no-repeat; }
#lbPause { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPause.grey { background: url(../img/lyte/pause_grey.png) no-repeat; }
	
/* --------------------- CODA NAVIGATION ---------------------*/
#toolbarwrap {
width: 0px; height: 0px;
margin: 0 auto; padding: 0;
background: #101010 url(../img/lyte/header.gif) repeat-x 0 0;
border-bottom: 6px solid #790000;
position: relative;
}
#frame {
overflow: hidden;
width:450px;
width/**/: /**/430px;     /* sirina okvira */
height: 300px; border:10px solid #333;
}
#scroller {
width: 430px;    /* sirina skrol polja */
margin: 0 auto; overflow: hidden;
}
#content {
width: 1320px;   /* sirina svih polja u slideru */
}
.section {
height: 300px;
width: 430px;    /* sirina jednog polja u slideru */
float: left; text-align: center;
background-color: #151515;
}