@import url(reset.css);
#wapper {	
	width:1024px;
	height:1274px;
	margin:0 auto;	
}
body {
	background:#000;
}
h1 {
	text-decoration:none;
	font-weight:bold;	
	font-size:24px;
	font-family:Verdana, Geneva, sans-serif;
}
h2 {
	text-decoration:none;
	font-size:18px;
	font-family:Verdana, Geneva, sans-serif;
}
h3 {
	text-decoration:none;
	
	font-size:16px;
	font-family:Verdana, Geneva, sans-serif;
}
hr { 
	width:100%; height:5px; background: #D9251C 
}
.ref {
	padding:5px 5px 5px 10px;
	font-weight:bold;	
	font-size:16px;
}
.line1 { 	
	margin:-10px auto;
	z-index:4;
}
.line2 { 	
	margin:0px auto;
	z-index:10;
}
.line3 { 	
	margin:100px auto;
	z-index:10;
}
#header {
	position:relative;	
	top:5px auto;
	width:1024px;
	height:200px;
}
#logo { 
	position:relative; 	
	top:25px;	
	}
#slogan {
	position:absolute;
	margin: -45px 5px 0 380px;	
	color:#FFF;
	z-index:4;
}
#reference {
	margin: -80px 5px 100px auto;
	background:#D9251C;
	height:30px;
	width:140px;
}
#stroej{
	position:absolute;
	margin: -80px 5px 0 380px;	
	z-index:4;	
}
#zavarsheni{
	position:absolute;
	margin: -80px 5px 0 580px;
	z-index:4;	
}
#contact{
	position:absolute;
	margin: -80px 5px 0 925px;
	z-index:4;	
}
#info{
	position:absolute;	
	margin:250px auto;
}
#image {
	
}
#ImageStroej {
	position: absolute;
	top:-260px;
	width:340px;
	height:393px;	
	background-image: url('../images/stroejblack.jpg') ;
	background-repeat:no-repeat;
}
#ImageStroej:hover {
	position: absolute;
	top:-260px;
	width:340px;
	height:393px;	
	background-image: url('../images/stroej.jpg') ;
	background-repeat:no-repeat;
}
#ImageZavarsheni {
	position: absolute;
	left:340px;
	top:-260px;
	width:340px;
	height:393px;	
	background-image: url('../images/gotoviblack.jpg') ;
	background-repeat:no-repeat;
}
#ImageZavarsheni:hover {
	position: absolute;
	left:340px;
	top:-260px;
	width:340px;
	height:393px;	
	background-image: url('../images/gotovi.jpg') ;
	background-repeat:no-repeat;
}
#ImageProdajba {
	position: absolute;
	left:680px;
	top:-260px;
	width:340px;
	height:393px;	
	background-image: url('../images/prodajbablack.jpg') ;
	background-repeat:no-repeat;
}
#ImageProdajba:hover {
	position: absolute;
	left:680px;
	top:-260px;
	width:340px;
	height:393px;	
	background-image: url('../images/prodajba.jpg') ;
	background-repeat:no-repeat;
}
#about {
	position:absolute;
	left:0px;
	top:150px;
	width:343px;
	height:450px;
}
#services {
	position:absolute;
	left:410px;
	top:150px;
	width:343px;
	height:450px;
}
#contacts {
	position:absolute;
	left:820px;
	top:150px;
	width:338px;
	height:450px;
}
#footer {
	position:relative;
	left:px;
	top:824px;
	width:1024px;
	height:150px;
	background-color:#000;
}
#lang {
	position:absolute;
	left:935px;
	top:20px;
	z-index:3;
	color:#FFFFFF;
	font-family:Verdana, Geneva, sans-serif;
	text-decoration:none;
	font-weight:bold;	
	font-size:18px;
	background-color:;
	background-size:auto;	
    }
#stroejLink {
	position:absolute;
	left:15px;
	top:220px;
	z-index:3;
	color:#FFFFFF;
	font-family:Verdana, Geneva, sans-serif;
	text-decoration:none;
	font-weight:bold;	
	font-size:24px;
	background-color:;
	background-size:auto;	
    }
#obektiLink {
	position:absolute;
	left:15px;
	top:925px;
	z-index:3;
	color:#FFFFFF;
	font-family:Verdana, Geneva, sans-serif;
	text-decoration:none;
	font-weight:bold;	
	font-size:24px;
	background-color:;
	background-size:auto;	
    }
#prodajbaLink {
	position:absolute;
	right:25px;
	top:220px;
	z-index:3;
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	text-decoration:none;
	font-weight:bold;	
	font-size:24px;
	background-color:;
	background-size:auto;	
    }
#about_text {
	position:relative;
	left:15px;
	top:55px;
	z-index:3;
	color:#FFFFFF;
	font-family:Verdana, Geneva, sans-serif;
	text-decoration:none;
	font-weight:;	
	font-size:14px;
	background-color:;
	background-size:auto;
	word-wrap:break-word;
    }
#about_link {
	position:absolute;
	left:15px;
	top:20px;
	z-index:3;
	color:#FFFFFF;
	font-family:Verdana, Geneva, sans-serif;
	text-decoration:none;
	font-weight:bold;	
	font-size:20px;
	background-color:;
	background-size:auto;	
    }
