/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		h1#site-name a {float:none!important;margin:0 auto!important;width:480px!important;background: url(../images/sprite.png)-360px 20px no-repeat!important;padding:63px 0 0 0!important;
}
		.headcon {width: 100%!important;}
	
		.title_block {width:475px!important;}
		.node .content {padding: 5px!important;width: 470px!important;}
		.mid_bg {display:inline!important;}
		.mid_bg .container {margin: 10px auto 0 auto;padding: 5px!important;width: 480px!important;}
		.tabs {width:460px!important;float:left;clear:both;}


		#block-views-slide_banner-block_1 {width: 440px!important;height: 160px!important;float:left;}
		
		.shadow {background:none!important;height: auto!important;}
		
		
		#menu {float:left!important;width:100%!important;height:auto!important;position:relative!important;z-index:30000!important;}
		#block-menu_block-1 {float: none!important;width:480px!important;margin:0 auto!important;}
		#block-menu_block-1 ul {text-align:center!important;padding:0!important;margin:0 auto!important;width:480px!important;}
		
		#block-menu_block-1 ul li a {text-decoration:none;width:480px!important; font-family: 'impressedregular';font-size:16px;display:block;float:left;height:30px!important;padding:5px 0 0 0!important;background:#222;color:#fff;}
	#block-menu_block-1 ul li a.facebook {display:none;}

		#block-menu_block-1 ul li.active a {color:#1D7F66!important;}
		.expand {display:block!important;text-decoration:none!important;  font-family: 'impressedregular';width:120px;height:25px;margin:0 auto;text-align:center;}
		.expand a {text-decoration:none!important;font-size:16px;color:#fff;background: url(../images/sprite.png) -680px -342px no-repeat;
padding: 0 0 0 40px;}
		
		
		
		.mid_section {background:#fff;margin:10px 0;padding:10px; width:400px!important;min-height: 260px!important;height:auto!important;float: left!important;}
#block-views-banner-block_1 {width:400px!important;height:150px!important;}

		
		
	#block-views-banner-block_1 img{width:460px!important;height:150px!important;}
	.right {text-align: center!important;float: left!important;font-size: 11px;color: #EEE;}
	.seven.columns.left, seven.columns.right {text-align:center!important;}
	

	
	.container .eleven.columns {width: 300px!important;}


	#sidebar-right {float: left!important;margin:5px 0 0 0!important;}
	.container .five.columns {width: 470px!important;}
	div#sidebar-right.five.columns.sidebar {width:480px!important;}
	div#weatherCon {width:480px!important}
	#weatherCon h2 {width: 295px!important;}
	.footer {padding:20px 0 0 0!important;height:65px!important;}
		
		
		
		#block-views-quick_links-block_1 .views-row a, #block-views-quick_links-block_1 .views-row-last a {margin: 0 62px 0 0!important;}
		}
		
		
		
		

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		h1#site-name a {float:none!important;margin:0 auto!important;width:300px!important;background: url(../images/sprite.png)-450px 20px no-repeat!important;padding:63px 0 0 0!important;
}
		.headcon {width: 100%!important;}
	
		.title_block {width:295px!important;}
		.node .content {padding: 5px!important;width: 290px!important;}
		.mid_bg {display:inline!important;}
		.mid_bg .container {margin: 10px auto 0 auto;padding: 5px!important;width: 300px!important;}
		.tabs {width:280px!important;float:left;clear:both;}


		#block-views-slide_banner-block_1 {width: 280px!important;height: 160px!important;float:left;}
		
		.shadow {background:none!important;height: auto!important;}
		
		
		#menu {float:left!important;width:100%!important;height:auto!important;position:relative!important;z-index:30000!important;}
		#block-menu_block-1 {float: none!important;width:300px!important;margin:0 auto!important;}
		#block-menu_block-1 ul {text-align:center!important;padding:0!important;margin:0 auto!important;width:300px!important;}
		
		#block-menu_block-1 ul li a {text-decoration:none;width:300px!important; font-family: 'impressedregular';font-size:16px;display:block;float:left;height:30px!important;padding:5px 0 0 0!important;background:#222;color:#fff;}
	#block-menu_block-1 ul li a.facebook {display:none;}

		#block-menu_block-1 ul li.active a {color:#1D7F66!important;}
		.expand {display:block!important;text-decoration:none!important;  font-family: 'impressedregular';width:120px;height:25px;margin:0 auto;text-align:center;}
		.expand a {text-decoration:none!important;font-size:16px;color:#fff;background: url(../images/sprite.png) -680px -342px no-repeat;
padding: 0 0 0 40px;}
		
		
		
		.mid_section {background:#fff;margin:10px 0;padding:10px; width:280px!important;min-height: 260px!important;height:auto!important;float: left!important;}
#block-views-banner-block_1 {width:280px!important;height:150px!important;}

		
		
	#block-views-banner-block_1 img{width:280px!important;height:150px!important;}
	.right {text-align: center!important;float: left!important;font-size: 11px;color: #EEE;}
	.seven.columns.left, seven.columns.right {text-align:center!important;}
	

	
	.container .eleven.columns {width: 300px!important;}


	#sidebar-right {float: left!important;margin:5px 0 0 0!important;}
	.container .five.columns {width: 290px!important;}
	div#sidebar-right.five.columns.sidebar {width:300px!important;}
	div#weatherCon {width:300px!important}
	#weatherCon h2 {width: 295px!important;}
	.footer {padding:20px 0 0 0!important;height:65px!important;}
	}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */


@font-face {
    font-family: 'impressedregular';
    src: url('fonts/impress-webfont.eot');
    src: url('fonts/impress-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/impress-webfont.woff') format('woff'),
         url('fonts/impress-webfont.ttf') format('truetype'),
         url('fonts/impress-webfont.svg#impressedregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


body {background:#fff;margin:-10px 0 0 0;}

.expand {display:none;}

li {margin:0;}

h1 { font-family: 'impressedregular';font-size:22px;color:#1D7F66;margin:0 0 10px 0;line-height:28px;}
h2 { font-family: 'impressedregular';font-size:18px;color:#666;margin:0 0 10px 0;line-height:28px;}
h3 { font-family: 'impressedregular';font-size:18px;color:#1D7F66;margin:0 0 10px 0;line-height:24px;}
h4 { font-family: 'impressedregular';font-size:16px;color:#666;margin:0 0 10px 0;line-height:22px;}
h5 { font-family: 'impressedregular';font-size:14px;color:#666;margin:0 0 10px 0;line-height:18px;}

.node a {color:#036;text-decoration:none;font-weight:bold;}

.title_block {}
.title_block h1 {display:inline-block;color:#1D7F66;}

.node ul li {padding:0 0 0 30px;background:url(../images/sprite.png) 0px -342px no-repeat;margin:0 0 5px 0;}
strong {font-weight:normal;}
.strong {font-weight:bold}


/*******admin items***********/
#admin-menu {z-index:20000000;}
.tabs {width:100%;float:left;clear:both;}




ul.primary li a {
margin-right: 0;
}
ul.primary {
padding: 0;
}




.full {position:relative;z-index:10;}
.head {width: 100%;
height: 100px;
background: url(../images/sprite.png) left -190px repeat-x;
padding: 0;
}

.headcon {width:960px;margin:0 auto;height:100px;padding:0;}



h1#site-name a {
width: 270px;
height: 0;
background: url(../images/sprite.png)0px 0px no-repeat;
float: left;
display: block;
padding: 40px 0 20px 0;
text-indent: -9999px;
overflow: hidden;
margin: 30px 0 0 0;

}







#menu {float:left;width:690px;height:30px;position:relative;z-index:1000000;}
#block-menu_block-1 {margin:60px 0 0 0;float: left;}
#block-menu_block-1 h2 {display:none;}
#block-menu_block-1 ul {text-align:right;padding:none!important;margin:none!important;}
#block-menu_block-1 ul li {display:inline;padding:0;margin:0;}
#block-menu_block-1 ul li a {text-decoration:none;padding:5px 15px; font-family: 'impressedregular';font-size:18px;display:block;float:left;color:#fff;}
#block-menu_block-1 ul li.active-trail a {color:#1D7F66;font-family: 'impressedregular';}

#block-menu_block-1 ul li a.facebook {width:32px!important;height:0;text-indent:-99999px; padding:32px 0 0 0;overflow:hidden;background:url(../images/sprite.png) -502px -342px no-repeat;margin:-5px 0 0 10px;}


	#sidebar-right {float: right;}


.mid_bg .container {margin:10px auto 0 auto;padding:0;background:url(../images/ghost.png) 0px 0px repeat;width:940px;}
.mid_bg .footer .container {background:none;padding:0;}
.mid_section {background:#3c3c3b;border:1px solid #000;margin:10px 0 0 0;padding:5px; width:948px;height: 288px;overflow:hidden;}

.shadow {height:320px;background:url(../images/sprite.png) 0px -420px no-repeat;}



#block-views-banner-block_1 {display:inline-block;width:640px;height:287px;overflow:hidden;}
#block-block-3 {float:right;width:95px;background:#6d6e70;height:80px;margin:-35px 0 0 0;}




.node .content {background:#fff;padding:0;width:590px;word-wrap: break-word!important;float: left;}





.footer {background:#2c2c2c;height:40px;padding:40px 0 0 0;}
.right {text-align: right;float: right!important;font-size: 11px;color: #EEE;}
.left {	font-size:11px;	color:#eee;}
.left a {	color:#eee;	text-decoration:nosne;}
.tabs {float:left;clear:both;}












/******************Quick links************************/

.mid_qlinks {width:960px;height:20px;background:#6d6e70;margin:0 auto;}


#block-views-quick_links-block_1 {float:right;margin:0;width:280px;}
#block-views-quick_links-block_1  .views-row a {text-decoration:none;width:281px;height:96px;float:right;margin:0;
background:url(../images/sprite.png) -500px -502px no-repeat;overflow:hidden;
}

#block-views-quick_links-block_1  .views-row-last a {margin:0;}
#block-views-quick_links-block_1  .views-row a img {float:left;width:105px;margin:0 5px 0 0;}

#block-views-quick_links-block_1  .views-row a .right {float:left;width:190px;margin:0 0 0 -20px;}
#block-views-quick_links-block_1  .views-row a h2 {font-size:22px;color:#fff!important; font-family: 'impressedregular';text-decoration:none;float:left;margin:8px 0 5px 0;text-align:left;}
#block-views-quick_links-block_1  .views-row a p {font-size:13px;color:#ccc!important; font-family: 'impressedregular';text-decoration:none;float:left;text-align:left;}

#block-views-quick_links-block_1  .views-row a:hover {background:url(../images/sprite.png) -500px -598px no-repeat;}



.blue_button {height:20px;font-size:14px;color:#fff!important; font-family: 'impressedregular';text-decoration:none;float:left;text-align:center;padding:5px 20px 5px 20px;clear:both;margin:10px 400px 20px 0;
background:#444;
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomright: 5px;
border-top-left-radius: 5px;
border-bottom-right-radius: 5px;
}



/******************Front links************************/
#block-block-1 {float: left;margin:0;}
#block-block-1 ul {}
#block-block-1 ul li a {font-size:36px;color:#92969A;text-decoration:none;line-height:33px; font-family: 'impressedregular';
font-weight:normal;margin:0;padding:0;display:block;}

#block-block-1 ul li a:hover {color:#00adef;padding:0 0 0 35px;background:url(../images/sprite.png) 0px -398px no-repeat;}



/******************Secondary menu **************************/
#block-menu_block-2 {}
#block-menu_block-2 ul {list-style-type:none;}
#block-menu_block-2 ul li {width:100%;float:left;height:20px;margin:0;list-style-type:none!important;list-style-image:none!important;}
#block-menu_block-2 li a { font-family: 'impressedregular';text-decoration:none;float:left;color:#00adef;display:block;font-size:18px;margin:0;}
#block-menu_block-2 li a.active {}




/******************Tips **************************/
#block-views-plumbing_tips-block_1 {float:right;}
#block-views-plumbing_tips-block_1 h2{
	font-size: 26px;
color: #1D7F66;
line-height: 24px;
font-weight: normal;
margin: 0 0 10px 0;
background:url(../images/sprite.png) 0px -500px no-repeat;
padding:5px 0 5px 40px;
	}

#block-views-plumbing_tips-block_1 a {
	color: #1D7F66;text-decoration:none;font-weight:bold;
}


.snippet {float:left;margin:0 0 10px;}







/******************Forms **************************/
input[type="text"] {width:280px;float:left;}
textarea{width:280px;float:left;}
label {float:left;width:120px;clear:left;}
.collapse-processed {background:#e1e1e1; width:100%;padding:10px 0;float:left;margin:5px 0 0 0;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-left:1px solid #e1e1e1;
border-top:1px solid #e1e1e1;
border-right:1px solid #e1e1e1;
}
.webform-component {padding:0}
.collapse-processed a {color:#fff;text-decoration:none;}
.fieldset-wrapper {float:left;clear:both;width:100%;
border-left:1px solid #e1e1e1;
border-bottom:1px solid #e1e1e1;
border-right:1px solid #e1e1e1;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;}

#edit-actions {float:left;clear:both;width:100%;}
legend {margin:20px 0 0 0;clear:both;float:left!important;}
.textarea-identifier {float:left;width:100%;clear:both;}

#edit-submit {background:#444;
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomright: 5px;
border-top-left-radius: 5px;
border-bottom-right-radius: 5px;
border: none;
border-top: none;
border-left: none;
color:#fff;
text-shadow: 0 0px rgba(255, 255, 255, .75);
padding: 8px 15px;
margin: 20px 0 30px 0;
clear: both;
float: right;
}