html {
	background:#751013 url(../images/bg-html.gif) top left repeat-x;
	font-size:12px;}
body {
	margin:0px;
	padding:0px;
	text-align:center;
	color:#212122;
	font-family:Arial,Tahoma,Helvetica,Sans-serif;}
.comm {
	border: 0px;
	margin-top:20px;
	margin-left:70px;
	margin-right:45px;}
.rec {
	margin-left:90px;
	margin-right:5px;
	padding: 5px;
	font-family:Tahoma;}
.story {
	margin-left:5px;
	margin-right:10px;}
#index {
	background: url(../images/bg-body.jpg) top center no-repeat;}
#about {
	background: url(../images/bg-body-about.jpg) top center no-repeat;}
#services {
	background: url(../images/bg-body-services.jpg) top center no-repeat;}
h1,h2,h3,h4,h5,h6,ul,li,form,div,p{
	margin:0px;
	padding:0px;}
h1, h2, h3 {
	font-weight:bold;
	font-size:22px;
	color:#3e3d3d;}
h4 {
	font-weight:bold;
	font-size:18px;
	color:#3e3d3d;}
h3,h4{
	padding-left:20px;}
cat {
	font-family:Century Gothic,Tahoma;
	padding-left:45px;}
got {
	font-family:Century Gothic,Tahoma;}
div {
	width:auto;
	height:auto;
	margin-left:auto;
	margin-right:auto;}
a {
	text-decoration:none;
	font-family:Century Gothic,Tahoma;
	color:#d53013;
	outline:none;}
a:hover {
	text-decoration: underline;
	color:#ff6c00;}

#main, #okvir {
	width:970px;}
#main {
	width:970px;
	text-align:left;}
#okvir {}
#header {
	text-align:right;
	background:url(../images/bg-header.jpg) top center no-repeat;
	/*background-color: #E9F3D9;*/
	height:307px;}
	#logo {
		float:left;
		padding-top:26px;}
#header a {
	color:#454545;
	padding-left:2px;
	padding-right:2px;
	text-decoration: underline;}
#header a:hover,a:focus {
	color:#454545;
	text-decoration:none;}		
#featured {
	height:294px;
	width:970px;
	background:url(../images/bg-featured.jpg) top center no-repeat;
	position:relative;}
	#f_project {
		position:absolute;
		width:480px;
		line-height:16px;
		top:91px;
		left:57px;
		color:#fff;}
		#f_project p {
			margin-bottom:12px;
			padding-left:7px;}
			#f_project p a {
				font-weight:bold;
				font-family:Verdana, Arial, Helvetica, sans-serif;}
				#f_project a.view_other_p {
					font-weight:bold;
					background: url(../images/bt-view-other-p.jpg) 0 0 no-repeat;
					display:block;
					width:133px;
					height:34px;
					text-indent:-9999px;}
				#f_project a.view_other_p:hover {
					text-decoration:none;
					background: url(../images/bt-view-other-p.jpg) 0 -34px no-repeat;}
		#f_project h1 {
			color:#fff;
			font-size:22px;
			padding-left:7px;
			margin-bottom:15px;}

/* index page */
#content {
	width:970px;}
/* about page */
#a_content {
	width:970px;
	padding-top:20px;
	background: url(../images/bg-about.gif) top center no-repeat;}
/* contact page */
#c_content {
	width:970px;
	padding-top:19px;
	background: url(../images/bg-contact.gif) top center no-repeat;}
#contact_content {
	width:970px;
	padding-bottom:19px;
	background: #fff url(../images/bg-contact-content.gif) bottom center no-repeat;
	float:left;
	/*height:580px;*/}
	#contact_content p {
		line-height:18px;}
	#contact_content h2 {
		padding-bottom:8px;}
	#contact_content form {
		padding-top:12px;}
	#contact_content form label {
		display: block;
		float: left; 
		width: 52px; 
		padding: 0; 
		margin: 14px 0 0;
		text-align: right;}
	#contact_content form input, #contact_content form select /*#contact_content form textarea*/ {
		outline:none;
		/*padding-right:8px;*/
		margin: 8px 0 0 5px;}
