@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,800');
html, body, p, h1, h2, h3
	{
		margin: 0;
		padding: 0;
		border: 0;
	}

body
	{
		font-size: 100%;
		font-family:	'Open Sans', sans-serif;
		background-color: #fafafa;
	}

div
	{
		border: 0px dashed blue;
	}
	
h1
	{
		font-size: 	2.5em;
		/* color: 		#101e3b; */
		padding:	0.5em;
		letter-spacing: 2px;
	}
	
h2
	{
		font-size:	1.75em;
	}

h3
{
	font-size: 1.25em;
}

h4
{
	font-size: 100%;
	font-weight: bold;
	margin: 	0px;
	padding: 1em 1em 0em;
}
	
p
{
	padding: 1em;
	line-height: 175%;
}

a
{
		color: inherit;
}

.example
{
	font-style: italic;
	color: darkblue;
	padding: 0em 2em;
}

.nowrap
	{
		white-space: nowrap;
	}
	
.wrap_if_neededx
	{
		overflow-wrap: break-word;
	}

.fitword
{
	font-size: calc(10px + 1vw);
}
	
.centred
{
	text-align: center;
}
.number
{
	text-align: right;
}
div.header
	{
		width: 100%;
		margin: 0 auto;
		position: relative;
		clear: both;
		z-index: 			100;
		
		background-color: #618887;
	}
	
.header::after, .box_holder::after
 { 
   content: " ";
   display: block; 
   height: 0; 
   clear: both;
}
	
div.header_box
{
	/* width: 50%; */
	min-width: 21em;
	margin: 0 auto;
		z-index: 			100;

}
div.top-line
{
	background-color:	#222222;
	color:				#FFFFFF;
}

div.top-line p
	{
		color:				#FFFFFF;
		padding: 0.25em;
		font-size:	0.85em;
		text-align:	center;
		letter-spacing: 2px;
	}

div.top-line p a
{
	text-decoration: none;
}

div.top-line p a:hover
{
	color:	#FFFF00;
}
	
div.logo_box
{
	text-align: center;
	
}

div.logo_box h1
{
	color: white;
	font-variant: small-caps;
}

div.menu_container
{
	/* border: 2px solid green; */
	text-align: center;
}

#show_menu
{
	position: 			fixed;
	top:				0px;
	right: 				10px;
	background-color: 	inherit;
	width: 				auto;
	z-index: 			-1;
	box-sizing: border-box;
}

#show_menu p. #show_menu p a
{
	z-index: 			-1;
}

div.menu
	{
		display: inline-block;

		margin: 00px auto 20px;
		/* border: 2px solid red; */
		/* text-align: left; */
	}
	
div.menu_item
	{
		display: inline-block;
		padding: 10px;
		text-align: left;
		font-size: 1.2em;
		/* border: 1px dashed black; */
		background-color:	#7BADAB;
		margin: 0.25em;
	}
	
div.menu_item p
{
	padding: 0;
}

div.menu_item a
{
		text-decoration: none;
}

div.menu_item:hover
{
	background-color:	#FFFFFF;
}
	
div.pre_footer
	{
		background-color: #618887;
		text-align: 	center;
		padding: 2em;

	}

div.pre_footer p
{

	margin: 0 auto;
	font-size:	1.65em;
	line-height: 2em;
	color:	#FFFFFF;
	
}


div.footer
{
	clear: both;
	background-color:	#333333;
	color:				white;
}

div.inner_footer
{
	width: 			50%;
	min-width:		20em;
	margin: 		0 auto;
	padding: 		20px 0px;
	text-align: 	center;
}


p.footer_address, p.footer_company
{
	font-size: 1.5em;
	line-height: 2em;

}

div.main
{
	position: relative;
	margin: 0 auto;
	/* width:	50%; */
	min-width: 21em;
	/* z-index: 			-10; */
}

div.page_title
{
	text-align:	center;
}

div.page_content
{
	/* border: 2px solid #FFCCCC; */
}

div.top_para
{
	background-color:	#CCCCCC;
	text-align: center;
	padding: 1em;
}

div.top_para p
{
	font-size: 125%;
	line-height: 200%;

}

div.single_col_box_holder
{
-webkit-column-count: 1;
     -moz-column-count: 1;
          column-count: 1;
}
.privacy_policy
{
	width: 80%; 
	margin: 0 auto;
}

div.box_holder
{
	/* background-color:	salmon; */
  -webkit-column-count: 3;
     -moz-column-count: 3;
          column-count: 3;
  -webkit-column-width: 350px;
     -moz-column-width: 350px;
          column-width: 350px;
	

  }

div.box
{
	/* border: 1px solid #999999; */
	/* width: 50%; */

	/* float: left; */
	/* margin: 20px auto 0px; */
	/* padding: 0; */
	/* box-sizing: border-box; */
	/* min-height: 20em; */
	/* min-width: 20em; */
	display: inline-block;
	padding: 20px;
	width: 100%;
	box-sizing: border-box;
}

div.box_content
{
	padding: 1em;
	border: 1px solid darkgray;
	background-color:	#FFFFFF;
}

div.box_content img
{
	width: 100%;
}

div.box_content h3
{
		padding: 0.25em;
}

div.box_content a, div.top_para a
{
	color: blue;
}

table.contact_form
	{
		width: 100%;
		max-width: 50em;
		margin: 0 auto;
		/* background-color:	#7BADAB; */
	}
	
table.contact_form td
{
	padding: 0.5em;
}	
table.contact_form td h3
{
	text-indent: 0.5em;
	color: 	#444455;
}

input, textarea
{
	width: 100%;
	
	padding: 0.5em;
	box-sizing: border-box;
	font-size:	1.25em;
	  border-radius: 8px;
	  border: 1px solid black;
}

textarea
	{
		font-family:	'Open Sans', sans-serif;
		resize: vertical;
	}
	
#website
{
	display: none;
}

#send_msg
{
	width: 90%;
	max-width: 20em;
	margin: 1em;
	background-color:	#7BADAB;
}
#send_msg:hover
	{
		background-color:	#FFFFFF;
	}
	
input[type=text],input[type=email], textarea {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;

}
 
input[type=text]:focus,input[type=email]:focus, textarea:focus {
  box-shadow: 0 0 5px rgba(81, 238, 203, 1);
   border: 1px solid rgba(81, 238, 203, 1);
}

ul
{
	margin: 0px;


}

li
{
	padding: 5px;
	-webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
	page-break-inside: avoid; /* Firefox */
	break-inside: avoid; /* IE 10+ */
	line-height: 175%;
}

table.dimensions
{
		margin-left: 1em;
}
table.dimensions td
{
}

table.dimensions td p
{
	padding: 5px 10px;
}

ol {
  list-style-type: none;
  counter-reset: item;
  margin: 0;
  padding: 0;
}

ol > li {
  display: table;
  counter-increment: item;
  margin-bottom: 0.6em;
}

ol > li:before {
  content: counters(item, ".") ". ";
  display: table-cell;
  padding-right: 0.6em;    
}

li ol > li {
  margin: 0;
}

li ol > li:before {
  content: counters(item, ".") " ";
}