/*	Less Framework 4
	http://lessframework.com
	by Joni Korpi
	License: http://opensource.org/licenses/mit-license.php	*/


/*	Resets
	------	*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, 
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, hgroup, 
menu, footer, header, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}

article, aside, canvas, figure, figure img, figcaption, hgroup,
footer, header, nav, section, audio, video {
	display: block;
}

a img {border: 0;}

ul {
	margin-left: 50px;
}


/*	Typography presets
	------------------	*/

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on September 28, 2011 03:51:32 PM America/New_York */

html {
    /*If you had a black or close to black background*/
    background-color: #911B07;
}


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

}

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

}

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

}

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

}

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

}

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

}

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

}

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

}

@font-face {
                        font-family: 'Present-Bold';
                        src: url('PreseBol.eot');
}

@font-face {
                        font-family: 'Present-Bold';
                        src: url('PreseBol.woff') format('woff'),
                        url('PreseBol.svg#Present-Bold') format('svg');
}

.gigantic {
	font-size: 116px;
	line-height: 120px;
	letter-spacing: -2px;
}

.huge, h1 {
	font-size: 72px;
	line-height: 72px;
	letter-spacing: -1px;
}

.large, h2 {
	font-size: 44px;
	line-height: 48px;
}

.bigger, h3 {
	font-size: 28px;
	line-height: 36px;
	font-family: "Present-Bold", serif;
}

.big, h4 {
	font-size: 24px;
	line-height: 30px;
}

body {
	font: 14px/24px 'PTSansRegular', sans-serif;
}

.small, small {
	font-size: 13px;
	line-height: 18px;
}



/* Selection colours (easy to forget) */

::selection 	 	{background: rgb(255,255,158);}
::-moz-selection 	{background: rgb(255,255,158);}
img::selection 		{background: transparent;}
img::-moz-selection	{background: transparent;}
body {-webkit-tap-highlight-color: rgb(255,255,158);}

.transparent {
	filter:alpha(opacity=40);
	-moz-opacity:0.40;
	-khtml-opacity: 0.40;
	opacity: 0.40;
}

/*		Default Layout: 992px. 
		Gutters: 24px.
		Outer margins: 48px.
		Leftover space for scrollbars @1024px: 32px.
-------------------------------------------------------------------------------
cols    1     2      3      4      5      6      7      8      9      10
px      68    160    252    344    436    528    620    712    804    896    */

body {
	width: 100%;
	background-color: #911B07;
	color: rgb(60,60,60);
	-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
}

#header {
	width: 100%;
	height: 100px;
	background-color: #f0efeb;
}

#headerinner {
	margin-left: auto;
	margin-right: auto;
	width: 992px;
	height: 100px;
	color: rgb(60,60,60);
	-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
}

#container {
	width: 100%;
	/*height: 565px;*/
	/*padding: 72px 48px 84px;*/
	background: url("../images/container-bkgd-2.jpg") repeat scroll center top transparent;
	color: rgb(60,60,60);
	-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
	-moz-box-shadow: inset 0 2px 6px -3px #888;
	-webkit-box-shadow: inset 0 2px 6px -3px #888;
	box-shadow: inner 0 2px 6px -3px #888;
	padding-bottom: 55px;
	padding-top: 15px;
}

#mainContent {
    width: 992px;
    /*height: 525px;*/
    padding-top: 0;
    padding-bottom: 25px;
	margin-left: auto;
	margin-right: auto;
	font-size:12x;
	overflow-y: auto;
	overflow-x: hidden;
}

.messaging {
    float: left;
    /*height: 40px;*/
    padding: 15px 25px;
    width: 942px;
}

.door {
	width: 157px;
	height: 450px;
	float: left;
	margin-left: 18px;
	margin-right: 18px;
	/*background-color: #cdcdcd;*/
}

.doorlink {
	width: 136px;
	height: 350px;
	float: left;
}

.door a {
	text-decoration: none;
	color: #000;
}

.door a:hover {
	text-decoration: underline;
}


.door .imgContainer {
border: #E38D80 solid 2px;
width: 136px;
height: 350px;
margin-left: 11px;
margin-right: 11px;
margin-top: 11px;
}

.door h3 {
    display: block;
    float: left;
    font-size: 14px;
    margin-top: 8px;
    text-align: center;
    width: 162px;
}