/*	#contact_content form select {
		border:none;
		background:url(../images/bg-input-contact.gif) top left no-repeat;}*/
	#contact_content form input {
		background:url(../images/bg-input-contact.gif)  0 0 no-repeat;
		border:none;
		width:202px;
		padding-top: 6px;
		font-size:11px;
		padding-bottom:5px;
		padding-left:8px;
		padding-right:8px;}
	#contact_content form input:focus {
		background:url(../images/bg-input-contact.gif) 0 -25px no-repeat;}
	#contact_content form select {
		width:212px; /* 218px */
		margin: 12px 0 0 5px;}
	#div_textarea {
		background:url(../images/bg-textarea-contact.gif) 0 0 no-repeat;
		margin: 8px 0 0 58px;
		padding-top:4px;
		padding-bottom:4px;}
	#div_textarea_1 {
		background:url(../images/bg-textarea-contact.gif) 0 0 no-repeat;
		margin: 8px 0 0 58px;
		padding-top:4px;
		padding-bottom:4px;}		
		
		
		* html .div_textarea {margin: 8px 0 0 60px;}
		* html #div_textarea {margin: 8px 0 0 60px;}
		* html #div_textarea_1 {margin: 8px 0 0 60px;}
	#contact_content form textarea {
		background-color: transparent;
		outline:none;
		resize:none;
		overflow:auto;
		height:88px;
		padding-top:4px;
		padding-left:4px;
		padding-bottom:4px;
		border:none;
		width:203px;}
	/*#contact_content form textarea:focus {
		background:#330066;}*/
	.contact_box {
		float:left;
		padding-right:20px;
		padding-left:20px;}
		.cu {
		width:281px;}
		.hos {
			width:291px}
		.ojsh {
			width:278px;}
	#contact_content form input#sendButton {
		width:84px;
		height:39px;
		display:block;
		margin-top:12px;
		margin-left:192px;
		text-indent:-9999px;
		background:url(../images/bg-button.gif) 0 0 no-repeat;
		cursor:pointer;}
	#contact_content form input#sendButton:hover {background:url(../images/bg-button.gif) 0 -39px no-repeat;}
	#contact_content form input#sendButton_say {
		width:84px;
		height:39px;
		display:block;
		margin-top:12px;
		margin-left:192px;
		text-indent:-9999px;
		background:url(../images/bg-button.gif) 0 0 no-repeat;
		cursor:pointer;}
	#contact_content form input#sendButton_say:hover {background:url(../images/bg-button.gif) 0 -39px no-repeat;}
/*---------*/
	#contact_content form a {
		/*float:right;*/
		width:84px;
		height:39px;
		display:block;
		margin-top:12px;
		margin-left:192px;
		text-indent:-9999px;
		background:url(../images/bg-button.gif) left top no-repeat;}
		#contact_content form a:hover {
			background:url(../images/bg-button-h.gif) left top no-repeat;}
	.c_business_card, .c_email, .c_skype  {
		width:85px;
		height:85px;
		display:block;
		text-indent:-9999px;
		float:left;}
	.c_business_card {
		background:url(../images/bcard.jpg) 0 0 no-repeat;}
	.c_business_card:hover {
		background: url(../images/bcard.jpg) 0 -85px no-repeat;}
	.c_email {
		background: url(../images/email.jpg) 0 0 no-repeat;}
		.c_email:hover {
			background: url(../images/email.jpg) 0 -85px no-repeat;}
	.c_skype {
		background: url(../images/skype.jpg) 0 0 no-repeat;}
		.c_skype:hover {
			background: url(../images/skype.jpg) 0 -85px no-repeat;}
