@import url('core.css');


/********************************************
        FONTS
********************************************/

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


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


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


	
	
	
/********************************************
        FONT
********************************************/
h1 {font: 40px/48pt 'quatro_slabregular', Arial, sans-serif; margin: 0px; padding: 0px; color: #fff}
h2 {font: 16px/20pt 'quatro_slabregular', Arial, sans-serif; margin: 0px; color: #fff; font-weight: normal;}
h3 {font: 18px/18pt 'quatro_slabregular', Arial, sans-serif; margin: 0px; padding: 0px; color: #8DC63F; font-weight: normal;}
	h3 a {font: 18px/18pt 'quatro_slabregular', Arial, sans-serif; margin: 0px; padding: 0px; color: #029F4A; font-weight: normal; text-decoration: underline;}
	body#enquiry_form-page h3 {color: #333; margin: 20px 0 10px 0;}
h4 {font: 14px/18pt 'quatro_slabregular', Arial, sans-serif; margin: 0px; padding: 0px; color: #8DC63F;}

p {font: 12px/16px 'Helvetica', Arial, sans-serif; margin: 0px; padding: 0px 0 18px 0; color: #636363;}
a {font: 14px/20px 'quatro_slabregular', Arial, sans-serif; margin: 0px; padding: 0px;}

.clear {clear: both;}

/********************************************
        GENERAL
********************************************/

body {background: #231F20;}
	body, table, ul, ul li {font-family: Helvetica; font-size: 12px; color: #666666;}

/********************************************
        GENERAL
********************************************/

#header {
	width: 960px;
	margin: 0 auto;
	padding: 35px 0 35px 0;
	position: relative;
}

	.mail {
		position: absolute;
		right: 0px;
		top: 35px;
		width: 31px;
		height: 19px;
		background: url(../images/core/mail.png) 0 0 no-repeat;
		text-indent: -9999px;
	}
	
	.mail:hover {
		background-position: 0 -19px;
	}
	
	
	div#contact-drop {
		width: 292px;
		position: absolute;
		right: -250px;
		display: none;
	}
	
	
	
	div#contact-drop p {
		color: #a6a5a5;
	}
	
	.green {
		color: #c1d72e!important;
	}
	
	div#contact-drop strong {
		color: #4e4b4c;
	}
	
	li.contact-bg {
		width: 292px;
		background: url(../images/core/contact-bg.png) 0 0 no-repeat;
		height: 57px;
		position: relative;
	}
	
	li.contact-details {
		width: 252px;
		padding: 20px;
		background: #fff;
	}	
	
	.btn-contact {
		font-family: "quatro_slabmedium_italic";
		font-size: 12px;
		color: #fff;
		text-decoration: none;
		background: #019f49;
		padding: 2px 5px 2px 5px;
		box-shadow: -2px 2px 1px #fff;
		-webkit-box-shadow: -2px 2px 1px #fff;
		-moz-box-shadow: -2px 2px 1px #fff;
		display: inline-block;
		position: absolute;
		top: 20px;
		left: 20px;
	}
	
	.btn-contact:hover {
		box-shadow: 0px 0px 1px #017234;
		-webkit-box-shadow: 0px 0px 1px #017234;
		-moz-box-shadow: 0px 0px 1px #017234;
	}



#title-wrapper {
	background: #029F4A;
}
	#title {
		width: 960px;
		margin: 0 auto;
		text-align: center;
		padding: 35px 0 35px 0;
	}

#banner-wrapper {
background: #bed65e; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JlZDY1ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYWEwNGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  #bed65e 0%, #1aa04e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#bed65e), color-stop(100%,#1aa04e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #bed65e 0%,#1aa04e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #bed65e 0%,#1aa04e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #bed65e 0%,#1aa04e 100%); /* IE10+ */
background: linear-gradient(to right,  #bed65e 0%,#1aa04e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bed65e', endColorstr='#1aa04e',GradientType=1 ); /* IE6-8 */

	}

	#banner {
		width: 960px;
		height: 420px;
		padding: 40px 0 40px 0;
		margin: 0 auto;
		position: relative;
		text-align: center;
	}
	
		.hero-gfx {
			width: 515px;
			height: 252px;
			position: absolute;
			top: 186px;
			left: 103px;
		}
		.btn-signup {
			width: 186px;
			height: 60px;
			position: absolute;
			top: 339px;
			right: 99px;
			background: url(../images/core/btn-signup.jpg) 0 0 no-repeat;
			text-indent: -9999px;
		}
		
		.btn-signup:hover {
			background-position: 0 -60px;
		}
		
		.btn-apply {
			width: 142px;
			height: 49px;
			position: absolute;
			top: 339px;
			right: 30px;
			background: url(../images/core/btn-apply.jpg) 0 0 no-repeat;
			text-indent: -9999px;
		}
		
		.btn-apply:hover {
			background-position: 0 -49px;
		}
		
		.break-white {
			margin-top:35px;
		}
		
		.video {
			width: 143px;
			height: 94px;
			background: url(../images/core/video.png) 0 0 no-repeat;
			text-indent: -9999px;
			display: inline-block;
			position: absolute;
			top: 40px;
			right: 30px;
		}

div#content-wrapper {
	background: #fff;
}

	div#content {
		background: #fff;
		width: 960px;
		padding: 30px 0 40px 0;
		margin: 0 auto;
		text-align: center;
		display: block;
	}
	
	
		.break-grey {
			margin: 30px 0 30px 0;
		}
		
		ul.list {
			width: 370px;
			float: left;
		}
		
		ul.list li {
			text-align: left;
			display: inline-block;
			margin: 0 0 20px 0;
			float: left;
			line-height: 16px;
		}
		
		.right-list {
			margin: 0 0 0 110px;
		}
		
		.left-list {
			margin: 0 0 0 50px;
		}

