@charset "utf-8";
/* CSS Document */

/* Micro clearfix hack */
.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
}

	
.mobile-only{
	display:none;
}

nav {
	width: 100%;

}


/* Body Elements */

body {
	background-color: #ffffff;
	margin-top: 10px;
}

img {
	max-width:100%;
	height:auto;
}

p {
	margin-bottom: 20px;
}

#hometop {
	width: 55.1042%;
	float: left;
	padding-top: 1.5%;
	}

.introtext {
	font-family: "PT Sans", Arial, Helvetica, sans-serif;
	font-size: 2em;
	line-height: 46px;
	font-weight: normal;
	color: #0b0803;
}

.introtext a {
	color: #C00;
	text-decoration: none;
	font-weight: bold;
	}
	
.introtext a:hover {
	color: #C00;
	text-decoration: underline;
	}
	
#van {
	width: 44.895833%;
	float: left;
	margin-bottom: 15px;
	}

.body {
	font-family: "PT Sans", Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 24px;
	font-weight: normal;
	color: #0b0803;
	}
	
.body a {
	color: #000;
	text-decoration: underline;
	}
	
.body a:hover {
	color: #00BBD3;
	text-decoration: none;
	}

ul.body li {
 list-style:none; /* if you’re not already using a reset */
}

ul.body li:before {
	color:#FFF;
	content:"\25AA";
	font-size:1.6em;
	padding-right:.25em;
	position:relative;
	top:0.17em;
}

ul.body li ul li:before{
	color:#000000;
	padding-left: 0.5em;
	}
	
li.last-li {
	margin-bottom: 20px;
}

.blue {
	color: #00BBD3;
}

.white {
	color: #FFF;
}

.white a {
	color: #FFF;
	text-decoration: underline;
}

.white a:hover {
	color: #FFF;
	text-decoration: none;
}

/* Layout */

#wrapper {
	max-width:960px;
	background-color: #FFF;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 1.5625%;
	padding-right: 1.5625%;
	padding-bottom: 0%;
	padding-left: 1.5625%;
}

#header {
	width: 92%;
	padding-right: 4%;
	padding-left: 4%;
}

#logo {
	width: 32.708333%;
	margin-top: 6px;
	float: left;
}


#contact {
	width: 38.5417%;
	margin-top: 6px;
	float: right;
}

#logomb {
	display: none;
	max-width: 100%;
	margin-top: 14px;
}

#home_box_1 {
	width: 47%;
	float: left;
	padding-right: 3%;
	margin-bottom: 10px;
	}

#home_box_2 {
	width: 47%;
	float: left;
	padding-left: 3%;
	margin-bottom: 10px;

	}

/* Footer Elements */
	
footer {
	max-width:960px;
	margin-right: auto;
	margin-left: auto;
	font-family: "PT Sans", Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #999999;
	padding-right: 1.5625%;
	padding-left: 1.5625%;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 20px;
}

#copyright {
	float: left;
	width: 100%;
	text-align: center;
	}
	
#copyright a{
	color: #999;
	text-decoration: none;
	}
	
#copyright a:hover {
	color: #999;
	text-decoration: underline;
}


/* Content Columns */

.full {
	width: 92%;
	float: left;
	padding-top: 1.5%;
	padding-right: 4%;
	padding-left: 4%;
}

.full-grey {
	width: 92%;
	float: left;
	background-color: #F5F5F5;
	padding-top: 1.5%;
	padding-right: 4%;
	padding-left: 4%;
}
.full-blue {
	width: 92%;
	float: left;
	background-color: #00bbd3;
	padding-top: 2%;
	padding-right: 4%;
	padding-left: 4%;
	padding-bottom: 2px;
}


/* Responsive Styles */

@media screen and (max-width : 1000px){
	
}

@media screen and (max-width : 980px){

.introtext {
	font-size: 1.6em;
	line-height: 40px;
}

}

@media screen and (max-width : 840px){

	
.introtext {
	font-size: 1.5em;
	line-height: 34px;
}

	
}

@media screen and (max-width : 620px){	
   
.mobile-only {
    display: block;
}


#hometop {
	width: 100%;
	}

.introtext {
	font-size: 1.3em;
	line-height: 35px;
}

#van {
	width: 100%;
	text-align:center;
	}

.body {
	font-size: 1em;
	}
	

p {
	margin-bottom: 5px;
}


.desktop-only {
     display:none;
}

    body {
	background-color: #fff;
	margin: 5px;
}

	
/* Layout */


#logomb {
	display: block;
}

#wrapper {
	padding: 0;
}

#home_box_1 {
	width: 97%;
	padding-left: 1.5%;
	padding-right: 1.5%;
	padding-bottom: 10px;
	border-right: 0;
	}

#home_box_2 {
	width: 100%;

	}


/* Footer Elements */

	
footer {
	font-size: 0.8em;
}

#copyright {
	width: 100%;
	text-align:center;
	}

}