* { /* design resetter */
	margin: 0px;
	padding: 0px;
	border: 0px;
}
ul { list-style: none; }


/* HTMl tag redefinitions */
body {
	background: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #858585;
	padding-top: 25px; /* was 33px; */
	padding-left: 0px;
	padding-right: 0px;
	margin: 0px;
}
table {	table-layout: fixed; }
td { vertical-align: top; }

a:link,
a:visited,
a:active,
a:focus {
	color: #669900;
	text-decoration:none;
}
a:hover {
	text-decoration: underline;
}

/* generic elemets*/
a.cross { /* link with green cross */
	background: url(/Static/images/common/cross_big.gif) no-repeat;
	display: block;
	height: 15px;
	margin-top: 0px; /* was: 8px */
	padding-left: 20px; /* don't merge with margin, padding is here because we have to make space for background image */
	padding-top: 1px;
	float: left; /* so it doesn't span whole line */
	color:#669900;
}
a.cross:hover {

}

/* main holder table, composed of 5 columns: 4 for content, 235px width with 18 L&R padding
	the 5th column providing only right border, 1px wide.
   Cells merge to create space for contents.
*/
#wrapper {
	width: 941px;
	/*padding: 0px 20px;*/
	padding:0;
	margin: auto;
	position:relative;
}
#layout {
	width: 941px; /* 235 * 4 + 1 */
	margin: 0px;
}

/* typical content cell */
#layout td {
	width: 199px; /* 235-2*18 */
	padding: 10px 18px; /* was: 0px 18px */
	background-image: url(/Static/images/common/border_v.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
#layout td.rightmost { /* the rightmost cell, providing right border */
	width: 1px;
	padding: 0px; /* undo #layout td padding */
}

#layout td.empty { /* empty cell, with removed left border */
	background: none;
}

#layout tr.separator-h, /* row introducing a horizontal separation line between rows, crossing all columns it spans */
div.separator-h { /* a horizontal separator for use inside cells  */
	height: 18px;
	clear: both;
}
	#layout tr.separator-h td.line, /* actual separator line; separated, as we can choose how much columns it spans */
	div.separator-h {
		background-image: url(/Static/images/common/border_h.gif);
		background-repeat: repeat-x;
		background-position: center; /* center it! */

	}
	#layout tr.separator-h td.rightmost {
		background: none;
	}

/* depending on a page type (group|agency|details), set the leftmost's and rightmost's column appearance */
#group td.leftmost { background: none; }
#menuBanner td.rightmost,
#header td.rightmost {
	background: none;
}
#agency td.rightmost {
	background: none;
}

/* HEADER */
#header { /* header row [tr] */
	/*height: 100px;*/
	height:65px;
	color: #ADADAD;
}

	/* Cell with company logo, left or right */
	#header td.left,
	#header td.right {
		width: 235px; /* 235-18 -- only remove one padding */
		padding: 0px;

	}
	#header td.left {
		background: none; /* remove right border */
		padding-right: 0px;
	}
	#header td.right {
		/*padding-left: 0px;*/
		padding-left: 18px;
		width: 217px;
		/*vertical-align: middle;*/
		vertical-align:top;
	}

	#header div.logo { /* company logo holder */
		/*height: 52px;*/
	}
		#header td.right div.logo {
			/*float: right;
			margin-right: 33px;
			display: inline;*/
			width: 158px;
			padding-top:20px;
		}
	#header div.text { } /* Agency's custom text goes here */

/* /HEADER */

/* INNER TABLE: spans several layout cells to provide extra design capabilities  */
#layout table.inner,
#layout table.inner-dottized { /* spans at least 2 columns, used to horizontally align neighbouring prints */
	width: 100%;
}
#layout table.inner td {  }
	#layout table.inner td p {
		width: 100%;
	}
	#layout table.inner td p a { background-color:#E8F2D2; /*#C8FFC8;*/ }
	#layout table.inner td.left {
		padding-right: 18px;
		padding-left: 0px;
	}
	#layout table.inner td.right,
	#layout table.inner td.right-wb /* z borderjem */ {
		padding-left: 18px;
		padding-right: 0px;
	}
	#layout table.inner td.right,
	#layout table.inner td.left {
		background: none;
	}

/* /INNER TABLE */


