/* Created by Array Studio doo, Serbia				*/
/* Contact: predrag@arraystudio.com					*/


#doc2 {
	
	}

/* 1. Clearfix */

.clearfix:after { /* ie.css, ie7.css */
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

h2 {
	color:#6e4242;
	font-family:"Trebuchet MS", arial, sans-serif;
	font-size:161.6%;
	font-weight:bold;
	margin-bottom:0.85em;
	}
	

a:link {
	color:#6e4242;
	}
	
a:visited {
	color:#6e4242;
	}
	
a:hover {
	color:#333;
	}

p strong {
	font-weight:bold;
	}	

p.centered {
	text-align:center;
	}

p {
	margin-bottom:1em;
	line-height:1.4em;
}

em {
	font-style:italic;
}
	
/* header */

#header {
	background:transparent url(../graphics/bgnd-header.gif) repeat-x;
	}
	

.menu-holder {
	background:transparent url(../../images/bgnd-header.jpg) no-repeat;
	height:300px;
	width:930px;
	margin:0 auto;
	}
		
.menu-holder ul {
	float:right;
	}

.menu-holder ul li {
	display:block;
	float:left;
	color:#f8debd;
	font-family:"Trebuchet MS", arial, sans-serif;
	font-size:131%;
	font-weight:normal;
	margin:0.5em 1.75em 0 0;
	}
	
.menu-holder ul li.selected a:link,
.menu-holder ul li.selected a:visited {
	text-decoration:underline;
}
	
	
.menu-holder ul li.last {
	margin-right:0;
	}
	
.menu-holder ul li a:link {
	color:#f8debd;
	text-decoration:none;
	}
	
.menu-holder ul li a:visited {
	color:#f8debd;
	text-decoration:none;
	}
	
.menu-holder ul li a:hover {
	color:#f8debd;
	text-decoration:underline;
	}
	
h3 {
	color:#6e4242;
	font-family:"Trebuchet MS", arial, sans-serif;
	font-size:123.1%;
	font-weight:bold;
	margin-bottom:0.85em;
	}
	
h3.tl {
	background:url(../../images/logo/tatjana-lazic-logo-small.jpg) no-repeat right;
	padding-right: 30px;
	height: 35px;
}	
	
h3.tl-spec {
	background:url(../../images/logo/tatjana-lazic-logo-small.jpg) no-repeat right top;
	padding-right: 30px;
}

h3.sub-title {
	padding-top: 30px;
	border-bottom: 1px solid #999;
}

h4 {
	color:#6e4242;
	font-family:"Trebuchet MS", arial, sans-serif;
	font-size:123.1%;
	margin-bottom:0.35em;
	font-weight:bold;
	}
	
h4 span {
	font-style:italic;
	font-weight:normal;
	font-size:93%;
	color:#af6969;
	}

.long-copy p {
	width:60%;
}
	
.long-copy ul li {
	list-style:disc inside;
}
	
.large-text p {
	font-size:108%;
	
	}
	
.large-text .yui-gf {
	margin-bottom:2.5em;
	}
	
.large-text .seccond {
	margin-top:2em;
	}
	
.team-holder {
	text-align:left;
	}
	
.team-holder p {
	color:#797300;
	font-family:"Trebuchet MS", arial, sans-serif;
	font-size:108%;
	font-weight:normal;
	margin-bottom:0.85em;
	line-height:1.2em;
	}	
	
.team-holder img {
	float:left;
	margin-right:1em;
	}

.portfolio-holder p {
	color:#797300;
	font-family:"Trebuchet MS", arial, sans-serif;
	font-size:123.1%;
	font-weight:normal;
	margin-bottom:0.85em;
	line-height:1.05em;
	}
	
.portfolio-holder p,
.portfolio-holder h3,
.portfolio-holder img {
	text-align:center;	
	}	
	
.first-column h2,
.seccond-column h2,
.third-column h2 {
	color:#6e4242;
	font-family:"Trebuchet MS", arial, sans-serif;
	font-size:153.9%;
	font-weight:bold;
	text-align:center;
	background:transparent url(../graphics/bgnd-h2.gif) repeat-x bottom;
	padding-bottom:0.75em;
	margin-top:0.8em;
	}	



.portfolio-text ul li {
	list-style-type:disc;
	margin-left:20px;
}

.portfolio-text ul {
	margin-bottom:15px;
}

.portfolio-text h3 {
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size:123.1%;
	color:#6e4242;
}

.text {
	margin-top:60px;
}

.portfolio-text table {
	margin-top:20px;
	margin-bottom:20px;
}

.portfolio-text table tr td {
	color:#fff;
	border:1px solid #6e4242;
	text-align:center;
	width:150px;
}

.portfolio-text table th {
	background:#6e4242;
	color:#fff;
	text-align:center;
	border:1px solid #6e4242;
	font-weight:bold;
	font-size:131%;
}

.even {
	background:#915656;
}

.odd {
	background:#c67575;
}

