@import url("../webfonts/webfonts.css");


body {
padding: 0;	
color: #2f414b;
-webkit-font-smoothing: antialiased;
}

.btn-group {
  margin-bottom: 20px;
}
[class*="span"] {
  max-width: 100%;
}

.fl {
float:left;
}
.fr {
float:right;
}

.cl {
clear:both;
}

.align-left {
text-align: left;	
}

.align-right {
text-align: right;	
}

.align-center {
text-align: center;	
}


.green-background {
background: #aacf37;	
}

.blue-background {
background: #0a6484;	
}

.purple-background {
background: #96527d;	
}

.lightblue-background {
background: #80a0b5;	
}

.red-background {
background: #e21f26;	
}

.orange-background {
background: #f16336;	
}

#peet-bg {
width: 100%;
height: 506px;
background: url(../images/peet-bg.svg)	center top no-repeat;
background-size: cover;
text-align: center;
}

#header-logos {
width: 125px;	
display: inline;
}

#seal {
margin: 27px auto 0 auto;
width: 200px;	
height: 195px;
background: url(../images/seal-the-deal-logo.png) center center no-repeat;
background-size: cover;
}

.arena-tab {
background: #aacf37 url(../images/tab-arena-roxburgh-park.png) center center no-repeat;
}

.aspect-tab {
background: #0a6484 url(../images/tab-aspect-greenvale.png) center center no-repeat;
}

.aston-tab {
background: #96527d url(../images/tab-aston-craigieburn.png) center center no-repeat;
}

.cardinia-tab {
background: #80a0b5 url(../images/tab-cardinia-pakenham.png) center center no-repeat;
}

.livingston-tab {
background: #e21f26 url(../images/tab-livingston-cranbourne-east.png) center center no-repeat;
}

.quarters-tab {
background: #f16336 url(../images/tab-quarters-cranbourne.png) center center no-repeat;
}



/* Typography  **********************************************************************************/


a:hover {
text-decoration: none;	
}

.intro {
font-family:"Univers-Light";
font-size: 36px;
line-height: 45px;	
padding: 0 260px;
}

.promo {
font-family:"Univers-Bold";
font-size: 54px;
line-height: 44px;	
}

.conditions-apply {
font-family:"Univers-Bold";
font-size: 12px;	
}

.header-text {
color: #fff;
text-shadow: 2px 2px 0 #231919;
}

.blurb {
font-family:"Gotham-Regular";
font-size: 26px;
line-height: 32px;
margin-top: 25px;
}

.landfrom {
font-family:"Gotham-Bold";
font-size: 32px;	
line-height: 32px;
}

.pricepoint {
font-family:"Gotham-Bold";
font-size: 60px;
line-height: 50px;	
}

.lotno {
font-family:"Gotham-Regular";
font-size: 24px;
}

.enquire-now {
width: 297px;
height: 69px;
font-family:"Gotham-Medium";
color: #fff;
font-size: 22px;
line-height: 69px;
}

.terms {
font-size: 8px;
line-height: 9px;
font-family: Arial, sans-serif;
color: #bcbcbc;	
margin: 40px 0 60px;
}

a.download-terms {
color: #bcbcbc;	
text-decoration: none;
}

a.download-terms:hover {
color: #bcbcbc;	
text-decoration: underline;
}

.gotham-regular {
font-family:"Gotham-Regular";	
}

.phone-number {
margin-top: 15px;	
}


@media (min-width: 1200px)
.container {
width: 1170px;
}

/* Tabs  **********************************************************************************/

.tab-arena {
background: #aacf37 url(../images/tab-arena-roxburgh-park.png) center center no-repeat;
height: 92px;
border-top: 5px solid #aacf37;
}

.tab-aspect {
background: #0a6484 url(../images/tab-aspect-greenvale.png) center center no-repeat;	
height: 97px;
}

.tab-aston {
background: #96527d url(../images/tab-aston-craigieburn.png) center center no-repeat;	
height: 97px;
}

.tab-cardinia {
background: #80a0b5 url(../images/tab-cardinia-pakenham.png) center center no-repeat;	
height: 97px;
}

.tab-livingston {
background: #e21f26 url(../images/tab-livingston-cranbourne-east.png) center center no-repeat;	
height: 97px;
}

.tab-quarters {
background: #f16336 url(../images/tab-quarters-cranbourne.png) center center no-repeat;	
height: 97px;
}

/* Tab Content Areas  **********************************************************************************/

