/* :::::::::::::::::::::::::::::::::::: GENERAL STYLES :::::::::::::::::::::::::::::::::::::::: */

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

<script defer type="text/javascript" src="pngfix.js"></script> 
U slucaju nuzde c/p u HEAD svakog pagea, fixa PNG alpha za IE6 sa malim side-effectom 

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/ 

body, html {
	height:100%;
	margin:0px; 
	padding:0px; 
	border:0px; 
	text-align:center; 
	background-color:#d40f0f;
	font-family:Arial, sans-serif;
	font-size:14px;
	color:#ffffff;
}
a, input, img {outline:none;}
.hcenter {text-align:center !important;}
.vcenter {vertical-align:middle !important;}
.vbottom {vertical-align:bottom !important;}
/*
body {
	margin:0px;
	padding:0px;
	border:0px;	
	overflow:hidden;	
}
*/

p {font-size:14px; font-family:Arial, sans-serif; color:#ffffff; line-height:normal; display:block; position:relative; padding:20px 0px 0px 0px; margin:0px;}
td {vertical-align:top; text-align:left;}

form input,
form textarea,
form select {font-family:Arial, sans-serif; font-size:12px !important; color:#7c7c7c !important;}
input, select {display:block; width:245px; height:16px; padding:1px; margin:0px; border:1px solid #9b2e14 !important;}
textarea {display:block; width:245px !important; height:78px; overflow:auto;  padding:1px; margin:0px; border:1px solid #9b2e14 !important;}
.hidden {display:none;}
#submit {width:58px !important; height:22px; border:0px none; padding:0px; margin:18px 0 0 0; float:right;}
#newsletter {display:block; width:13px; height:13px; margin:0 0 0 15px; padding:0px; border:1px solid #9b2e14 !important;}
select {display:block; margin:0px !important; padding:0px !important; width:249px; height:18px; border:1px solid #9b2e14 !important; overflow:hidden;}
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

/* :::::::::::::::::::::::::::::::::::: CONTAINERS ::::::::::::::::::::::::::::::::::::::::::: */

#mainContainer {
	margin:0 auto; /* center, not in IE5 */
	position:relative;
	width:938px; 
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	padding:20px 40px 0px 40px;
	border:0px none;
	background-image:url(images/bg.png);
	background-repeat:no-repeat;
	text-align:left;
	line-height:normal; 
}

#contentContainer {
	position:relative; padding:0px 0px 65px 0px; margin:0px; font-size:14px; font-family:Arial, sans-serif;
}

#footerContainer {position:absolute; bottom:0px; background:url(images/bg-footer.png) 0 0 no-repeat; font-size:12px; color:#dcbcbc; text-align:right; padding:0px; margin:0px; overflow:hidden;}
#footerContainer table {width:938px;}
#footerContainer table tr td {vertical-align:middle; text-align:left; height:37px; padding:0px 0px 0px 11px; white-space:nowrap;}
#footerContainer table tr td a {color:#e3bdbd; font-size:12px; font-family:Arial, sans-serif; text-decoration:none;}
#footerContainer table tr td a:hover,
#footerContainer table tr td a.active {color:#ffffff; font-size:12px; font-family:Arial, sans-serif; text-decoration:none;}
#footerNav {display:block;width:auto;color:#dcbcbc;}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

/* :::::::::::::::::::::::::::::::::::: TOP NAVIGATION :::::::::::::::::::::::::::::::::::::::: */
#homeLogo {position:absolute; top:20px; left:60px; z-index:100;}
#homeLogo a {display:block; position:relative; width:325px; height:330px; border:0px none; margin:0px; padding:0px;}
#navigationContainer {/*margin:0px 0px 0px 409px; padding:26px 0px 0px 0px; */display:block; position:absolute; left:449px; top:46px; z-index:100;}

#navigation tr td {vertical-align:top; text-align:left; font-size:1px;}
#navigation a {display:block; height:26px; background-position:top; margin:0px; padding:0px; border:0px none;}
#navigation a:hover,
#navigation a.active {display:block; height:26px; background-position:bottom;}

#home {width:51px; background-image:url(images/home.png);}
#ourServices {width:92px; background-image:url(images/ourservices.png);}
#corporateFilm {width:100px; background-image:url(images/corporatefilm.png);}
#aboutUs {width:65px; background-image:url(images/aboutus.png);}
#clients {width:55px; background-image:url(images/clients.png);}
#caseStudies {width:92px; background-image:url(images/casestudies.png);}
#contact {width:49px; background-image:url(images/contact.png);}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

/* :::::::::::::::::::::::::::::::::::: SPECIFIC PAGES ::::::::::::::::::::::::::::::::::::::: */

#homePlayMe {display:block; position:absolute; top:47px; left:381px; width:408px; height:276px;}
#homeSticker {display:block; position:absolute; top:341px; left:19px; width:121px; height:122px; z-index:101;}
#homeTextBox {display:block; position:absolute; top:407px; left:337px; width:601px; height:191px; z-index:1;}
#homeTextBox .inner {position:absolute; top:0px; left:36px; z-index:130;}
#homeSofa {display:block; position:absolute; top:465px; left:0px; width:367px; height:175px; overflow:hidden; z-index:102;}
#homeRobo {display:block; position:absolute; top:510px; right:0px; width:135px; height:158px; overflow:hidden; z-index:102;}

#ourservicesFrames {display:block; position:absolute; top:338px; left:382px; width:571px; height:705px; overflow:hidden; z-index:102;}
#servicesTextBox {display:block; position:absolute; top:152px; left:386px; width:545px; height:168px; z-index:1;}
#servicesTextBox .inner {position:absolute; top:40px; left:30px; z-index:130;}
#servicesLeftBox {display:block; position:absolute; top:519px; left:42px; width:312px; height:332px; z-index:1;}
#servicesLeftBox #title {position:absolute; top:19px; left:28px;}
#servicesLeftBox .inner {display:block; width:252px; position:absolute; top:86px; left:28px; z-index:130; margin:0px 30px 0px 0px;}
#servicesLeftBox a.previous {
	display:block;
	position:absolute; 
	top:327px; left:13px; 
	width:86px !important; height:13px !important; 
	overflow:hidden; 
	background-image:url(images/previous.png); background-position:top; background-repeat:no-repeat;
	z-index:100;
	line-height:normal; font-size:1px;}
#servicesLeftBox a.previous:hover {background-position:bottom;}
#servicesLeftBox a.next {
	display:block;
	position:absolute; 
	top:327px; right:13px; 
	width:49px !important; height:13px !important; 
	overflow:hidden; 
	background-image:url(images/next.png); background-position:top; background-repeat:no-repeat;
	z-index:100;
	line-height:normal; font-size:1px;}
#servicesLeftBox a.next:hover {background-position:bottom;}

#corporatefilmTextBox {display:block; position:absolute; top:113px; left:386px; width:544px; height:123px; z-index:1;}
#corporatefilmTextBox .inner {position:absolute; top:40px; left:30px; z-index:130;}
#corporatefilmLeftBox {display:block; position:absolute; top:446px; left:0px; width:443px; height:210px; z-index:1;}
#corporatefilmLeftBox .inner {display:block; width:400px; position:absolute; top:5px; left:20px; z-index:130; margin:0px;}
#corporatefilmPlayMe {display:block; position:absolute; top:304px; left:477px; width:452px; height:352px; z-index:131;}

#aboutusTextBox {display:block; position:absolute; top:153px; left:386px; width:544px; height:165px; z-index:1;}
#aboutusTextBox .inner {position:absolute; top:0px; left:30px; z-index:130;}
#aboutusLeftBox {display:block; position:absolute; top:372px; left:-10px; width:472px; height:444px; z-index:1;}
#aboutusPeopleBox {display:block; position:absolute; top:411px; left:499px; width:378px; height:397px; z-index:131;}
#aboutusPeopleBox #headShot {position:absolute; top:20px; left:20px;}
#aboutusPeopleBox #nameTitle {position:absolute; top:31px; left:175px;}
#aboutusPeopleBox #name {position:absolute; top:53px; left:175px; font-weight:bold;}
#aboutusPeopleBox #positionTitle {position:absolute; top:97px; left:175px;}
#aboutusPeopleBox #position {position:absolute; top:119px; left:175px; font-weight:bold;}
#aboutusPeopleBox #copyBox {position:absolute; top:144px; left:20px; width:325px;}
#roboNavigation {position:absolute; top:500px; left:887px; width:61px; font-size:1px;}
#roboNavigation a {display:block; background-position:top; font-size:1px; border:0px none; margin:0px; padding:0px;}
#roboNavigation a:hover {background-position:bottom; text-decoration:none;}
#roboNavigation a.active {background-position:bottom; text-decoration:none;}
#roboNavigation #robo1 {width:61px; height:86px !important; overflow:hidden; background-image:url(images/robo1.png);}
#roboNavigation #robo2 {width:61px; height:75px !important; overflow:hidden; background-image:url(images/robo2.png);}
#roboNavigation #robo3 {width:61px; height:82px !important; overflow:hidden; background-image:url(images/robo3.png);}
#roboNavigation #robo4 {width:61px; height:66px !important; overflow:hidden; background-image:url(images/robo4.png);}

#clientsBox {display:block; position:absolute; top:393px; left:0px; width:936px; height:558px; z-index:1;}
#clientsBox table tr td {vertical-align:top; text-align:left; font-size:1px;}
#clientsTextBox {display:block; position:absolute; top:153px; left:386px; width:551px; height:199px; z-index:1;}
#clientsTextBox .inner {position:absolute; top:31px; left:30px; z-index:130; width:500px;}


#casestudiesTextBox {display:block; position:absolute; top:153px; left:386px; width:544px; height:1610px; z-index:1; background:url(images/casestudies-box.png) 0 0 no-repeat;}
#casestudiesTextBox .inner {position:relative; top:54px; left:27px; z-index:130; width:500px;}
#casestudiesTextBox .inner table tr td  p {padding:8px 14px 17px 0px; margin:0px; line-height:normal;}
.casestudiesLogo {display:block; position:relative; top:0px; left:3px;}
.casestudiesWatchme {
	display:block; position:relative; 
	top:2px; left:33px; 
	width:99px; height:34px; 
	font-size:1px; 
	background-image:url(images/casestudies-watchme.png);
	background-position:top;
	background-repeat:no-repeat;
}
.casestudiesWatchme:hover {background-position:bottom;}
#casestudiesTvBox {display:block; position:absolute; top:437px; left:0px; width:381px; height:421px; z-index:1;}
#casestudiesTvBox .inner {position:absolute; top:69px; left:0px; z-index:130;  width:381px; height:421px; z-index:130;}

#contactTextBox {display:block; position:absolute; top:153px; left:386px; width:544px; height:205px; z-index:1;}
#contactTextBox .inner {position:absolute; top:35px; left:30px; z-index:130; width:500px;}
#contactFormBox {display:block; position:absolute; top:388px; left:0px; width:479px; height:335px; z-index:1;}
#contactFormBox .inner {position:absolute; top:64px; left:30px; z-index:130; width:500px;}
#contactRightBox {display:block; position:absolute; top:388px; left:509px; width:477px; height:380px; z-index:1;}
#contactRightBox .inner {position:absolute; top:68px; left:28px; z-index:130; width:477px;}
#contactRightBox a {font-family:Arial, sans-serif; font-size:14px; color:#ffffff; text-decoration:none;}
#contactRightBox a:hover {text-decoration:underline;}

#directorsTextBox {display:block; position:absolute; top:153px; left:500px; width:422px; height:1745px; z-index:1; background:url(images/directors-box.png) 0 0 no-repeat;}
#directorsTextBox .inner {position:relative; top:54px; left:27px; z-index:130; width:372px;}
#directorsTextBox .inner table tr td  p {padding:8px 14px 17px 0px; margin:0px; line-height:normal;}
.directorsWatchme {
	display:block; position:relative; 
	top:-6px; left:-5px; 
	width:140px; height:34px; 
	font-size:1px; 
	background-image:url(images/directors-watchme.png);
	background-position:top;
	background-repeat:no-repeat;
	border:0 none;
	margin-bottom:4px;
}
.directorsWatchme:hover {background-position:bottom;}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

/* :::::::::::::::::::::::::::::::::::: WIDTHS AND HEIGHTS ::::::::::::::::::::::::::::::::::: */
.w23 {width:23px; overflow:hidden;}
.w72 {width:72px !important; overflow:hidden;}
.w108 {width:108px; overflow:hidden;}
.w182 {width:182px; overflow:hidden;}
.w183 {width:183px; overflow:hidden;}
.w313 {width:313px; overflow:hidden;}
.w400 {width:400px; overflow:hidden;}
.w420 {width:420px; overflow:hidden;}

.h17 {height:17px !important;}
.h18 {height:18px !important;}
.h23 {height:23px !important;}
.h25 {height:25px !important;}
.h26 {height:26px !important;}
.h30 {height:30px !important;}
.h42 {height:42px !important;}
.h95 {height:95px !important;}
.h220 {height:220px !important;}
.h653 {height:653px !important;}
.h683 {height:683px !important;}
.h784 {height:784px !important;}
.h913 {height:913px !important;}
.h982 {height:982px !important;}
.h1061 {height:1061px !important;}
.h1307 {height:1307px !important;}
.h1800 {height:1800px !important;}
.h1945 {height:1930px !important;}

.pt6 {padding:6px 0px 0px 0px}
.pb3 {padding:0px 0px 3px 0px}
.pl11 {padding:0px 0px 0px 11px;}
.pl2r {padding:0px 12px 0px 0px;}

.mr4 {margin:0px 4px 0px 0px;}

.bb1white {border-bottom:1px solid #ffffff;}
.bt1white {border-top:1px solid #ffffff;}
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */


/* :::::::::::::::::::::::::::::::::::: CLEARS FLOATING ::::::::::::::::::::::::::::::::::: */

.clearfix:after {
    content: ".";
   	display: block;
    height: 0;
    clear: both;
    visibility: hidden;
	}
.clearfix {display: inline-block;}
* html .clearfix {height:1%;}
.clearfix {display: block;}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */