/* Nigel Smith Flooring 2012 Stylesheet */
body,p,td,tr,th,input,h1,h2,h3,h4,h5,h6,select,option,textarea,li,ol,ul{
		font-family:calibri,arial,verdana,sans-serif;
}

body{
		margin:0px;
		padding:0px;
		color:#212122;
		background:#ffffff url(images/bottom.jpg) no-repeat bottom center;
		font-size:1.0em;
}

form{
		display:inline;
}

p{
		font:15px calibri,arial,verdana,sans-serif;
		line-height:1.6em;
		margin:8px 4px;
		padding:5px 8px;
}

h1{
		font:bold 33px Calibri,Arial,verdana,sans-serif;
		line-height:1.0em;
		color:#09224C;
		margin:8px 4px;
		padding:5px 8px;
}

h2{
		font:bold 26px Calibri,Arial,verdana,sans-serif;
		line-height:1.0em;
		color:#2A4E92;
		margin:8px 4px;
		padding:5px 8px;
}

h3{
		font:bold 22px Calibri,Arial,verdana,sans-serif;
		line-height:1.0em;
		color:#0F3377;
		margin:8px 4px;
		padding:5px 8px;
}

h4{
		font:bold 18px Calibri,Arial,verdana,sans-serif;
		line-height:1.0em;
		color:#02266A;
		margin:8px 4px;
		padding:5px 8px;
}

li{
		font:15px calibri,arial,verdana,sans-serif;
		line-height:1.4em;
}

li ul li,li ol li{
		font:15px calibri,arial,verdana,sans-serif;
		line-height:1.6em;
}

ul{
		margin:2px 24px;
		padding:0 2px;
}

ol{
		margin:2px 27px;
		padding:2px;
}

a,a:link,a:active{
		color:#2A4E92;
		text-decoration:underline;
		font-weight:bold;
}

a:visited{
		color:#02266A;
		text-decoration:underline;
		font-weight:bold;
}

a:hover{
		color:#02266A;
		text-decoration:none;
		font-weight:bold;
}

a.flink,a.flink:link,a.flink:active,a.flink:visited,a.flink:hover{
		color:#FFDD00;
		font-weight:bold;
		text-decoration:none;
}

select{
		font-size:0.7em;
}
/*ID's*/

#whiteframe{
		position:relative;
		margin:0 auto;
		padding:0;
		width:100%;
		background:transparent url(images/header.jpg) no-repeat top center;
}

#redframe{
		position:relative;
		margin:0 auto;
		padding:0;
		width:958px;
}

#header{
		height:251px;
		background:transparent url(images/floors.png) no-repeat top center;
}

#logo{
		padding:42px 0 0 0px;
		float:left;
}

#callus{
		color:#ffffff;
		float:right;
/*border:1px solid red;*/
		margin:59px 50px 0 0;
}

#callus .callnow{
		font:bold 30px Calibri;
		color:#FFDD00;
		line-height:1.0em;
		padding:0;
		margin:0;
}

#callus .tel0163537206{
		font:bold 42px Calibri;
		line-height:1.0em;
		padding:0;
		margin:0;
}

#callus .mob07957838495{
		font:bold 25px Calibri;
		line-height:1.0em;
		padding:0;
		margin:0;
}

#strapline{
/*height:50px;*/
		margin:0px 0 0 0px;
		padding:26px 0 0 0;
		font:bold 29px Ultaah,calibri;
		letter-spacing:10px;
		text-transform:uppercase;
		color:#ffffff;
/*border:1px solid red;*/
		text-align:center;
		clear:both;
}

#strapline span{
		color:#FFDD00;
}

#maincontent{
		padding:0px;
		margin:10px 0px;
/*border:1px solid red;*/
}

#navcontainer{
		float:left;
		width:168px;
		padding:0 0 0 0;
		margin-bottom:0em;
		color:#FFFFFF;
		background:url(images/nav.jpg) no-repeat top left;
}

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

#navcontainer li{
		margin:0 0 3px 0;
}

#navcontainer li a{
		display:block;
		padding:14px 15px;
		background:red url(images/nav.jpg) no-repeat top left;
		color:#fff;
		text-align:right;
		text-decoration:none;
		width:100%;
		font:bold 19px Calibri, arial !important;
}

html>body #navcontainer li a{
		width:auto;
}

#navcontainer li a:hover,#navcontainer li a#current{
		color:#FFDD00;
		background:url(images/nav_over.jpg) no-repeat top left;
}

#textcontent{
/*padding:1px 0px;*/
		margin:0px 0px 0px 174px;
/*border:1px solid blue;*/
}

#banner{
		border:3px solid #C2B685;
		margin:0px 0 0px 0 !important;
		padding:3px;
		width:772px;
		height:203px;
}

#footer{
		height:202px;
		text-align:center;
		color:#ffffff;
		margin:0px 0;
}

#footer p{
		color:#ffffff;
		padding:0;
		margin:0;
		font:15px Calibri,arial;
		line-height:50px;
}

