/*-----------------------------------------------------------------------------------*/
/*	MEDIA QUERIES
/*-----------------------------------------------------------------------------------*/

@media only screen 
and (min-width : 980px) {
.back-home{ display:none;}
.footer-contact{ display:none;}

}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}

/* iPad Landscape */
@media only screen and (min-width: 960px) and (max-width: 1180px) {
	.back-home{ display:none;}
.footer-contact{ display:none;}

	.header,
	.wrapper,
	#footer,.top,
	.site-generator  {
		width:920px;
	}
	.content {
		width: 920px;
	}
	.content-sidebar{
		width:570px;}
	.sidebar {
		width: 320px;
	}
.logo {
float: left;
padding-top: 0px;
margin-right: 10px;
}
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.back-home{ display:none;}
.footer-contact{ display:none;}

	.header,
	.wrapper,
	#footer,.top,
	.site-generator  {
		width:720px;
	}
	.phonemail-area{
		text-align:center;
	}
	
	.content {
		width: 720px;
	}
	.content-sidebar{
		width:470px;}
	.sidebar {
		width: 220px;
	}
	.logo {
		float: none;
		width:300px;
		text-align: center;
		margin:10px auto 0px;	}
	
	.logo img{
	max-width:300px;}
	
	.one-half, .one-third, .two-third, .three-fourth, .one-fourth, .one-fifth, .one-sixth {
		float: none;
		margin: 0 0 20px 0;
		width: 100%;
}
.header{
	margin:0 auto;}
#menu-wrapper .menu {
list-style: none;
float: none;
position: relative;
z-index: 1003;
padding: 0px 0 0px 20px;
height: 70px;
width:100%;
margin:0 auto;
text-align:center;
}
#menu-wrapper .menu ul li.active a,
#menu-wrapper .menu ul li a:hover {
    color: #00a0d1;
	background:url(../images/active-indicator.png) no-repeat 40% 100%;
	position:relative;
	

}
#menu-wrapper .menu ul li a {
    display: block;
    text-decoration: none;
    line-height: 1;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 13px;
	line-height:73px;
    letter-spacing: 0.4px;
    color: #dedede;
    -webkit-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    padding: 0 15px 0 0;
    font-weight: normal;
	position:relative;
	z-index:99999;
	background:url(../images/active-indicator.png) no-repeat 40% 200%;
	text-shadow: 0 2px 1px #000;
}


}/* END Smaller than standard 960 (devices and browsers) */

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

		body {
background: #010101;
font-family: Helvetica, Arial, sans-serif;
color: #FFF;
background-image: url(../images/bg5.png);
background-repeat: no-repeat;
background-position: center top;
font-size: 14px;
line-height: 1.4em;
overflow-x: hidden;}

	.top-wrapper{display:none;}
	#slides{display:none;}
	h1 {	color:#fff;	border-bottom:solid 0px #fff;	text-shadow: 0 0px 0px #000;	margin: 20px 0px;}
		.title, .widget-title{text-align:center;}
	
	.header-wrapper {
    background: none;
border-top: 0px solid #424242;
border-bottom: 0px solid #00a0d1;
word-spacing: 3px;
box-shadow: 0 0px 0px 0px rgba(0,0,0,0.6) inset, 0 0px 0px 0px rgba(0,0,0,0.6) inset;    
position: relative;
    z-index: 101;
	width:100%;
}

	.pulse{ display:none;	}
	#backstretch{	display:none;	}
	.header,
	.wrapper,
	#footer,
	.content,.content-sidebar,.top,
	.sidebar   {width: 100%;	}
	.site-generator a{ color:#00a0d1;}
	.site-generator{width: 95%;text-align:center;	color:#fff; padding:5px;font-size: 9px;}
	.site-generator-wrapper {position:relative;height:46px;   background:none; color:#fff;
	}
	.header{margin:5px auto;	}
	.wrapper{margin:-10px auto 40px;	}
	.phonemail-area{text-align:center;	}
	#footer .widget-area {
		float: none !important;
		width: auto !important;
		margin: 0 0 40px 0 !important;
	}
	.content, .content-sidebar {		float: none;	}
	
	.sidebar {
		clear: both;
		margin: 30px 0 0 0 !important;
		float: none;	}
	
	.logo {
		float: none;
		width:300px;
		text-align: center;
		margin:40px auto 0px;	}
	
	.logo img{
	max-width:300px;}
	
	.one-half, .one-third, .two-third, .three-fourth, .one-fourth, .one-fifth, .one-sixth {
		float: none;
		margin: 0 0 20px 0;
		width: 100%;
}
.blog-grid .post { width: 100%;}
.left{float:left;}
.right{	float:left;}
.preview{display:none;}

/*-----------------------------------------------------------------------------------*/
/*	MENU
/*-----------------------------------------------------------------------------------*/
#menu-wrapper .menu {
    list-style: none;
    float:left;
    position: relative;
    z-index: 1003;
    padding: 0px 5% 0px 5%;
	height: auto;
	width:90%;
	margin:10px 0 0 0;
}
#menu-wrapper .menu ul {
    margin: 0;
    list-style-type: none;
    position: relative;
    overflow: inherit;
}
.menu ul li.nav-seperator {
    display: block;
    text-decoration: none;
    line-height: 1;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 13px;
    letter-spacing: 0.4px;
    color: #dedede;
    padding: 0;
    font-weight: normal;

}
#menu-wrapper .menu ul li {
    position: relative;
    float: left;
    background: none;
    padding-left: 0px;
    margin-left: 0px;
		padding-top:0px;
		width:100%;
		border-bottom: #666 solid 1px;
}
#menu-wrapper .menu ul li:first-child {	display:none;	}
	
