/* Reset */
html, body, div, span, object, iframe, p, blockquote, img, small, tt, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, hgroup, menu, nav, output, ruby, section, summary, time,
mark, audio, video, h1, h2, h3, h4, h5, h6, ol, ul, li{
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
font-style: normal;
font-family:arial;
font-weight:normal;
color:#505050;
}

/* Main page body white */
body{
	background-color:#fff;
}

/* Headings */
h1,h2,h3,h4,h5,h6{
	font-family: 'Oswald', sans-serif;
}

h1{
	font-size:42px;
	line-height:1em;
	padding:15px 0;

}

h2{
	font-size:28px;
	line-height:1.1em;
	padding:15px 0;
}

h3{
	font-size:22px;
	line-height:1.1em;
	padding:10px 0;
}

h4{
	font-size:18px;
	line-height:1.1em;
	padding:10px 0;

}

h5{
	font-size:16px;
	line-height:1.1em;
	padding:10px 0;
}

h6{
	font-size:14px;
	line-height:1.1em;
	padding:10px 0;

}

/* Wraps page headings */
#headingwrapper{
	background-color:#eee;
	border:1px solid #ddd;
	position:relative;
	z-index:2;
	clear:both;
}

/* Contains page headings */
#headingcontainer{
	max-width:990px;
	margin:auto;
	padding:15px;
	background-color:transparent;
}

/* Wraps container for body of home page and provides shadow at bottom*/
#wrapper{
	position:relative;
	clear:both;
}

/* Contains body of home page */
#container{
	max-width:990px;
	margin:auto;
	padding:15px;
	background-color:transparent;
	clear:both;
}

/* Size and position of logo */
#logo{
	float:left;
	max-width:400px;
}

#logo img{
	max-width:100%;
}

/* Info box sections in header, address etc... */
.info-box{
	margin:5px 0 10px 0;
	padding:15px;
	float:right;
	height:100px;
}

.info-box p{
	color:#7dafe1;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	margin:0;
}

.info-box a{
	text-decoration:none;
	color:#7dafe1;
}

#phone{

}

#your-email{
	border-left:solid 1px #505050;
	border-right:solid 1px #505050;
}

#address{

}

/* Do not allow anything to float left or right of the header */
header{
	clear:both;
}










/* MAIN MENU STYLES-------------------------------------------------------------------------------------------------------------------------------- */

/* container class - This is for the main site navigation */
#main-navigation{
	clear:both;
	border-radius:5px;
	display:inline-block;
	width:100%;
	background-color:#7dafe1;
}

#main-navigation span{
	display:none;
}

#main-navigation li{
	display: block;
	float: left;
	position: relative; /* this is needed in order to position sub menus */
	line-height:40px;
	font-family: 'PT Sans', sans-serif;
	text-transform:uppercase;
}

#main-navigation li a{
	color:#fff;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
	background-color:#7dafe1;
	display: block;
	padding: 0 12px; /* This controls the spacing between the menu items.  Decrease it to make your menu fit on one line */
	text-decoration:none;
	color:#fff;
	border-radius:5px;
}

#main-navigation li a:hover{
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
	border-radius:0;
	background-color:#000;
}

#main-navigation select{
	display:none; /* hide drop down navigation menu from larger screens */
	text-align:left;
	height: 30px;
	width:100%;
	font-size:20px;
	border:solid 2px #d2d2d2;
}

#main-navigation ul ul{ /* this targets all sub menus */
	display: none; /* hide all sub menus from view - we put it back with a media query */
	position: absolute;
	top: 40px; /* this should be the same height as the menu item line height -- height + padding + borders */
	z-index:2;
	padding:0;
}

#main-navigation ul ul li{ /* this targets all submenu items */
	float: none; /* overwriting our float up above */
}

#main-navigation ul ul li a{
	border-radius:0;
	white-space:nowrap; /* this keeps the submenu text on one line */
}

#main-navigation ul li:hover > ul{
	display: block; /* show sub menus when hovering over a parent */
}

#main-navigation ul ul li ul{
	/* targets all second, third, and deeper level sub menus */
	margin-left: 100%; /* this moves the sub sub menu over so it doesn't cover the sub menu */
	top: 0; /* this ensures the sub menu starts in line with its parent item */
}










