/* CSS Document */

@font-face {
	font-family: 'PrestigeEliteStdBold';
	src: url('../fonts/prestigeelitestd-bd-webfont.eot');
	src: local('☺'), url('../fonts/prestigeelitestd-bd-webfont.woff') format('woff'), url('../fonts/prestigeelitestd-bd-webfont.ttf') format('truetype'), url('../fonts/prestigeelitestd-bd-webfont.svg#webfontfYeR4G5C') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'TrendexSSKRegular';
	src: url('../fonts/trens-webfont.eot');
	src: local('☺'), url('../fonts/trens-webfont.woff') format('woff'), url('../fonts/trens-webfont.ttf') format('truetype'), url('../fonts/trens-webfont.svg#webfontWF1YOSC1') format('svg');
	font-weight: normal;
	font-style: normal;
}

html { background: url(../images/background.png); line-height: 1.5em; color: #414141;  }
body { background: url(../images/BGchaos.png) fixed top center no-repeat; padding-top: 40px; font-family: Verdana, Geneva, sans-serif; font-size: 14px; }
.grid-container {  }

button, .button { font-size: 1.25rem; padding: .55em 1.8em; background: #f6f6f6; color: #333; }

a:link { color: #0c9a0b; text-decoration: underline; font-weight: bold; }
a:visited { color: #0c9a0b; text-decoration: underline; font-weight: bold; }
a:hover { color: #017501; text-decoration: none; font-weight: bold; }
a:active { color: #017501; text-decoration: none; font-weight: bold; }

h1 { color: #0c9a0b; font-size: 36px; font-family: 'TrendexSSKRegular', sans-serif; margin-bottom: 30px; font-weight: normal; line-height: 1.2em; }
h2 { color: #0c9a0b; font-size: 26px; font-family: 'TrendexSSKRegular', sans-serif; margin-bottom: 10px; font-weight: normal; line-height: 1.4em; }
h3 { font-size: 3rem; }
h4 { font-size: 1.4rem; text-transform: uppercase; font-weight: normal; }

p, li, ul, blockquote { font-family: Verdana, Geneva, sans-serif; font-size: 14px;  }
p { margin-bottom: 15px; font-family: Verdana, Geneva, sans-serif; font-size: 14px; }

hr { border: 2px solid #f0f0f0; margin: 80px 40%; }

.section.first { margin-top: 5%; }

.footer { margin-bottom: 40px; }

.panel { padding: 30px; background: #fbfbfb; border: 4px solid #e3f3f8;  margin: 0 0 20px 10px;  border-radius: 15px;  }
.panel p, .panel ul, .panel li  { font-size: 18px; font-family:"Times New Roman", Times, serif; line-height: 1.4; color: #333; font-style: italic;  }
.panel a { text-decoration: none; }
.panel li { margin-bottom: 10px; }

.panel p.emphasis { color: #0c9a0b; font-style: italic; font-size: 22px; }
.panel p:last-child { margin-bottom: 0; }

.top-bar, .top-bar-section li:not(.has-form) a:not(.button), .top-bar-section ul li, .top-bar.expanded .title-area { background: none; }

#nav { border: 4px solid #e3f3f8; float: right; border-radius: 15px; color: #037203; font-family: 'PrestigeEliteStdBold', serif; font-size: 16px; font-weight: normal; padding: 0 4px;  text-align: center;  }
#nav ul { margin: 0;  list-style: none;  }
#nav li { margin: 0; padding: 5px 6px; float: left; display: inline; list-style: none; background-image: none;  }
#nav a { color: #fff !important; font-family: 'PrestigeEliteStdBold', serif; font-size: 16px; font-weight: normal; text-decoration: none; padding: 4px 7px 4px 7px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; letter-spacing: normal; }
#nav a:hover { color: #fff !important; font-family: 'PrestigeEliteStdBold', serif; font-size: 16px; font-weight: normal; text-decoration: none; 	background: #15c114; }
#nav .current a { color: #fff !important; background: #15c114;  }
.top-bar-section ul li:hover:not(.has-form) > a { background-color: rgba(255, 255, 255, 0) }

#nav { background: #2cb22a; 
background: -moz-linear-gradient(top, #2cb22a 0%, #098109 100%);
background: -webkit-linear-gradient(top, #2cb22a 0%,#098109 100%);
background: linear-gradient(to bottom, #2cb22a 0%,#098109 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2cb22a', endColorstr='#098109',GradientType=0 ); }

.top-bar .toggle-topbar.menu-icon a { color: #2cb22a; text-decoration: none; }
.top-bar .toggle-topbar.menu-icon a span::after { box-shadow: 0 0 0 1px #2cb22a, 0 7px 0 1px #2cb22a, 0 14px 0 1px #2cb22a; }

.textemphasis { color: #0c9a0b; font-style: italic; font-size: 18px; }

.outer ul { list-style: none; }
.outer li::before { content: "• "; color: #9dced3; font-size: 19px; }
.outer { background: rgba(255, 255, 255, 0.9); border: 4px solid #e3f3f8; border-radius: 15px; margin: 0 auto; padding:  40px 40px 25px 40px; }

.footer { padding: 20px; }
.footer p { font-size: 12px; }

.phone { float: right; text-align: right; width: 280px; }

.image {
	border: 4px solid #e3f3f8;
}

.valign {
	vertical-align: top;
}

.clear {
	clear: both;
}

/*BLOG*/

.blog-main {

}

.blog-side {

	border: 4px solid #e3f3f8;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	padding: 20px 5px 20px 20px;
	font-size: 18px;
	font-family:"Times New Roman", Times, serif;
	line-height: 1.4;
	margin: 0 0 20px 10px;
	color: #333;
	font-style: italic;
	background: #fbfbfb;
}

h2 {
	margin-top: 0px;
}

h3.post-title {
	margin-top: 0px;
	color: #0c9a0b;
	font-size: 26px;
	font-family: 'TrendexSSKRegular', sans-serif;
	margin-bottom: 10px;
	font-weight: normal;
		line-height: 1.4em;
}

h3.post-title a {
	color: #0c9a0b;
	font-size: 26px;
	font-family: 'TrendexSSKRegular', sans-serif;
	font-weight: normal;
		line-height: 1.4em;
		text-decoration: none;
}


h3.post-title a:hover {
	color: #017501;
	font-size: 26px;
	font-family: 'TrendexSSKRegular', sans-serif;
	font-weight: normal;
		line-height: 1.4em;
		text-decoration: none;
}


   #navbar-iframe {
              height:0px;
              visibility:hidden;
              display:none;
        }

.post-body {
margin-bottom: 10px;
}


.post-header {
	margin-bottom: 10px;
}

.date-header {
	margin-bottom: 10px;
	font-size: 11px;

}

.post-footer {
	margin-bottom: 30px;
	padding-bottom: 20px;
	border-bottom: 4px solid #e3f3f8;


}
@media only screen and (min-width: 40.0625em) {

	.top-bar-section li:not(.has-form) a:not(.button) { line-height: 1.3rem; }
	
}

/*rules for tablets and smaller*/
@media only screen and (max-width: 640px) {
	
	#nav li { width: 100%; text-align: left; }
	.logo { text-align: center; }
	#nav li { border-right: 0px solid rgba(0, 0, 0, 0.3);  }

}

/*rules for tablets and smaller*/
@media only screen and (min-width: 641px) {
	
	#nav { margin-top: 20px; }
	#nav li:after { content: '|'; float: right; margin-top: -25px; margin-right: -10px;}
	#nav li:last-of-type:after { content: none; }
	
}