/* @group OLD */

p				{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#333333; vertical-align : text-top; line-height : 17px; text-decoration : none;}
td				{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#333333; text-decoration:none; vertical-align : text-top; line-height : 17px;}

a				{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; text-decoration:none;}
a:hover  { color: #DEF7C9; text-decoration: underline; }

strong				{ color: #ffffff; font-size:12px; text-decoration : none;}

/* @end */

/* @group THEME - change module elements such as chrome colours and borders */

/* @group COLUORS */

.background-colour-brand {
	background-color: #fff200;
}

/* @end */

/* @end */

/* @group TYPOGRAPHY */

/* @group VERTICAL RHYTHM */

/* @group MARGIN */

/* @group TOP */

.margin-top-tiny {
	margin-top: 7.5px;
}

.margin-top-small {
	margin-top: 15px;
}

.margin-top {
	margin-top: 30px;
}

.margin-top-large {
	margin-top: 60px;
}

.margin-top-massive {
	margin-top: 120px;
}

/* @end */

/* @group BOTTOM */

.margin-bottom-tiny {
	margin-bottom: 7.5px;
}

.margin-bottom-small {
	margin-bottom: 15px;
}

.margin-bottom,
.message {
	margin-bottom: 30px;
}

.margin-bottom-large {
	margin-bottom: 60px;
}

.margin-bottom-massive {
	margin-bottom: 120px;
}

/* @end */

/* @end */

/* @group PADDING */

/* @group TOP */

.padding-top-tiny {
	padding-top: 7.5px;
}

.padding-top-small,
.message {
	padding-top: 15px;
}

.padding-top {
	padding-top: 30px;
}

.padding-top-large {
	padding-top: 60px;
}

.padding-top-massive {
	padding-top: 120px;
}

/* @end */

/* @group BOTTOM */

.padding-bottom-tiny {
	padding-bottom: 7.5px;
}

.padding-bottom-small {
	padding-bottom: 15px;
}

.padding-bottom,
.message {
	padding-bottom: 30px;
}

.padding-bottom-large {
	padding-bottom: 60px;
}

.padding-bottom-massive {
	padding-bottom: 60px;
}

/* @end */

/* @end */

/* @end */

.strong {
	font-weight: bold;
}

/* @end */

/* @group DECORATION */

.box-shadow,
/* Modules */
.message {
	box-shadow: 0 0 15px #b8b8b8;
}

/* @end */

.layout-width-constraint,
.message p {
	width: 95%;
	margin: auto;
}

/* @group MODULES - Modules are the reusable, modular parts of our design. They sit inside layout e.g navigation bars, carousels, widgets */

/* @group BANNER */

.banner {
	position: relative;
	width: 750px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
	background: url(images/banner.jpg) no-repeat 120px;
}

.message {
	position: relative;
	z-index: 1;
	width: 750px;
	margin-right: auto;
	margin-left: auto;
	background-color: white;
	opacity: 0.8;
}

.message p {
	font-size: 15px;
}

/* @end */

/* GROUP SPECIAL
--------------------------------------------------- */
.logo {
	position: relative;
	top: 1px;
	width: 240px;
}

/* @end */