html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {margin: 0;padding: 0;border: 0;font-size: 100%;font-weight: normal;vertical-align: baseline;background: transparent;}
article, aside, figure, footer, header, nav, section, details, summary {display: block;}
html {box-sizing: border-box;}
*,*:before,*:after {box-sizing: inherit;}
img,object,embed {max-width: 100%;}
html {overflow-y: scroll;}
ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before,
blockquote:after,
q:before,
q:after {content: ''; content: none;} 
a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}
hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}
input, select {vertical-align: middle;}
pre {white-space: pre; white-space: pre-wrap; white-space: pre-line; word-wrap: break-word;}
input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom;}
.ie7 input[type="checkbox"] {vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}
select, input, textarea {font: 99% sans-serif;}
table {font-size: inherit; font: 100%;}
small {font-size: 85%;}
strong {font-weight: bold;}
td, td img {vertical-align: top;}
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
pre, code, kbd, samp {font-family: monospace, sans-serif;}
.clickable,label,input[type=button],input[type=submit],input[type=file],button {cursor: pointer;}
button, input, select, textarea {margin: 0;}
button,input[type=button] {width: auto; overflow: visible;}
.ie7 img {-ms-interpolation-mode: bicubic;}
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
/* Custom text-selection colors (remove any text shadows: http://twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}
::selection {background: #fcd700; color: #fff; text-shadow: none;}
/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #fcd700;}
ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}
/* Mozilla dosen't style placeholders by default */
input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }

			div.wrapper {
	width: 100%;
}
			div.center{
	text-align: center;
}
/* Header --------------------------------------------------- Start */
			header {
	margin: 0 auto; 
	width: 100%;
	max-width: 1200px;
	}
			img.building-and-maintenance-norfolk-logo {
	float: left;
	width: 450px;
	margin: 2% 0 0 1.5%;
}
			h2.call-building-and-maintenance-norfolk-landline{
	text-align: right;
	font-size: 1.4em;
	font-family: 'ubuntu';
	padding: 2.5% 1% 0.5% 0;
	}
			h2.call-building-and-maintenance-norfolk-mobile {
	text-align: right;
	font-size: 1.4em;
	font-family: 'ubuntu';
	padding: 0 1% 1% 0;
	}
		a.call-building-and-maintenance-norfolk:link {text-decoration: none; color: #339900;} /*unvisited link*/
		a.call-building-and-maintenance-norfolk:visited {text-decoration: none; } /*visited link*/ 
		a.call-building-and-maintenance-norfolk:focus {text-decoration: none;} /*when element is active*/
		a.call-building-and-maintenance-norfolk:hover {text-decoration: underline; color: green;} /*hover over link*/ 
		a.call-building-and-maintenance-norfolk:active {text-decoration: none;} /*onclick link*/
/* Header --------------------------------------------------- End */

/* Nav --------------------------------------------------- Start */
		nav {
	margin: 0 auto; 
	width: 100%;
	max-width: 1200px;
	}

		nav.building-and-maintenance-norfolk-menu {
	clear: both;
	text-align: right;
	padding: 0;
}
/* Mobile Menu Start ------- */	
	#menu, #menu-button {
		display: none;
	}
	#menu {
		display: none;
	}
	img.menu-icon {
		height: 1.25em;
		vertical-align: bottom;
	}
	p.menu-text {
		display:inline;
		color:black;
	}
/* Mobile Menu End ------- */	

	nav ul.building-and-maintenance-norfolk-menu  {
	display: inline;
	}

		nav li.building-and-maintenance-norfolk-menu  {
	display: inline;
	font-size: 1.25em;
	line-height: 50px; 
	white-space: nowrap;
}