#contacts_link {
	position:absolute;
	left:5px;
	top:20px;
	z-index:3;
	color:#FFFFFF;
	font-family:Verdana, Geneva, sans-serif;
	text-decoration:none;
	font-weight:bold;	
	font-size:20px;
	background-color:;
	background-size:auto;	
    }
#services_link {
	position:absolute;
	left:15px;
	top:20px;
	z-index:3;
	color:#FFFFFF;
	font-family:Verdana, Geneva, sans-serif;
	text-decoration:none;
	font-weight:bold;	
	font-size:20px;
	background-color:;
	background-size:auto;	
    }
#contacts_text {
	position:absolute;
	left:5px;
	top:55px;
	z-index:3;
	color:#FFFFFF;
	font-family:Verdana, Geneva, sans-serif;
	text-decoration:none;
	font-weight:;	
	font-size:14px;
	background-color:;
	background-size:auto;	
    }
#services_text  ul {
	position:absolute;
	left:15px;
	top:55px;
	z-index:3;
	color:#FFFFFF;
	font-family:Verdana, Geneva, sans-serif;
	text-decoration:none;
	font-weight:;	
	font-size:14px;
	background-color:;
	background-size:auto;	
	word-wrap:break-word;
	list-style-type:square;
    }
#extremedesign {
	position: absolute;
	left:5px;
	top:20px;
	width:245px;
	height:75px;	
	background-image: url('../images/extremedesign.png') ;
	background-repeat:no-repeat;
}
#stroygroup {
	position: absolute;
	left:850px;
	top:20px;
	width:175px;
	height:90px;	
	background-image: url('../images/stroygroup.png') ;
	background-repeat:no-repeat;
}
#footer_1 {
	position:absolute;
	left:500px;
	top:20px;
	z-index:3;
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	text-decoration:none;
	font-weight:;	
	font-size:14px;
	background-color:;
	background-size:auto;	
    }
#footer_2 {
	position:absolute;
	left:350px;
	top:50px;
	z-index:3;
	color:#FFFFFF;
	font-family:Verdana, Geneva, sans-serif;
	text-decoration:none;
	font-weight:;	
	font-size:14px;
	text-align: center;
	background-color:;
	background-size:auto;	
    }
#footer_3 {
	position:absolute;
	left:420px;
	top:80px;
	color:#D9251C;
	font-family:Verdana, Geneva, sans-serif;
	text-decoration:none;
	font-weight:;	
	font-size:14px;
	text-align: center;
	background-color:;
	background-size:auto;	
    }

a:link {
	color:#FFFFFF;
	text-decoration:none;
}
a:visited { 
	color:#FFFFFF; text-decoration:none;
	}
a:hover { 
	color:#FFFFFF; text-decoration:underline;
	}
a:active { 
	color:#FFFFFF; text-decoration:underline;
	}
@font-face {
	font-family: AdverGothic.ttf;
	src: url("AdverGothic.ttf");
	}
//.font {
	font-family: AdverGothic;
	font-size: 20px;
	}
#footer_4 {
	position:absolute;
	left:530px;
	top:100px;
	color:#FFFFFF;
	font-family:Verdana, Geneva, sans-serif;
	text-decoration:none;
	font-weight:;	
	font-size:14px;
	text-align: center;
	background-color:;
	background-size:auto;	
    }
#socialicon {
	position:absolute;
	left:700px;
	top:150px;
	color:#FFFFFF;
	font-family:Verdana, Geneva, sans-serif;
	text-decoration:none;
	font-weight:;	
	font-size:14px;
	text-align: center;
	background-color:;
	background-size:auto;
	}
ul.social {
	list-style: none;
	padding: 5px;
	}
.displace {
	position: absolute;
	left: 5px;
	}
ul.social li {
	float: left;
	list-style:inline;
	padding-left:5px;
	}
ul.social li a {
	display: block;
	width: 32px;
	height: 32px;
	background: url('../images/social.png') ;
	}
/*
*	Normal Links
*/
ul.social li.facebook a {
	background-position: 0px 0px;
	}
ul.social li.google a {
	background-position: -32px 0;
	}
ul.social li.twitter a {
	background-position: -64px 0;
	}
ul.social li.flickr a {
	background-position: -96px 0;
	}
ul.social li.pinterest a {
	background-position: -128px 0;
	}
ul.social li.vimeo a {
	background-position: -160px 0;
	}
ul.social li.youtube a {
	background-position: -192px 0;
	}
ul.social li.bloger a {
	background-position: -224px 0;
	}
/*
*	Hover Links
*/
ul.social li.facebook a:hover {
	background-position: 0 -32px;
	}
ul.social li.google a:hover {
	background-position: -32px -32px;
	}
ul.social li.twitter a:hover {
	background-position: -64px -32px;
	}
ul.social li.flickr a:hover {
	background-position: -96px -32px;
	}
ul.social li.pinterest a:hover {
	background-position: -128px -32px;
	}
ul.social li.vimeo a:hover {
	background-position: -160px -32px;
	}
ul.social li.youtube a:hover {
	background-position: -192px -32px;
	}
ul.social li.bloger a:hover {
	background-position: -224px -32px;
	}