/**
    * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
    * http://cssreset.com
    */
    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-size: 100%;
        
    }
    /* HTML5 display-role reset for older browsers */
    article, aside, details, figcaption, figure,
    footer, header, hgroup, menu, nav, section {
    display: block;
    }
    body {
    line-height: 1.5;
    }
    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;
    }
/* End of reset CSS */

p	{
	line-height: 1.5em;
    margin: 8px 0;
	
	}
html, body	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #3E2B24;
	line-height: 1.5em;	
	margin-left:auto;
	margin-right:auto;
	padding: 0px;
	background-color: #CDD3DC;
	}
	
h1	{
	margin: 8px 0px 8px 0px;
	font-size: 1.2em;
	text-align: left;
	}
h2	{
	font-size: 13pt;
	}
#container {
	margin: 6px 0px 0px 0px;
	overflow: hidden;
	margin-left:auto;
	margin-right:auto;
	background-color: #FFFFFF;
	border-left: 1px solid black;
    border-right: 1px solid black;
	border-bottom: 1px solid black;
	border-top: 1px solid black;
	max-width: 940px;
	}	
	
#sitename {
	width: 600px;
	padding: 18px 0px 0px 20px;
	font-size: 1.5em;
	float: left;
	color: #F4E3AD;
	}
#sitename a{text-decoration: none;
				color: #F4E3AD;
				}
	
	
#header {
    	width:940px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
    	height: 65px;
	font-family: Arial;
	font-size: 14pt;
	display: inline-block;
	background-color: #A44648;
	}

#telephone {
	float: right;
	padding: 8px 40px 0px 0px;
	color: #F4E3AD;
	}
#mobile {
	float: right;
	padding: 5px 40px 0px 0px;
	color: #F4E3AD;
	}	
.tel  {	text-decoration:none;	
		color: inherit;	
	}

	
#menu a:link, #menu a:visited, #menu a:hover, #menu ul
			{
			text-decoration: none;
			list-style: none;
			color: black;
			font-size: 20px;
			line-height: 32px;
			text-align: left;
		}
#menu	{
	float: left;
	background-color: transparent;
	width: 130px;
	text-decoration: none;
	margin: 15px 0px 0px 20px;
	
	}
	
	#menu .current a {
	color: #A44689;
	}
	#menu a:hover {
    
    color: #A44648;
}
	
#address	{
	float: left;
	background-color: transparent;
	width: 160px;
	text-decoration: none;
	margin: 170px 0px 0px 0px;
	font-size: 10pt;
	}
		
#content	{
		margin: 15px 20px 20px 10px;
		padding: 0px 0px 0px 10px;
		float: left;
		width: 730px;
		min-height: 450px;
				}
#map_canvas		{width: 580px; 
				margin: 20px 0px 0px 0px;
				height: 385px;}
				
table.stoves
{
margin: 15px 0px 20px 0px;
padding: 0px 0px 0px 0px;
width: 100%;
font-family: Arial,Helvetica,sans-serif;

}

th {padding: 0px 10px 0px 5px;
	text-align: left;
	font-size: 14px;
	}
		

tr.colour		{background-color: #EEEFF9;
					}

td.top			{vertical-align: top;
				padding: 5px 0px 0px 10px;
				font-size: 12px;
				
}

#hetas	{
		margin: 0px 0px 0px 20px;
		padding: 0px 0px 0px 0px;
		float: left;
			
				}
				
#footer		{
		margin: 0px 0px 20px 0px;
		padding: 15px 0px 0px 0px;
    	height: 3em;
		text-align: center;
		font-family: verdana;
		font-size: 14pt;
		width: 940px;
		font-size:75%;
		height:20px;
		float: left;
		
			}
a.author {color:black;text-decoration:none;}
a.author:hover {color:#72A3FC;text-decoration:none;}


#footer a.current  {color: #A44689;text-decoration:none;}
#footer a:hover {color: #A44689;}
#footer p {margin: 4px 0;}

#footer img {border: none;
			margin: 0px 5px;
	}
		

.thumbnail img {
	margin: 1em;
	float: left;
}

ul.services
{
  margin: 0px 0px 10px 20px;
  padding: 15px 0px 10px 20px;
list-style-type: square;
  
}
ul.service	ul
{padding: 0px 0px 10px 20px;
list-style-type: square;
}

/* anchor styling */

ul li a
{
  width: 7em;
  text-decoration: none;
  color: black;
}

#contact-form {
    width: 460px;
    float: left;
	padding: 20px 0px 0px 0px;
}

#contact-form input, #contact-form textarea {
	padding: 5px;
	width: 300px;
	font-size: 0.9em;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}

#contact-form textarea {
	height: 90px;
}

#contact-form textarea:focus, #contact-form input:focus {
	border: 2px solid #A44648;
}

#contact-form .button {

	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #333333;
	background-color: #CCCCCC;
	border: 1px outset;
	border-color:#FFFFFF #999999 #999999 #FFFFFF;
	margin:4px 100px 8px 0;
	padding: 0.1em 0.6em 0.1em 0.6em;
	width: 120px;
	float: right;
	}

label {
	float: left;
	text-align: left;
	margin-right: 15px;
	width: 60px;
	padding-top: 5px;
	font-size: 0.9em;
	font-weight: bold;
}

/*********************************************************************************/
/* Media                                                                         */
/*********************************************************************************/
@media  (min-width : 320px) and (max-width: 768px)
{
	html, body	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #3E2B24;
	line-height: 1.3em;	
	margin-left:auto;
	margin-right:auto;
	padding: 0px;
	background-color: #CDD3DC;
	}
#header {
	
    	width: 100%;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
    	height: 100%;
	font-family: Arial;
	font-size: 14pt;
	display: inline-block;
	background-color: #A44648;
	}  
#sitename {
	width: 100%;
	padding: 20px 0px 0px 20px;
	font-size: 1.6em;	
	color: #F4E3AD;
	}
#telephone {
	width: 100%;
	padding: 20px 0px 0px 20px;
	color: #F4E3AD;
	font-size: 1.2em;	
	}
#mobile {
	width: 100%;
	padding: 20px 0px 0px 20px;
	color: #F4E3AD;
	font-size: 1.2em;	
	}	
#container
{
	width: 100%; 	
    margin: 0 auto;
	padding: 10px 1px 1px 0px;
	clear: both;
	display: flex;
    flex-direction: column;
    align-items: center;
}
#content	{
		margin: 15px 4px 4px 4px;
		padding: 0px 0px 0px 10px;
		float: left;
		width: 75%;
		min-height: 450px;
				}
#menu	{
	float: left;
	background-color: transparent;
	width: 35%;
	text-decoration: none;
	margin: 15px 0px 0px 20px;
	
	}
#contact-form {
    width: 100%;
    padding: 20px 0px 0px 0px;
}
#footer		{
		margin: 0px 0px 20px 0px;
		padding: 15px 0px 0px 0px;
    	height: 3em;
		text-align: center;
		font-family: verdana;
		font-size: 14pt;
		width: 100%;
		font-size:75%;
		height:20px;
		align-items: center;
		
			}
}