/* global reset*/
* {
	padding: 0;
	margin: 0;
	outline: 0;
	border: none;
	border-collapse: collapse;
	font-size: 100%;
	font-weight: normal;
}

@font-face {
    font-family: 'nexa_boldregular';
    src: url('../fonts/Nexa_Free_Bold-webfont.eot');
    src: url('../fonts/Nexa_Free_Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Nexa_Free_Bold-webfont.woff') format('woff'),
         url('../fonts/Nexa_Free_Bold-webfont.ttf') format('truetype'),
         url('../fonts/Nexa_Free_Bold-webfont.svg#nexa_boldregular') format('svg');
}

/* =============================================================================
   HTML5 Boilerplate CSS: h5bp.com/css
   ========================================================================== */

body, article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, img { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 1em; line-height: 1.4; }

::-moz-selection { background: #d36c1d; color: #fff; text-shadow: none; }
::selection { background: #d36c1d; color: #fff; text-shadow: none; }

a:focus { outline: none; border: 0; }
a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

svg:not(:root) { overflow: hidden; }

figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner, select::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: center; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: center; }

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }

.hidden { display: none !important; visibility: hidden; }

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

/*-----------------------------------------styles---------------------------------------------*/

/*-------------------BASE STYLES----------------------*/

body {
	overflow-x: hidden;	
}

.ie-message {
	display: none;	
}

.lt-ie7 .ie-message {
	display: block;	
}

.lt-ie7 .wrapper,
.lt-ie7 header,
.lt-ie7 footer {
	display: none;
}

.wrapper {
	width: 960px;
	margin: 15px auto;
	position: relative;
}

h1 {
	font-family: 'nexa_boldregular', Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	color: #a0be46;
	font-size: 32px;
	margin-bottom: 5px;
	clear: both;	
}

h2 {
	font-family: 'Arial', Helvetica, sans-serif;
	font-weight: bold;	
	color: #636a70;
	font-size: 18px;
}

h3 {
	font-family: 'Arial', Helvetica, sans-serif;
	color: #fff;
	font-size: 24px;
	padding-left: 55px;
	padding-top: 40px;
}

h4 {
	font-family: 'Arial', Helvetica, sans-serif;
	color: #636a70;
	font-size: 14px;
	line-height: 19px;
	padding-left: 10px;
	padding-right: 10px;
}

p {
	font-family: 'Arial', Helvetica, sans-serif;
	color: #636a70;
	font-size: 14.5px;
	line-height: 19px;
}

/*-------------------HEADER----------------------*/

header {
	width: 960px;
	margin: 0 auto;	
	height: 239px;
	position: relative;
}

header.home {
	height: 525px;
}

.header-content {
	height: 70px;
	background-color: #fff;
	position: relative;
}

.header-bar {
	position: relative;
	top: 20px;	
}

header nav ul li a {
	font-family: 'Arial', Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: 0.4px;
	color: #636a70;
	line-height: 66px;
	display: block;
	text-decoration: none;
	padding: 0 20px 0 20px;
}

header nav ul li {
	float: left;
}

header nav {
	width: 65%;
}

header a.logo {
	float: right;
	margin-top: 20px;	
}

.shadow {
	width: 1030px;
	position: relative;
	left: -35px;
	z-index: -10;
}

.triangle {
	width: 30px;
	height: 19px;
	position: absolute;
	top: -5px;
	left: 0;
}

.triangle img {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	z-index: 5;
}

.triangle img.selected {
	z-index: 0;	
}

.bg-image {
	z-index: -20;
	position: absolute;
	top: 0;
}

.slider {
	z-index: -20;
	position: absolute;
	top: 0;
	height: 525px;
}

.slider section {
	position: absolute;
	top: 0;
	left: 0;
	display: none;	
	height: 525px;
	overflow-y:hidden;
}

/*-------------------HOME----------------------*/

.address-wrap, .promo-circle-left {
	width: 160px;
	height: 160px;
	background-color: #f3b204;
	border-radius: 80px;
	-moz-border-radius: 80px;
	-webkit-border-radius: 80px;
	position: absolute;
/* 	right: -20px; */
	top: -130px;
	behavior: url(PIE.htc);	
}

.address-wrap {
	background-color: #f3b204;
	right: -20px;
}

.promo-circle-left {
	background-color: #ff801f;
	left: -20px;
}

.address, .promo {
	width: 150px;
	height: 150px;
/* 	background-color: #ff801f; */
	border-radius: 75px;
	-moz-border-radius: 75px;
	-webkit-border-radius: 75px;
	behavior: url(PIE.htc);			
}

.address {
	background-color: #ff801f;
}

.promo {
	background-color: #f3b204;
}

.address p, .promo p {
	color: #fff;
	font-size: 15px;
	text-align: center;
}

.promo p {
	font-size: 14px;
	line-height: 1.25;
}

.address p:first-child {
	padding-top: 45px;
}

.promo p:first-child {
	padding-top: 28px;
	text-transform: uppercase;	
	font-size: 1.1em;
	margin-bottom: 0.1em;
}

.description {
	width: 960px;
	margin: 0 auto;	
	padding-top: 40px;
}

.description h2 {
	color: #ef7d26;
	font-size: 22px;
	text-align: center;	
}

.description h4 {
	font-size: 16px;
	text-align: center;
	line-height: 27px;
	padding-top: 14px;	
}

/*-------------------LOCATION----------------------*/

iframe {
	width: 960px;
	height: 500px;	
}

/*-------------------PARKING----------------------*/
 
.parking {
	width: 960px;
	position: relative;	
}

.parking-img {
	width: 960px;
	margin: 0 auto;
}

.map-key {
	position: absolute;
	bottom: 50px;
	left: 0;
	width: 400px;
	height: 300px;	
}

img.key {
	margin-left: 10px;
	margin-top: 10px;
	float: left;
	clear: left;	
}

.map-key section {
	width: 380px;
	height: 200px;
	background-color: #fff;
	border: 1px solid #dadada;
	margin-bottom: 4px;
	-webkit-box-shadow: 0 0 4px #d8d8d8;
    -moz-box-shadow: 0 0 4px #d8d8d8;
    box-shadow: 0 0 4px #d8d8d8;
	position: relative;
}

.map-key section p {
	float: left;
	margin-top: 5px;
	width: 300px;
	height: 28px;
	line-height: 38px;
	margin-left: 10px;
}

.key-btn {
	font-family: 'nexa_boldregular', Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	color: #a0be46;
	font-size: 20px;
	line-height: 23px;
	margin-bottom: 5px;
	text-align: center;
	clear: both;
	cursor: pointer;
	position: absolute;
	bottom: 70px;
	left: 0;	
	background-color: #fff;	
	padding: 10px 10px 10px 10px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #dadada;
	-webkit-box-shadow: 0 0 4px #d8d8d8;
    -moz-box-shadow: 0 0 4px #d8d8d8;
    box-shadow: 0 0 4px #d8d8d8;
}

.parking img.close-key {
	position: absolute;
	right: -10px;
	top: -10px;
	cursor: pointer;
	width: 30px;	
}

.map-key span {
	font-family: 'nexa_boldregular', Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	color: #a0be46;
	font-size: 32px;
	margin-bottom: 5px;
	clear: both;
	cursor: pointer;		
}

.park-heading-wrap {
	background-color: #f3b204;
	width: 180px;
	height: 180px;
	border-radius: 90px;
	-moz-border-radius: 90px;
	-webkit-border-radius: 90px;
	position: absolute;
	top: -30px;
	left: -30px;
	behavior: url(PIE.htc);	
}

.park-heading {
	width: 170px;
	height: 170px;
	background-color: #ff801f;
	border-radius: 85px;
	-moz-border-radius: 85px;
	-webkit-border-radius: 85px;
	margin-left: 10px;
	behavior: url(PIE.htc);	
}

.park-info {
	width: 320px;
	position: absolute;
	bottom: 30px;
	right: 0;
}

.park-info h2{
	color: #ef7d26;
	font-size: 30px;
	text-align: center;
}

.park-info h3 {
	color: #ef7d26;
	font-size: 20px;
	text-align: center;	
	margin: 0;
	padding: 0;
	line-height: 27px;
}

p.small-print {
	font-size: 12px;	
}

/*-------------------CONTACT----------------------*/

.contact {
	width: 900px;
	margin: 0 auto;
	padding-top: 30px;	
}

.submit-button {
	display: block;
	width: 120px;
	height: 36px;
	font-family: 'Arial', Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	color: #cc1d51;
	font-size: 20px;
	background-color: #fff;	
	background-image: url(../img/submit.jpg);
	background-repeat: no-repeat;
	background-position: right;
	float: right;
}

.contact-form-wrap {
	width: 600px;
	float: right;
	margin-top: 50px;	
}

.contact-details {
	width: 300px;
	margin-top: 30px;
	float: left;
}

.contact-details img {
	width: 60px;
	float: left;	
}

.prop-man {
	width: 300px;
	clear: both;
	padding-top: 40px;	
}

.southpoint-mail {
	width: 300px;
	clear: both;
	padding-top: 30px;	
}

.contact h2 {
	font-size: 21px;
	width: 100%;
	clear: both;
}

.contact .contact-details h2 {
	float: left;	
	height: 60px;
	line-height: 60px;
	padding-left: 10px;
	font-weight: normal;
	width: auto;
	clear: none;
}

.label {
	font-family: 'Arial', Helvetica, sans-serif;
	color: #636a70;
	font-size: 14.5px;
	line-height: 19px;
	width: 110px;
	display: block;
	height: 30px;
	line-height: 30px;
	float: left;
}


input[type=text] {
	float: left;
	width: 483px;
	padding-left: 5px;
	height: 28px;
	line-height: 30px;
	border: 1px solid #bfbfbf;	
	font-family: 'Arial', Helvetica, sans-serif;
	color: #636a70;
	font-size: 14.5px;
	-webkit-box-shadow: inset 1px 1px 2px #d8d8d8;
    -moz-box-shadow: inset 1px 1px 2px #d8d8d8;
    box-shadow: inset 1px 1px 2px #d8d8d8;
}

textarea {
	float: left;
	width: 593px;
	height: 120px;
	padding-left: 5px;
	min-height: 120px;
	max-height: 200px;
	line-height: 30px;
	border: 1px solid #bfbfbf;	
	margin-top: 5px;
	margin-bottom: 10px;
	font-family: 'Arial', Helvetica, sans-serif;
	color: #636a70;
	font-size: 14.5px;
	-webkit-box-shadow: inset 1px 1px 2px #d8d8d8;
    -moz-box-shadow: inset 1px 1px 2px #d8d8d8;
    box-shadow: inset 1px 1px 2px #d8d8d8;
}

.message-label {
	font-family: 'Arial', Helvetica, sans-serif;
	color: #636a70;
	font-size: 14.5px;
	line-height: 19px;
	width: 100%;
	height: 40px;
	line-height: 40px;
	float: left;
}

fieldset {
	width: 100%;
	clear: both;
	margin-bottom: 10px;	
}

p#status {
	color: #cc1d51;
	margin-bottom: 8px;
}

input[type=text].error-focus,
textarea.error-focus {
	border: 1px solid #cc1d51;	
}

