@import url(https://fonts.googleapis.com/css?family=Oxygen:400,300,700|Roboto:400,300,700,500&subset=latin,latin-ext);


/*...................................................................................................*/

/*Link Sites (TM) developed by: Why Design 10.08.09 =================================================*/

/*St Johns Executive Apartments Site Specific Stylesheet Updated 11.01.17 ===============================================*/

/*...................................................................................................*/


/* GENERIC PAGE STRUCTURE =========================================================================== */
/*
#container {
		background:url(images-site-specific/bg-white.gif) 328px 0px repeat-y;
}*/


.bgcontainer, .bgcontainer-footer {
		background:url(images-site-specific/bgimage-exec.gif) repeat-x #000;
}

#content .video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.jssorb05 {
	visibility:hidden; /*Removes blue dots on slider*/
}



/* PAGE HEADER (Colours determined by CMS Design Centre) =========================================================================== */



*#strap-line {
margin:15px 0 0 0;
}

#header {
	background-color:#f36e0d;
}




/* PAGE TITLE =========================================================================== */


/* CONTENT AREA =========================================================================== */

/*#content {
	position:relative;
	top:-35px;
	margin-bottom:-35px;
}*/



/* HOME FEATURED PRODUCTS (Colours determined by CMS Design Centre) =========================================================================== */


#featured-apartments .featured-apartment-link a {
	height:auto;
	margin-bottom:10px;
}



/* GALLERY IMAGES (Colours determined by CMS Design Centre) =========================================================================== */


/* PAGE FOOTER =========================================================================== */


#footer {
	background-color:#F36E0D;
}



/* NAVIGATION - MAIN MENU (Colours determined by CMS Design Centre) =========================================================================== */


/*#nav {
	position:relative;
	top:-35px;
	margin-bottom:-35px;
}*/



/* NAVIGATION - FOOTER =========================================================================== */


/* TEXT STYLES (Colour determined by CMS Design Centre) =========================================================================== */


/*Page Heading*/


h1 {
	line-height:25px;
}


h1 span {
	line-height:32px;
}


/*Heading*/

h1, h2, .contactEd h2, #content h4, p, #content ul li, #title h2, #strap-line p {
		font-family: 'Roboto', sans-serif;
font-weight:300;
}

#content h4 {
		font-family: 'Roboto', sans-serif;
font-weight:400;
}

/*Navigation Heading*/

/*Pull Quote*/

/*Featured*/

/*Paragraph*/

p, #singlecol ul li, #colTriple #leftcol ul li, #column-wrap-home ul li, #column-wrap-home ol li, #content ul li, #content ol li {
	font-size:14px;
	line-height:20px;
}

h2, .contactEd h2 {
	font-size:17px;
	margin:0 0 5px 0;
}

#title h2 {
	line-height: 18px;
}

/*Bullet List and Number List*/


/*Bullet List and Number List for HOME PAGE*/


/* HYPERLINK =========================================================================== */


/* CONTACT FORM =========================================================================== */


/* LEGAL PAGES (Colour determined by CMS Design Centre) =========================================================================== */

.image-caption {
	z-index:100;
	width:170px;
	position:absolute;
	top:20px;
	left:475px;
	color:#FFF;
}