/*
Theme Name: Sammut Developments
Description: 
Author: Toast Design
Version: 1.0
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

html{
	overflow-y: scroll;
	height: 100%;
}

html, body {
	height: 100%;
	-webkit-text-size-adjust: none;
}

textarea{
	resize: vertical;
}

textarea, input, select{ 
outline:none; 
-webkit-appearance: none;
}

a{
	outline: none;
	-moz-outline: none;	
}

:selection{ /* Safari and Opera */
	background:#111;
	color:#ccc;
}
::-moz-selection{ /* Firefox */
	background:#111;
	color:#ccc;
}


@font-face {
    font-family: 'DaxCompactBold';
    src: url('fonts/daxcomp1-webfont.eot');
    src: url('fonts/daxcomp1-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/daxcomp1-webfont.woff') format('woff'),
         url('fonts/daxcomp1-webfont.ttf') format('truetype'),
         url('fonts/daxcomp1-webfont.svg#DaxCompactBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DaxCompactLight';
    src: url('fonts/daxcompl-webfont.eot');
    src: url('fonts/daxcompl-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/daxcompl-webfont.woff') format('woff'),
         url('fonts/daxcompl-webfont.ttf') format('truetype'),
         url('fonts/daxcompl-webfont.svg#DaxCompactLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DaxCompactRegular';
    src: url('fonts/daxcompr-webfont.eot');
    src: url('fonts/daxcompr-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/daxcompr-webfont.woff') format('woff'),
         url('fonts/daxcompr-webfont.ttf') format('truetype'),
         url('fonts/daxcompr-webfont.svg#DaxCompactRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* Main */

body{
	background: #000;
	color: #fff;
	font-family: 'DaxCompactLight', sans-serif;
	font-size: 16px;
	line-height: 20px;
}

.clear{
	clear: both;
	display: block;
}

p{
	margin-bottom: 20px;
}

.last{
	margin-right: 0 !important;
}

.content a{
	color: #bbb;
}

.content strong{
	font-weight: normal;
	font-family: 'DaxCompactBold', sans-serif;
}


.e404{
	text-align: center;
	font-size: 32 px;
	color: #fff;
	background: #000;
	padding: 40px;
	width: 500px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -290px;
	margin-top: -82px;
	z-index: 99999;
	line-height: 32px;
}

section#nav{
	background: url("images/trans90.png");
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 20;
	overflow: hidden;
	padding: 10px 0px;
}


#logo{
	position: fixed;
	bottom: 10px;
	left: 20px;
	z-index: 9999;
}

#logo a img{
	display: block;
}

.menu-main-menu-container{
	float: right;
	margin-right: 45px;
	padding: 10px 0px;
}

.menu li{
	display: inline;
	opacity: 0.8;
}

.menu li.current_page_item{
	opacity: 1;
}

.menu a{
	text-decoration: none;
	color: #fff;
	font-size: 18px;
	margin: 0px 15px;
	text-transform: lowercase;
}

#menu-main{
	margin-right: -10px;
}

.menu a:hover{
	color: #ddd;
}

.menu .current_page_item a{
	color: #eee;
}

.menu .current_page_item a:hover{
	border-bottom: 0px;
}

article.panel{
	background: url("images/trans80.png");
    width: 400px;
	position: fixed;
	top: 20px;
	right: 20px;
	display: none;
	z-index: 20;
}

.panel.sec-panel{
	right: 440px;
}

article.panel img{
	margin-top: -20px;	
}

.project{
	background: url("images/trans90.png");
    width: 400px;
	display: none;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	cursor: pointer;
}

.award{
	background: url("images/trans90.png");
    	width: 250px;
	display: none;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	text-align: center;
	height: 120px;
	font-size: 14px;
	position: relative;
}

.award-icon{
	position: absolute;
	top: 7px;
	right: 6px;
}

.award .content{
	padding: 20px;
}

.excerpt{
		display: none;	
	}


section#project-wrap, section#award-wrap{
	width: 820px;
	position: fixed;
		top: 20px;
		right: 20px;
		padding-top: 0;
		z-index: 20;
}

