body,html{
	margin: 0;
	padding: 0;
	height: 100%;
}

.container{
	height: auto !important;
	min-height: 100%;
	height: 100%;
	overflow: auto;
	position:relative;
}


/* 	footer nonsense */
	
/*to stick the footer to the bottom */
footer{
	position: absolute;
	width: 100%;
	overflow: hidden;
	bottom: 0;
	height: 60px;
}

/* to get footer centred */
footer .wrapper{
	line-height: 25px;
	margin: 0 auto;
	max-width: 800px;
	text-align: center;
	color: #999;
  	font-family: "Roboto Condensed", Helvetica, sans-serif;
  	font-weight: 300;
  	font-size: 11pt;

}

footer a{
	text-decoration: none;
	color: #999;
}

footer a:hover{
	color: #2B2D60;
}

/* end footer nonsense */

/* header information */
header{
	position:relative;
	width:auto;
	max-width:800px;
	margin: 0 auto 60px auto;
}

header img.logo{
	margin-top: 30px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
/* end header information */
/* nav bar information */

nav {
  height:40px;
  width: auto;
  max-width: 800px;
  margin: -30px auto 30px auto;
  z-index: 3;
}

nav ul {
  	font-family: "Roboto Condensed", Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: 300;
  	padding: 0;
  	list-style: none;
  	z-index: 3;
}
 
nav ul li {
  display: block;
  position: relative;
  float: left; 
	z-index: 3;
}
 
nav li ul { 
  display: none; 		/* blocks the sub menus from being displayed until hover*/
}
 
nav ul li a {
  display: block;
  text-decoration: none;
  padding: 7px 15px 3px 15px;
  background: #fff;
  color: #444;  
  margin-left: 1px;
  white-space: nowrap;
  height:30px; /* Width and height of top-level nav items */
  width:129px;
  text-align:center;
    z-index: 3;
background: #fff;
}

/* end nav that is not in responsive section */

/* generic main content info */
main{
	max-width: 800px;
	margin: 0 auto 30px auto;
	position: relative;
	width: auto;
	z-index: -1;
	height: auto;
	overflow:auto;
	padding-bottom: 60px;
	padding-top: 30px;
	z-index: 1;
}

main p{
	line-height: 25px;
	font-family: "Roboto Condensed", Helvetica, sans-serif;
	font-weight: 300;
	font-size: 12.5pt;
	color: #666;
	text-align: justify;
}

main a{
	text-decoration: none;
	color: #999;
}

main a:hover{
	color: #2B2D60;
}

main h3{
	line-height:25px;
    font-family: 'Roboto Condensed', Helvetica, sans-serif;
  	font-style: normal;
  	font-weight: 300;
	font-size: 14pt;
	color: #444;
	text-align: left;  
}

main p span{
	max-width:16px;
	margin-left: 30px;
	margin-right: 15px;
	color: #2B2D60;
}

/* end main content important info */

/* article css */
main .services, main. people{
	width:auto;
	max-width:800px;
	margin:0 auto;
	padding:30px 0 0 0;
	margin-left:30px;
}

main .services article{
	float:left;
	width:236px;
	margin-right:30px;
	font-size:13px;
}

main .services article h3, main .people article h3{
	font-family: "Roboto Condensed", Helvetica, sans-serif;
	color: #444;
	font-size:14pt;
	margin-bottom:-10px;
	margin-left:75px;
	font-weight: 300;
}

main .services article img{
	float:left;
	max-width: 50px;
	border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border: 1px solid #444;
	padding: 2px;
	box-shadow: 3px 3px 1px #ccc;
  	-webkit-box-shadow: 3px 3px 1px #ccc;
  	-moz-box-shadow: 3px 3px 1px #ccc;
	margin-top: 30px;
}

main .services article p, main .people article p{
	line-height:25px;
    font-family: 'Roboto Condensed', Helvetica, sans-serif;
  	font-style: normal;
  	font-weight: 300;
	font-size: 13pt;
	margin-left:75px;
	color: #999;
	text-align: left;  
}


main .people article{
	float: left;
	width: 370px;
	margin-right: 30px;
	height: auto;
}

main .people article p{
	line-height: 25px;
	margin-left: 120px;

}

main .people article h3
{
	margin-left:120px;
}

main .people article img{
	float:left;
	max-width: 90px;
	border-radius: 45px;
	-webkit-border-radius: 45px;
	-moz-border-radius: 45px;
	border: 1px solid #444;
	padding: 2px;
	box-shadow: 3px 3px 1px #ccc;
  	-webkit-box-shadow: 3px 3px 1px #ccc;
  	-moz-box-shadow: 3px 3px 1px #ccc;
	margin-top: 30px;
}

.radiowize{
	width: 200px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
}

.radiowize h3{
	font-family: "Roboto Condensed", Helvetica, sans-serif;
	color: #444;
	font-size:14pt;
	margin-bottom:-10px;
	font-weight: 300;
}

.radiowize p{
	line-height:25px;
    font-family: 'Roboto Condensed', Helvetica, sans-serif;
  	font-style: normal;
  	font-weight: 300;
	font-size: 13pt;
	color: #999;
	text-align: left;  

}

/* end article css */

/*iframe css */
iframe{
	max-width: 640px;
	border: 1px solid #444;
	padding: 2px;
	margin-bottom: 30px;
	margin-top: 30px;

}

/*banner to break up boredom */

/* banner will not present in mobile version */

main img.microwave{
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	margin-bottom: 30px;
	max-width: 765px;
	border: 1px solid #444;
	padding: 2px;
	box-shadow: 3px 3px 1px #ccc;
  -webkit-box-shadow: 3px 3px 1px #ccc;
  -moz-box-shadow: 3px 3px 1px #ccc;
}

/* resize pictures of karl and susi */

.peopleImg{
	max-width: 300px;
	border: 1px solid #444;
	padding: 2px;
	box-shadow: 3px 3px 1px #ccc;
  -webkit-box-shadow: 3px 3px 1px #ccc;
  -moz-box-shadow: 3px 3px 1px #ccc;
	margin-right: 30px;
}



@media screen and (min-width : 801px){
	
	/* navigation bar big screen ONLY */
	nav ul li a:hover { 
  		border-bottom: 1px solid #ddd; 
	}
 	
 	/* for the french quotes */
	nav span{
		font-size: 14pt;
		margin-right: 15px;
		color: #444;
	}
 	
	nav li:hover ul {
  		display: block;
  		position: absolute;
  		height:30px;
  		z-index: 1;
	}
 
	nav li:hover li {
  		float: none;
  		font-size: 10pt;
	}
 
	nav li:hover a { 
  		border-bottom: 1px solid #2B2D60;  
 		height:30px; /* Height of lower-level nav items is shorter than main level */
	}

	nav li:hover a.sub{
		border-bottom: 1px solid #fff;
	}
 
	nav li:hover a.sub:hover{ 
		border-bottom: 1px solid #ddd;
	}
 
	nav ul li ul li a {
    	text-align:left; /* Top-level items are centered, but nested list items are left-aligned */
	}
}


 
/* font family data */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: url(/fonts/RobotoCondensed-Light.eot);
  src: local("Roboto Condensed Light"), local("RobotoCondensed-Light"), url(/fonts/RobotoCondensed-Light.eot) format("embedded-opentype"), url(/fonts/RobotoCondensed-Light.woff) format("woff"); }
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url(/fonts/RobotoCondensed-Regular.eot);
  src: local("Roboto Condensed Regular"), local("RobotoCondensed-Regular"), url(/fonts/RobotoCondensed-Regular.eot) format("embedded-opentype"), url(/fonts/RobotoCondensed-Regular.woff) format("woff"); }
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url(/fonts/RobotoCondensed-Bold.eot);
  src: local("Roboto Condensed Regular"), local("RobotoCondensed-Bold"), url(/fonts/RobotoCondensed-Bold.eot) format("embedded-opentype"), url(/fonts/RobotoCondensed-Bold.woff) format("woff"); }
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 300;
  src: url(/fonts/RobotoCondensed-LightItalic.eot);
  src: local("Roboto Condensed Light Italic"), local("RobotoCondensed-LightItalic"), url(/fonts/RobotoCondensed-LightItalic.eot) format("embedded-opentype"), url(/fonts/RobotoCondensed-LightItalic.woff) format("woff"); }
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 400;
  src: url(/fonts/RobotoCondensed-Italic.eot);
  src: local("Roboto Condensed Italic"), local("RobotoCondensed-Italic"), url(/fonts/RobotoCondensed-Italic.eot) format("embedded-opentype"), url(/fonts/RobotoCondensed-Italic.woff) format("woff"); }
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 700;
  src: url(/fonts/RobotoCondensed-BoldItalic.eot);
  src: local("Roboto Condensed Bold Italic"), local("RobotoCondensed-BoldItalic"), url(/fonts/RobotoCondensed-BoldItalic.eot) format("embedded-opentype"), url(/fonts/RobotoCondensed-BoldItalic.woff) format("woff"); }