* {
	margin:0;
	padding:0;
}
html {
	min-width:823px;
}
body {
	background:url(images/tail-top.gif) left top repeat-x #323232;
	font-family:Eurostile;
	font-size:100%;
	line-height:23px;
	color:#555;
	height:100%;
	position:relative;
	letter-spacing: 0
.mm;
	Director Jad Haber grew up with a strong artistic background, studying music, photography from an early age on.
Before he finishes his Bachelor of Arts in Films, Jad has directed his first feature film, "the end of the beginning", at the age of 21.
In 2003, Jad has moved to Sydney to complete his Master of Film and Digital Video and then decided to top up his academic reservoir with another Master in Digital Media and VFX both at the University of Sydney. 
Jad has graduated with a High Distinction and distinguishably placed on the "Dean's Honor List" 
He began his career as a TV commercial and music video director and became
a sought after music videos and TV commercials director with a solid reputation of skill for constructing engaging stories through spot-on casting
and a sharp eye for detail.
As a Director/Designer with a strong background in Post-Production (as a Senior Compositor/Editor with hands-on SHAKE, FCP and AVID); Jad has directed more then 50 TV commercials.
Along the way, he has worked as a VFX compositor in Baz Luhrmann feature film "AUSTRALIA" and collaborated with Academy Award winner/nominee Catherine Martin and Dody Dorn

Jad has spent few years in writing where his passion for big ideas and film-storytelling flourished. 
He has written and directed two award-winning short films.

Jad Haber has built a diverse reel of VFX and Directorial pieces focusing on music videos and TV commercials and has worked
across an impressive range of artists and clients.
It is this general proficiency across multiple disciplines that distinguish Jad’s work. In addition he is as
comfortable behind a camera or managing complex post-production projects.

For the last two years Jad has been giving lectures in digital compositing and VFX design to
Post-Graduate students at The University of Sydney and tutoring Shake. ;
}

img {
	border:0; 
	vertical-align:top; 
	text-align:left;
}
object { 
	vertical-align:top; 
	outline:none;
}
ul, ol { 
	list-style:none;
}

.fleft { 
	float:left;
}
.fright { 
	float:right;
}
.clear { 
	clear:both;
}

.col-1, .col-2, .col-3 { 
	float:left;
}

.alignright { 
	text-align:right;
}
.aligncenter { 
	text-align:center;
}

.wrapper { 
	width:100%;
	overflow:hidden;
}
.container { 
	width:100%;
}




/*==== GLOBAL =====*/
#main {
	width:823px;
	margin:0 auto;
	font-size:12px;
	height:3150px;
	position:relative;
}
#extra-main {
	width:823px;
	margin:0 auto;
	font-size:18px;
	position:relative;
}

.page {
	height:1050px;
	position:relative;
}

.header {
	height:100px;
	position:relative;
}
.content {
	height:611px;
}
.footer {
	height:135px;
}
#single-page .content {
	height:auto;
}


/*---- tailings ----*/
.main-bg {
	position:relative;
	background-image: url(images/main-bg_5.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.tail-top { 
	position:relative;
}
.tail-bottom {
}
.tail-right {
	position:absolute;
	right:0;
	top:0;
	width:50%;
	height:3150px;
}


/*----- forms parameters -----*/

input, select, textarea {
	font-family:Eurostile;
	font-size:1em;
	vertical-align:middle;
	font-weight:normal;
}


/*----- other -----*/
.img-indent { 
	margin:0 20px 0 0; 
	float:left;
}
.img-box { 
	width:100%; 
	overflow:hidden; 
	padding-bottom:20px;
}
	.img-box img { 
		float:left; 
		margin:0 20px 0 0;
	}

.extra-wrap { 
	overflow:hidden;
}


p {
	margin-bottom:27px;
}
.p1 { 
	margin-bottom:8px;
}
.p2 { 
	margin-bottom:16px;
}
.p3 { 
	margin-bottom:24px;
}

/*----- txt, links, lines, titles -----*/
a {
	color:#777;
	outline:none;
}
a:hover{
	text-decoration:none;
}

h1 {
	
}
h2 {
	font-size:16px;
	color:#555;
	line-height:1.2em;
	text-transform:uppercase;
	margin-bottom:7px;
}
h3 {
	font-size:12px;
	color:#0accf6;
	font-weight:normal;
	text-transform:uppercase;
	margin-bottom:2px;
}
h4 {
	
}
h5 {
	
}
h6 {
	
}


.txt1 {
}
.txt2 {
}

.link1 {
	display:block;
	float:left;
	color:#fff;
	text-decoration:none;
}
.link1:hover { 
	text-decoration:underline;
}
	.link1 em {
	display:block;
	}
	.link1 b {
	display:block;
	padding:2px 15px 2px 15px;
	font-weight:normal;
	font-style:normal;
	}
	

.button { 
	float:left;
	background:#0accf6;
	color:#000;
	text-decoration:none;
	padding:3px 10px 3px 11px;
	font-size:15px;
	line-height:1.2em;
	display:block;
}
	.button:hover {
		background:#fff;
	}




.address dt {
	margin-bottom:20px;
	font-size: 12px;
}
.address dd {
	clear:both;
	font-size: 12px;
}
	.address dd span { 
		float:left;
		width:84px;
	}
	.address a {
	color:#222;
	}


/*===== header =====*/
.header .logo {
	position:absolute;
	top:2px;
	right:52px;
}
#single-page .header .logo {
	top:17px;
}
.header .nav {
	padding:70px 0 0 0;
	font-size:40px;
	line-height:1.2em;
	text-transform:uppercase;
	font-family: Eurostile;
}
#single-page .nav {
	padding:80px 0 0 0;
}
	.header .nav li {
		display:inline;
	}
		.header .nav li a {
	color:#0bc2e9;
	text-decoration:none;
	margin-right:0px;
		}
		.header .nav li a:hover, .header .nav li a.current {
			color:#4b4a4a;
			text-decoration:none;
		}
		#a3 .header .nav li a:hover, #single-page .header .nav li a:hover {
	color:#fff;
	text-decoration:none;
		}
		#a3 .header .nav li.current a {
			color:#fff;
			text-decoration:none;
		}