#layout td.contents-2-wb,
#layout td.contents-3-wb { /* with border */
}
#layout td.contents-2-wob,
#layout td.contents-3-wob { /* without border */
	background: none;
}
#layout td.contents-2-wb,
#layout td.contents-2-wob {
	width: 434px;
}
#layout td.contents-3-wb {
	width: 669px;
}





img.headline {
	margin-bottom: 24px;
}

ul li {
	list-style: none;
	background-image: url(/Static/images/common/cross_small.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 11px;
}
ul li a {
/*	background-image: url(/Static/images/common/cross_small.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 11px;*/
}
ul li.selected /*a*/ {
	background-image: url(/Static/images/common/cross_hair.gif);
	background-color: #E8F2D2;
}

ul li a {
	color: #858585;
}
ul li.selected a {
	/*color:#669900;*/
	font-weight: bold;
}

div.description {
	margin: 10px 0px;
}

h1 {
	margin-bottom: 10px;
	/*margin: 18px 0px;*/
}

h2 {
	font-weight: bold;
	font-size: 12px;
}

p {
	margin: 6px 0px;
}
#layout td.picture {
	padding-right: 0px;
	width: 217px; /* 235 - 18 */
}


#layout tr.bottomright-dotize td {
	width: 188px; /* 215 - 18 - 11 */
	padding-right: 11px;
}
div.dotize {
	background-image: url(../images/common/bottomright_dots.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-bottom: 52px;
	padding-right: 11px;
}

#layout td.agency {
	padding: 0px;
	width: 100%;
}
div.dottize-3 {
	padding-left: 18px;
	padding-right: 18px;
	/*background: url(/Static/images/common/bottomright_dots.gif) repeat-x bottom left;*/
}

td.agency img {
	margin-bottom: 0px;
}


#header div.tagline,
td.agency div.tagline {
	margin-bottom: 5px;
	color: #A9ABAD;
}

td.agency div.tagline {
	font-weight: bold;
}

/* toolbar */
div.toolbar {
	/*background-color:#CCFF00;*/
}
div.toolbar a {
	background-repeat: no-repeat;
	height: 16px;
	padding-top: 4px;
}
	div.toolbar a.left {
		float: left;
		padding-left: 32px;
	}
	div.toolbar a.right {
		float: right;
		padding-right: 32px;
		background-position: right;
	}

/* Agencija */
td.agency div.text {
	/* was height: 54px;*/
	/* was margin-bottom: 3px;*/
	/*background-color:red;*/
}
td.agency a.link {
	/* nastavi viino */
	display: block;
	/*margin-bottom: 18px;*/
	/*color: #B2B2B2;*/
	/*font-weight: bold;*/
	margin-top:11px;
	text-decoration: none;
}
td.agency a.link:hover {
	text-decoration: underline;
}


#layout tr.journal td.item  {
	/*padding: 0px;*/
	padding-top: 0px;
	padding-bottom: 0px;
	background: none;
}

	tr.journal td.item div.title {
		font-weight: bold;
	}

.date {
		margin-bottom: 10px;
		clear:both;
		font-size:11px;
	}
	/*tr.journal td.item div.pluspoint {
		text-align:right;
		border:1px solid red;
		}*/
	tr.journal td.item a.cross {
		background: url(/Static/images/common/cross_big.gif) no-repeat;
		/*background-position: top right;*/
		height: 15px;
		/*text-align:right;*/
		margin: 0;
		float:none;
		padding:0 0 0 17px;
		display:inline;
	}


.othercompany {
	text-size: 10px;
}

/* MENI */
tr#menuBanner {
	height: 61px;
}
	#menuBanner td.menuBanner,
	#menuBanner td.menuBannerPr {
		padding: 0px;
		background: url(/Static/images/common/top_background.gif) repeat-x left top;
		text-align: right;
		width: 100%;

	}
	#menuBanner td {
		padding: 0px;
	}
	#menuBanner td.menuBannerPr {
		background: url(/Static/images/common/top_background_pr.gif) repeat-x 0px 60px;
	}
	#menuBanner div.border-left {
		background: url(/Static/images/common/top_left_border.gif) no-repeat left top;
		height: 70px;
		padding-top: 1px;

	}
		#menuBanner td.select div.border-left {
			height: 71px;
			padding-left: 20px;
		}
	#menuBanner td.select {
		background: url(/Static/images/common/background_wide.gif) repeat-x;
		padding-left: 0px;
	}
	#menuBanner td.select select {
		width: 100%;
		margin-top: 20px;
		border: 1px solid #808080;
	}

