body							{ font-family: Segoe UI, Roboto, Arial, Helvetica, sans-serif; background: #EFEFEF; margin: 0; padding: 0; color: #414141; }

a:link							{ color: #A3D1F1; text-decoration: none; }
a:visited						{ color: #A3D1F1; text-decoration: none; }
a:hover							{ color: #399EE1; text-decoration: none; }

ul								{ margin: 0; padding: 0; list-style: none; }

.tl								{ text-align: left; }
.tc								{ text-align: center; }
.tr								{ text-align: right; }
.fl								{ float: left; }
.fr								{ float: right; }
.sml							{ font-size: smaller; }

h1								{ margin: 0; font-family: Roboto, Arial, Helvetica, sans-serif; font-weight: 100; font-size: 48px; line-height: 80px; color: #464646; font-weight: 100; padding: 10px 0;}
h2								{ margin: 20px 0; font-family: Roboto, Arial, Helvetica, sans-serif; font-weight: 100; font-size: 48px; color: #F9F9F9; font-weight: 100; padding: 10px 0; }
h3								{ color: #399EE2; margin: 0; padding: 0; font-family: Roboto, Arial, Helvetica, sans-serif; font-weight: 100; line-height: 35px; font-size: 30px; }
h4								{ margin: 0; padding: 0; font-family: Roboto Condensed, Arial, Helvetica, sans-serif; font-weight: 300; line-height: 24px; font-size: 20px; margin: 15px 0; }


.pagewidth						{ width: 980px; padding: 0; margin: 0 auto; position: relative; }
.bodywrapper					{ clear: both; }
.body							{ padding: 10px; background: #F9F9F9 url(../img/body-bg.jpg) repeat-x top center; font-size: 20; font-family: Roboto, Arial, Helvetica, sans-serif; font-weight: 300; min-height: 500px; }
.bookmark						{ margin-bottom: 100px; display: block; }
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
.content						{ position: relative; padding: 0 20px; }
.content p						{ line-height: 1.6em; }
.footer							{ position: relative; color: #F9F9F9; padding: 60px 0 200px 0; height: 200px; background: #414141 url(../img/header-bg.jpg) repeat top center; }

.headerwrapper					{ z-index: 8; width: 100%; top: 40px; position: relative; height: 110px; }
.header							{ color: #B0B0B0; background: #414141 url(../img/header-bg.jpg) repeat top center; position: relative; height: auto; margin-top: 100px; }
.header-list					{ margin: 6px 10px; position: relative; }
.header-list li					{ list-style-type: none; width: 100%; padding: 4px 0 6px 0; border-bottom: 1px solid #464646; font-family: Segoe UI, Arial, Helvetica, sans-serif; font-weight: 300; line-height: 31px; font-size: 21px; }
.header .btn-more				{ z-index: 10; width: 123px; float: left; clear: left; margin: 0 0 10px 10px; }
.hr								{ background: #transparent url(../img/hr.png) no-repeat top center; height: 1px; width: 100%;  }
.large-list						{ font-family: Segoe UI, Arial, Helvetica, sans-serif; margin: 0px; }
.large-list li					{ width: 45%; float: left; padding: 4px 1%; height: 4em; }
.list-basic li					{ margin-left: 26px; list-style-type: square; }
.masthead						{ color: #B0B0B0; z-index: 11; width: 100%; height: 104px; position: fixed; top: 0; background-color: #212124; -moz-box-shadow:0 1px 3px 5px #24140F; -webkit-box-shadow: 0 1px 3px #24140F; }
.masthead .nav 					{ position: relative; z-index: 12; float: right; height: 38px; margin: 4px auto; padding: 0; margin-top: 30px; }
.masthead .nav li				{ margin: 0 3px 0 0; padding: 0 3px; list-style-type: none; float: left; font-family: Segoe UI, Roboto Condensed, Arial, Helvetica, sans-serif; font-weight: 300; line-height: 30px; font-size: 18px; }
.masthead .nav li a:link		{ color: #B0B0B0; }
.masthead .nav li a:visited		{ color: #B0B0B0; }
.masthead .nav li a:hover		{ color: #ECECEC; }

.menu-icon						{ width: 0.8em; }
.pnl-contact					{ background: #414141 url(../img/header-bg.jpg) repeat top center; color: #F9F9F9; }
.pnl-contact p					{ margin: 0; padding-bottom: 40px; color: #A3D1F1; }
.price							{ text-align: right; }
.price-from						{ font-size: 16px; text-transform: uppercase; }
.price-large					{ font-size: 40px; font-weight: 900; line-height: 40px; font-family: Roboto Slab, "Times New Roman", Times, serif; }
.price-info						{ font-size: 16px; line-height: 16px; }
.price-small					{ font-size: 11px; line-height: 16px; }

.screen							{ margin: 0; padding: 0;  }
.service-image					{ }
.site-logo						{ z-index: 9; position: absolute; top: 0px; }

.xtrapad						{ padding: 4px 10px; }

.row						{ width: 100%; float: left; height: auto; }
.col2						{ width: 50%; float: left; height: auto; }
.col3						{ width: 33.33%; float: left; height: auto; }
.col3x2						{ width: 66.66%; float: left; height: auto; }
.col4						{ width: 25%; float: left; height: auto; }
.col4x3						{ width: 75%; float: left; height: auto; }
.col10						{ width: 10%; float: left; height: auto; }
.col10x2					{ width: 20%; float: left; height: auto; }
.col10x3					{ width: 30%; float: left; height: auto; }
.col10x4					{ width: 40%; float: left; height: auto; }
.col10x6					{ width: 60%; float: left; height: auto; }
.col10x7					{ width: 70%; float: left; height: auto; }
.col10x8					{ width: 80%; float: left; height: auto; }
.col10x9					{ width: 90%; float: left; height: auto; }

.full-only					{ display: block; }
img.mobile-fit				{ width: 100%; height: auto; }
.not-full-only				{ display: none; }
.not-mobile					{ display: block; }
.mobile-only				{ display: none; }

/* Design for a width of 800px */

    @media only screen and (min-width: 800px) and (max-width: 959px) {
		body						{ width: 100%; }
		.screen						{ width: 100%; margin: 0 auto; font-size: 90%; }
		.pagewidth					{ width: 800px; }
		.content					{ padding: 0 10px; }
		.full-only					{ display: none; }
		.not-full-only				{ display: block; }
		#header-banner				{ display: none; }
		.header-list li				{ font-size: 120%; }
		/*h1, h2, h3, h4, h5, h6		{ font-size: 130%; line-height: 1; }
		h1							{ font-size: 30px; line-height: 36px; }
		h2							{ font-size: 25px; line-height: 29px; }
		h3							{ font-size: 20px; line-height: 24px; }*/		
	}

/* Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 799px) {
		body						{ width: 100%; }
		.screen						{ width: 768px; margin: 0 auto; font-size: 90%; }
		.pagewidth					{ width: 100%; }
		.content					{ padding: 0 10px; }
		.full-only					{ display: none; }
		.not-full-only				{ display: block; }
		#header-banner				{ display: none; }
		h1							{ font-size: 40px; line-height: 86px; }
		h2							{ font-size: 25px; line-height: 29px; }
		#header-banner				{ display: none; }
		.col-left					{ display: none; }
		.col-centre					{ width: 50%; float: left; }
		.header-list li				{ font-size: 120%; }
		.header .btn-more img		{ width: 80%; height: auto; }
	}
	
	
/* Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
		body						{ width: 100%; }
		.screen						{ width: 100%; margin: 0 auto;  font-size: 90%; }
		h1							{ font-size: 40px; line-height: 86px; }
		h2							{ font-size: 30px; line-height: 36px; }
	
		.nav ul li					{ width: 100%; float: left; padding: 0; margin: 0%; font-size: 80%; }
		#training-menu				{ width: 100%; float: left; left: 0; padding: 0; margin: 0; }
		#more-menu	 				{ width: 100%; float: left; left: 0; padding: 0; margin: 0 0 0 -20px; }
		#more-menu li				{ padding: 10px 0 0 10px; }
		.pagewidth					{ width: 100%; }
		.masthead .nav li			{ font-size: 110%; }
		.col3						{ width: 100%; float: left; }
		.col3x2						{ width: 100%; float: left; }
		.col10x7					{ width: 100%; }
		.full-only					{ display: none; }
		.not-full-only				{ display: block; }
		/*h1, h2, h3, h4, h5, h6		{ font-size: 130%; line-height: 1; }	
		h1							{ font-size: 27px; line-height: 33px; }
		h2							{ font-size: 22px; line-height: 26px; }
		h3							{ font-size: 18px; line-height: 22px; }*/	
		.content					{ padding: 0 30px; font-size: 80%; }
		#header-banner				{ display: none; }
		p							{ word-wrap: break-word; }
		.col-centre					{ width: 100%; float: left; }
		.col10x3					{ width: 100%; float: left; }
		.not-mobile					{ display: none; }
		.mobile-only				{ display: block; }
		img.mobile-fit				{ width: 100%; }
		#more-menu-trigger-container{ display: block; position: absolute; margin: 0; text-align: right; top: 0; left: 0; width: 70px; z-index: 10; padding: 10px; background: transparent url(../img/fade_to_black_up.png) repeat-x top left; }
		.header-list li				{ line-height: 18px; font-size: 15px; }
		.header .btn-more img		{ width: 80%; height: auto; }
		.large-list					{ font-size: 80%; }

	}
/* Design for a width of 320px */
	@media only screen and (max-width: 479px) {
		body						{ min-width: 300px; }
		.screen						{ width: 100%; margin: 0 auto;  font-size: 85%;}
		.pagewidth					{ width: 100%; }
		.masthead img				{ height: auto; width: 90%; }
		.masthead .nav				{ margin: 40px 0 0 10px; float: left; }
		.masthead .nav li			{ font-size: inherit; }
		.nav ul li					{ width: 100%; float: left; padding: 0 0; margin: 0; }
		#training-menu				{ width: 100%; float: left; left: 0; padding: 0; margin: 0; }
		#more-menu	 				{ width: 100%; float: left; left: 0; padding: 0; margin: 0 0 0 -20px; }
		#more-menu li				{ padding: 10px 0 0 10px; }
		h1, h2						{ font-size: 30px; line-height: 36px; }
		h1, h2, h3, h4, h5, h6		{ line-height: 1; }
		.content					{ padding: 0 30px; font-size: 80%; }
		.full-only					{ display: none; }
		.not-full-only				{ display: block; }
		#header img					{ max-width: 90%; height: auto; margin: 40px 0; }
		#header-banner				{ display: none; }
		.col2						{ width: 100%; float: left; }
		.col3						{ width: 100%; float: left; }
		.col3x2						{ width: 100%; float: left; }
		.col4						{ width: 100%; float: left; }
		.col4x3						{ width: 100%; float: left; }
		.col10						{ width: 25%; float: left; }
		.col10x2					{ width: 25%; float: left; }
		.col10x3					{ width: 100%; float: left; clear: left; }
		.col10x4					{ width: 100%; float: left; clear: left; }
		.col10x6					{ width: 100%; float: left; }
		.col10x7					{ width: 100%; float: left; }
		.col10x8					{ width: 75%; float: left; }
		p							{ word-wrap: break-word; }
		
		.not-mobile					{ display: none; }
		.mobile-only				{ display: block; }
		.mobile-fit					{ width: 100%; }
		#more-menu-trigger-container{ display: block; position: absolute; margin: 0; text-align: right; top: 0; left: 0; width: 70px; z-index: 10; padding: 10px; background: transparent url(../img/fade_to_black_up.png) repeat-x top left; }
		.header-list				{ margin: 0 40px; }
		.header-list li				{ line-height: 19px; font-size: 16px; }
		
		.large-list					{ font-size: 80%; }
		.large-list	li				{ width: 100%; }
		.service-image				{ clear: both; margin-top: 40px; }
	}