body {
	background-image: url(../images/greyhatch.gif);
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	-webkit-font-smoothing: antialiased;
}
.wrapper {
	background-image: url(../images/yellowhatch.gif);
	padding-bottom: 40px;
}
body, td, th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 24px;
	color: #262626;
}
a { color: #262626; }
a:link { text-decoration: underline; }
h3 a:link, .frame a:link { text-decoration: none; }
a:visited {
	text-decoration: none;
	color: #262626;
}
a:hover {
	text-decoration: underline;
	color: #262626;
}
a:active {
	text-decoration: none;
	color: #262626;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	margin-bottom: 10px;
}
h1 {
	font-size: 48px;
	line-height: 50px;
	color: #262626;
}
h2 {
	font-size: 48px;
	line-height: 50px;
frame  color: #262626;
}
h3 {
	font-size: 30px;
	line-height: 30px;
	color: #262626;
}
h3 a:hover {
	text-decoration: none;
	color: #666;
}
h4 {
	font-size: 24px;
	line-height: 30px;
	color: #ffde16;
}
h5 a, h5 a:hover, h5 a:visited { text-decoration: none !important; }
h5 {
	font-size: 20px;
	line-height: 30px;
	color: #fff;
}
h6 {
	font-size: 14px;
	color: #262626;
}
p, a {font-weight:bold;}
.black { color: #262626; }
p.firstpara { font-size: 16px; }
p.large {
	font-size: 18px;
	padding-bottom: 30px;
}
.fright { float: right; }
/* HEADER */	
.header {
	border-bottom: 1px solid #000;
	background: url(../images/header-bg.jpg) no-repeat center top #ffc706;
	padding-bottom: 30px;
}
.herounit {
	background-color: #262626;
	height: 400px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #fedf15;
	color:#fff;
}
.herounit h3 {color:#fff;}
.header .container { position: relative; }
.logo { text-align: center; }
.logo img {
	height: 100px;
	width: auto;
	margin: 0 auto;
}
.thankyou { text-align: center; }
.thankyou p { font-size: 18px; }
/* SSEPERATOR */
.seperator {
	clear: both;
	height: 30px;
	position: relative;
	text-align: center;
}
.seperator img {
	position: relative;
	top: -23px;
}
/*MAIN CONTENT */
.content { padding-top: 50px; }
.extrapad { padding-top: 20px; }
.eight-column h1, .eight-column h2, .eight-column h3, .eight-column h4, .eight-column h5, .eight-column h6 {
	text-shadow: 0px 1px 0px #fff5b5;
	filter: dropshadow(color=#fff5b5, offx=0, offy=1);
}
.two-column img {width:100%; height:auto;}
blockquote {
	background-color: #ffc706;
	padding: 9px 19px;
	display: block;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #ffde16;
	border-right-color: #ffde16;
	border-left-color: #ffde16;
}
blockquote p {
	font-weight: normal;
	line-height: 24px;
}
cite {
	background-color: #ffc706;
	border-bottom: solid 1px #ffde16;
	border-left: solid 1px #ffde16;
	border-right: solid 1px #ffde16;
	padding: 0 10px 10px 10px;
	font-weight: bold;
	text-align: right;
	display: block;
	font-size: 12px;
	line-height: 18px;
	position: relative;
}
.speachbubble {
	clear: both;
	background: url(../images/cite-lge.png) no-repeat bottom right;
	height: 40px;
	margin-bottom: 20px;
	position: relative;
	top: -3px;
}
.three-column blockquote {
	background-color: #262626;
	padding: 10px;
	display: block;
	clear: both;
	border: none;
	margin-top:20px;
}
.three-column blockquote p {
	color: #FFF;
	margin: 0px;
}
.three-column cite {
	color: #fff;
	background-color: #262626;
	border: none;
}
.three-column .speachbubble { background: url(../images/cite.png) no-repeat bottom right; }
.sidelink {
	background-color: #ffc706;
	padding: 9px;
	border: 1px solid #ffde16;
	margin-bottom: 20px;
}
.casestudy li p, .casestudy li h3, .casestudy li h6 { padding: 0 10px; }
.casestudy li {
	border-top: solid #262626 1px;
	padding: 20px 0;
	list-style-type: none;
}
/*.casestudy li div {padding-bottom:20px;}*/

.casestudy li .frame { padding-bottom: 0; }
.gallery li {
	border-top-style: none;
	padding-top: 0;
	padding-bottom: 10px;
	margin-top: 0;
}
.eight-column .casestudy li p { font-weight: normal; }
/* BUTTONS */
.btn {
	background-color: #ffde16;
	padding: 5px 10px;
	margin: 0 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-weight: bold;
	color: #262626;
	-webkit-box-shadow: inset 0px 1px 3px 0px rgba(255, 239, 141, .75);
	box-shadow: inset 0px 1px 3px 0px rgba(255, 239, 141, .75);
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, .75);
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, .75);
	text-shadow: 0px 0px 0px;
	filter: dropshadow(offx=0, offy=0);
}
a.btn:link { text-decoration: none; }
.blk {
	background-color: #262626;
	color: #fff;
}
.btn:hover {
	background-color: #999;
	-webkit-box-shadow: inset 0px 1px 3px 0px rgba(255, 255, 255, .4);
	box-shadow: inset 0px 1px 3px 0px rgba(255, 255, 255, .4);
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, .75);
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, .75);
	text-decoration: none;
}
.blk:visited { color: #fff; }
.sidelink .btn { }
.casestudy li .btn, .sidelink .btn { float: right; }
/* PORTALS */
.portals { clear: both; }
.portal {
	background-color: #000;
	border: 3px solid #e2d47d;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	padding: 20px;
	text-align: center;
	-webkit-box-shadow: inset 0px 1px 3px 0px rgba(255, 239, 141, .75);
	box-shadow: inset 0px 1px 3px 0px rgba(255, 239, 141, .75);
	-webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, .75);
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, .75);
}
.portal h3, .portal p {
	color: #FFF;
	text-align: center;
}
.portal img {
	height: 40px;
	width: auto;
}
/* GALLERY */
.frame {
	border: 3px solid #e2d47d;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	overflow: hidden;
	-webkit-box-shadow: inset 0px 1px 3px 0px rgba(255, 239, 141, .75);
	box-shadow: inset 0px 1px 3px 0px rgba(255, 239, 141, .75);
	-webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, .75);
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, .75);
	margin-bottom: 20px;
}
.frame img {
	width: 100%;
	height: auto;
}
/*FOOTER */
.footer { padding-bottom: 100px; }
.footer p { color: #FFF; }
.footer a { color: #ffde16; }


.err, p.err { color: #ffde16; font-size: 16px; padding-left:10px; }

.err li {
	list-style-type:none;
}

.required { color:#ffde16; font-weight:bold;}


/* FORM ELEMENTS */
input, textarea {
	background-image: none;
	border: 3px solid #a7a9ac;
	color: #eee;
	font-size: 14px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	background-color: #58585a;
	width: 100%;
	padding: 0 10px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
input {
	height: 40px;
	line-height: 40px;
}
textarea {
	height: 100px;
	line-height: 20px;
	padding: 10px;
}
input[type=submit] {
	border: none;
	height: 40px;
	background-color: #ffde16;
	color: #262626;
	font-weight: bold;
	-webkit-appearance: none;
    margin-top: 20px;
    cursor: pointer;
}
input[type=submit]:disabled {
	opacity: 0.5;
}
input[type=submit]:hover:enabled {
	background-color: #666;
	color: #eee;
}
/*----- NAVIGATION---*/
	
.mainmenu { }
.mainmenu li { }
.mainmenu li:last-child { }
.mainmenu li:before { }
.mainmenu li:after { }
.mainmenu li:last-child:before { }
.mainmenu li:last-child:hover:before { }
.mainmenu a {
	color: #fff;
	display: block;
	text-decoration: none;
}
.mainmenu li:hover {
	background: #666;
	cursor: pointer;
	color: #ffde16;
}
.mainmenu li:hover:before { }
.mainmenu li:hover:after { }
/* EXTRA ROYAL SLIDER BITS */
.herounit .container .showcase .rsContent .rsABlock h2, .herounit .container .showcase .rsContent .rsABlock p { color: #FFF; }
.herounit .container .showcase .rsContent .rsABlock p {
	font-size: 18px;
	line-height: 30px;
}
.socialise li {
	float: left;
	padding-right: 10px;
	list-style-type:none;
}
.video {
	background-color: #262626;
	text-align: center;
	padding: 20px;
	margin-bottom: 30px;
}

.alsoran li {
	list-style-type:none;
	font-size:16px;
	line-height:20px;
	padding-bottom:10px;
}

.alsoran li a {
	text-decoration:none;
}
.alsoran li a:hover {
	color:#666;
}

.likeus { 
	display: inline-block;
	vertical-align:middle;
}

 @media (max-width: 767px) {
	.nav {
		background-color: #262626;
		padding: 10px;
		border-radius: 7px;
	}
	.nav .mainmenu {
		display: none;
		height: auto;
	}
	.nav a#pull {
		display: block;
		width: 100%;
		position: relative;
		color: #fff;
	}
	.nav a#pull:after {
		content: "";
		background: url(../images/nav-icon.png) no-repeat;
		width: 20px;
		height: 20px;
		display: inline-block;
		position: absolute;
		right: 0;
	}
	.nav li {
		display: block;
		width: 100%;
	}
}
 @media (min-width: 768px) {
	h1 { font-size: 60px; }
	.logo { float: left; }
	.bigname {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 36px;
		line-height: 72px;
		text-transform: uppercase;
		float: right;
	}
	/* PORTALS */
	.portals { clear: both; }
	.portal {
		padding: 20px 10px;
		background-image: url(../images/portal.jpg);
		background-repeat: no-repeat;
		background-position: center top;
	}
	.portal h3 { height: 60px; }
	.portal p { height: 192px; }
	
	.three-column {	margin-top:0;}

}
 @media (min-width: 768px) and (max-width: 979px) {
	.nav .mainmenu {
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
		background: #262626;
		border-radius: 7px;
		height: 50px;
		clear: both;
		overflow: hidden;
	}
	.nav .mainmenu li {
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
		float: left;
		line-height: 30px;
		padding: 10px;
		list-style-type: none;
		width: 20%;
		text-align: center;
	}
	.frame { height: 120px; }
}
 @media (min-width: 979px) {
	.logo {
		position: absolute;
		top: 20px;
		left: -10px;
		z-index: 100;
	}
	.logo img { height: auto; }
	.bigname { font-size: 48px; }
	.bleed {
		background-image: url(../images/bleedblock.gif);
		background-repeat: no-repeat;
		background-position: center top;
		height: 170px;
		border-bottom:1px solid #262626;
	}
	.header {
		height: 170px;
		width: 960px;
		margin: auto;
		padding: 0;
	}
	/*----- NAVIGATION---*/
		
	.nav .mainmenu {
		height: 70px;
		position: absolute;
		right: 0px;
		top: 70px;
		z-index: 10;
	}
	.nav .mainmenu li {
		float: left;
		line-height: 50px;
		margin-right: 72px;
		position: relative;
		background: #262626;
	}
	.nav .mainmenu li a {
		display:block;
		padding-top: 10px;
		padding-right: 3px;
		padding-bottom: 10px;
		padding-left: 3px;

		}
	.nav .mainmenu li:hover {
		background:#666;
	}
	.nav .mainmenu li:last-child {
		margin-right: 0px;
		padding-right: 10px;
	}
	.nav .mainmenu li:before {
		background: none;
		border-left: 0px solid transparent;
		border-right: 70px solid transparent;
		border-top: 70px solid #262626;
		content: "";
		right: -70px;
		position: absolute;
		top: 0;
	}
	.nav .mainmenu li:after {
		border-left: 70px solid transparent;
		border-right: 00px solid transparent;
		border-bottom: 70px solid #262626;
		content: "";
		height: 0;
		position: absolute;
		left: -70px;
		top: 0;
		width: 0;
	}
	.nav .mainmenu li:last-child:before {
		background: #262626;
		border: none;
		height: 70px;
		right: 0px;
		width: 10px;
	}
	.nav .mainmenu li:last-child:hover:before {
		background: #666;
		height: 0px;
		width: 10px;
	}
	.nav .mainmenu li:hover:before { border-top: 70px solid #666; }
	.nav .mainmenu li:hover:after { border-bottom: 70px solid #666; }
	.extrapad { padding-top: 0; }
	.frame { height: 160px; }
	.portal h3 { height: 30px; }
	.portal p { height: 144px; }
	.portal img { height: auto; }
}

.errMsg,
.succMsg {
    border: 2px #ffde16 solid;
    clear: both;
    padding: 20px;
    color: #fff;
    margin: 0 10px 20px;
    font-size: 20px;
}

.errMsg {
    background: #ffde16;
    color: #262626;
}