section#award-wrap{
	overflow: hidden;
	height: 600px;
	right: 95px;
	width: 790px;
}


.controls{
	cursor: pointer;
	height: 50px;
	width: 100%;
	position: relative;
}

.arr{
	background: url(images/uarrow.png) center center no-repeat;
	height: 50px;
	width: 50px;
	position: absolute;
	right: 15px;
	top: 0px;
}

.controls.down{
	background: url(images/darrow.png) no-repeat 95% center;
}

.featured a, .call a{
	background: url("images/trans50.png");
	display: block;
	color: #fff;
	padding: 20px;
	text-decoration: none;
	text-transform: uppercase;
	position: relative;
	text-align: center;
}

.ca{
	background: url(images/rarrow.png) center center no-repeat;
	height: 60px;
	width: 50px;
	position: absolute;
	right: 15px;
	top: 0px;	
}

.content{
	padding: 0px 20px;
}


h1{ 
	font-size: 22px;
	margin-bottom: 20px;
	line-height: 22px;
}

.project h1{
	text-align: center;
	font-size: 44px;
	line-height: 44px;
	padding: 50px 0px 20px 0px;	
}


#overlay{
	background: url(images/trans.png);	
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1;
}


#video{
	background: #000;
	width: 711px;
	height: 400px;
	padding: 10px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -210px;
	margin-left: -365px;
	box-shadow: 0px 0px 7px #000;
	z-index: 5;
	display: none;
}

#video h3{
	font-size: 40px;
	text-align: center;
	line-height: 40px;
	padding: 180px 0px;
}


#regnow{
	padding: 10px;
	font-style: italic;
	color: #000 !important;
	background: #00ff8b;
	font-size: 18px;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	border-radius: 4px;
	margin-right: 10px;
}


#form{
	background: #000;
	padding: 20px;
	position: relative;
	z-index: 99999;
	box-shadow: 0px 0px 7px #000;
	width: 610px;
}

#form-wrap{
	width: 610px;
	margin: 0 auto;
	padding-top: 160px;
}


input[type=text], textarea, select{
	width: 330px;
	background: #000;
	padding: 14px;
	margin-bottom: 5px;	
	font-size: 14px;
	color: #ccc;
	display: block;
	border: 0;
	font-family: 'DaxCompactLight', sans-serif;
}

select{
	width: 295px;	
}

input[type=submit]{
	color: #fff;
	background: url(images/rarrow.png) no-repeat 90% center #000;
	padding: 18px;
	font-size: 16px;
	text-align: center;
	border: 0;
	font-family: 'DaxCompactLight', sans-serif;
	cursor: pointer;
	width: 358px;
	text-transform: uppercase;
	margin-bottom: 20px;
}

input[type=text]:focus, textarea:focus, select:focus{
	color: #fff;
}

select option:first-child{
	color: #444;	
}

label.error {
	display: block;
	font-size: 12px;
	color: #000;
	background: #ffaaaa;
	padding: 3px;
	position: relative;
	margin-bottom: 5px;
}
.erar {
	border-color: transparent transparent #ffaaaa transparent;
	border-style: solid;
	border-width: 10px;
	top: -15px;
	height: 0;
	left: 5px;
	position: absolute;
	width: 0;
}

#confirmed{
	display: none;
	font-size: 16px;
	padding-bottom: 20px;
}

#noter{
	display: none;
}

.tipsy { padding: 5px; font-size: 14px; background-repeat: no-repeat;  background-image: url(images/tipsy.gif); }
  .tipsy-inner { padding: 6px 10px 6px 10px; background-color: #000; color: #fff; max-width: 200px; text-align: center; }
  .tipsy-inner {  }
  .tipsy-north { background-position: top center; }
  .tipsy-south { background-position: bottom center; }
  .tipsy-east { background-position: right center; }
.tipsy-west { background-position: left center; }

#fs {
	position: fixed;
	bottom: 20px;
	right: 20px;
	background: url(images/fs.png);
	cursor: pointer;
	z-index: 9999;
	width: 20px;
	height: 20px;
}