.seasons1 {
	background: url("../images/seasons1.png") center center transparent;
}
.seasons2 {
	background: url("../images/seasons2.png") center center transparent;
}
.seasons3 {
	background: url("../images/seasons3.png") center center transparent;
}
#seasons3 {
	background: url("../images/seasons3.png") center center transparent;
}
.seasons4 {
	background: url("../images/seasons4.png") center center transparent;
}
.seasons5 {
	background: url("../images/seasons5.png") center center transparent;
}


img {max-width: 100%; /*margin: 5% 0; padding: 5%; border: #c3c3c3 solid 1px;*/}

#socialHeader {
	float: right;
	height: 32px;
	padding-top: 34px;
	padding-bottom: 34px;
}

#topmenu {
    background: url("../images/topmenu-bg.gif") repeat-x scroll 0 0 transparent;
    position: absolute;
    right: 20%;
    top: 0;
}
#topmenu ul {
    background: url("../images/topmenu-l.gif") no-repeat scroll 0 0 transparent;
    float: left;
    height: 36px;
    padding-left: 22px;
    padding-right: 5px;
}
#topmenu li {
    float: left;
    font-weight: bold;
    margin-right: 16px;
}

#topmenu a {
    background: url("../images/spec-arrow.png") transparent no-repeat -2px -1px;
    color: #cc0123;
    font-size: 12px;
    line-height: 33px;
    padding-left: 15px;
    text-decoration: none;
}

#footerContainer {
	width: 100%;
	font-size:12px;
	background-color: #911B07;
	-moz-box-shadow: inset 0 5px 5px -3px #888;
	-webkit-box-shadow: inset 0 5px 5px -3px #888;
	box-shadow: inner 0 5px 5px -3px #888;
}

#footer {
    width: 992px;
	margin-left: auto;
	margin-right: auto;
	font-size:12x;
	height: 125px;
	color: #fff !important;
}

#footer .logo {
    background: url("../images/logo_small.png") no-repeat scroll 0 0 transparent;
    bottom: 12px;
    height: 35px;
    left: 50%;
    margin-left: -17px;
    position: relative;
    text-indent: -9999em;
    width: 35px;
}

/* footnav */
.footnav {
	font-size:12px;
	margin-bottom:5px;
	margin-top: -5px;
	text-transform:uppercase;
	text-align: center;
}

.footnav li {
	display:inline;
	margin-right:5px;
}

.footnav a,.footnav a:visited {
	color:#fff;
}

.footnav a:hover {
	color:#cdcdcd;
}

.footer p {
	text-align: center;
	color: #000;
}


/* css end */



/*		Tablet Layout: 768px.
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */





/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */




/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */



/*	Retina media query.
	Overrides styles for devices with a 
	device-pixel-ratio of 2+, such as iPhone 4.
-----------------------------------------------    */

@media 
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min-device-pixel-ratio: 2) {
	
	body {
	
	}
	
}




