h1{height:45px;line-height:45px;font-weight:normal;}
h2{font-weight:bold;}
.content{width:100%;}
.content .leftpan{width:53%;float:left;padding:5px;background-color:#e9e9e9;}
.content .rightpan{width:44%;float:right;padding:5px;background-color:#e8eefa;}
.content .hover:hover{border-right:#dbe8fd 1px solid;border-bottom:#dbe8fd 1px solid;}
.content .text{font-size:11px;}
.content .text .service{display:block;position:relative;}
.content .text a.quote{display:block;width:90px;height:12px;line-height:12px;background-color:#C00;color:#E1E1E1;font-weight:bold;border-top:transparent 2px solid;border-right:#900 2px solid;border-bottom:#900 2px solid;border-left:transparent 2px solid;text-align:center;margin-left:78%;}
.content .text a.quote:hover{background-color:#bd0101;color:#FFF;background-color:#D00;border-top:#900 2px solid;border-right:transparent 2px solid;border-bottom:transparent 2px solid;border-left:#900 2px solid;}
.content .tool{text-align:center;font-size:10px;padding:0px;}
.content .tool h2{height:20px;line-height:20px;font-size:14px;}
.content .article, .content .news{border-bottom:#dbe8fd 1px solid;margin-bottom:5px;}
#rssnews{}
.scroller{position:relative;width:100%;overflow:hidden;}
.slide{float:left;width:255px;text-align:center;}
.slide-icon{float:left;height:50px;width:100px;}
.slide p{margin:0;}
#slide-holder{position:relative;width:1020px;}
.scroller-arrow{border:0;float:left;margin-right:2px;}
.scroller-control{width:100%;text-align:left;}
.partners{width:100%;margin:0 auto;background-color:#e8eefa;position:relative;text-align:center;}
.partners .partner{display:block;width:23%;height:125px;padding:5px;margin:7px;margin-bottom:0px;margin-right:0px;float:left;background-color:#FFF;border-right:#c3d9ff 1px solid;border-bottom:#c3d9ff 1px solid;}
.partners .partnerb{display:block;width:23%;height:75px;padding:5px;margin:7px;margin-bottom:0px;margin-right:0px;float:left;background-color:#FFF;border-right:#c3d9ff 1px solid;border-bottom:#c3d9ff 1px solid;}
.partners .short{width:97%;height:40px;}
.partners .partner img{display:block;margin:0 auto;clear:both;}
.partners .partner p{padding:5px;}
#mobile-header {display:none;}

@media only screen and (max-width: 640px) and (min-width: 0px)
{
	.content .rightpan {
		display: block;
		float: none;
		clear: both;
	}
	
	.header #social_media {
		text-align: left;
		width: 48%;
		height: auto;
	}
	
	.header #social_media img {
		width: 18%;
	}
	
	body {
		width: 100%;
	}
	
	#canvas {
		width: auto;
	}
	
	.header #logo {
		width: 48%;
		height: auto;
	}
	
	img {
		width: auto;
		height: auto;
		max-width: 100%;
	}
	
	.header #social_media_extra {
		margin-left: 10px;
	}

	.content .leftpan {
		width: 100%;
	}
	
	.content .rightpan {
		width: 100%;
	}
	
	.footer {
		width: 100%;
	}
	
	.content .text {
		overflow: auto;
	}
	
	.content .text a.quote {
		margin-right: 1%;
		float: right;
		height: auto;
	}
	
	.header #contact #phone_one {
		font-size: 200%;
	}

	.header #contact {
		width: 50%;
		height: auto;
	}
	
	.header #contact span {
		width: 80% !important;
	}
	
	* {
	  box-sizing: border-box;
	  -moz-box-sizing: border-box;
	  -webkit-box-sizing: border-box;
	}
	
	#slideshow {
		  width: 100% !important;
		  height: auto !important;
	}
	
	#top_menu {
		display: none;
	}
	
	#mobile-header {
		margin-top: 10px;
		margin-left: 10px;
		display: inline-block;
		clear: both;
		float: left;
	}
	
	#menu-button {
        font-size:60px; /* Change to alter button size */
        font-family:verdana !important;
        font-weight:normal !important;
        font-style:normal !important;
        height:0.9em;
        width:0.9em;
        background:#777;
        cursor:pointer;
        position:relative; /* Also works with absolute */
        border:0.05em solid #555;
	}

	#menu-button:after {
			content:'\2261';
			color:#fff;
			position:absolute;
			top:0.39em;
			left:0.036em;
			line-height:0em;
	}

	#menu-button:active {
			top:1px;
			left:1px;
	}
	
}