.pic-text {
	margin-left: 0px !important;
}

.pic-text h3 {
	font-size:100%;
	margin-bottom:0px;
}

.pic-text img {
	float:left;
	margin-right:5px;
}

.pic-text ul {
	padding-top:0.5em;
}

.pic-text ul li {
	list-style:disc inside;
	font-size:85%;
	padding-bottom:0.2em;
	color:#999;
}

.block {
	margin-bottom:10px;
}

.intro-text {
	width:580px;
	margin-bottom:20px;
}

	
.first-column ul {
	
	}
	
.first-column ul li {
	list-style:none;
	color:#6c574b;
	font-family:georgia, serif;
	font-size:123.1%;
	font-weight:normal;
	font-style:italic;
	background:transparent url(../graphics/list-style-leaf.gif) no-repeat 0 1.15em;
	padding:1em 0 0 2em;
	margin-left:0;
	}
	
.first-column ul li span {
	color:#772c18;
	font-size:90%;
	font-weight:bold;
	
	}
	
.first-column ul li a:link,
.seccond-column ul li a:link {
	color:#6c574b;
	text-decoration:none;
	}
	
.first-column ul li a:visited,
.seccond-column ul li a:visited {
	color:#6c574b;
	text-decoration:none;
	}
	
.first-column ul li a:hover,
.seccond-column ul li a:hover {
	color:#333;
	text-decoration:none;
	}
	
.seccond-column ul li {
	color:#6c574b;
	font-family:georgia, serif;
	font-style:italic;
	background:transparent url(../graphics/list-style-leaf.gif) no-repeat 0 0.87em;
	padding:1em 0 0.31em 1.7em;
	}	

.seccond-column ul li {
	font-size:167%;
	font-weight:normal;
	}
	
.third-column p {
	color:#6c574b;
	font-family:georgia, serif;
	font-style:italic;
	font-size:123.1%;
	padding:1em 0 0 0.4em;
	}
	
.third-column p.signature {
	font-style:normal;
	padding:0.4em 0 0 0.4em;
	}
	
ul.decorated-list {
	font-size:120%;
	margin-top:1em;
}
	
ul.decorated-list li {
	list-style:none;
	color:#6c574b;
	font-family:georgia, serif;
	font-size:123.1%;
	font-weight:normal;
	font-style:italic;
	background:transparent url(../graphics/list-style-leaf.gif) no-repeat 0 0.3em;
	color:#6C574B;
	font-family:georgia,serif;
	font-style:italic;
	padding:0.5em 0 0.5em 2em;
	margin-left:0;
}

ul.decorated-list li a:link,
ul.decorated-list li a:visited {
	color:#6C574B;
	text-decoration:none;
}

ul.decorated-list li a:hover {
	color:#333333;
	text-decoration:none;
}

img.inside-portfolio {
	border:2px solid #e9d1a3;
}

.tech ul li {
	height:38px;
}

.technology-used {
	margin-top:2em;
}

h3.back {
	height:26px;
	background:#fff url(../graphics/arrow-left-slider.gif) no-repeat 0 0;
	padding:8px 0 0 40px;
	font-size:100%;
	
}

.sub-note {
	text-align:center;
	font-size:93%;
	padding:1em 2em;
	border:2px solid #e3c797;
	margin-bottom:1em;
}

.sub-note strong {
	font-weight:bold;
}

#footer {
	background:#ad5e29 url(../graphics/bgnd-footer.gif) repeat-x;
	height:2.8em;
	width:100%;
	position:relative;
	margin-top:2.5em;
	margin-top:107px;
	margin-bottom:0;
	padding-bottom:0;
	}

#footer p {
	color:#f8debd;
	font-family:"Trebuchet MS", arial, sans-serif;
	font-size:93%;
	float:right;
	padding:0.8em 2em 0 1.8em;
	margin-bottom:0;
	}

	
#footer ul {
	height:2.6em;
	overflow:hidden;
	}
	
#footer ul li {
	color:#f8debd;
	font-family:"Trebuchet MS", arial, sans-serif;
	font-size:93%;
	display:block;
	float:left;
	padding:0.8em 0.5em 0 1.8em;
	}

#footer ul li a:link {
	color:#f8debd;
	text-decoration:none;
	}


#footer ul li a:visited {
	color:#f8debd;
	text-decoration:none;
	}

#footer ul li a:hover {
	color:#f8debd;
	text-decoration:underline;
	}

#footer ul li.selected a:link,
#footer ul li.selected a:visited {
	text-decoration:underline;
	}

#footer img.address {
	position:absolute;
	top:-77px;
	right:10px;
	}
	
	/* sample background details  */
	
.aqua {
	background:aqua;
	}
	
.red {
	background:red;
	}
	
.navy {
	background:navy;
	}
	
