body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12pt;
	color:#222222;
	text-size-adjust: 200%;
}

.main
{
	padding-top:25px;
	max-width: 1300px;
	margin: auto;
	text-size-adjust: 200%;
	min-height:400px;
	background-color:#FFFFFF;
}

#bannerdiv
{
	border-width:2px 0px 0px 0px;
	border-color:black;
	border-style:solid;
	max-width: 1300px;
	margin: auto;
	padding:0px;
	
}
.banner
{
	width:100%;
	border:0px;
	margin:0px;
	padding:0px;
}
.nav
{
	max-width: 1300px;
	margin: auto;
	text-size-adjust: 200%;
	border-bottom: solid;
	border-width:1px 1px 2px 1px;
	border-color:black;
	min-height:50px;
	position:relative;/*makes this the containing block of the .navmenu without changing the pos of this element*/
	left:0px;
	top:0px;

}
.navmenu
{/*popup nav menu*/
	z-index:100; 
	background: white;
	right:0px;
	display:none;
	position: absolute;
	border-style: solid;
	border-width:3px;
	border-color:#333333;
	border-radius: 4px;
	text-size-adjust: 200%;
}
.navmenuwrapper
{
	
	width:100%;
	margin:auto;
	padding:0px;
}
.menu
{/*div arround hamburger-menu*/
	margin:0px;
	border:0px;
	padding:0px;
	width:50px;
	height:50px;
	float:right;

	
}
.menulink
{/*item in popup nav menu*/
	
	border-style: none none solid none;
	border-width:1px 1px 1px 1px;
	border-color:black;
	padding:8px;

}
.menulink a
{
	text-decoration:none;
}

.cbutton
{
	display:inline;
}

.workimgdiv
{
	display:inline-block;
	width:335px;
	margin:10px;
}

.lbutton
{
	display:inline;
	width:max-content;
	margin:10px;
}

.workfig
{
	display: inline-table;
	margin:0px;
	padding:0px;
	padding-top:0px;
	margin:0px;
	border:0px;
}
.centre
{
	padding:0px;
	margin:auto;
	border:0px;
	width:max-content;
}

.caption
{
	display: table-caption;
	caption-side: bottom;
	border-radius: 0px 0px 5px 5px;
	border-color:black;
	background-color:black;
	padding:5px;
	margin:0px;
	font-size:9pt;
	color:white;
	text-align:center;
	height:29px;
	text-size-adjust: 100%;
}
.workpic
{
	/*border: 1px solid #ddd;*/
	border-radius: 5px 5px 0px 0px;
	border-color:black;
	display: block;
	padding:0px;
	margin:0px;
	border:1px;
	border-style: solid;
	display: block;
	height:250px;
	
}

.logo
{
	float:left;
	display:inline;
}

.imglink
{
	border:0px;
	margin:0px;
	padding:0px;
	border-color:black;
	
}

a.imglink:visited {
  color: black;
}
a.imglink {
  color: black;
}
a.imglink:hover {
  color: purple;
}

.carosel
{
	margin:auto;
	width:500px;
}

h1
{
	text-decoration:none;
	font-size:30px;
	font-weight:600;
	color:#222222;

	line-height:48px;
	width:30em;
	display:inline;
}

h2
{
	text-decoration:none;
	font-weight:600;
	color:#222222;
	margin:1em 1em 1em 0em;
	
}

h3
{
	text-decoration:none;
	font-weight:600;
	color:#222222;
	margin:1em 1em 1em 0em;
}

p
{
	margin:1em;
}


.feedback
{
	margin:20px;

}

.fbquote
{
	margin:5px 5px 5px 1em;
	font-weight:bold;
}


.fbauthor
{
	margin:5px 5px 5px 4em;

}

label
{
	display: block;
	width:10em;
float:left;
}