/* osnovni elementi */

body {
	background-color:#1a1a1a;
	font: italic normal 12px Arial, Helvetica, sans-serif;
	color: #585858;
}




/* main layout elements */

#header h1 {
	text-indent: -9999px;
	line-height:1px;
	overflow:hidden;
	width:288px; height:54px;
	background: url(../images/logo.jpg) no-repeat left;
	float:left;
}

#header h1 a {
	width:288px; height:54px;
	display:block;
	overflow:hidden;
	float:left;
	
}


#header {
	height:81px; width:100%;
	overflow:hidden;
	float:left;
	clear:both;
	padding-bottom:107px;
	white-space:nowrap;

}
#works #header {
	padding-bottom:55px;

}

/* Main menu English **********************************************************************************/

#menu {
	float:right;
	position:relative;
	width:288px;
	height:81px;
	right:100px; top:0;
	background: url(../images/menu.jpg) no-repeat left top;
		overflow:hidden;

}

#menu dd a {
    text-indent: -100em;
    display:block;
	float:left;
}

#menu_portfolio a {
	position:absolute;
	left:0px;
	top:0px;
	width:109px;
	height:81px;
}

#menu_jobs a {
	position:absolute;
	left:109px;
	top:0px;
	width:67px;
	height:81px;
}

#menu_contact a {
	position:absolute;
	left:176px;
	top:0px;
	width:112px;
	height:81px;
}



#menu_portfolio a:hover {background: url(../images/menu.jpg) no-repeat 0 -81px;
}
#menu_jobs a:hover {background: url(../images/menu.jpg) no-repeat -109px -81px;}
#menu_contact a:hover {background: url(../images/menu.jpg) no-repeat -176px -81px;}


/* Home paga instances (item boxes) **********************************************************************************/

.instance {
	width:255px;
	padding:12px;
}

.doubleWidth {
	width:550px;

}

#items {
	top:100px; left:100px;
}

div.p_content {
	display:block;
	position:relative;
	text-align:left;
	font: normal 19px Georgia, "Times New Roman", Times, serif;
	color:#848f8a;
}

.instance a.thumbnail {
	margin-bottom:7px;
	display:block;
}

.instance p {
	padding-left:5px;
	line-height:16px;
	font-style: italic;
}

.instance p.name {
	color:#585858;
}

.instance p.explanation {
	color:#3d413f;
}

.semiblack {
	background: #1a1a1a;
}

#quotes {
	width:20px;
	height:18px;
	background: url(../images/messages/quotes.gif) no-repeat left top;
	position:absolute;
	left:-9px;
	top:-2px;
}


/* Single work page **********************************************************************************/

#content h3, #content p {
	margin-left:146px;
}


h3 {
	color:#848f8a;
	font: bold 15px Arial, Helvetica, sans-serif;
	text-indent: -9999px;
	line-height:1px;
	overflow:hidden;
	background: url(../images/leaveacomment.gif) no-repeat left top;	
	width:293px; height:34px;
	margin-top:40px;
}



h3#getintouch {
	background: url(../images/getintouch.gif) no-repeat left top;
	margin-top:64px;
}


#content p {
	color:#848f8a;
	width:600px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: 18px;
	margin-bottom:18px;
	letter-spacing:normal;
}

#content p a:link, #content p a:visited {
	color:#93c624;
	text-decoration:none;
	padding-bottom:1px;
}

#content p a:hover {
	text-decoration:none;
	background: url(../images/dotunderline4.gif) repeat-x left bottom;	
}

#content img {
	padding: 0px 0 0px 60px;
	margin: 16px 0 34px 0px;
}


/* forms */
form {
	margin-bottom:34px;
}

#fieldset_left {
	width:294px;
	float:left;
	display:inline;
	margin-left:140px;
}

#fieldset_center {
	width:421px;
	height:78px;
	overflow:hidden;
	float:left;
	display:inline;
	margin-left:12px;
}

#fieldset_right {
	width:67px;
	height:24px;
	overflow:hidden;
	float:left;
	display:inline;
	margin-left:15px;
	padding-top:3px;
}

#fieldset_left input {
	border: none;
	color:#fff;
	font-size:11px;
	outline-style:none;
	padding:4px 18px 0 18px;
	width:258px;
	height:24px;
	float:left;
	background-color:transparent;
	font-style: normal;
}

#fieldset_left .input_wrapper {
	background: url(../images/input.gif) no-repeat left top;
	width:294px;
	height:34px;
	margin-bottom:10px;
}

#fieldset_left .input_wrapper_focused {
	background: url(../images/input.gif) no-repeat left -34px;
}

#fieldset_center #textarea_wrapper {
	width:421px;
	height:78px;
	background: url(../images/textarea.gif) no-repeat left top;
}
	
/*#fieldset_center #textarea_wrapper:hover {
	background: url(../images/textarea.gif) no-repeat left -78px;
}*/
	
#fieldset_center textarea {
	background-color: transparent;
	float:left;
	outline-style:none;
	border: none;
	font: normal 11px/13px Arial, Helvetica, sans-serif;
	color: #fff;
	padding:0px 9px 0 18px;
	line-height: 14px;
	overflow: hidden;
	margin-top:10px;
	width:388px;
	height:54px;
}
	
form label, form #output_message {
	color:#585858;
	padding-left:146px;
	font-size: 11px;
	font-style: normal;	
}

form label {
	padding-left:0px;
}

#content form #loader_holder img {
	margin:0; padding:0; 
	padding-left:146px;
}
	
/*Comments*/

div#comments {
	width:732px;
	float:left;
	display:inline;
	margin-left:146px;
	margin-bottom:20px;
	}
	
	
div.comment_box {
	border-top:#363636 solid 1px;
	padding-top:4px;
	margin-bottom:4px;
	padding-bottom:30px;

}
div.comment_box .comment_name {
	color: #FFFFFF;
}

#content div.comment_box p.comment_info {
	margin-left:11px;
	font: 11px Arial, Helvetica, sans-serif;
}

#content div.comment_box p {
	margin-left:46px;

}


/* kod koji se startuje kad nema javascripta */

.semiblack:hover {
	background: black url(../images/semiblack.jpg) no-repeat left 100%;
}

.instance { 
	float:left;
}

#quotes {
	display:none;
}

#items {
	top:0; left:0;
	width:90%;
	margin: auto;
}