/* FRONT PAGE STYLES -------------------------------------------------------------------------------------------------------- */

/* Contains main images, pads and prevents floating either side */
#image-box-row{
	clear:both;
	padding-top:10px;
}

#main-image-box{
	width:61%;
	background-color:#eee;
	border-radius:10px;
	border:solid #d2d2d2 1px;
	float:left;
}

#main-image-box img{
	width:96%;
	margin:2%;
}

/* Right front page navigation box links */
.right-front-page-boxes{
	background-color:#eee;
	border-radius:10px;
	border:solid #d2d2d2 1px;
	width:38.2%;
	float:right;
}

.right-front-page-boxes a{
	background-color:#7dafe1;
	background-repeat:repeat;
	padding:5px 25px;
	border-radius:10px;
	border: solid 1px #d2d2d2;
	display:block;
	margin:10px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-size:20px;
	text-decoration:none;
	color:#000;
	line-height:110%
}

/* Ordinary writing in the body of pages */

.right-front-page-boxes a span{
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
}

.right-front-page-boxes a span img{
	border:none;
}

.right-front-page-boxes a:hover{
	color:#fff;
}

.right-front-page-boxes a span{
	font-size:15px;
	color:#fff;
}

/* Bottom front page column links */
.front-page-columns-row{
	clear:both;
	padding:15px 0 40px 0;
	border-bottom:solid 1px #7dafe1;
	overflow:hidden;
}

.front-page-columns{
	width:32%;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	float:left;
}

.front-page-columns a{
	text-decoration:none;
	color:#000;
}

.front-page-columns img{
	border-bottom:5px solid #7dafe1;
	border-top:1px solid #7dafe1;
	max-width:98%
}

.front-page-columns h2{
	font-family: 'PT Sans', sans-serif;
	font-size:26px;
	color:#7dafe1;
	text-shadow: 0px 0px 1px #7dafe1
}

#middle.front-page-columns{
	padding:0 2%
}

.spiel{
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	line-height: 1.5em;
	padding:20px 20px 0px 10px;
	clear:both;
	margin-bottom:15px;
	overflow:hidden;
}

.spiel p{
	padding:8px;
	margin:12;
}

.spiel a{
	text-decoration:none;
	color:#7dafe1;
}

.spiel li{
	margin-left: 15px;
}

/* Handwriting effect for testimonials */
.praise{
	font-family: 'Caveat', cursive;
	font-size:21px;
	padding:7px 20px 7px 20px;
	clear:both;
	margin-bottom:15px;
	overflow:hidden;
}

/* for centering images in body of page */
.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* for resizing images if window is smaller than image size */
img {
    max-width: 100%;
    height: auto;
}










/*  FOOTER AREA -------------------------------------------------------------------------------------------------------- */

.footer-wrapper{
	background-color:#eee;
	overflow:hidden;
	clear:both;
}

.footer {
	box-shadow: inset 1px 1px 3px #505050;
	height:100%;
  color: white;
  text-align: center;
}

.footer a{
	text-decoration:none;
}










/* Responsive Design for smaller screens-------------------------------------------------------------------------------------------- */

@media screen and (max-width: 768px) {
	#middle.front-page-columns{
		display:none;
	}

	.front-page-columns{
		width:50%;
		text-align:center;
	}

	#main-navigation{
		border-radius:0;
	}

	#main-navigation select{
		display:block;
	}

	#main-navigation ul{
		display:none;
	}
}

@media screen and (max-width: 600px) {
	.front-page-columns{
		display:block;
		padding-bottom:25px;
		width:100%;
		text-align:center;
		float:none;
	}

	#middle.front-page-columns{
		display:block;
		text-align:center;
		padding-bottom:25px;
	}

	#logo,#phone,#your-email,#address,#main-image-box{
		width:100%;
		float:none;
		text-align:center;
	}

	.right-front-page-boxes{
		width:100%;
		float:none;
		text-align:center;
	}

	#your-email{
		border:none
	}
}

@media screen and (max-width: 700px) {
	.info-box{
		padding:5px
	}
}