html, body {margin:0;padding:0;}
body {
	font-family: "open sans",arial,sans-serif;
	background:#fff;
}

h1, h2, h3 {font-weight: 300;margin-top:0;}
h1 {font-size:40px;margin-bottom:20px;}
h2 {font-size:36px;margin-bottom:18px;}
h3 {font-size: 32px;color: #555;margin-bottom:16px;}
p {font-size:13px;color:#555;margin-top:0;}
a {color:#3f73d3;text-decoration:none;}
a:hover {text-decoration:underline;}
div.clr{clear:both;}


/* === Header === */
.headerWrapper {

}
	.headerWrapper header {

	}


/* === Nav === */
.navWrapper {
	background:#333;
}
	.navWrapper nav {
		min-height:42px;
		line-height:42px;
		padding:0;
		position: relative;
	}
		.navWrapper nav .nav-toggle,
		.navWrapper nav .nav-title{
			display:none;
		}
		.navWrapper nav ul {
			list-style: none;
			padding: 0;
			margin:0;
		}
			.navWrapper li.desktoplogo, .navWrapper li.desktoplogo a {
				height:42px;
			}
				.navWrapper li.desktoplogo img {
					height:34px;
					margin-top:4px;
				}
			.navWrapper .mobilelogo {
				display:none;
				height:42px;
			}
				.navWrapper .mobilelogo img {
					height:34px;
					margin-top:4px;
				}
			.navWrapper li {
				float: left;
				background:#333;
			}
				nav a {
					font-size:14px;
					color:#fff;
					text-decoration:none;
					line-height:41px;
					display:inline-block;
					padding:0 12px;
				}
				nav li:hover > a, nav li.current> a{
					background:#555;
				}
				nav ul li .dropdown {
					display: none;
					position: absolute;
					width: 200px;
				}
				nav ul li:hover .dropdown{
					display: block;
				}
					nav ul li .dropdown li {
						float: none;
						padding: 0 5px;
					}
						nav ul li .dropdown li a,
						nav ul li.current .dropdown li a{
							display:block;
						}
		.navWrapper nav .custom-menu {
			 position: absolute;
			 left: 0;
			 background: #ccc;
			 width: 100%;
			 display: none;
		 }
		.navWrapper nav .custom-menu-toggle {
			display: none;
		}
		.navWrapper nav li:hover .custom-menu {
			 display: block;
		 }
			.navWrapper nav .custom-menu li {
				display: list-item;
				background: none;
				line-height: normal;
				float:none;
			}
			.navWrapper nav .custom-menu li:hover {
				background: none;
			}
				.navWrapper nav .custom-menu li a {
					line-height: normal;
				}
				.navWrapper nav .custom-menu li:hover > a, .navWrapper nav .custom-menu li.current> a{
					background: none;
				}
/* === breadcrumbWrapper === */
.breadcrumbWrapper {
	clear:both;
	padding:10px;
	font-size:13px;
}


/* === Footer === */
.footerWrapper {
	clear:both;
	margin-top:20px;
	background:#333;
}
	.footerWrapper footer {
		min-height:42px;
		line-height:42px;
	}
		.footerWrapper, .footerWrapper footer a, .footerWrapper footer p, .footerWrapper footer li {
			color:#fff;
		}

/* === Layout === */
header, body nav, section.mainSection, footer, .breadcrumbs, .mainSectionWrapper {
	max-width:940px;
	padding:0 10px;
	margin:0 auto;
}
.pageSection img {max-width:100%;height:auto !important;}




/* === Colouring ===
h1{font-size:32px;}
h2{font-size:27px;}
h3{font-size:22px;}
p{font-size:14px;}

body {background:#f2f2f2;}
.pageSection{background:#fff9f9;border-radius:5px;}
.navWrapper, .navWrapper li {background:#60c5ff;}
nav li:hover > a, nav li.current> a{background:#4e9ecc;}

.pageLayout .fullWidthColumn {width:96%;margin:0 1%;padding:0 1%;}
.pageLayout.layoutOne .leftColumn,
.pageLayout.layoutTwo .leftColumn,
.pageLayout.layoutFive .leftColumn {width: 61%;margin:0 1%;}
.pageLayout.layoutOne .rightColumn,
.pageLayout.layoutTwo .rightColumn,
.pageLayout.layoutFive .rightColumn {width: 31%;margin:0 1%;}
.pageLayout.layoutThree .column50Percent {width:46%;margin:0 1%;}
.pageLayout.layoutFour .columnThird {width:29.3%;margin:0 1%;}

.footerWrapper {background:#60c5ff;}
.footerWrapper p, .footerWrapper a{color:#fff;}


@media (max-width: 480px) {
	.pageLayout.layoutOne .pageSection,
	.pageLayout.layoutTwo .pageSection,
	.pageLayout.layoutThree .pageSection,
	.pageLayout.layoutFour .pageSection,
	.pageLayout.layoutFive .pageSection,
	.pageLayout.layoutFive .leftColumn,
	.pageLayout.layoutFive .rightColumn {
		width: 98%;
	}
	.pageLayout.layoutThree .pageSection,
	.pageLayout.layoutFour .pageSection{
		margin-bottom:15px;
	}
}
*/