.dropbtn {background-color: transparent; color: #339900; border: none; cursor: pointer; font-size: 1.25em; font-family: 'Ubuntu'; padding: 6px 10px;
}
		.dropdown {position: relative; display: inline-block;}
		.dropdown-content {display: none; position: absolute; min-width: 350px; z-index: 1;}
		.dropdown-content a {color: black; text-align: left; padding: 12px 16px; text-decoration: none; display: block;}
		.dropdown-content a:hover {} /* empty as using styling from a.building-and-maintenance-norfolk-sub-menu below */
		.dropdown:hover .dropdown-content {display: block;}
		.dropdown:hover .dropbtn {background-color: #339900; color: white;}

		a.building-and-maintenance-norfolk-menu:link {color:#339900; text-decoration: none; padding: 0.5% 1% 0.5% 1%; font-family: 'Ubuntu';} /*unvisited link*/
		a.building-and-maintenance-norfolk-menu:visited {color:#339900; text-decoration: none; } /*visited link*/ 
		a.building-and-maintenance-norfolk-menu:focus {color:white; background-color:#339900; text-decoration: none; } /*when element is active*/
		a.building-and-maintenance-norfolk-menu:hover {color:white; background-color:#339900; text-decoration: none; } /*hover over link*/ 
		a.building-and-maintenance-norfolk-menu:active {color:white; background-color:#339900; text-decoration: underline; } /*onclick link*/
		a.building-and-maintenance-norfolk-menu-selected {color:white; text-decoration: none; background-color:#339900; padding: 0.5% 1% 0.5% 1%; font-family: 'Ubuntu';} /*unvisited link*/

		a.building-and-maintenance-norfolk-sub-menu:link {color:white; background-color: black; text-decoration: none; border: solid 1px white; font-family: 'Ubuntu'; font-size: 1.25em;} /*unvisited link*/
		a.building-and-maintenance-norfolk-sub-menu:visited {color:white; background-color: black; text-decoration: none; border: solid 1px white; } /*visited link*/ 
		a.building-and-maintenance-norfolk-sub-menu:focus {color:white; background-color:#339900; text-decoration: none; } /*when element is active*/
		a.building-and-maintenance-norfolk-sub-menu:hover {color:white; background-color:#339900; text-decoration: none; } /*hover over link*/ 
		a.building-and-maintenance-norfolk-sub-menu:active {color:white; background-color:#339900; text-decoration: underline; } /*onclick link*/
		a.building-and-maintenance-norfolk-sub-menu-selected {color:white; text-decoration: none; background-color:#339900; border: solid 1px white;font-family: 'Ubuntu'; font-size: 1.25em;} /*unvisited link*/
		
/* Nav --------------------------------------------------- End */




/* Main --------------------------------------------------- Start */
		div.grey-full-width {
	width: 100%;
	border-top: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
	background-color: #f3f3f3;
	overflow: auto;
	}
		article.top {
	margin: 0 auto; 
	width: 100%;
	max-width: 1200px;
}
		div.top-left {
	width: 40%;
	float: left;
}
		p.call-top {padding: 1% 0 1% 5%; } /*unvisited link*/
		a.call-top:link {font-weight: bold; padding: 0 0 0 1%; color:#339900; font-family: 'ubuntu';} /*unvisited link*/
		a.call-top:visited {color:#339900; } /*visited link*/ 
		a.call-top:focus {color:#339900; } /*when element is active*/
		a.call-top:hover {color:green; } /*hover over link*/ 
		a.call-top:active {color:#339900; } /*onclick link*/

		div.top-right {
	width: 60%;
	float: right;
}

		div.left {
		padding-top: 4%;
		width: 70%;
		float: left;
}		
		
/* Nav Right --------------------------------------------------- Start */

		div.nav-right {
		padding-top: 2%;
		width: 28%;
		float: right;
		}
	ul.nav-right {
		padding-top: 2%;
		padding-bottom: 4%;
		display: block;
}
	li.nav-right {
		font-size: 1.15em;
		line-height: 50px; 
		white-space: nowrap;
		border: solid 2px white;
		background-color: #f3f3f3;
		width: 100%;
		padding: 0.5% 2% 0.5% 2%;
}

	li.nav-right-selected {
		font-size: 1.15em;
		line-height: 50px; 
		white-space: nowrap;
		border: solid 2px white;
		width: 100%;
		background-color: #339900;
		color: white;
		padding: 0.5% 2% 0.5% 2%;
}
		
		a.nav-right:link {color:#339900; text-decoration: none; font-family: 'Ubuntu';} /*unvisited link*/
		a.nav-right:visited {color:#339900; text-decoration: none; } /*visited link*/ 
		a.nav-right:focus {color:white; background-color:#339900; text-decoration: none; } /*when element is active*/
		a.nav-right:hover {color:white; background-color:#339900; text-decoration: none; } /*hover over link*/ 
		a.nav-right:active {color:white; background-color:#339900; text-decoration: underline; } /*onclick link*/
		li.nav-right:hover {color:white; background-color:#339900; text-decoration: none; } /*hover over link*/ 
		a.nav-right-selected {color:white; background-color:#339900; text-decoration: none; font-family: 'Ubuntu';} /*onclick link*/


/* Nav Right --------------------------------------------------- End */
		
		h1 {
	padding: 3% 2% 2% 2%;
	font-size: 2em;
	font-family: 'droid serif';
	color: #333333;
}
		p {
	padding: 1% 2% 2% 2%;
	font-size: 1.01em;
	font-family: 'ubuntu';
	color: #666666;
}
		p.logos {
	font-size: 1.1em;
}
		li.slideshow {
	padding: 0;
	list-style: none;
}
		article.main {
			clear: both;
			width: 100%;
}
		article.main{
	margin: 0 auto; 
	width: 100%;
	max-width: 1200px;
}

		h2.main {
	padding: 2% 2% 1% 2%;
	font-size: 1.5em;
	font-family: 'droid serif';
}
		h2.logos {
	padding: 0% 0 3% 0;
	font-size: 1.5em;
	font-family: 'droid serif';
}
		div.cols3 {
	background-color: #f3f3f3;
	display: inline-block;
	margin: 2% 1% 3% 1%;
	vertical-align: top;
	width: 30%;
	}
		h3.main {
	padding: 4% 2% 4% 2%;
	font-size: 1.3em;
	font-family: 'droid serif';
}
		p.cols3 {
		text-align: justify;
		padding: 2% 2%;
	
}
		ul.homepage {
	padding: 0 0 2% 0;
	}
		li.homepage {
	text-align: left;
	padding-left: 33%;
	font-size: 1.1em;
	color: #666666;
	font-family: 'ubuntu';
	list-style: disc;
	list-style-position: inside;
}
		ul.main {
	padding: 0 0 1.5% 0;
	}
		li.main {
	text-align: left;
	padding-left: 10%;
	font-size: 1.1em;
	color: #666666;
	font-family: 'ubuntu';
	list-style: disc;
	list-style-position: inside;
}
		p.address1st {
	font-size: 1.2em;
	font-family: 'ubuntu';
	padding: 0% 1% 0% 3%;
}
		p.address {
	font-size: 1.2em;
	font-family: 'ubuntu';
	padding: 0% 1% 0% 3%;
}
			img.painting-and-decorating-logo, img.landscaping-and-groundworks-logo, img.renovation-and-restoration-logo, img.roofing-and-roof-repairs-logo, img.brickwork-and-bricklaying-logo, img.call-building-and-maintenance-logo {
	margin-top: 20px;
}
			a.main:link {font-weight: bold; color:#339900; font-family: 'ubuntu';} /*unvisited link*/
			a.main:visited {color:#339900; } /*visited link*/ 
			a.main:focus {color:#339900; } /*when element is active*/
			a.main:hover {color:green;} /*hover over link*/ 
			a.main:active {color:#339900; } /*onclick link*/

/* Main --------------------------------------------------- End */

/* Contact Us --------------------------------------------------- Start */
			h2.contact-us-building-and-maintenance-norfolk {
	font-size: 1.4em;
	font-family: 'ubuntu';
	padding: 1% 1% 1% 3%;
	}

	iframe.google-map {
	padding-top: 2%;
}
	img.facebook-logo {
	padding: 10px;
	}
	img.twitter-logo {
	padding: 10px;
	}
	/* Contact Us --------------------------------------------------- End */

/*Form -------------------------------------- Start*/
		form {
		padding: 1% 0 5% 0;
		}
		input,textarea {
	margin-top: 0.25%;
	margin-bottom: 1%;
	padding: 0.2% 0.2% 0.4% 2%;
	line-height: 2em;
	font-size: 1.1em;
	border: 2px solid #e2e2e2;
	color: #339900;
}
		input:focus,textarea:focus {
	color: #333333;
}
	table.building-and-maintenance-contact-form {
	margin: 0 auto;
	font-size: 1.1em;
	text-align: left;
	color: #333;
}
	td.building-and-maintenance-contact-form {
	font-family: 'ubuntu';
	vertical-align: top;
	border-style: none;
	padding: 2% 0.5% 0.5% 0.5%;
	text-align: left;
	color: #333;
}
	td.building-and-maintenance-contact-form-right {
	vertical-align: middle;
	width: 80%;
	border-style: none;
	margin: 0;
	padding: 0.5% 0.5% 0.5% 0.5%;
	text-align: left;
	color: #333;
}
	.button {
    width: 15%;
	padding: 0;
	font-family: 'ubuntu';
	font-size: 1.25em;
	border: 2px solid #339900;
	background: #339900;
	color: white;
}
	.button:hover {
	color: white;
	background: green;
	border: 2px solid #006b3f;
}
	.button:active {
	text-decoration: none;
	border: 2px solid white;
	color: green;
}
/*Form -------------------------------------- End*/

/* Footer --------------------------------------------------- Start */
		div.dark-grey-full-width {
	width: 100%;
	background-color: #333333;
	overflow: auto;
	}

		footer.building-and-maintenance-norfolk {
	clear: both;
	display: block;
	margin: 0 auto; 
	width: 100%;
	max-width: 1200px;
	min-height: 100%;
	padding-top: 10px;
}
		p.building-and-maintenance-norfolk-footer-left {
	float: left;
	padding-top: 10px;
	color: lightgrey;
}
		p.building-and-maintenance-norfolk-footer-right {
	float: right;
	padding-top: 10px;
	padding-right: 10%;
	color: lightgrey;
}
		a.building-and-maintenance-norfolk-footer-right:link {text-decoration: none; color:lightgrey;} /*unvisited link*/
		a.building-and-maintenance-norfolk-footer-right:visited {text-decoration: none; color:lightgrey; } /*visited link*/ 
		a.building-and-maintenance-norfolk-footer-right:focus {text-decoration: underline; color:lightgrey; } /*when element is active*/
		a.building-and-maintenance-norfolk-footer-right:hover {text-decoration: underline; color:lightgrey; } /*hover over link*/ 
		a.building-and-maintenance-norfolk-footer-right:active {text-decoration: underline; color:lightgrey; } /*onclick link*/

	footer.norwich-it-mobile {
		display: none;
	}	
	footer.norwich-it {
		clear: both;
		display: block;
		width: 100%;
		margin-top: 0px;
		padding-right: 1%;
		height: 100%;
		text-align: right;
		top: 0px;
		background-color: black;
	}	
	a.norwich-it:link { color: white; text-decoration: none; font-family: arial, sans-serif; font-style: normal; font-size: 0.7em; font-weight: normal; line-height:30px; background-color:black;}
	a.norwich-it:visited { color: white; text-decoration: none; font-family: arial, sans-serif; font-style: normal; font-size: 0.7em; font-weight: normal; line-height:30px; background-color:black;} 
	a.norwich-it:hover { color: white; text-decoration: underline; font-family: arial, sans-serif; font-style: normal; font-size: 0.7em; font-weight: normal; line-height:30px; background-color:black;}
	img.norwich-it { 
		padding-right: 1.3%;
		max-width: 300px;
	}
/* Footer --------------------------------------------------- End */


/* Media Queries --------------------------------------------------- Start */

/* iPads (portrait and landscape) ----------- */
@media only screen and (max-width: 1024px) {
	.dropbtn {
		padding: 5px 8px;
	}
		div.cols3 {
	display: inline-block;
	margin: 2% 1% 3% 1%;
	vertical-align: top;
	width: 47%;
	}
} 

/* for larger screens ----------- */
@media only screen and (max-width: 900px) {

	div.grey-full-width {
	margin-top: 2%;
	}
	nav.building-and-maintenance-norfolk-menu {
	display: none;
}
	#menu, #menu-button {
    clear: both;
	display: block;
	padding: 5px 1px;
	background-color: #339900;

	}
	#menu-button {
	text-align: center;
	width: 15%;
	margin: 0 2.5% 0 auto;
	border: none;
	}
	#menu {
	text-align: left;
    margin: 0 auto;
	width: 95%;
	display: none;
    padding: 0;
}

	li.building-and-maintenance-norfolk-menu-first {
	border: none; 
	display: block;
	padding: 2% 1% 2% 10%;
	font-size: 1.25em;
	line-height: 1em; 
}

	li.building-and-maintenance-norfolk-menu {
	border-top: solid 1px white; 
	border-left: none; 
	border-right: none; 
	border-bottom: none; 
	display: block;
	padding: 2% 1% 2% 10%;
	font-size: 1.25em;
	line-height: 1em; 
}

	li.building-and-maintenance-norfolk-sub-menu {
	border-top: solid 1px white; 
	border-left: none; 
	border-right: none; 
	border-bottom: none; 
	display: block;
	padding: 2% 1% 2% 20%;
	font-size: 1.2em;
	line-height: 1em; 
}

	a.building-and-maintenance-norfolk-menu:link {color:white; text-decoration: none; padding: 0.5% 0 0.5% 0; font-family: 'Ubuntu';} /*unvisited link*/
	a.building-and-maintenance-norfolk-menu:visited {color:white; text-decoration: none; } /*visited link*/ 
	a.building-and-maintenance-norfolk-menu:focus {color:black; background-color:#339900; text-decoration: none; } /*when element is active*/
	a.building-and-maintenance-norfolk-menu:hover {color:black; background-color:#339900; text-decoration: none; } /*hover over link*/ 
	a.building-and-maintenance-norfolk-menu:active {color:black; background-color:#339900; text-decoration: underline; } /*onclick link*/
	a.building-and-maintenance-norfolk-menu-selected {color:black; text-decoration: none; background-color:#339900; padding: 0.5% 0 0.5% 0; font-family: 'Ubuntu';} /*unvisited link*/
	a.building-and-maintenance-norfolk-menu-selected {color:black; text-decoration: none; background-color:#339900; padding: 0.5% 0 0.5% 0; font-family: 'Ubuntu';} /*unvisited link*/

	div.top-left {
	width: 100%;
	float: none;
}
	p.call-top {
	display: none;fs
}
	a.call-top {
	display: none;
}
		div.top-right {
	width: 100%;
	float: none;
}
		h1 {
	padding: 3% 2% 2% 2%;
	font-size: 2em;
	font-family: 'droid serif';
	color: #333333;
}
		p {
	padding: 1% 2% 2% 2%;
	font-size: 1.01em;
	font-family: 'ubuntu';
	color: #666666;
}
		ul.homepage {
	padding: 0 0 2% 0;
	}
		li.homepage {
	text-align: left;
	padding-left: 30%;
	font-size: 1.1em;
	color: #666666;
	font-family: 'ubuntu';
	list-style: disc;
	list-style-position: inside;
}

		div.left {
		padding-top: 3%;
		width: 100%;
		float: none;
}		
		div.nav-right {
		margin: 0 auto;
		padding-top: 2%;
		display: block;
		width: 90%;
		float: none;
		}

	iframe.google-map {
	width: 80%;
	padding-top: 2%;
}
	form {
	width: 90%;
	margin: 0 auto;
	}
input,textarea {
	width: 90%;
	margin: 1% auto;
}
.button {
    width: 35%;
	}
}

/* iPhones and other mobiles ----------- */
@media only screen and (max-width: 767px) {

			header {
	text-align: center;
	}
			img.building-and-maintenance-norfolk-logo {
	float: none;
	width: 80%;
}
			h2.call-building-and-maintenance-norfolk-landline{
	display: inline-block;
	width: 40%;
	text-align: center;
	padding: 2.5% 1% 0.5% 0;
	}
			h2.call-building-and-maintenance-norfolk-mobile {
	display: inline-block;
	width: 40%;
	text-align: center;
	padding: 2.5% 1% 0.5% 0;
	}

	footer.norwich-it-mobile {
		clear: both;
		display: block;
		width: 100%;
		margin-top: 0px;
		padding-right: 1%;
		height: 100%;
		text-align: center;
		top: 0px;
		background-color: black;
	}	
	footer.norwich-it {
		display: none;
	}	
	img.norwich-it {
		max-width: 60%;
	}
	form {
	width: 95%;
	margin: 0 auto;
	}
	input,textarea {
	width: 95%;
	margin: 1% auto;
}
}

/* Mobiles (landscape) ----------- */
@media screen and (max-width: 480px) {

			img.building-and-maintenance-norfolk-logo {
	float: none;
	width: 95%;
}
		div.cols3 {
	display: inline-block;
	margin: 2% 1% 3% 1%;
	vertical-align: top;
	width: 92%;
	}
			h2.call-building-and-maintenance-norfolk-landline{
	display: inline-block;
	width: 45%;
	text-align: center;
	}
			h2.call-building-and-maintenance-norfolk-mobile {
	display: inline-block;
	width: 45%;
	text-align: center;
	}
}

/* Media Queries --------------------------------------------------- End */