#toast{
	position: fixed;
	bottom: 20px;
	right: 80px;
	z-index: 9999;
	text-align: right;
	font-size: 14px;
	display: none;
	
}

#toast a{
	color: #fff;
}

#fs.ac{
	background: url(images/fs.png) #000;
}


#vig{
	height: 100%;
	width: 100%;
	-moz-box-shadow: inset 0 0 210px 5px rgba(0,0,0,0.6);
	-webkit-box-shadow: inset 0 0 210px 5px rgba(0,0,0,0.6);
	box-shadow: inset 0 0 210px 5px rgba(0,0,0,0.6);
	position: fixed;
	z-index: -1;
	top: 0;
	left: 0;
	display: none;
}

.asec.a-extra{
	top: -60px;
	z-index: 5;
}

.asec{
	position: absolute;
	top: 0;
	right: 0;
	width: 960px;
	z-index: 10;
}

#next-a{
	padding: 10px;
	background: url("images/trans75.png");
	display: block;
	position: fixed;
	right: 20px;
	top: 50%;
	margin-top: -20px;
}

#prev-a{
	background: url("images/trans75.png");
	display: block;
	position: fixed;
	right: 20px;
	top: 50%;
	margin-top: -60px;
	padding: 10px;
}

#next-a img, #prev-a img{
	display: block;
}

#award-inner{
	position: relative;
}

.iphone #controls{ display: none; }

#controls{
	background: url("images/trans75.png") repeat scroll 0 0 transparent;
    display: block;
    padding: 10px;
	width: 118px;
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 99;
	height: 30px;
	overflow: hidden;
}

#th{
	padding: 15px 0px;
	overflow: auto;
}

#th img{
	float: left;
	display: block;
	width: 50px;
	margin-right: 6px;
	margin-bottom: 6px;
	margin-top: 0 !important;
	border: 2px solid transparent;
}

#th .activeSlide img{
	border: 2px solid #fff;
}

#th a{
	display: inline !important;
	padding: 0 !important;
	background: 0 !important;
}

#controls a{
	float: left;
	width: 32px;
}

#prev-btn{
	margin-top: 1px;
	margin-right: 10px;
}

#pause-play{
	margin-right: 10px;
}

#controls #pla{
	display: none;
}

#controls img{
	display: block;
}

.dis{
opacity: .50; 
-ms-filter: "alpha(opacity=50)"; 
filter: alpha(opacity=50); 
-khtml-opacity: .50; 
-moz-opacity: .50; 
cursor: default !important;
}


@media all and (min-width: 1060px){
	.excerpt{
		display: block;	
	}
	
	.project{
		height: 200px;
	}
	
	.menu-main-menu-container{
		float: right;
		text-align: right;
		margin-right: 100px;
	}
	
	.menu a{
		text-decoration: none;
		color: #fff;
		font-size: 18px;
		margin: 0px 0px 0px 60px;
		text-transform: lowercase;
	}
	
	section#project-wrap{
		width: 820px;
		position: fixed;
		top: 20px;
		right: 20px;
		padding-top: 0;
	}
	
	section#award-wrap{
		width: 960px;
		position: fixed;
		top: 20px;
		right: 90px;
		padding-top: 0;
		height: 600px;
	}
	
	.award{
		background: url("images/trans75.png");
    	width: 300px;
		display: none;
		float: left;
		margin-right: 20px;
		margin-bottom: 20px;
		text-align: center;
		height: 120px;
		font-size: 16px;
}

}

@media all and (max-height: 735px) {
	.excerpt{
		display: none;	
	}
	
	.project{
		height: auto;
	}
	
	
}

@media all and (max-height: 500px) {
	
	.project img{ width: 220px; height: auto; }
	
	section#project-wrap {
	 width: 540px;	
	}
	
	.project{
		height: auto;
		width: 260px;
	}	
	
}

