/******************************************/
	/* CSS powered by clock - www.clock.co.uk */
	/******************************************/

/**
 * general.css
 */

/**
 * site-specific HTML elements
 */

/* main-content h2 and h3 */

#main-content h2,
#main-content h3 {
	color: #0088CC;
	font-size: 16px;
	margin-bottom: 23px;
	clear: both;
	font-family: "HelveticaNeueBold", Helvetica, Arial, Verdana, sans-serif;
}

#main-content h9 {
	color: #FF0000;
	font-size: 16px;
	margin-bottom: 23px;
	clear: both;
	font-family: "HelveticaNeueBold", Helvetica, Arial, Verdana, sans-serif;
}
/* main-content h4 */

#main-content h4 {
	height: 14px;
	font-size: 12px;
	clear: both;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#main-content h4 span {
}

#main-content h4 a {
}

/* main-content h5 */

#main-content h5 {
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 12px;
}

#main-content h5 span {
}

#main-content h5 a {
}

/* Column Titles */

#main-content .primary h4 {
	margin-bottom: 12px;
}

#main-content .secondary h3 {
}

/* p, ul, li,  */

#main-content p {
	color: #000000;
	font-size: 11px;
	margin-bottom: 12px;
	line-height: 1.3em;
	letter-spacing: 0.03em;
	text-align: justify;
}

#main-content .separator {
	margin-bottom: 33px;
}

#main-content ul {
	margin-bottom: 12px;
}

#main-content .half-width {
	float: left;
	width: 50%;
}

#main-content li {
	font-size: 11px;
	margin-bottom: 5px;
	line-height: 1.3em;
	letter-spacing: 0.03em;
	padding: 0px 0px 0px 12px;
	background-image: url("../image/icon/bullet.gif");
	background-repeat: no-repeat;
	background-position: 0px 4px;
}

#main-content a {
	color: #1190CF;
	text-decoration: underline;
}

#main-content a:hover {
	text-decoration: none;
}

/* Inline Images */

img.inline {
	padding: 10px 27px 0px 27px;
	margin-bottom: 5px;
}

/**
 * .image-link
 * When a:hover has a background colour, use this .image-link class so
 * that <img> tags surrounded by <a></a> tags will not have a background
 * color on hover, and will have the following properties
 */

a.image-link:hover {
	background: none !important;
}

/* Read more links */

a.more {
	text-indent: -9999px;
	height: 15px;
	width: 70px;
	float: left;
	background-image: url("../image/read-more.gif");
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

a.more:hover {
	background-position: -100px 0px;
}

/**
 * custom selectors
 */

/* layout */

.footer {
	width: 100%;
	clear: both;
	position: relative;
	top: 4px;
}

.panel {
	clear: both;
	float: left;
}

.column {
	float: left;
	display: inline;
	position: relative;
	background-repeat: no-repeat;
}

.primary {
	width: 534px;
	min-height: 550px;
	border: 1px solid #E6E5E4;
	border-top: none;
	background-color: #FFFFFF;
}

.primary .text {
	padding: 30px 30px 30px 30px;
}

.secondary {
	width: 368px;
}

.secondary blockquote {
	width: 100%;
	height: 300px;
	text-indent: -9999em;
	background-position: left top;
	background-repeat: no-repeat;
}

.secondary #contact-details {
	padding: 28px 51px 0px 51px;
	background-image: url("../image/separator.gif");
	background-repeat: no-repeat;
	background-position: 51px 0px;
}

#main-content .secondary h3 {
	color: #555555;
	text-shadow: 2px 2px 1px #FFFFFF;
}

#feature-container {
	position: relative;
	top: -3px;
	left: -3px;
	width: 534px;
	height: 302px;
	padding: 3px 3px 0px 3px;
	background-image: url("../image/hero-small.gif");
}

#feature {
	width: 534px;
	height: 302px;
	overflow: hidden;
}

#contact-details dt,
#contact-details .number {
	font-family: "HelveticaNeueBold", Helvetica, Arial, Verdana, sans-serif;
	color: #555555;
	font-size: 14px;
	text-shadow: 2px 2px 1px #FFFFFF;
}

#contact-details .number {
	font-size: 16px;
}

/* content types */

.assistance {
}

.page-description {
}

#main-content p.description {
	margin-bottom: 25px;
}

.error {
	color: #FF0000;
}

.explanation {
}

.question {
}

.answer {
}

.summary {
}

.warning {
}

.reference {
}

.date {
}

.button {
	float: left;
	text-indent: -9999px;
	outline: none;
}

/* specific content types */

.signature {
}

.quote {
}

.copyright {
}

.disclaimer {
}

.caption {
}

.foot-note {
}

.breadcrumb {
}

.navigation {
}

.progress {
}

.action {
}

.direction {
}

.anchor {
}

/* states */
.pinned {

}

.current {

}

.selected {

}

/* ranks and numerical orders */
.primary {

}

.secondary {

}

.tertiary {

}

.single {

}

.double {

}

.triple {

}

.first {

}

.last {

}

.odd {

}

.even {

}

/* miscellaneous */

.clear-float {
	clear: both;
}

.clear-left {
	clear: left;
}

.clear-right {
	clear: right;
}

/* Jshowoff.js */

.jshowoff-controls {
	position: absolute;
	top: 137px;
	height: 28px;
	width: 100%;
}

.jshowoff-slidelinks {
	position: absolute;
	right: 10px;
	bottom: 0px;
	width: auto;
}

.jshowoff-slidelinks a {
	float: left;
	width: 7px;
	height: 7px;
	text-indent: -9999em;
	margin: 0px 2px 0px 2px;
	background-image: url("../image/feature-item-counter.png");
	background-position: 0px 0px;
	outline: none;
}

.jshowoff-slidelinks a:hover {
	background-position: 0px -7px;
}

.jshowoff-slidelinks .jshowoff-active,
.jshowoff-slidelinks .jshowoff-active:hover {
	background-position: 0px -14px;
}

.jshowoff-play {
	display: none;
}

.jshowoff-prev,
.jshowoff-next {
	position: absolute;
	display: block;
	width: 28px;
	height: 28px;
	text-indent: -9999em;
	background-image: url("../image/feature-controls.png");
	background-repeat: no-repeat;
	outline: none;
}

.jshowoff-prev {
	left: -14px;
	background-position: 0px 0px;
}

.jshowoff-prev:hover {
	background-position: 0px -28px;
}

.jshowoff-next {
	right: -14px;
	background-position: -28px 0px;
}

.jshowoff-next:hover {
	background-position: -28px -28px;
}