/* ***************************************************** */
/* General */
/* ***************************************************** */

a { outline: none }

body
{
	margin: 0px;
	padding: 0px;
    text-align: center;
	background-color: #000;
	font-family: Arial, Verdana, sans-serif;
	font-weight: normal;
	color: #787878;
	font-size: 80%;
	line-height: 1.4em; 	
}

{
    background-image: url('../img/bg-lines-bottom.png');
    background-repeat: repeat-x;
    background-position: bottom;
	font-size: 100%;
	padding: 0px 0px 3px 2px;	
    color: #fff;
    text-transform: uppercase;
    font-weight: normal;
    margin-top: 1.5em;
}

td
{
	font-size: 80%;
	line-height: 1.4em; 	    
}

h2
{
    color: #fff;
    text-transform: uppercase;
    font-size: 100%;
    font-weight: bold;
}

h3
{
    text-transform: uppercase;
    font-size: 100%;
    font-weight: bold;
    margin-bottom: 0px;
    padding: 0px;
}

a { color: #ffffff; text-decoration: none;}

/* Clear */

div.clear,
br.clear
{
    clear: both;
}

/* Empty error pages */

div.error-page
{
    margin: 35px;
    font-size: 155%;
    height: 440px;
}

/* ***************************************************** */
/* Layout elements */
/* ***************************************************** */

div.container
{ 
	width: 985px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

/* ***************************************************** */
/* Logo and menu*/

div.logo-menu
{
	float: left;
	width: 228px;
}

div.logo,
div.contact-house-lang,
div.menu
{
	background-image: url('../img/bg-lines-bottom.png');
	background-repeat: repeat-x;
	background-position: bottom;
}

div.logo
{
	height: 126px;
}

div.logo img
{
	border: 0px;
}

div.logo-menu img.home-link-si
{
	border: 0px;
	margin: 200px 0px 10px 35px;
}

div.logo-menu img.home-link-en
{
	border: 0px;
	margin: 200px 0px 10px 20px;
}

div.contact-house-lang
{
	padding: 10px 0px 12px 0px;
}

div.contact-house-lang img.contact-si,
div.contact-house-lang img.contact-en,
div.contact-house-lang img.house-si,
div.contact-house-lang img.house-en,
div.contact-house-lang img.language-si,
div.contact-house-lang img.language-en
{
	border: 0px;    
}

div.contact-house-lang a.contact-si
{
	margin: 1px 5px 0px 18px;
    padding: 0px 25px 0px 25px;
	background-image: url('/si/media/img/kontakt.png');
	background-repeat: no-repeat;
}

div.contact-house-lang a.contact-si:hover,
div.contact-house-lang a.contact-en:hover,
div.contact-house-lang a.house-si:hover,
div.contact-house-lang a.house-en:hover
{
    background-position: 0px -18px;
}

div.contact-house-lang a.contact-en
{
	margin: 1px 0px 0px 12px;
    padding: 0px 26px 0px 26px;
	background-image: url('/en/media/img/contact.png');
	background-repeat: no-repeat;
}

div.contact-house-lang img.separator
{
	margin: 1px 10px 0px 10px;
}

div.contact-house-lang a.house-si
{
	margin: 1px 5px 0px 5px;
    padding: 0px 13px 0px 13px;
	background-image: url('/si/media/img/hisa.png');
	background-repeat: no-repeat;
}

div.contact-house-lang a.house-en
{
	margin: 1px 0px 0px 0px;
    padding: 0px 20px 0px 20px;
	background-image: url('/en/media/img/house.png');
	background-repeat: no-repeat;
}

div.contact-house-lang img.language-si
{
	margin: 0px 0px 0px 5px;
}

div.contact-house-lang img.language-en
{
	margin: 0px 0px 0px 0px;
}

div.menu
{
	padding-bottom: 15px;
}

div.menu ul
{
	background-image: url('../img/bg-menu.png');
	background-repeat: no-repeat;
	background-position: 0px 4px;
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
	margin-top: 24px;
	line-height: 0px;
}

div.menu ul li
{
	margin: 0px;
	padding: 0px;
}

div.menu ul a
{
	display: block;
	padding: 0px 0px 0px 80px;
	margin: 0px;
}

div.menu ul a img
{
	margin: 10px 0px 14px 0px !important;
	margin: 10px 0px 11px 0px;
	border: 0px;
	padding: 0px;
}

div.menu ul a.menu-01:hover img,
div.menu ul a.menu-02:hover img,
div.menu ul a.menu-03:hover img,
div.menu ul a.menu-04:hover img,
div.menu ul a.menu-05:hover img,
div.menu ul a.menu-06:hover img,
div.menu ul a.menu-07:hover img
{
    visibility: hidden;
}

div.menu ul a.menu-01-selected
{
	background-image: url('../img/menu/bg-menu-01.png');
	background-repeat: no-repeat;
    background-position: -1px -51px;
}

div.menu ul a.menu-02-selected
{
	background-image: url('../img/menu/bg-menu-02.png');
	background-repeat: no-repeat;
	background-position: 7px -52px;
}

div.menu ul a.menu-03-selected
{
	background-image: url('../img/menu/bg-menu-03.png');
	background-repeat: no-repeat;
	background-position: 14px -55px;
}

div.menu ul a.menu-04-selected
{
	background-image: url('../img/menu/bg-menu-04.png');
	background-repeat: no-repeat;
	background-position: 15px -60px;
}

div.menu ul a.menu-05-selected
{
	background-image: url('../img/menu/bg-menu-05.png');
	background-repeat: no-repeat;
	background-position: 12px -63px;
}

div.menu ul a.menu-06-selected
{
	background-image: url('../img/menu/bg-menu-06.png');
	background-repeat: no-repeat;
	background-position: 8px -65px;
}

div.menu ul a.menu-07-selected
{
	background-image: url('../img/menu/bg-menu-07.png');
	background-repeat: no-repeat;
	background-position: -1px -69px;
}

/* Phone number */

img.phone
{
	margin: 30px 0px 10px 35px;
}


/* Content */

div.content
{
	margin-left: 228px;
	padding: 15px 0px 20px 20px;
	border-left: solid 1px #8c8c8c;
}

div.content-goodies
{
	margin-left: 228px;
	padding: 25px 0px 20px 20px;
}

/* ***************************************************** */
/* Content elements */
/* ***************************************************** */

/* ***************************************************** */
/* Blurbs on the top of the page */

div.blurb,
div.inline-blurb
{
	width: 650px;
	font-family: "Myriad Pro", Arial, sans-serif;
	font-weight: lighter;
	font-size: 155%;
	line-height: 1.3em;
	margin-bottom: 15px;
}

div.inline-blurb
{
	font-size: 120%;
}

/* ***************************************************** */
/* Box header */

div.box
{
	background-image: url('../img/bg-box.png');
	background-repeat: no-repeat;
}

div.box div.box-header
{
	background-image: url('../img/bg-box.png');
	background-repeat: no-repeat;		
	background-position: right -70px;
	text-transform: uppercase;
	color: #787878;
	padding: 5px 15px 7px 15px;
	font-size: 90%;
}

div.box-header div.print-in-header
{
    float: right;
    text-transform: none;
}

div.box div.box-content,
div.box div.box-content-indent
{
	background-image: url('../img/bg-lines-bottom.png');
	background-repeat: repeat-x;
	background-position: top;	
	padding: 6px 5px 6px 5px;
	font-size: 85%;
	font-weight: normal;
	line-height: 1.4em;
}

div.box div.box-content-indent
{
	padding: 6px 5px 6px 15px;    
}

div.illustration-workflow
{
    float: right;
    width: 500px;
}

/* Location for photographers */

div.box div.box-header span.location
{
	text-transform: none;
}

/* Photographers' names */

div.box div.box-header span.photographer-portfolio,
div.box div.box-header span.illustrator-portfolio
{
    color: #ffffff;
}

/* Type of work for photographers */

div.box div.box-header span.work-type
{
	text-transform: none;
}


/* ***************************************************** */
/* "More" links */

a.more
{
	display: block;
	margin-top: 5px;
	text-align: right;
	color: #fff;
	text-decoration: none;
	font-size: 85%;
	padding-right: 0px;
	text-transform: uppercase;
}

a.more img
{
	position: relative;
	margin-bottom: -2px;
	margin-left: 3px;
	border: 0px;
}

/* ***************************************************** */
/* Table for photographers, illustrators, projects */

table.photographers td,
table.illustrators td,
table.projects td
{
	width: 33%;
	padding-bottom: 20px;
	vertical-align: top;
}

table.photographers td div.box,
table.illustrators td div.box,
table.projects td div.project
{
	margin-right: 15px;
}

img.photographer,
img.illustrator
{
	float: left;
	margin: 0px 7px 3px 0px;
	border: 0px;
}

table.projects td
{
    padding-top: 15px;
	background-image: url('../img/bg-lines-bottom.png');
	background-repeat: repeat-x;
	background-position: -2px bottom;
}

table.projects div.project img
{
    border: 0px;
}

table.projects div.project img.project-thumb
{
    margin: 5px 0px 5px 0px;
}

table.projects div.project div.project-name
{
    text-transform: uppercase;
    color: #fff;
}

table.projects div.project div.project-name a
{
    text-decoration: none;
    color: #fff;
}

table.projects div.project div.project-desc
{
    font-size: 85%;
    line-height: 1.3em;
    padding-right: 25px;
}

table.projects div.project div.more
{
    text-align: right;
    padding-right: 2px;
}

table.projects div.project div.more img
{
    position: relative;
    margin-top: -1em;
    margin-left: 1em;
}

table.projects div.project div.credits span.label
{
    color: #aaa;
}

table.illustrations td
{
    padding-top: 15px;
    padding-bottom: 40px;
	background-image: none;
}

/* ***************************************************** */
/* Production */

table.production td
{
    width: 240px;
}

table.production div.box1,
table.production div.box2,
table.production div.box3,
table.production div.box4,
table.production div.box5,
table.production div.box6,
table.production div.box7,
table.production div.box8,
table.production div.box9
{
    margin-right: 10px;
    background-image: url('../img/bg-produkcija.jpg');
    background-repeat: no-repeat;
}

table.production div.box1 { background-position: 0px 31px; }
table.production div.box2 { background-position: -234px 31px; }
table.production div.box3 { background-position: -468px 31px; }
table.production div.box4 { background-position: 0px -210px; }
table.production div.box5 { background-position: -234px -210px; }
table.production div.box6 { background-position: -468px -210px; }
table.production div.box7 { background-position: 0px -451px; }
table.production div.box8 { background-position: -234px -451px; }
table.production div.box9 { background-position: -468px -451px; }

table.production td div.box-content
{
    background-color: #000;
    height: 176px;
    padding-left: 15px;
}

table.production td div.box-content div.text div.names
{
    margin-top: 1em;
    text-transform: uppercase;
    color: white;
}

table.production td div.box-content div.text div.names .name
{
    display: block;    
    margin: 0px;
    padding: 0px;
}

table.production td div.box-content div.text div.names a:hover.name
{
    text-decoration: underline;
}

/* ***************************************************** */
/* Company info */

div.company-location
{
    width: 461px;
}

div.company-location #map
{
    cursor: pointer;
}

div.company-location div.box-content
{
    margin: 0px;
    padding: 0px;
}

ul.ui-accordion-container
{
    float: right;
    width: 240px;
    margin-top: 0px;
    margin-left: 20px;
    padding-left: 0px;  
    list-style-type: none;
}

ul.ui-accordion-container li
{
	background-image: url('../img/bg-box.png');
	background-repeat: no-repeat;
}

ul.ui-accordion-container li div.header
{
	background-image: url('../img/bg-box.png');
	background-repeat: no-repeat;		
	background-position: right -70px;
	text-decoration: none;
	text-transform: uppercase;
    padding: 5px 15px 7px 15px;
	font-size: 90%;
}

ul.ui-accordion-container li a.header
{
	color: #787878;
}

ul.ui-accordion-container li div
{
	background-image: url('../img/bg-lines-bottom.png');
	background-repeat: repeat-x;
	background-position: top;	
	padding: 6px 5px 6px 15px;
	font-size: 85%;
	font-weight: normal;
	line-height: 1.4em;
}

ul.ui-accordion-container li div ul.contacts
{
    list-style-type: none;
    margin-top: -6px;
    margin-left: -17px;
    padding-left: 0px;
}

ul.ui-accordion-container li div ul.contacts li
{
    background-image: none;
    text-indent: -0.8em;
	background-image: url('../img/bg-lines-bottom.png');
	background-repeat: repeat-x;
	background-position: top;
	padding: 7px 0px 7px 1.8em;
}

ul.ui-accordion-container li div ul.awards,
ul.ui-accordion-container li div ul.links
{
    list-style-type: none;
    margin-left: 0px;
    padding-left: 0px;
}

ul.ui-accordion-container li div ul.awards li
{
    clear: left;
    padding: 10px 0px 10px 0px;
}

ul.ui-accordion-container li div ul.awards img
{
    float: left;
    margin: 0px 10px 0px 0px;
}

ul.ui-accordion-container li div ul.awards li,
ul.ui-accordion-container li div ul.links li,
ul.ui-accordion-container li div div.award-name
{
	background-image: none;
}

ul.ui-accordion-container li div ul.links li
{
    margin: 1em 0px 1em 0px;
}

/* ***************************************************** */
/* Studio info */

div.studio-info
{
    width: 680px;
    margin-top: 20px;
}

div.studio-info a
{
    color: #787878;
}

div.studio-info img
{
    float: right;
    margin-top: 1px;
    border: 0px;
}

/* Studio price list */

div.studio-pricelist
{
    margin-top: 122px;
    width: 600px;
}

div.price
{
    background-color: #121212;
    text-align: right;
    padding: 2px 5px 2px 5px;
}

table.pricelist
{
    width: 100%;
}

table.pricelist td
{
    vertical-align: top;
    padding: 2px 5px 2px 5px;
    font-size: 70%;
}

table.pricelist td.price
{
    text-align: right;
}

table.pricelist tr.one td
{
    background-color: #121212;    
}


/* ***************************************************** */
/* Homepage elements */

/* Boxes on the homepage */

div.home-box
{
	background-image: url('../img/bg-homebox-left.png');
	background-repeat: no-repeat;
	margin-top: 28px;
}

div.home-box-content
{
	background-image: url('../img/bg-homebox-right.png');
	background-repeat: no-repeat;		
	background-position: right top;
}

div.home-box-content div.header
{
	text-transform: uppercase;
	color: #787878;
	background-image: url('../img/bg-lines-bottom.png');
	background-repeat: repeat-x;
	background-position: bottom;	
	padding: 6px 15px 6px 15px;
}

/* News */

div.home-news
{
	float: left;
	width: 480px;
}

div.home-box-content div.news-item
{
	margin: 6px 15px 0px 15px;
	font-size: 85%;
	line-height: 1.4em;
}

div.home-box-content div.news-item span.news-title
{
	color: #fff;
}

/* Goodies */

div.goodies
{
	margin-left: 495px;
	margin-right: 6px;
	margin-top: 27px;
}

div.goodies img
{
	border: 0px;
}

/* ***************************************************** */
/* Galleria / Postproduction */
/* ***************************************************** */

div.close
{
    text-align: right;
}

ul.workflow
{
    margin-top: 0px;
    padding-top: 0px;
}

div.postproduction-image
{
    text-align: center;
    margin: 15px 0px 15px 0px;
}

.galleria {list-style:none;max-width:620px;margin-left:0px;padding-left:0px;}
.galleria li {display:block;width:50px;height:30px;overflow:hidden;float:left;margin:0 5px 5px 5px; border: solid 1px #333;}
.galleria li a {display:none}
.galleria li div {position:absolute;display:none;top:0;left:180px;}
.galleria li div img {cursor:pointer;}
.galleria li.active div img, .galleria li.active div {display:block}
.galleria li img.thumb {cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption {display:block;padding-top:.5em}
* html .galleria li div span {width:400px} /* MSIE bug */

img.left
{
    border: 0px;
    margin: 7px 5px 0px 0px;
}
    
img.right
{
    border: 0px;
    margin: 7px 0px 0px 5px;
}

/* ***************************************************** */
/* Goodies */

div.item
{
    float: left;
    width: 480px;
}

div#item-01,
div#item-02,
div#item-03,
div#item-04,
div#item-05
{
    background-repeat: no-repeat; 
    height: 505px;
}

div#item-01 { background-image: url('../img/goodies/brezrokavnik.jpg'); }
div#item-02 { background-image: url('../img/goodies/t-shirt.jpg'); }
div#item-03 { background-image: url('../img/goodies/kratke-hlace.jpg'); }
div#item-04 { background-image: url('../img/goodies/srajca.jpg'); }
div#item-05 { background-image: url('../img/goodies/hlace.jpg'); }

div.photo-by
{
    text-align: right;
    font-size: 90%;
    color: #2a2a2a;
}

div.item-list
{
    margin-left: 500px;
}

div.item-list div
{
    margin-bottom: 25px;
}

div.item-list img
{
    border: solid 1px #444;
}

div.item-list img.over,
div.item-list img.selected
{
    border: solid 1px #ffffff;
}

div.item-list img.over
{
    cursor: pointer;
}

div.item-list img.selected
{
    cursor: default;
}

div.order
{
    text-align: center;
    width: 103px;
}

div.order img
{
    border: 0px;
    margin-bottom: 10px;
    display: block;
}

div.order a:hover
{
    text-decoration: underline;
}