@charset "UTF-8";
/* CSS Document */

body{
	background-color:#FFF;
	font-family:Helvetica, Arial, sans-serif;
	font-size:14px;
}

/* section: header
---------------------------------------------- */

#messageboardline{
	background-color:#000;
	width:100%;
	height:17px;
	border-bottom:#d0d0d0 solid 1px;
	text-align:center;
	padding-top:8px;
}

#headerwrapper{
	width:100%;
	height:523px;
	border-top:#f4f4f4 solid 1px;
	border-bottom:#d0d0d0 solid 1px;
}

#headerimage{
	background:url(../images/header_image.png) center no-repeat;
	width:800px;
	height:334px;
	margin:0 auto;
	margin-top:46px;
}

#headertagline{
	width:800px;
	height:52px;
	text-align:center;
	margin:0 auto;
	margin-top:41px;
}

/* ------------------------------------------- */

/* section: main
---------------------------------------------- */

#mainwrapper{
	background-color:#f4f4f4;
	width:100%;
	height:483px;
	border-top:#FFF solid 1px;
	border-bottom:#FFF solid 1px;
}

#mainmaster{
	width:800px;
	height:509px;
	margin:0 auto;
}

#we{
	width:800px;
	height:24px;
	margin:0 auto;
	margin-top:22px;
}

#headbasket{
	width:800px;
	height:80px;
	margin:0 auto;
	margin-top:28px;
}

#nikoladamjanov{
	background:url(../images/nikola/nikola_damjanov.png) top no-repeat;
	width:80px;
	height:80px;
	float:left;
}

#nenadprokic{
	background:url(../images/nenad/nenad_prokic.png) top no-repeat;
	width:80px;
	height:80px;
	margin-left:10px;
	float:left;
}

#bratislavvidanovic{
	background:url(../images/bratislav/bratislav_vidanovic.png) top no-repeat;
	width:80px;
	height:80px;
	margin-left:10px;
	float:left;
}

#adamrakicevic{
	background:url(../images/adam/adam_rakicevic.png) top no-repeat;
	width:80px;
	height:80px;
	margin-left:10px;
	float:left;
}

#miloskozlovacki{
	background:url(../images/milos/milos_kozlovacki.png) top no-repeat;
	width:80px;
	height:80px;
	margin-left:10px;
	float:left;
}

#sanjaignjatovic{
	background:url(../images/sanja/sanja_ignjatovic.png) top no-repeat;
	width:80px;
	height:80px;
	margin-left:10px;
	float:left;
}

#arsenijecatic{
	background:url(../images/arsenije/arsenije_catic.png) top no-repeat;
	width:80px;
	height:80px;
	margin-left:10px;
	float:left;
}

#elenakostic{
	background:url(../images/elena/elena_kostic.png) top no-repeat;
	width:80px;
	height:80px;
	margin-left:10px;
	float:left;
}

#bojanadjuric{
	background:url(../images/bojana/bojana_djuric.png) top no-repeat;
	width:80px;
	height:80px;
	margin-left:10px;
	float:left;
}

#ourprojects{
	width:800px;
	height:34px;
	margin:0 auto;
	margin-top:49px;
}

#projectsmaster{
	width:800px;
	height:170px;
	margin-top:24px;
}

#mikser09{
	background:url(../images/mikser09.jpg) center no-repeat;
	width:372px;
	height:170px;
	float:left;
}

#exit09{
	background:url(../images/exit09.jpg) center no-repeat;
	width:372px;
	height:170px;
	float:right;
}

/* ------------------------------------------- */

/* section: gallery
---------------------------------------------- */

#gallerymain{
	background:#FFF;
	border-top:#d0d0d0 solid 1px;
	width:100%;
	height:207px;
}

.thumb{
	width: 215px;
	height: 97px;
	background:url(../images/thumbbgd.png) no-repeat;
	padding: 8px;
	position: relative;
}

.thumbtext{
	text-align:left;
	margin-top: 16px;
}

.thumbtext2{
	text-align:left;
	margin-top: 0px;
	margin-left: 20px;
}

.thumbimage2{
	margin-right: 5px;	
}

#gallery ul li{
	display:block;
	float:left;
	padding-right: 52px;
}

#gallery{
	width:800px;
	margin: 0 auto;
	height:207px;
	margin-top: 52px;
}

/* ------------------------------------------- */

/* section: footer
---------------------------------------------- */

#footerwrapper{
	background: #000;
	width:100%;
	height:204px;
	border-top:#333333 solid 1px;
}

#footer{
	height: 130px;
	width:800px;
	margin: 0 auto;	
	color: #fff;
	padding-top: 26px;
}

#email{
	width:175px;
	height:38px;
	background:url(../images/email.png) top no-repeat;
}

#email:active{
	width:175px;
	height:38px;
	background:url(../images/email.png) bottom no-repeat;
}

/* ------------------------------------------- */

/* section: fonts
---------------------------------------------- */

h1{ 
	font-size:28px;
	color:#000;
}

h2{ 
	font-size:30px;
	color:#000;
	font-weight:bold;
}

h3{
	font-size:25px;
	color:#000;
}

h4{
	font-size:14px;
	color:#d0d0d0;
	text-shadow: 1px 1px 1px #fff;
}

h5{
	font-size:12px;
	color:#FFF;
}

h6{
	font-size:14px;
	color:#fff;
}

b{
	font-weight:bold;
}

a:link {
	color:#FFF;
	text-decoration:none !important;}
a:visited {
	color:#FFF;
	text-decoration:none !important;}  
a:hover {text-decoration:underline !important;}  
a:active {
	color:#FFF;
	text-decoration:none!important;}

/* ------------------------------------------- */

/* section: easy slider
---------------------------------------------- */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
		
	#slider ul li{
		padding: 0;
		margin: 0;	
	}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:199px;
		height:97px;
		overflow:hidden; 
		
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:8px;
		top:43px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:207px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/arrowl.png) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/arrowr.png) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* ------------------------------------------- */

/* section: portfolio
---------------------------------------------- */

#idwrapper{
	width:100%;
	height:274px;
	border-top:#f4f4f4 solid 1px;
	border-bottom:#d0d0d0 solid 1px;
}

#idmaster{
	width:800px;
	height:170px;
	border:#d0d0d0 solid 1px;
	background:#000;
	margin:0 auto;
	margin-top:52px;
}

#arrowl{
	width:52px;
	height:52px;
	background:url(../images/arrowl2.png) center no-repeat;
	float:left;
	margin-top:59px;
}

.margintop45{
	margin-top:45px;
}

#about{
	width:383px;
	height:80px;
	margin-top:45px;
	margin-left:52px;
	float:left;
}

#arrowr{
	width:52px;
	height:52px;
	background:url(../images/arrowr2.png) center no-repeat;
	margin-top:59px;
	float:right;
}

#mainwrapperp{
	background-color:#f4f4f4;
	width:100%;
	height:384px;
	border-top:#FFF solid 1px;
	border-bottom:#FFF solid 1px;
}

#mainmasterp{
	width:800px;
	height:384px;
	margin:0 auto;
}

#gallerymainp{
	background:#FFF;
	border-top:#d0d0d0 solid 1px;
	width:100%;
	height:52px;
}

#PicNetEyeTracker{
	background: #000;
	color: #000;
	width: 100%;
}

#PicNetEyeTracker a{
	color: #000;
}