.content-header {
width: 100%;
height: 97px;	
}

.project-image {
margin: -70px -20px 0 0;
float: left;
width: 792px;
}

.text-content {
width: 377px;
float: left;
margin-right: 20px;
}

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

/* Form Setion  **********************************************************************************/




#form-section {
height: 340px;
padding-top: 75px;
border-top: 2px;
}

/* Form Styling 
----------------------------------------------
----------------------------------------------
*/

#rightcontent {
width:100%;
padding:0;
margin:0;
z-index:100;
font-family:"Gotham-Bold";
text-align: center;
}

#slider {
	overflow:hidden !important;
	height:395px; /* Must be the height of the slider images */

	}

.fl {
	float:left;
}
.fr {
	float:right;
}

.cl {
	clear:both;
}

.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}

a {
	co//lor: #8DC63F;
	fo//nt-size:19px;
	text-decoration:none;
}
 
h1, h2, h3 {
font-size: 28px;
font-weight: normal;	
}

h1 {
margin: 0 0 0;

}

label {
width:auto;
}

#thankyou1,#sorry1 {
display:none;
color:#000000;
padding:20px 10px ;
font-size: 16px;
text-align: center
height:100px; /* should be the same height as #register */
}


#register {
padding:0;
margin:0;
width:100%;
font-size: 22px;
}

#jpform {
height:295px;
background: transparent url(../images/form-bg.png) top left no-repeat;
}

/* infield label */

form, fieldset {
padding:0;
margin:0;
border:none;
}

fieldset {
padding:30px 0;
}

input,label,a.selectbox-link span.selectbox-link-text {
font-size:12px !important;
font-family:"Gotham-Bold";
text-transform: uppercase;
text-align: center;
}

a.selectbox-link span.selectbox-link-text {
padding-top: 10px;	
}

input {
width:168px;
height:40px !important;
border:1px solid #2f414b !important;
margin:0px 18px 2px 0px;
padding:0 0 0 6px;
background: #fff;
border-radius: 0 !important;
}

input:hover {
border: 1px solid #5897fb !important;
}

a.selectbox-link:hover {
border: 1px solid #5897fb !important;
}

a.selectbox-link {
width: 180px !important;
height: 48px;
margin: 0 0 13px 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0;
background-color: #B9DA8B !important;
position: relative;
z-index: 10;
}

input.hiddenfield {
width:1px;
height:1px;
border:0px !important;
float:right;
position:relative;
z-index: 1;
left:-40px;
background: none;
}

.input-field {
float: left;
width: 180px;	
margin-right: 18px;
}

/* you can fine tune the styles for the hidden fields by using the select field id.  */
input#Select_Something {
	left:-210px;

}

label {
padding-top: 2px;
}

form p {position: relative; margin: 1px 0;}

form p label {
position: absolute;
top: 13px;
left: 0px;
}

form p br {display: none;}

form fieldset p label {
width: 180px;
display: block;
font-size:14px;
text-align: center;
}


label.infield {
	margin:5px 0 0 0;
	color:grey;
}

label.error {
	margin:6px 0 0 0;
	padding:0 0 0 4px;
	background-color:white;
}

.button-link {
width:180px; /*set to image width */
height:50px; /*set to image height */
margin:0 0 0 0;
padding:0;
background: #2f414b;
border:none;
cursor:pointer;
}

.button-link span.msg, .button-link span#msg {
text-align: center;
padding: 3px;
font-size: 12px;
text-transform: uppercase;
color: white;
font-family:"Gotham-Bold";

}


#loadingbtn, #thankyou {
	display:none;
}

/* Privacy Policy 
----------------------------------------------
----------------------------------------------
*/


.privacy-policy {
color: #999999;
font-size: 10px;
}

p.privacy-policy {
font-size: 9px;
font-family: Arial, sans-serif;
color: #999999;
line-height: 9px;
padding: 20px;
}

a.policy-link {
color: #999999;
text-decoration: underline;
}

a:hover.policy-link {
color: #999999;
text-decoration: none;
}

#privacy-policy {
display: none;
font-family: Arial, sans-serif;
font-size: 9px;
color: #999999;
margin: 0;
line-height: 10px;
}





/* Footer  **********************************************************************************/

#footer {
width: 100%;
height: 49px;
background: url(../images/footer-bg.png) left center no-repeat;	
}




/* Custom Bootstrap  **********************************************************************************/


.row {
margin-right: 0;
margin-left: 0;
overflow: visible;	
margin-top: -5px;
}