.copyright{
		font: 13px Calibri, arial !important;
		line-height:50px !important;
}
/*classes*/

p.question{
		font-weight:bold;
		font-size:18px;
		margin:8px 4px 0 4px;
		padding:0px 8px;
}

p.answer{
		margin:0px 4px;
		padding:0px 8px;
}

.tonote{
		width:60%;
		margin:0 0 0 35%;
/*color:#48494A;*/
/*text-transform:uppercase;*/
		font:italic 18px Calibri !important;
		text-align:right;
		background:#fff;
		color:#2A4E92;
/*border:2px solid #2A4E92;*/
/*-moz-border-radius: 20px;

border-radius: 20px;*/
}

.imagesR{
		border:3px solid #09224C;
		margin:5px 0 5px 10px;
		padding:3px;
		float:right;
}

.contactdiv{
		background:#E0DAC2;
		float:right;
		color:#212122;
		padding:10px;
		margin:0px 0 0px 10px;
		border:2px solid #C2B685;
		width:300px;
		height:245px;
/*-moz-border-radius: 20px;

border-radius: 20px;*/
}

textarea,input,select{
		border:1px solid #C2B685;
		margin:4px;
		padding:2px;
}

.contactform{
		width:200px;
}

.slicknav_menu{
		display:none;
}

 @media screen and (max-width: 40em) {
		.js #menu{
				display:none;
		}

		.js .slicknav_menu{
				display:block;
		}

		body{
				margin:0px;
				padding:0px;
				background-image: none !important;
		}

		#leftnav{
				display:none;
		}

		#whiteframe{
				background-image: none !important;
				position:relative;
				margin:0 auto;
				padding:0;
				max-width:100%;
		}

		#logo{
				text-align:center;
				max-width:85%;
				height:auto;
				float:none;
				border:none;
				margin:0 auto;
				padding:17px;
		}

		iframe{
				position:relative;
				margin:0 auto;
				padding:0;
				max-width:100%;
		}

		#redframe{
				background-image: none !important;
				position:relative;
				margin:0 auto;
				padding:0;
				max-width:100%;
		}

		#header{
				display:block;
				background:transparent url("images/topmobbk.jpg") repeat scroll center top;
				text-align:center;
				max-width:100%;
				margin:0 auto;
				height:auto;
				padding:0px;
		}

		#callus{
				display:block;
				background:transparent url("images/topmobbk2.jpg") repeat scroll center bottom;
				float:none;
				text-align:center;
				max-width:100%;
				margin:0 auto;
				height:auto;
				padding:10px;
		}

		#strapline{
				display:block;
				background:#0d2853;
				margin:0 auto;
				padding:10px;
				font:bold 24px Ultaah,calibri;
				letter-spacing:3px;
				text-transform:uppercase;
				color:#FFF;
				text-align:center;
				clear:both;
		}

		#footer{
				display:block;
				background:transparent url("images/topmobbk.jpg") repeat scroll center top;
				height:auto;
				margin:0 auto;
				padding:0px;
				text-align:center;
				color:#FFF;
		}

		#footer p{
				color:#FFF;
				padding:20px;
				margin:0px;
				font:15px Calibri,arial;
				line-height:1.125em;
		}

		.copyright{
				font: 13px Calibri,arial !important;
				display:block;
				background:transparent url("images/topmobbk2.jpg") repeat scroll center top;
				height:auto;
				margin:0 auto;
				padding:10px;
				text-align:center;
		}

		#maincontent{
				margin:0 auto;
				background:#ffffff;
				border:0px;
				max-width:100%;
		}

		#banner{
				display:block;
				background:#ffffff;
				padding:0px;
				height:auto;
				width:100%;
				border:3px solid #fff;
				outline:solid 3px #C2B685;
				margin:0 auto;
		}

		#banner img{
				display:block;
				margin:0 auto;
				padding:0px;
				width:100%;
				height:auto;
		}

		#content{
				padding-bottom:60px;
				padding-top:10px;
				margin:0 auto;
				max-width:100%;
		}

		#textcontent{
				padding:10px;
				margin:0px 0px 0px 0px;
				max-width:95%;
		}

		.imagesR{
				display:block;
				float:none;
				border:3px solid #09224C;
				padding:3px;
				background:#FFF none repeat scroll 0% 0%;
				margin:0 auto;
				max-width:75%;
				height:auto;
		}

		.tonote{
				width:80%;
				margin:0 auto;
				font: italic 18px Calibri !important;
				text-align:center;
				background:#FFF none repeat scroll 0% 0%;
				color:#2A4E92;
		}

		.contactdiv{
				background:#E0DAC2 none repeat scroll 0% 0%;
				float:none;
				color:#212122;
				padding:10px;
				margin:0 auto;
				border:2px solid #C2B685;
				width:80%;
				height:auto;
		}
        textarea, input, select {
    border: 1px solid #C2B685;
    margin: 0 auto;
    padding: 2px;
    max-width:80%;
}
}