div#scroller-wrapper {
	width: 960px !important;
	position: relative;
}

div#slider-wrapper {
	width: 960px !important;
	position: relative;
}

	p.xs {font-size: 11px; color: #ccc; text-align: left; display: block; margin: 20px 0 20px 0;}

ul.scroller {
	width: 900px;
	height: 50px;
	padding: 0 30px 0 30px;
	overflow: hidden;
	
}

ul.scroller li {
	float:  left;
}


ul.scroller li span {
	height: 50px;
	margin: 0 40px 0 40px;
	cursor: default;
}

ul#carousel li span:hover {
	background-position: 0 -50px;
	cursor: default;
}

.logo-carsales {
	width: 94px;
	height: 50px;
	background: url(../images/core/logo-carsales.png) 0 0 no-repeat;
	display: inline-block;
	text-indent: -9999px;
}

.logo-realestate {
	width: 114px;
	height: 50px;
	background: url(../images/core/logo-realestate.png) 0 0 no-repeat;
	display: inline-block;
	text-indent: -9999px;
}
.logo-seloger {
	width: 84px;
	height: 50px;
	background: url(../images/core/logo-seloger.png) 0 0 no-repeat;
	display: inline-block;
	text-indent: -9999px;
}
.logo-wotif {
	width: 92px;
	height: 50px;
	background: url(../images/core/logo-wotif.png) 0 0 no-repeat;
	display: inline-block;
	text-indent: -9999px;
}
.logo-logo {
	width: 81px;
	height: 50px;
	background: url(../images/core/logo.png) 0 0 no-repeat;
	display: inline-block;
	text-indent: -9999px;
}

.arrow-left {
	width: 15px;
	height: 15px;
	display: block;
	position: absolute;
	left: 0px;
	top: 22px;
}

.arrow-right {
	width: 15px;
	height: 15px;
	display: block;
	position: absolute;
	right: 0px;
	top: 22px;
}


#prevBtn {
	display: block;
	position: absolute;
	left: 0px;
	top: 22px;
	width: 15px;
	height: 15px;
}

#prevBtn a {
	background: url(../images/core/arrow-left.png) no-repeat top left;
	display: block;
	text-indent: -9999px;
}

#nextBtn {
	display: block;
	position: absolute;
	right: 0px;
	top: 22px;
	width: 15px;
	height: 15px;
}

#nextBtn a {
	display: block;
	background: url(../images/core/arrow-right.png) no-repeat top left;
	text-indent: -9999px;
}


div#footer {
	width: 880px;
	height: 20px;
	margin: 0 auto;
	position: relative;
	padding: 40px;
}

	.smo {
		float: right;
		vertical-align: top;
	}
	
	.smo a {
		display: inline-block;
		vertical-align: top;
	}
	
	.smo table tr td {vertical-align: top; padding: 0 15px 0 0}
	
	div.fb-like {

	}
	
	.twitter-follow-button {
	}

body#enquiry_form-page {
	width: 579px;
	height: 600px;
	background: url(../images/core/enquiry-bg.jpg) 0 0 no-repeat;
}

div#enquiry_wrapper {
	width: 539px;
	padding: 20px;
}

div#enquiry_wrapper label {
	display: block;
}

form#enquiry_form input {
	width: 529px;
	border: 1px solid #ebe9d9;
	background: #fff;
	height: 20px;
	padding: 5px;
	font-size: 11px;
}
	
	form#enquiry_form table input {
		width: 257px;
	}

form#enquiry_form textarea {
	width: 529px;
	border: 1px solid #ebe9d9;
	background: #fff;
	height: 80px;
	padding: 5px;
	resize: none;
	font-size: 11px;
	
}

.baseform li {
	margin: 5px 0 10px 0;
	height: auto;
}

.baseform label.error {
	font: 11px/11pt 'quatro_slabmedium_italic', Arial, sans-serif; margin: 5px 0 5px 0px; padding: 0px; color: red;position: absolute;
top: 15px;
right: 20px;
}

form#enquiry_form .button {text-align: right; padding: 0 0px 0 0;}

form#enquiry_form .button input {
	font: 12px/12pt 'quatro_slabmedium_italic', Arial, sans-serif; color: #333; background: #fff; width: 80px; height: 30px;
	border: 1px solid #ebe9d9;
	cursor: pointer;
}

form#enquiry_form .button input:hover {
	background: #e3e3e1;
	border: 1px solid #999;
	
}

form#enquiry_form label {
	color: red;
}

.countrylist {font-size: 11px; width: 250px;}


body#enquiry_form-page div.thankyou {text-align: center; margin-top: 150px;}

h4 a.close {color: red;}

.hide {display: none; position: absolute; left: -9999px;}

/********************************************
        GENERAL
********************************************/
/********************************************
        GENERAL
********************************************/




/********************************************
        GOOGLE MAP STYLES
********************************************/

.googlemap{
  height:400px;
  width:640px;
}
.googlemap span{
  display: block;
  margin-bottom: 3px;
  text-align: center;
}