#menu-wrapper .menu ul li:last-child {		border-bottom: #666 solid 0px;}

#menu-wrapper .menu ul li a {
    display: block;
    text-decoration: none;
    line-height: 1;
    font-size: 19px;
	line-height:50px;
    letter-spacing: 0.4px;
    color: #fff;
    padding: 0 0px 0 0;
    font-weight: normal;
	background:url(../images/active-indicator-mobile.png) no-repeat 93% 50%;
	text-shadow: 0 0px 0px #666;
	text-indent:5%;
}

#menu-wrapper .menu ul li.active a,
#menu-wrapper .menu ul li a:hover {
    color: #dedede;
	background:url(../images/active-indicator-mobile.png) no-repeat 95% 50%;
	position:relative;}
#menu-wrapper .menu ul li.active li a {    color: #00a0d1}
#tiny2{ display:none;}
.back{
	background:url(../images/back-mobile.png) no-repeat 4% 50%;
	border-bottom: #666 solid 1px;
	font-size: 19px;
	line-height:35px;
	height:35px;

}
.box {
    margin: 0 0 30px 0;
    background: none;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.44);
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.44);
    padding: 0 15px 10px 15px;
    padding-bottom: 0;
    position: relative;
    overflow: hidden;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
}
.sidebox{background:none;}
.back-home{text-align:center;  font-size:1.4em;font-family: 'sanford_book'; padding:10px;
border-top: #666 solid 1px;}
.back-home a{ color:#fff;}	
.footer-contact{text-align:center; width:100%; font-size:1.1em;font-family: 'sanford_book'; padding:10px 0;
border-top: #666 solid 1px;}
.footer-contact a{ color:#fff;}	
.fa{ padding-right:10px;}
.blog-grid .post {
background:none;
margin-bottom: 10px;
border: 0px solid #424242;}	
.post h2 {
	text-align:center;
	width:100%;
	padding:10px 0 10px 0;
border-bottom: 0px solid #00a0d1;
background:none;
}
.zoom{background:url(../images/link.png) no-repeat center center rgba( 0, 0, 0, .8 );
position:relative; bottom:0; right:0; height:32px; width:32px; z-index:2; float:right; margin-top:-32px;}

}/* END Mobile Landscape Size to Tablet Portrait (devices and browsers) */

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 480px)  {
		body {
background: #010101;
font-family: Helvetica, Arial, sans-serif;
color: #FFF;
background-image: url(../images/bg4.png);
background-repeat: no-repeat;
background-position: center top;
font-size: 14px;
line-height: 1.4em;}

	.top-wrapper{display:none;}
	#slides{display:none;}
	h1 {	color:#fff;	border-bottom:solid 0px #fff;	text-shadow: 0 0px 0px #000;	margin: 20px 0px;}
		.title, .widget-title{text-align:center;}

	
	.header-wrapper {
    background: none;
border-top: 0px solid #424242;
border-bottom: 0px solid #00a0d1;
word-spacing: 3px;
box-shadow: 0 0px 0px 0px rgba(0,0,0,0.6) inset, 0 0px 0px 0px rgba(0,0,0,0.6) inset;    
position: relative;
    z-index: 101;
	width:100%;
}

	.pulse{ display:none;	}
	#backstretch{	display:none;	}
	.header,
	.wrapper,
	#footer,
	.content,.content-sidebar,.top,
	.sidebar   {width: 100%;	}
	.site-generator a{ color:#00a0d1;}
	.site-generator{width: 95%;text-align:center;	color:#fff; padding:5px;font-size: 9px;}
	.site-generator-wrapper {position:relative;height:46px;   background:none; color:#fff;
	}
	.header{margin:5px auto;	}
	.wrapper{margin:-10px auto 40px;	}
	.phonemail-area{text-align:center;	}
	#footer .widget-area {
		float: none !important;
		width: auto !important;
		margin: 0 0 40px 0 !important;
	}
	.content, .content-sidebar {		float: none;	}
	
	.sidebar {
		clear: both;
		margin: 30px 0 0 0 !important;
		float: none;	}
	
	.logo {
		float: none;
		width:300px;
		text-align: center;
		margin:40px auto 0px;	}
	
	.logo img{
	max-width:300px;}
	
	.one-half, .one-third, .two-third, .three-fourth, .one-fourth, .one-fifth, .one-sixth {
		float: none;
		margin: 0 0 20px 0;
		width: 100%;
}
.blog-grid .post { width: 100%;}
.left{float:left;}
.right{	float:left;}
.preview{display:none;}
.blog-grid .post img { -webkit-transition: all .0s ease-in-out;}
.blog-grid .post img:hover { -webkit-transform: scale(1.00);}

/*-----------------------------------------------------------------------------------*/
/*	MENU
/*-----------------------------------------------------------------------------------*/
#menu-wrapper .menu {
    list-style: none;
    float:left;
    position: relative;
    z-index: 1003;
    padding: 0px 5% 0px 5%;
	height: auto;
	width:90%;
	margin:10px 0 0 0;
}
#menu-wrapper .menu ul {
    margin: 0;
    list-style-type: none;
    position: relative;
    overflow: inherit;
}
.menu ul li.nav-seperator {
    display: block;
    text-decoration: none;
    line-height: 1;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 13px;
    letter-spacing: 0.4px;
    color: #dedede;
    padding: 0;
    font-weight: normal;

}
#menu-wrapper .menu ul li {
    position: relative;
    float: left;
    background: none;
    padding-left: 0px;
    margin-left: 0px;
		padding-top:0px;
		width:100%;
		border-bottom: #666 solid 1px;
}
#menu-wrapper .menu ul li:first-child {	display:none;	}
	
#menu-wrapper .menu ul li:last-child {		border-bottom: #666 solid 0px;}

#menu-wrapper .menu ul li a {
    display: block;
    text-decoration: none;
    line-height: 1;
    font-size: 19px;
	line-height:50px;
    letter-spacing: 0.4px;
    color: #fff;
    padding: 0 0px 0 0;
    font-weight: normal;
	background:url(../images/active-indicator-mobile.png) no-repeat 93% 50%;
	text-shadow: 0 0px 0px #666;
	text-indent:5%;
}

#menu-wrapper .menu ul li.active a,
#menu-wrapper .menu ul li a:hover {
    color: #dedede;
	background:url(../images/active-indicator-mobile.png) no-repeat 95% 50%;
	position:relative;}
#menu-wrapper .menu ul li.active li a {    color: #00a0d1}
#tiny2{ display:none;}
.back{
	background:url(../images/back-mobile.png) no-repeat 4% 50%;
	border-bottom: #666 solid 1px;
	font-size: 19px;
	line-height:35px;
	height:35px;

}
.box {
    margin: 0 0 30px 0;
    background: none;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.44);
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.44);
    padding: 0 15px 10px 15px;
    padding-bottom: 0;
    position: relative;
    overflow: hidden;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
}
.sidebox{background:none;}
.back-home{text-align:center; font-size:1.2em;font-family: 'sanford_book'; padding:10px;
border-top: #666 solid 1px;}
.back-home a{ color:#fff;}	
.footer-contact{text-align:center; width:100%;font-size:1.1em;font-family: 'sanford_book'; padding:10px 0;
border-top: #666 solid 1px;}
.footer-contact a{ color:#fff;}	
.fa{ padding-right:10px;}
.blog-grid .post {
background:none;
margin-bottom: 10px;
border: 0px solid #424242;}	
.post h2 {
	text-align:center;
	width:100%;
	padding:10px 0 10px 0;
border-bottom: 0px solid #00a0d1;
	background:none;
}

.enquire{ float:none; margin-top:5px; margin-bottom:15px; color:#fff; text-align:center;}
.equire span { color:#fff;}
.enquire span a { color:#fff;}


.zoom{background:url(../images/link.png) no-repeat center center rgba( 0, 0, 0, .8 );
position:relative; bottom:0; right:0; height:32px; width:32px; z-index:2; float:right; margin-top:-32px;}

.ribbon-corner {
		font-size:0.8em;

}}