@media all and (max-width: 900px) {
	.project img{ width: 220px; height: auto; }
	.project{  width: 260px; }
	section#project-wrap {
	 width: 540px;	
	}
	
	.award-icon img{
		width: 28px;
		height: auto;
	}
	
	section#award-wrap{
		width: 640px;	
	}
	.menu a {
		margin: 0px 10px;
		font-size: 16px;
	}
	
	.award{
		font-size: 13px;
		height: 120px;
		width: 200px;	
	}
	
	.award .content{
		padding: 10px;
	}
	
	.award p{
		margin: 5px;
	}
}


/* IPHONE/MOBILE CSS  */

@media only screen and (min-device-width : 320px) and (max-device-width : 510px) {
	
body{
	font-family: 'DaxCompactRegular', sans-serif !important;
}

#logo{
	position: fixed;
	width: 200px;
	left: 50%;
	margin-left: -100px;
	bottom: 58px;

}

#fs{
	display: none;
}

.menu-main-menu-container{
	width: 100%;
	float: none;
	margin: 0 !important;
	padding-top: 52px;
}

ul.menu{
	text-align: center;
}

#nav{
	height: 90px;
}

.project img{ width: 180px !important; height: auto !important; display: block !important; margin: 0 auto !important; }

.project{  width: 180px !important; padding: 0px !important; }

.project .content{ padding: 0 !important; }

#project-wrap {
	width: 420px;
	margin: 0 auto;
	position: relative;
	top: 0;
	left: 35px;
}

.page-id-15 .panel{
	display: none !important;
}

.panel.sec-panel{
	display: block !important;	
	right: 20px;
	background: url("images/trans50.png") repeat scroll 0 0 transparent;
}

input[type=text]{
	padding: 5px 14px;
	color: #fff !important;
	font-family: 'DaxCompactRegular', sans-serif !important;
}

.award{
	width: 330px;
	font-size: 18px;	
	margin-right: 0 !important;
	margin-bottom: 10px !important;
	float: none !important;
	height: 130px !important;
}

#award-wrap{
	width: 330px !important;
	position: relative;
	right: 20px;
}

.award p{
	margin-bottom: 10px;
}

}

/* IPAD CSS */

.mc-hide-scrolls{
	overflow:hidden;
}

body .mc-cycle {
	height:100%;
	left:0;
	overflow:hidden;
	position:fixed;
	top:0;
	width:100%;
	z-index:-1;
}

div.mc-image {
	background-size:cover;
	-moz-background-size:cover;
	background-attachment:fixed;
	background-position:center center;
	background-repeat:no-repeat;
	height:100%;
	width:100%;
}

#intro{
	background: url('images/trans80.png');
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99999;
}

#new-award {
	width: 400px;
	position: fixed;
	left: 50%;
	top: 50%;
	z-index: 999999;
	font-size: 32px;
	line-height: 32px;
	text-align: center;
	margin-left: -200px;
	padding-top: 250px;
	background: url('images/hia_badge.png') center top no-repeat;
	margin-top: -250px;
	display: none;
}

#new-award2 {
	width: 400px;
	position: fixed;
	left: 50%;
	top: 50%;
	z-index: 999998;
	font-size: 32px;
	line-height: 32px;
	text-align: center;
	margin-left: -200px;
	padding-top: 250px;
	background: url('images/MBA_badge.png') center top no-repeat;
	margin-top: -250px;
	display: none;
}

#daw{
	background: url("images/trans50.png");
    width: 400px;
	position: fixed;
	bottom: 80px;
	right: 20px;
	z-index: 20;
	
}

.home #daw, .page-template-awards-php #daw{
	display: none;
}

#daw a{
	display: block;
	padding: 20px 20px 20px 60px;
	background: url('images/hia_badge_sml.png') 10px center no-repeat;
	color: #fff;
	text-decoration: none;
}

#daw2{
	background: url("images/trans50.png");
    width: 400px;
	position: fixed;
	bottom: 160px;
	right: 20px;
	z-index: 20;
	
}

.home #daw2, .page-template-awards-php #daw2{
	display: none;
}

#daw2 a{
	display: block;
	padding: 20px 20px 20px 60px;
	background: url('http://sammutdevelopments.com.au/wp-content/uploads/2011/11/mba_icon.png') 10px center no-repeat;
	color: #fff;
	text-decoration: none;
}