.header .nav.alt {
	padding:100px 0 0 0;
	position:absolute;
	left: -1px;
	width: 570px;
	top: -10px;
}
	.header .nav.alt li {
		display:block;
		width:100%;
		overflow:hidden;
		height:72px;
		padding-bottom:17px;
	}
		.header .nav.alt li a {
			margin:0;
			display:block;
		}
		.header .nav.alt li.home a {
	text-indent:-9999em;
	height:72px;
	width:280px;
	background-image: url(images/new_home_contact_work/home-link-act.png);
	background-repeat: no-repeat;
	background-position: left top;
		}
		.header .nav.alt li.home a:hover {
	background-image: url(images/new_home_contact_work/home-link.png);
	background-repeat: no-repeat;
	background-position: left top;
		}
		
		
		.header .nav.alt li.works a {
	text-indent:-9999em;
	height:72px;
	width:358px;
	background-image: url(images/new_home_contact_work/works-link.png);
	background-repeat: no-repeat;
	background-position: left top;
		}
		.header .nav.alt li.works a:hover {
	background-image: url(images/new_home_contact_work/works-link-act.png);
	background-repeat: no-repeat;
	background-position: left top;
		}
		
		.header .nav.alt li.contacts a {
	text-indent:-9999em;
	height:72px;
	width:517px;
	background-image: url(images/new_home_contact_work/contacts-link.png);
	background-repeat: no-repeat;
	background-position: left top;
		}
		.header .nav.alt li.contacts a:hover {
	background-image: url(images/new_home_contact_work/contacts-link-act.png);
	background-repeat: no-repeat;
	background-position: left top;
		}


/*===== content =====*/
.content .inside {
	padding:48px 0 100px 0;	
}
#a3 .content .inside {
	padding:78px 0 80px 0;	
}
#single-page .content .inside {
	padding:35px 20px 200px 0;
}


/*--- carousel begin ---*/
.carousel-box {
	position:relative;
}
	.carousel-box button {
		background:none;
		width:19px;
		height:29px;
		border:none;
		position:absolute;
		cursor:pointer;
		outline:none;
		z-index:10;
	}
	.carousel-box button.prev {
	left:-47px;
	top:95px;
	background:url(images/prev.gif) no-repeat left top;
	}
		.carousel-box button.prev:hover {
	background-position:left -29px;
		}
	.carousel-box button.next {
	right:-59px;
	top:95px;
	background:url(images/next.gif) no-repeat left top;
	}
		.carousel-box button.next:hover {
			background-position:left -29px;
		}
		.carousel-box ul li {
	text-transform:uppercase;
	font-size:12px;
	line-height:14px;
	padding-right:16px;
		}
			.carousel-box ul li img {
	margin-bottom:5px;
	margin-top: 2px;
			}
	
	.carousel {
	height:280px;
	overflow:hidden;
	}
/*--- carousel end ---*/
	



.intro-text {
	font-size:18px;
	line-height:23px;
	padding:200px 80px 10px 0;
}
	.intro-text a {
		text-decoration:none;
		border-bottom:1px solid #0accf6;
		color:#0accf6;
	}
	.intro-text a:hover {
		border-bottom:none;
	}
/*--- carousel end ---*/

/*===== footer =====*/
.footer {
	font-size:15px;
}
#a1 .footer {
	color:#322e2d !important;
}
	.footer .indent {
		padding:34px 0 0 0;
	}
	.footer a {
		color:#0accf6;
		text-decoration:none;
	}
	.footer a:hover {
		text-decoration:underline;
	}
	
	.footer ul {
		display:inline;
		padding-left:20px;
	}
		.footer ul li {
			display:inline;
			margin-left:-2px;
		}


/*----- forms -----*/
#contacts-form fieldset {
	border:none;
}
	#contacts-form label { 
		display:block;
		height:40px;
	} 
		#contacts-form label input { 
			width:230px;
			padding:7px 0 7px 10px;
			color:#333;
			border:none;
			background:#f4f4f4;
		}
		#contacts-form textarea {
			width:230px;
			height:95px;
			padding:7px 0 7px 10px;
			margin-bottom:46px;
			color:#4f4f4f;
			overflow:auto;
			border:none;
			background:#f4f4f4;
		}
		#contacts-form .send {
	background:#fff;
	color:#000;
	padding:3px 10px 2px 10px;
	float:left;
	font-size:15px;
	text-transform:uppercase;
	text-decoration:none;
	margin-right:6px;
		}
		#contacts-form .reset {
	background:#0accf6;
	color:#000;
	padding:3px 10px 2px 10px;
	float:left;
	font-size:15px;
	text-transform:uppercase;
	text-decoration:none;			
		}

/*==========================================*/

body#single-page {
}
	body#single-page .tail-right {
	height:76px;
	}
	
	.extra-top {
	position:relative;
	}
	.extra-bottom {
	background-image: url(images/Extra%20page%20white.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	}
	.extra-right-bot {
	position:absolute;
	right:0;
	bottom:0;
	width:50%;
	height:175px;
	}
	.extra-left-bot {
	position:absolute;
	left:0;
	bottom:0;
	width:50%;
	height:234px;
	}
showreel {
	font-size: 12px;
}