/* projects page */
#p_content {
	width:970px;
	background:url(../images/bg-project-content-r.gif) top left repeat-y;}
	#p_content_bck {
		background: url(../images/bg-projects.gif) top center no-repeat;
		height:20px;}
	#p_content_details {
		background: url(../images/bg-projects.gif) top center no-repeat;
		padding-top:20px;
		width:970px;}
		#details_content {
			width:970px;
			background: #fff url(../images/bg-pcopy.gif) top left repeat-y;}
/* index page */
#content {
	width:970px;}
#right_sidebar {
	width:271px;
	height:400px;
	padding-top:19px;
	background: url(../images/bg-rightsidebar.gif) top right no-repeat;
	/*padding-left:11px;*/
	float:right;}
	#right_sidebar p {
		font-size:11px;
		font-weight:bold;}
		#right_sidebar p.title {
			font-size:12px;
			margin-bottom:4px;
			color:#212121;}
	#right_sidebar h3 {
		padding-left:12px;
		padding-bottom:12px;}
	.client {
		margin-bottom:12px;
		width:258px;
		float:left;
		padding-left:12px;}
	.client img {
		float:left;
		padding-right:12px;
		margin-bottom:5px;}
/* index page */
#home_content {
	width:680px;
	height:228px;
	padding-top:19px;
	padding-left:19px;
	background: #fff url(../images/bg-homecontent.gif) top left no-repeat;
	float:left;}
	#home_content p {}
/* about page */
#about_content, #services_content {
	width:932px;
	padding-left:19px;
	padding-right:19px;
	padding-bottom:19px;
	float:left;}
#about_content {
	background: #fff url(../images/bg-about-content.gif) bottom center no-repeat;}
#services_content {
	background: #fff url(../images/bg-services-content.jpg) bottom center no-repeat;
	/*height:690px*/;}
	#services_content p {
		padding-left:112px;
		padding-bottom:8px;
		line-height:18px;}
	#a_copy {
		float:left;
		width:552px;}
		#a_copy img {
			float:left;
			padding-right:12px;}
	#illustration {
		float:right;
		width:374px;}
	
	#home_content h2, #about_content h2, #projects_content h2 {
		margin-bottom:4px;}
	#home_content p, #about_content p {
		margin-bottom:10px;
		line-height:18px;}

/* projects page */
#projects_content, #projects_content_d {
	width:970px;
	padding-bottom:20px;
	float:left;}
#projects_content {
	background: url(../images/bg-project-content.gif) bottom center no-repeat;}
#projects_content_d {
	background: url(../images/bg-project-content-d.gif) bottom center no-repeat;
	padding-bottom:20px;}
		#p_copy, #p_copy_details {
		float:left;
		padding-left:8px;
		padding-right:8px;
		width:680px;}
		#p_copy {
			background:url(../images/bg-pcopy.gif) top right repeat-y;}
		#p_copy h2, #p_copy_details h2 {
			padding-left:12px;}
		#p_copy p.p12, #p_copy_details p.p12 {
			padding-left:12px;
			padding-bottom:12px;}
			#p_copy p, #p_copy_details p {
				line-height:18px;}
		.clients {
	width:671px;
	float:left;
	margin-top:15px;
	text-align:center;
}

		.d_client {
			width:678px;
			float:left;
			text-align:center;}
			.d_info {
				background:url(../images/bg-d-info.gif) top center no-repeat;
				height:80px;
				text-align:left;
				padding-left:22px;
				padding-right:22px;}
			* html .d_info {margin-top:-3px}
				.d_info p.comp {
					font-size:14px;
					padding-top:28px;
					/*text-transform:uppercase;*/
					font-weight:bold;
					color:#fff;}
			.dc_text {
				float:left;
				width:200px;}
			.bread_cd {
				float:left;
				width:200px;
				margin-top:30px;}
				.bread_cd a {
					background: url(../images/bg-bread-n.gif) center center no-repeat;
					height:14px;
					text-indent:-9999px;
					float:left;
					margin-left:8px;
					width:14px;
					display:block;}
					.bread_cd a.activecd, .bread_cd a:hover {
						background: url(../images/bg-bread-a.gif) center center no-repeat;}
			.navigation_dc {
				float:right;
				margin-top:14px;
				width:200px;}
				.navigation_dc a.back, .navigation_dc a.next {
					display:block;
					float:right;
					text-indent:-9999px;
					width:72px;
					height:44px}
				.navigation_dc a.back {
					background:url(../images/bg-dc-pre.gif) left center no-repeat;}
					.navigation_dc a.back:hover {
						background:url(../images/bg-dc-pre-h.gif) left center no-repeat;}
				.navigation_dc a.next {
					background:url(../images/bg-dc-next.gif) left center no-repeat;}
					.navigation_dc a.next:hover {
						background:url(../images/bg-dc-next-h.gif) left center no-repeat;}
			.d_comp_info {
				padding-left:12px;}
				.d_comp_info h3 {
					padding-top:12px;
					/*padding-bottom:12px;*/}
				.d_comp_info p {
					padding-bottom:12px;}
					.d_comp_info p.d_c_desc {
						font-size:10px;}

			.info {
				background:url(../images/bg-info.jpg) top center no-repeat;
				height:80px;
				text-align:left;
				padding-left:22px;
				padding-right:22px;}
			* html .info {margin-top:-3px}
			.text {
				float:left;
				width:300px;}
			.bt {
				float:right;
				width:300px;}
				.bt img {}
				.bt a {
					float:right;
					margin-top:18px;
					background:url(../images/bt-details.gif) 0 0 no-repeat;
					height:32px;
					width:127px;
					text-indent:-9999px;}
					.bt a:hover {
						background:url(../images/bt-details.gif) 0 -32px no-repeat;}

#pright_sidebar {
	width:274px;
	height:1000px;
	background: url(../images/bg-pright-sidebar.gif) top left repeat-x;
	float:right;}
	* html #pright_sidebar {padding-bottom:166px;} /* ovde je morao ovaj glupi hack, zbog visine, morace da se modifikuje */
#dright_sidebar {
	width:274px;
	float:right;}
	.client p {
		font-size:14px;
		padding-left:30px;}
		#pright_sidebar p.title {
			font-size:12px;
			margin-bottom:4px;
			color:#212121;}
	#pright_sidebar h3, #dright_sidebar h3 {
		padding-left:12px;
		padding-bottom:8px;}
		.pt {
			padding-top:18px}
	.testimonial {
		margin-left:12px;}
		p.cloud {
			background:url(../images/bg-cloud.gif) 0 0 no-repeat;
			padding:8px;
			font-size:11px;
			line-height:14px;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			width:220px;
			height:96px;}

		
#hccontent {
	float:left;
	width:699px;
	height:122px;}

#footer {
	color: #fefefe;
	padding-top:21px;
	font-size:11px;
	width:970px;
	height:50px;}
	#cop {
		float:left;
		width:400px;}
	#cop img {
		float:left;
		padding-right:4px;}
	#cop p {
		line-height:22px;}
	#newsletter {
		float:right;}
		#newsletter input, #newsletter label {
			float:left;}
		#newsletter label {
			padding-right:10px;
			padding-top:6px;}
		#newsletter input.inp{
			border: none;
			float:left;
			width:186px;
			padding-top:6px;
			padding-bottom:0px;
			padding-left:10px;
			margin-right:-2px;
			outline:none;
			height:18px;
			font-family:Tahoma,Helvetica,Sans-serif;
			font-size:11px;
			color:#4C4C4C;
			background: url(../images/bg-newsletterinput.jpg) left center no-repeat;}
		#newsletter input.inp:focus{
			background: url(../images/bg-newsletterinput_hover.jpg) left center no-repeat;}

.popup_message {
	position:absolute;
	background:#f6b36f;
	top:350px;
	left:50%;
	width:398px;
	margin-left:-200px;
	display:none;
	height:80px;
	border:#000;}

#sign {
	padding-left:10px;
	font-family:Century Gothic,Tahoma;}