/*
*****************************************************************************
	Contents: 	Stylesheet for Morse Plumbing
	Thanks: 	Based around:
				Zurb Foundation v3.0- http://foundation.zurb.com 
				Nick La - http://webdesignerwall.com
				Reset: http://meyerweb.com/eric/tools/css/reset/ 
	Colours: 	Sky Blue #eef8fe - page bg gradient
				Dark Blue: #012e57 -  logo font colour
				Light Blue: #1fa4c8 - headings / nav 
				Mid Blue: #134486 - headings / nav 
				
	CSS Layout:	1 	Global
				2 	Fonts
				3	Headings
				4	Typography
				5	Page structure / grid 
				6	Header / Banner
				7	Navigation				
				8	Content
				9	Footer
				10	Page specific
				11	Misc 
/*
***************************************************************************** 
	@1 	Global
*****************************************************************************
*/	
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, embed, 
	figure, figcaption, footer, header, hgroup, 
	menu, nav, output, ruby, section, summary,
	time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font: inherit;
		vertical-align: baseline;
	}
	html {
		font-size: 62.5%; 
	}
	/* HTML5 display-role reset for older browsers */
	article, aside, details, figcaption, figure, 
	footer, header, hgroup, menu, nav, section {
		display: block;
	}
	body {
		line-height: 1;
	}
	ol, ul {
		list-style: none;
	}
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	
	sub {vertical-align: sub;}
	sup {vertical-align: super;}
	
	body { 
		position: relative;
		background:#fff;
		color: #29538c; 
		font-family: Helvetica, Arial, Helvetica, sans-serif;	
		font-size: 14px; 
		line-height:28px;
		-webkit-font-smoothing: antialiased; 
		margin:0 auto;
	}
	a { color: #019acd; text-decoration: none;	line-height: inherit; }
	a:hover { color: #0283ae;	text-decoration:underline;}		
	a:focus { color: #0283ae;	outline: none; }

/*
***************************************************************************** 
	@2 	Fonts
*****************************************************************************
*/	


/*
***************************************************************************** 
	@3 	Headings
*****************************************************************************
*/	
	h1, h2, h3, h4, h5, h6 { color:#444; font-weight: normal; line-height: 1.25 }	
		
	h1, h2, h3 {
	font-family: Helvetica, Arial, sans-serif;	

	}
	h1 { font-size: 45px;
		font-family: "Century Gothic", Helvetica, Arial, sans-serif;	
		letter-spacing:-3px; 
		padding: 0; margin: 20px 0 5px 20px; color:#019acd;
		font-weight:normal;
        color:#1fa4c8;
 		}
	h2 { font-size: 22px; padding: 0; margin:  9px 0 20px 20px; color: #1fa4c8; }
		
	h3 { font-size: 24px; padding: 0; margin:  9px 0 10px 20px; 
        letter-spacing:1px; color:#717f48;}

	h4 { font-size: 19px; padding: 0; margin:  9px 0  10px 20px; color:#215063;}
	h5 { font-size: 16px; padding: 0; margin:  3px 0  3px 20px; }
	h6 { font-size: 15px; padding: 0; margin:  3px 0  3px 20px; }
/*
***************************************************************************** 
	@4 	Typography
*****************************************************************************
*/	
	p { font-size: 12px; line-height: 17px; margin: 0 0 12px 20px; }	
	em { font-style: italic; line-height: inherit; }
	strong { font-weight: bold; font-size: 16px; line-height: inherit; }
	
	ul, ol { margin-bottom: 18px; }
	ul { 
		list-style-type: none; 
		list-style-position: outside;
		} 
	ol { list-style-type: decimal; }
	ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
	ol li { line-heigt:15px; margin:0;}
	ul.square { 
		list-style-type: square;
		list-style-position:outside; 
		}
	ul.circle { 
		list-style-type: circle;
		list-style-position: outside; 
	}
	ul.disc { 
		list-style-type: disc;
		list-style-position: outside; 
		}
	ul.disc li { margin-bottom: 6px; }
	li { margin-bottom: 12px; }
	ul.large li { line-height: 21px; }

	small { font-size: 60%; line-height: inherit; }	
	blockquote { 
	color: #264368; 
	color:#1fa4c8;
	font-size:20px;
	margin:0px 0 15px 15px; 
	padding:0 8px 0 15px;
	line-height:27px;
	}
	
	blockquote > em {
		display:block;
		font-size:13px;
		font-weight:normal;
		color:#29538c;
		font-style:normal;
	}
	blockquote cite { 
		display: block; 
		font-size: 13px; 
		color: #2b311a; 
		font-style:oblique; 
		line-height:30px;
		}
	blockquote cite:before { content: "\2014 \0020"; margin:0; padding:0;}
	
	hr {
		border:none;
		clear: both;
		margin: 12px 0 18px;
		border-bottom: 1px solid #e6e6e6;
		-webkit-box-shadow: 0 1px 0 #fff;
		-moz-box-shadow: 0 1px 0 #fff;
		box-shadow: 0 1px 0 #fff;
		}

/*
***************************************************************************** 
	@5 	Page structure / grid 
*****************************************************************************
*/
	.container { 
	padding: 0 20px;
	margin:0 auto;
	} 
	.row { 
		width: 100%; 
		max-width: 940px; 
		min-width: 727px;
	 	margin: 0 auto; 		
	 }
	 
	.bggradient { 
		background-image: linear-gradient(bottom, rgb(255,255,255) 100%, rgb(227,240,241) 58%);
		background-image: -o-linear-gradient(bottom, rgb(255,255,255) 100%, rgb(227,240,241) 58%);
		background-image: -moz-linear-gradient(bottom, rgb(255,255,255) 100%, rgb(227,240,241) 58%);
		background-image: -webkit-linear-gradient(bottom, rgb(255,255,255) 100%, rgb(227,240,241) 58%);
		background-image: -ms-linear-gradient(bottom, rgb(255,255,255) 100%, rgb(227,240,241) 58%);
		background: -moz-linear-gradient(top, #FFFFFF 0%, #e3f0f1 100%);
		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(1, rgb(255,255,255)),
			color-stop(0.58, rgb(227,240,241))
			);
		-webkit-border-bottom-right-radius: 15px;
		-webkit-border-bottom-left-radius: 15px;
		-moz-border-radius-bottomright: 15px;
		-moz-border-radius-bottomleft: 15px;
		border-bottom-right-radius: 15px;
		border-bottom-left-radius: 15px;		
	 }
	/* To fix the grid into a certain size, set max-width to width ??*/
	.row .row { min-width: 0; }
	
	.column, .columns { margin-left: 4.4%; float: left; min-height: 1px; position: relative; }
	.column:first-child, .columns:first-child { margin-left: 0; }
	[class*="column"] + [class*="column"]:last-child { float: right; }
	[class*="column"] + [class*="column"].end { float: left; }
	
	.row .one 		{ width: 4.3%; }
	.row .two 		{ width: 13%; }
	.row .three 	{ width: 21.679%; }
	.row .four 		{ width: 30.37%; }
	.row .five 		{ width: 39.1%; }
	.row .six 		{ width: 47.8%; }
	.row .seven 	{ width: 56.5%; }
	.row .eight 	{ width: 65.2%; }
	.row .nine 		{ width: 73.9%; }
	.row .ten 		{ width: 82.6%; }
	.row .eleven 	{ width: 91.3%; }
	.row .twelve 	{ width: 100%; }
	
	.row .offset-by-one 	{ margin-left: 13.1%;  }
	.row .offset-by-two 	{ margin-left: 21.8%;  }
	.row .offset-by-three 	{ margin-left: 30.5%;  }
	.row .offset-by-four 	{ margin-left: 39.2%;  }
	.row .offset-by-five 	{ margin-left: 47.9%;  }
	.row .offset-by-six 	{ margin-left: 56.6%;  }
	.row .offset-by-seven 	{ margin-left: 65.3%;  }
	.row .offset-by-eight 	{ margin-left: 74.0%;  }
	.row .offset-by-nine 	{ margin-left: 82.7%;  }
	.row .offset-by-ten 	{ margin-left: 91.4%;  }
	
	.row .centered { float: none; margin: 0 auto; }

	.row .offset-by-one:first-child 	{ margin-left: 8.7%;  }
	.row .offset-by-two:first-child 	{ margin-left: 17.4%;  }
	.row .offset-by-three:first-child 	{ margin-left: 26.1%;  }
	.row .offset-by-four:first-child 	{ margin-left: 34.8%;  }
	.row .offset-by-five:first-child 	{ margin-left: 43.5%;  }
	.row .offset-by-six:first-child 	{ margin-left: 52.2%;  }
	.row .offset-by-seven:first-child 	{ margin-left: 60.9%;  }
	.row .offset-by-eight:first-child 	{ margin-left: 69.6%;  }
	.row .offset-by-nine:first-child 	{ margin-left: 78.3%;  }
	.row .offset-by-ten:first-child 	{ margin-left: 87%;  }
	.row .offset-by-eleven:first-child 	{ margin-left: 95.7%;  }
	
	/* Source Ordering */
	.push-two 		{ left: 17.4% }
	.push-three 	{ left: 26.1%; }
	.push-four 		{ left: 34.8%; }
	.push-five 		{ left: 43.5%; }
	.push-six 		{ left: 52.2%; }
	.push-seven 	{ left: 60.9%; }
	.push-eight 	{ left: 69.6%; }
	.push-nine 		{ left: 78.3%; }
	.push-ten 		{ left: 87%; }
	
	.pull-two 		{ right: 17.4% }
	.pull-three 	{ right: 26.1%; }
	.pull-four 		{ right: 34.8%; }
	.pull-five 		{ right: 43.5%; }
	.pull-six 		{ right: 52.2%; }
	.pull-seven 	{ right: 60.9%; }
	.pull-eight 	{ right: 69.6%; }
	.pull-nine 		{ right: 78.3%; }
	.pull-ten 		{ right: 87%; }
	
	img, object, embed { max-width: 100%; height: auto; }
	img { -ms-interpolation-mode: bicubic; }
	#map_canvas img, .map_canvas img {max-width: none!important;}
	 
	 /* Nicolas Gallagher's micro clearfix */
	 .row:before, .row:after, .clearfix:before, .clearfix:after { content:""; display:table; }
	 .row:after, .clearfix:after { clear: both; }
	 .row, .clearfix { zoom: 1; }	 	
	
/*	--------------------------------------------------
	:: Block grids
	
	These are 2-up, 3-up, 4-up and 5-up ULs, suited	for repeating blocks of content. Add 'mobile' to
	them to switch them just like the layout grid(one item per line) on phones
	
	For IE7/8 compatibility block-grid items need to be	the same height. You can optionally uncomment the
	lines below to support arbitrary height, but know that IE7/8 do not support :nth-child.
	-------------------------------------------------- */
	
	.block-grid { display: block; overflow: hidden; }
	.block-grid>li { display: block; height: auto; float: left; }
	
	.block-grid.two-up { margin-left: -4% }
	.block-grid.two-up>li { margin-left: 4%; width: 46%; margin-bottom: 4%;}
/* 	.block-grid.two-up>li:nth-child(2n+1) {clear: left;} */
	
	.block-grid.three-up { margin-left: -2% }
	.block-grid.three-up>li { margin-left: 2%; width: 31.3%; margin-bottom: 2%;}
/* 	.block-grid.three-up>li:nth-child(3n+1) {clear: left;} */
	
	.block-grid.four-up { margin-left: -2% }
	.block-grid.four-up>li { margin-left: 2%; width: 23%; margin-bottom: 2%;}
/* 	.block-grid.four-up>li:nth-child(4n+1) {clear: left;} */
	
	.block-grid.five-up { margin-left: -1.5% }
	.block-grid.five-up>li { margin-left: 1.5%; width: 18.5%; margin-bottom: 1.5%;}
/* 	.block-grid.five-up>li:nth-child(5n+1) {clear: left;} */


	div.panel {
		padding: 20px 20px 2px 20px;
		background: #efefef;
		background: -moz-linear-gradient(top, #FFFFFF 0%, #F4F4F4 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#F4F4F4));
		background: -o-linear-gradient(top, #ffffff 0%,#f4f4f4 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#F4F4F4',GradientType=0 );
		box-shadow: 0 2px 5px rgba(0,0,0,0.15);
		-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.15);
		-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.25);
		-webkit-border-radius:8px;
		-moz-border-radius:8px;
		border-radius:8px;
		margin: 0 0 20px 0;
	}

/*
***************************************************************************** 
	@6 	Header
*****************************************************************************
*/
	header {background:none;}
	
	
/*
***************************************************************************** 
	@7 	Navigation (ALL)
*****************************************************************************
*/	
	nav {
		width:100% !important; background:url(../images/navbg.png) repeat-x top left;
	}

	#nav_main {	width:980px; height:36px;}

	#nav_main li {
		margin: 0 15px 0 0; 
		padding: 0;	
		font-size:13px;
		list-style: none;
		letter-spacing:2px;
		float: left;
		margin:0;
		padding:0;
		-webkit-border-bottom-right-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;
		-moz-border-radius-bottomright: 5px;
		-moz-border-radius-bottomleft: 5px;
		border-bottom-right-radius: 5px;
		border-bottom-left-radius: 5px;
	}
	
	/* Each nav item has it's own colour - could use nth-child */
	#nav_main li.darkestblue { background:#164a8b; margin-right:1px;}
	#nav_main li.darkestblue a:hover{background:#14427b !important;	}
	#nav_main li.darkerblue { background:#235f98; margin-right:1px;}
	#nav_main li.darkerblue a:hover{background:#1f5384 !important;	}	
	#nav_main li.darkblue { background:#3177a9; margin-right:1px;}
	#nav_main li.darkblue a:hover{background:#2c6a96 !important;	}	
	#nav_main li.blue { background:#3f8fba; margin-right:1px;}
	#nav_main li.blue a:hover{ background:#387ea4 !important;	}	
	#nav_main li.lightblue { background:#4ea7cc; margin-right:1px;}
	#nav_main li.lightblue a:hover{background:#4999bb !important;	}	
	#nav_main li.lightestblue { background:#5bbcdb;}
	#nav_main li.lightestblue a:hover{background:#54adca !important;	}
	
	#nav_main a {
		padding: 2px 40px 3px 40px;
		display: block;
		color: #fff;
	}
	#nav_main a:hover {
		color:#fff;
		text-decoration:none;
		-webkit-border-bottom-right-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;
		-moz-border-radius-bottomright: 5px;
		-moz-border-radius-bottomleft: 5px;
		border-bottom-right-radius: 5px;
		border-bottom-left-radius: 5px;
		padding-bottom:12px;
		-webkit-transition:all 0.5s ease-in-out;
		-moz-transition:all 0.5s ease-in-out;
		-o-transition:all 0.5s ease-in-out;
		transition:all 0.5s ease-in-out;
			}	
	#nav_main li.current {
		padding: 2px 40px 12px 40px;
		color:#FFF;
	}

	 		
/*
***************************************************************************** 
	@8 	Main content 
*****************************************************************************
*/
	
/*
***************************************************************************** 
	@9 	Footer
*****************************************************************************
*/
	/* none
	
/*
***************************************************************************** 
	@8 	Page specific
*****************************************************************************
*/


	
/*
***************************************************************************** 
	@11 Misc
*****************************************************************************
*/

	.left        { float: left; }
	.right       { float: right; }
	
 	#logo {		display:none;	}
	
	.highlight {
		font-weight:bold;
		padding:5px;
		background:#FFFFB7;
		color:#F30;
	}

	img.bullet {
		float: left;
		margin: 0px 5px 0 0px;
	}

	ul.stdlistnb {
		font-size: 12px; 
		line-height: 17px;
		margin: 0 0 12px 20px;
		list-style-type:none; 	
	}
	ul.stdlist  {
		margin: 0 0 12px 25px;
		padding:0;
		font-size: 12px; 
		line-height: 17px;
	}
	
	
	ul.stdlist li {
		font-size: 12px; 
		line-height: 18px; 
		margin: 0 0 0 20px;
		padding:0;
		list-style-type:disc; 	
	}
	

	.hide_large { display:none;}
	.show_small { display:none;}
	.smartphone_content { display:none !important;}
	.smartphone_footer	{ display:none !important;}

	
	.pad10 {margin-top:10px;}
	.pad20 {margin-top:20px;}
	.pad30 {margin-top:30px;}
	.pad40 {margin-top:40px;}
	.pad50 {margin-top:50px;}
	.pad60 {margin-top:60px;}
	.pad70 {margin-top:70px;}
	.pad80 {margin-top:80px;}
	.pad90 {margin-top:90px;}
	.pad100 {margin-top:100px;}
	
	.webform {
		border: 1px solid #ddd;
		padding:12px;
		width:80%;
		background:#fff;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		border-radius:10px;
		margin-left:15px;
	}
	
	.asterisk {
		color: #BA2514;
		font-size:11px;
		vertical-align:super;
		margin:0;
		padding:0;
	}
	
	.smalltext { font-size:11px;
	color:#5a708d;}
	
	.certlogo {
		float:right;
		padding:50px 70px 0 0;
	}
	
	.terms {
		padding:15px 20px;
		font-size:11px;
		color:#000;
	}