tr#menu { }
#menu td {
	padding-top: 0px;
	padding-bottom: 0px;
}
#menu img.headline {
	padding-bottom: 15px;
	padding-top: 11px;
	margin: 0px;
}

/* ZADNJE STVARITVE */
tr.last-creations { }
	#layout tr.last-creations .item {
		padding-top: 0px;
		padding-bottom: 0px;
		background: none;
	}
	tr.last-creations .item div.title {
		font-weight: bold;
		margin-top: 12px;
	}
	tr.last-creations .item a.link {
		color: #669900;

	}

/* SECTION: seznamki */
#section div.title {
	color: #92CC00;
}

.label {
	/*color: #6D912F;*/
	font-weight: bold;
}

/* dotted borderz */
.dotted-border {
	padding: 1px;
	background: url(/Static/images/common/background_composite.gif);
}

#layout div.button {
	width: 33px;
	background: url(/Static/images/common/background_button.gif) repeat-y top left;
	/*background: url(/Static/images/common/border_v.gif) repeat-y top left;*/
	float: right;
	padding: 0px 5px;
	/*margin-left: 401px;*/
}

#layout div.button div.end {
	background: url(/Static/images/common/border_v.gif) repeat-y top right;
}
	#layout div.button a {
	}

/* webkliping form */
#kliping-form { }
#kliping-form label,
#kliping-form input.text,
#kliping-form input.button {
	display: block;
}
#kliping-form input.text {
	border: 1px #808080 solid;
	width: 180px; /* 200-padding */
	padding: 1px 10px;
	margin: 4px 0px;
}
#kliping-form input.button {
	margin-top: 6px;
}

/* -- */

/* projektor */
div.projektor { }
.projektor div.title {
	float: left;
	width: auto;
}
.projektor div.pages {
	clear: both;
	width: auto;
	text-align: center;
}

.projektor div.pages div {
	background: url(/Static/images/common/border_v.gif) repeat-y top left;
	padding: 2px 6px 2px 7px;
	width: auto;
	display: inline;
	font-weight: bold;
}
.projektor div.pages div a {
	font-weight: normal;
}
.projektor div.pages div.page a.current {
	color: #797979;
}
.projektor a.info {
	float: right;
	display: block;
	background: url(/Static/images/button/info.gif) no-repeat;
	width: 21px;
	height: 20px;
}

/* projekti naronika */
div.clientProjects p {
	margin: 6px 0px;
}


/* FOOTER: meni in kopirajt */
tr.footer { }
	tr.footer td {
		background: none;
	}
	tr.footer div.menu {
		margin-bottom: 2px;
	}



/*  new inzide for project detailz */

.projectDesc {
	width: 669px;
	background-color:none;
	/*
	background-image: url(/Static/images/common/border_v.gif);
	background-repeat: repeat-y;
	background-position: 452px 0px;
	*/
	}
.projectDescLeft {
	float:left;
	width:316px; /* 452 - 18 right paddinga */
	padding: 0 18px 0 0 ;
	}
.projectDescRight {
	float:left;
	width:317px; /* 217 - 18 left paddinga */
	padding:8px 0 0 18px;
	}
	
img.projectDescHeading {
	display: block;
	margin-bottom: 3px;
}
div.projectDescSeparator {
	height: 15px;
}

/* da nu projektor */
.morePicsNavigation {
	margin:0;
	padding:4px 0 0 0;
	float:right;
}
.morePicsNavigation .morePicsItem {
	float:left;
	margin:0 0 0 2px;
	padding:4px 9px 4px 4px;
	background-image: url(/Static/images/button/number.gif);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	text-indent:4px;
}
.morePicsNavigation .morePicsSelected {
	background-image: url(/Static/images/button/number_bw.gif);
}
.morePicsNavigation a { color:white; }
.morePicsNavigation { color:white;  /*color:#666666;*/ font-size:10px; }

.netko{
position:absolute;
left:0;
top:-20px;
}

.banner_position{
position:relative;
}

.mail{position: relative; top: 5px; left: 2px;}

.banner-top{position:absolute; left:0; top:0;}