.col-md-4, .col-md-8 {
padding-right: 0;
padding-left: 0;	
}

.container {
margin-right: auto;
margin-left: auto;
padding-left: 0; 
padding-right: 0; 
}


.nav {
margin-bottom: 0;
}

.nav-tabs {
border-bottom: 0px solid #ddd;
}

.nav>li {
position: relative;
display: block;
width: 180px;
margin-right: 18px;
border: 0px;
}

.nav>li>a:hover {
border: 0px;
border-top: 5px solid #fff;
padding-top: 27px;
background: transparent;
}


.nav>li:last-child {
margin-right: 0px;	
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
color: #555;
background-color: transparent;
border: 0 solid #ddd;
border-bottom-color: transparent;
cursor: default;
border-top: 5px solid #fff;
padding-top: 27px;
}

.nav-tabs>li>a {
-webkit-border-radius: 0 0 0 0;
-moz-border-radius: 0 0 0 0;
border-radius: 0 0 0 0;
padding: 30px 50px 50px 50px;
text-indent: -9000px;
}

.tabbable {
margin-top: -97px;
}


/* Google Map  **********************************************************************************/


#google-map {
height:600px;
width:100%;
border-top: 2px solid #fff;
border-bottom: 2px solid #fff;
}

.gm-style-iw * {
display: block;
width: 100%;
}
.gm-style-iw h4, .gm-style-iw p {
margin: 0;
padding: 0;
}
.gm-style-iw a {
color: #4272db;
}



/* Media Queries  **********************************************************************************/





@media (max-width:768px) {
	
#peet-bg {
height: 468px;
}	

#seal {
margin: 55px auto 0 auto;
width: 177px;	
height: 173px;
}

#header-logos {
width: 62px;	
margin-right: 15px;
}

.content-header {
display: none;
}

.intro {
font-size: 24px;
line-height: 24px;	
padding: 0 45px;
}

.promo {
font-size: 36px;
line-height: 42px;	
padding: 0 30px;
}

.nav>li {
width: 100%;
padding: 0;	
background: #fff;
}

.tab-arena, .tab-aspect, .tab-aston, .tab-cardinia, .tab-livingston, .tab-quarters {
height: 70px;
background-size: contain;
}

.tab-content {
overflow: auto;	
}

.accordion-inner {
padding: 0;
border-top: 0px solid #e5e5e5; 
}

.accordion-group {
margin-bottom: 2px;
border: 1px solid #e5e5e5;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 0;
}

.accordion {
margin-bottom: 0;
}

.project-image {
margin: 10px 0 0;
float: left;
}

.enquire-now {
width: 100%;
}

.text-content {
width: 92%;
padding: 0px 4%;
}

.blurb {
font-size: 22px;
line-height: 26px;	
}

.conditions-apply {
font-size: 10px;	
}

#google-map {
height:400px;
}

#form-section {
height: auto;
padding-top: 23px;	
}

.input-field {
display: block;
width: 100%;	
margin-right: 0;
margin: 0px 0 2px 0px
}

h1 {
font-size: 24px;
padding: 0 30px;
line-height: 28px;
}

fieldset {
padding:30px 15px 0;
}

input, a.selectbox-link {
width: 95% !important;
margin: 0 0 2px 0;
}

form fieldset p label {
width: 100%;
display: block;
font-size: 14px;
text-align: center;
}

.button-link {
width: 100%;
}

.terms {
padding: 15px;
margin: 15px 0 30px;	
}

#privacy-policy {
padding: 0 5%;
margin-bottom: 20px;	
}

.mobile-tab {
display: block !important;
padding: 25px 15px !important;
text-indent: -999px !important;
background-size: contain !important;	
}

.arena-mobile-tab {
background: #aacf37 url(../images/tab-arena-roxburgh-park.png) center center no-repeat;
}

.aspect-mobile-tab {
background: #0a6484 url(../images/tab-aspect-greenvale.png) center center no-repeat;
}

.aston-mobile-tab {
background: #96527d url(../images/tab-aston-craigieburn.png) center center no-repeat;
}

.cardinia-mobile-tab {
background: #80a0b5 url(../images/tab-cardinia-pakenham.png) center center no-repeat;
}

.livingston-mobile-tab {
background: #e21f26 url(../images/tab-livingston-cranbourne-east.png) center center no-repeat;
}

.quarters-mobile-tab {
background: #f16336 url(../images/tab-quarters-cranbourne.png) center center no-repeat;
}


}