*{margin:0;padding:0;}

body {margin:0px; padding:0px; font-family:'Raleway', Arial; font-size:13px}

a {text-decoration:none; color:#f7941e;}

h1 {color:#f7941e; font-weight:normal}

.third h1, .two-third  h1 {font-weight:normal; 
	font-size:17px; 
	border-bottom:1px solid #f7941e;
	letter-spacing:1px;
	color:#000;
}

.home-intro p {margin:0px 0px 10px 0px;}

p {line-height:1.6; margin:0px; padding:0px;}

.container {width:940px; position:relative; margin:0px auto;}

.header, .home-intro {width:100%; position:relative; margin:15px 0px; float:left} 

.right {float:right;}

.header .right {text-align:right; font-size:18px; letter-spacing:1px}

.phone, {font-size:21px; margin:12px 0px 0px 0px; padding:0px; line-height:1; color:#000}

.phone a{color:#000;}

.header p, .navigation ul li a, h1, .third h1, .footer .container, .orangebox h2 span, .quarter h2 {font-family:'Bree Serif', Arial; text-transform:uppercase}

.navigation {position:relative;}

.navigation ul {
	position:relative;
	width:100%;
	border-bottom:1px solid #f7941e;
	border-top:1px solid #f7941e;
	margin:20px 0px 0px 0px;
	padding:0px;
	float:left
}

.navigation ul li {
	list-style:none;
	margin:0px;
	padding:0px;
	font-size:16px
}

.navigation ul li a{
	float:left;
	padding:10px 30px;
	margin:0px 25px;
	color:#000;
}

.navigation ul li:nth-child(1) a {
	margin:0px 50px 0px 0px;
}
	
.navigation ul li:nth-child(5) a {
	margin-right:0px;
	float:right
}
	
.navigation ul li a:hover {
	background-color:#f7941e;
	color:#FFF;
}


.third {width:39%; margin-right:0%; float:left}

.third:nth-child(3) {margin-top:20px;}

.two-third {width:55%; margin-right:5%; float:left;}

 .third h1, .two-third h1 {
	margin:0px 0px 10px 0px;
	padding:0px;
}

.half {width:50%; text-align:center; float:left; margin-top:30px}

.quarter {
	width:25%;
	float:left;
	margin-right:2%;
}

.quarter h2 {font-weight:normal; font-size:17px; margin-bottom:10px}
.quarter p {color:#f7941e;}

.three-quarter {
	float:left;
	width:72%;
}

.item {float:left; width:100%; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #ccc;}

.footer {width:100%; background-color:#f7941e; position:relative; float:left; margin-top:30px;}

.footer a {color:#fff;}

.footer .container {text-align:center; color:#fff; padding:15px 0px}

.footer h2 {font-size:13px; padding:0px; margin:0px; color:#ffe4c7}

.bss-fullscreen {display:none;}

.bss-slides figure {top:0px;}
.num2 {width:100%;}

nav select {display:none;}

.orangebox {
	width:96%;
	background:#f7941e;
	float:left;
	padding:17px 2%;
	text-align:center;
	margin:20px 0px 30px 0px;
}

.orangebox h2 {color:#FFF;	font-size:15px;
	font-weight:normal; line-height:25px;
}

.orangebox h2 span {font-size:20px; font-weight:normal; line-height:35px}

.form-item {padding:10px 0px;}
#Enquire, fieldset {border:0px solid #fff;}
label {width:123px; float:left}
input {padding:4px;}
input.button {padding:5px; background-color:#f7941e; color:#fff; font-size:14px; margin-left:123px;}


/** GALLERY **/



#lgbx,
#lgbx_bcg { position: fixed }

#lgbx_bcg {
  top: 0;
  left: 0;
  z-index: 50;
  width: 100%;
  height: 100%;
  cursor: pointer;
  background: rgba(0,0,0,0.8)
}

#lgbx {
  background: #FFF;
  padding: 5px;
  z-index: 55;
  top: 0;
  left: 0
}

#lgbx_close,
#lgbx_desc,
#lgbx_next,
#lgbx_prev {
  position: absolute;
  z-index: 56;
  display: none
}

#lgbx_close {
  z-index: 56;
  right: 9px;
  top: 9px;
  cursor: pointer;
  width: 15px
}

#lgbx_desc {
  bottom: 0;
  right: 0;
  background: rgba(0,0,0,0.6);
  color: #FFF;
  padding: 5px 8px 1px;
  font-size: 12px
}

#lgbx_next,
#lgbx_prev {
  cursor: pointer;
  top: 50%;
  margin-top: -20px;
  height: 40px
}

#lgbx_next { right: 5px }

#lgbx_prev { left: 5px }

#gallery img {width: 31%; margin: 5px 1%; cursor: pointer}

@media screen and (max-width: 940px){
	.container {width:100%;}
	.navigation ul li a {padding:10px 2%;}
	.navigation ul li:nth-child(5) a { float:left;}
	.navigation ul li:nth-child(1) a {margin:0px 2% 0px 0px;}
}

@media screen and (max-width: 769px){
	.container {width:100%;}
nav select {display:inline;margin:20px 5% 10px; width:90%; font-size: 20px}
.navigation ul {display:none; }
.phone, .header p {font-size:15px;}
.phone { margin:22px 0px 0px 0px;}
 
}


@media screen and (max-width: 667px){
	.header {text-align:center;}
	.header .right {float:none; text-align:center;}
	.container {margin:0px 2% 0px 2%; width:94%;}
	.third, .two-third, .three-quarter, .quarter {width:100%;}
	.third:nth-child(3) {margin-top:0px;}
	.item {width:96%; margin-left:2%; margin-right:2%;}
#gallery img {width: 47%; margin: 5px 1%; cursor: pointer}
.header img {width:100%;}
.half img {width:100%;}

}