.yellow {
	background:yellow;
	}
	
	h1 {
		padding:10px 0 0 0;
		margin:0 0 0 0;
		float:left;
		overflow:hidden;
		margin-left:100px;
	}

	h1 a:link,
	h1 a:visited {
		text-indent:-1000em;
		background:transparent;
		display:block;
		width:289px;
		height:66px;
	}
	

	
	h1 a:hover {
		text-indent:-1000em;
		background:transparent;
		display:block;
		width:289px;
		height:66px;
	}
	

p.feedTitle {
	background:transparent url(../graphics/bgnd-h2.gif) repeat-x scroll center bottom;
	font-family:"Trebuchet MS",arial,sans-serif;
	font-size:153.9%;
	font-weight:bold;
	padding:0;
	margin:0;
	margin-top:0.8em;
	padding-bottom:0.75em;
	text-align:center;
	line-height:1.231;
}

p.feedTitle a:link,
p.feedTitle a:visited {
	color:#6E4242;
	text-decoration:none;
}

p.feedTitle a:hover {
	color:#6E4242;
	text-decoration:none;
}

p.date {
color:#772C18;
font-size:90%;
font-weight:bold;
}

.first-column ul li span.headline {
	color:#6C574B;
	font-family:georgia,serif;
	font-style:italic;
	font-size:100%;
	font-weight:normal;
	list-style-image:none;
	list-style-type:none;
}

.first-column ul li div {
	font-size:90%;
}

#creditfooter {
	padding-top:20px;
}

/* Vladan Izmene */

.sub-menu-border {
	background: url(../graphics/bgnd-border.gif) repeat-x;
	height: 11px;
	margin-bottom: 20px;
}

ul.sub-menu {
	font-family: Helvetica, Arial, sans-serif;
}

ul.sub-menu li.print {
	float:left;
	text-align: center;
	background: url(../graphics/bgnd-regular-link.gif) no-repeat bottom;
	font-weight: bold;
	font-size: 24px;
	color: #926161;
	width: 235px;
	height: 39px;
	margin-top: 10px;
	padding-top: 8px;
	margin-right: 2px;
}

ul.sub-menu li.web {
	color: #6e4242;
	background: url(../graphics/bgnd-visited-link.gif) no-repeat bottom;
	font-size: 28px;
	font-weight: bold;
	width: 235px;
	height: 47px;
	padding-top: 11px;
	margin-right: 2px;
	float: left;
	text-align: center;
}

ul.sub-menu li.print a:link,
ul.sub-menu li.print a:visited {
	text-decoration: none;
	color: #926161;
	display: block;
	padding-top: 5px;
}

ul.sub-menu li.print a:hover {
	text-decoration: none;
	color: #926161;
}

ul.sub-menu li.web a:link,
ul.sub-menu li.web a:visited {
	text-decoration: none;
	color: #6e4242;
	display: block;
	padding-top: 5px;
}

ul.sub-menu li.web a:hover {
	text-decoration: none;
	color: #6e4242;
}

.block-test {
	border-bottom: 1px solid #6e4242;
	padding: 10px 0px 27px 0px;
	margin-bottom: 20px;
}

.image {
	float: left;
	margin-right: 22px;
}

.description {
	float: left;
	width: 627px;
}

.more {
	float: right;
	margin-top: 167px;
}

.block-test h3.sample {
	font-family:Helvetica, Arial, sans-serif;
	font-size: 30px;
	font-weight: bold;
	color:#333;
	margin: 0px 0px 14px 0px;
	letter-spacing: -1px;
}

.block-test h3.sample a:link,
.block-test h3.sample a:visited {
	color: #333;
	text-decoration: none;
}

.block-test h3.sample a:hover {
	color: #333;
	text-decoration: none;
}

.block-test ul.sample-list {
	font-family: Georgia, Arial, sans-serif;
	font-size: 14px;
	font-style: italic;
	color: #6c574b;
	margin-left: 2px;
}

.block-test ul.sample-list li {
	background: url(../graphics/list-style-leaf-small.gif) no-repeat;
	padding: 0px 0px 14px 20px;
	line-height: 18px;
}

.more-text {
	float: left;
	padding-right: 13px;
	padding-top: 3px;
	font-weight: bold;
	letter-spacing: -1px;
}

.more-text span {
	font-weight: normal;
	letter-spacing: 0px;
}

.more-text p {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: #6e4242;
	letter-spacing: -1px;
	padding-bottom: 0px;
}

.more-text p a:link,
.more-text p a:visited {
	text-decoration: none;
	color: #6e4242;
}

.more-text p a:hover {
	text-decoration: none;
	color: #6e4242;
}

.more-arrow {
	float: left;
}

.description-text {
	float: left;
	width: 420px;
	padding-right: 10px;
}

.specification-logo {
	float: right;
}

.specification {
	float: left;
}

.firm-logo {
	float: left;
}

.firm-note {
	float: left;
	text-align: left;
	width: 400px;
	padding: 5px 0px 0px 50px;
}

.fwm {
	width: 300px;
}

h3.sample-logo {
	padding-top: 30px;
}

p.small {
	font-size: 13px;	
}

/* Vladan Izmene - Kraj */