.contact-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 960px;
	height: 120px;
	z-index: -1;
	background: -moz-linear-gradient(top,  #e3e3e3 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3e3e3), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e3e3e3 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e3e3e3 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e3e3e3 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e3e3e3 0%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e3e3', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}


/*-------------------STORES----------------------*/

.clear {
	clear: left;	
}

.map-nav a.selected {
	color: #d36c1d;	
}

.map-nav {
	width: 710px;
	float: right;
	margin-bottom: 5px;	
}

.map-nav a {
	color: #636a70;
	font-family: 'Arial', Helvetica, sans-serif;
	font-size: 16px;
	text-decoration: none;	
}

nav.stores {
	width: 240px;
	float: left;
}

nav.stores ul li a {
	color: #636a70;
	font-family: 'Arial', Helvetica, sans-serif;
	font-size: 15px;
	text-decoration: none;	
}

nav.stores ul li a.selected {
	color: #d36c1d !important;	
}

nav.stores ul li a:hover{
	color: #d36c1d !important;
}

.map-wrapper {
	width: 710px;
	float: right;	
	position: relative;
}

.floor-wrapper {
	width: 710px;
	float: right;	
	position: absolute;	
	top: 0;
	left: 0;
	border: 1px solid #dadada;
}

.mezzanine-map {
	display: none;	
}

.map-wrapper img {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-box-shadow: 0 0 4px #d8d8d8;
    -moz-box-shadow: 0 0 4px #d8d8d8;
    box-shadow: 0 0 4px #d8d8d8;	
}

.shop-info-wrap {
	width: 710px;
	float: right;	
	position: relative;	
}

.shop-info {
	width: 305px;
	height: 305px;
	background-color: #a0be46;	
	z-index: 10;
	position: absolute;
	right: 40px;
	top: 0;
	border-radius: 152.5px;
	-moz-border-radius: 152.5px;
	-webkit-border-radius: 152.5px;
	opacity: 0;
	display: none;
	behavior: url(PIE.htc);	
}

.shop-info-details {
	background-color: #fff;
	width: 285px;
	height: 285px;	
	border-radius: 142.5px;
	-moz-border-radius: 142.5px;
	-webkit-border-radius: 142.5px;
	position: relative;
	left: 4px;
	top: 4px;
	text-align: center;
	behavior: url(PIE.htc);	
}

.shop-info-details h2 {
	padding-top: 14px;
	padding-bottom: 4px;
	width: 90%;
	margin-left: 5%;
}

.shop-info-details h4 a {
	color: #636a70; 	
}

.close-btn {
	position: absolute;
	right: 20px;
	top: 10px;
	cursor: pointer;	
}

.shop-logo {
	margin: auto auto;
	padding-top: 30px;	
	max-height: 65px;
}

.other-businesses {
	width: 50%;
	float: left;
	padding-top: 20px;	
	padding-bottom: 40px;
}

.other-businesses.other-stores {
	width: 100%;
	clear: both;	
}

.first-box {
	padding-bottom: 0;	
}

.other-businesses h2 {
	color: #a0be46;	
	float: left;
}

.other-businesses ul {
	float: left;
	padding-left: 0;	
}

ul.first-list {
	width: 220px;
	clear: left;
}

.other-businesses ul li {
	font-family: 'Arial', Helvetica, sans-serif;
	color: #636a70;
	font-size: 14.5px;
	line-height: 19px;
	list-style-type: none;
}

.other-businesses ul li a{
	color: #636a70;
}

/*-------------------COMMERCIAL----------------------*/

.van-den {
	width: 480px;
	float: left;	
}

.van-den h1 {
	font-size: 22px;
	padding-top: 10px;	
	margin-bottom: 8px;
}

.van-den img {
	width: 460px;	
}

.van-den .other-businesses {
	width: 100%;
	padding-top: 0;	
	padding-bottom: 10px;	
}

.van-den .other-businesses.first-section {
	padding-top: 20px;
}

.van-den .other-businesses.last-section {
	padding-bottom: 40px;
}

.van-den .other-businesses ul {
	padding-top: 0;
	margin: 0;
}

.building-3 {
	width: 460px;
	float: right;
}

.building-3 h1 {
	font-size: 22px;	
	padding-top: 10px;
	margin-bottom: 8px;
}

.building-3 img {
	width: 460px;	
}

.building-3 .other-businesses ul {
	padding-top: 0;
	margin: 0;
}

.building-3 .other-businesses {
	width: 100%;
	padding-top: 0;	
	padding-bottom: 10px;	
}

.building-3 .other-businesses.first-section {
	padding-top: 20px;
}

li strong {
	padding-bottom: 3px;
	padding-top: 6px;
	width: 100%;
	float: left;	
}