/* sabi responsive css */
.logostyle{margin-top: 11px; margin-bottom: 11px; float: left;}
.photoGalleryContainer{ margin-top:20px;}
.photoGalleryContainer ul{ margin:0px; padding:0px;}
.photoGalleryContainer li { border: 5px solid #fff; display: inline-block; margin: 0 0 10px; vertical-align: top; width: 32%;}
.photoGalleryContainer img { height: 100%; width: 100%; display:block;}
.conditions-list{}
.conditions-list ul{ padding:0px; margin:0px;}
.conditions-list li { box-sizing: border-box; display: inline-block; list-style: outside none none; padding: 0 0 15px; text-transform: capitalize; width: 33%;}
.conditions-list ul li:before { background-color: #66676b; border: 2px solid transparent; border-radius: 2px; color: #fff; content: "\f00c"; display: inline-block; font-family: "FontAwesome"; font-size: 12px; height: 19px; line-height: 18px; margin-right: 10px; position: relative; text-align: center; top: -1px;  transition: border-color 0s ease 0s; width: 19px;}
.form{ float: left; width: 50%;}
.map{ float: right; width: 50%; padding-left: 25px; box-sizing:border-box;}
.map iframe{ width:100%; height:300px; border:none;}
.clr{ clear:both;}
.form label{ display:block;}
.form input[type="text"], input[type="email"]{ border:none; border: 1px solid #cdcccc; background:#fff; border-radius:0px; width:100%; padding:8px; height:35px; box-sizing:border-box; margin-bottom:8px;}
.form textarea{ border:none; border: 1px solid #cdcccc; background:#fff; border-radius:0px; width:100%; padding:8px; height:100px; box-sizing:border-box;}
.form button{ border:none; width:100px; padding:10px 0px; text-align:center; border:1px solid #cdcccc; text-transform:uppercase; cursor:pointer; font-size:13px; margin-top:10px;}
.form button:hover{ background:#911B07; color:#fff; border:1px solid #911B07;}


@media(min-width:768px) and (max-width:1200px){
#header { height: auto;}
.logostyle { float: none; margin: 0;}
#headerinner { height: auto; padding: 10px; width: 100%; box-sizing: border-box; text-align:center;}
#container { height: 100%; background: transparent url("../images/container-bkgd-2.jpg") repeat scroll center top;}
#mainContent { height: 100%; width: 100%;}
.messaging { float: none; height: auto; padding: 15px; width: 100%; box-sizing: border-box;}
.door { margin: 0 auto; display: inline-block; float:none; width:140px;}
.door .imgContainer { box-sizing: border-box; padding: 10px; width: 100%; margin:0px;}
.doorlink { float: none; height: 100%; width: 100%;}
.door h3{ text-align:center;}
#footer { height: 100%; width: 100%;}
#footerContainer { width: 100%; padding: 10px; box-sizing: border-box;}
#footer .logo { background-position: center center; bottom: 20px; height: auto; left: 0; margin-left: 0; text-align: center; width: 100%;}
.footnav { border-bottom: 1px solid rgba(255, 255, 255, 0.33); margin: 0 0 15px; padding: 0 0 15px; text-align: center;}
.footnav a, .footnav a:visited { text-decoration: none;}
#footerContainer p { border-bottom: 1px solid rgba(255, 255, 255, 0.33); line-height: 24px; margin: 0; padding: 5px 0 15px;}
#footerContainer p:last-child{ padding-bottom:6px;}
.text-centreKS{ text-align:center;}
.photoGalleryContainer { text-align:center;}
.photoGalleryContainer li { width: 30%;}
.galleryBox{ margin:0px; padding:0px;}
.galleryBox li{ list-style:none;}
.conditions-list li { width: 49%;}
.homepage{ text-align:center;}
} 

@media(min-width:768px){ 
}

@media(max-width:767px){
#header { height: auto;}
.logostyle { float: none; margin: 0;}
#headerinner { height: auto; padding: 10px; width: 100%; box-sizing: border-box; text-align:center;}
#container { height: 100%; background: transparent url("../images/container-bkgd-2.jpg") repeat scroll center top;}
#mainContent { height: 100%; width: 100%;}
.messaging { float: none; height: auto; padding: 15px; width: 100%; box-sizing: border-box;}
.door { margin: 0 auto; display: inline-block; float:none;}
#footer { height: 100%; width: 100%;}
#footerContainer { width: 100%; padding: 10px; box-sizing: border-box;}
#footer .logo { background-position: center center; bottom: 20px; height: auto; left: 0; margin-left: 0; text-align: center; width: 100%;}
.footnav { border-bottom: 1px solid rgba(255, 255, 255, 0.33); margin: 0 0 15px; padding: 0 0 15px; text-align: center;}
.footnav a, .footnav a:visited { text-decoration: none;}
#footerContainer p { border-bottom: 1px solid rgba(255, 255, 255, 0.33); line-height: 24px; margin: 0; padding: 5px 0 15px;}
#footerContainer p:last-child{ padding-bottom:6px;}

/* inner pages css */
.galleryBox { padding: 0px; margin: 10px 0; background: #FFFCFC; padding: 10px; box-sizing: border-box;}
.galleryBox li{ list-style:none;}
#galleria ul { margin: 0; padding: 0;}
#galleria ul li{ list-style:none;}
.photoGalleryContainer li { width: 45%;}
.form { float: none; text-align: left; width: 100%;}
.map{ float: none; width: 100%; padding:0px; margin-top:30px;}
.text-centreKS{ text-align:center;}
.conditions-list li { width: 100%;}
.homepage{ text-align:center;}
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
}