/*
Theme Name: FreeAirPump.com
Author: WebDesign309.com
Version: 1.0
*/
@charset "utf-8";
/* CSS Document */
html, body {}
body {
    /* background: url(images/bg.png) repeat; */
	background: #E9FAFE;
	margin:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#222;
	text-shadow:#FFFFFF 1px 1px 1px;
	line-height:21px;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
a{color:#0C5488; text-decoration:none;}
a:hover{color:#00600E; }
h1{ margin:0px 0 0.5em; color:#0c5488; text-shadow:#FFFFFF 1px 1px 1px; font-weight: bold; font-size:28px; line-height:32px;}
h2{ margin:0px 0 0.5em; color:#000000; text-shadow:#FFFFFF 1px 1px 1px; font-weight:normal; font-size:24px; line-height:32px;}
h2 a{ margin:0px 0 0.5em; color:#000000; text-shadow:#FFFFFF 1px 1px 1px; font-weight:normal; font-size:24px; line-height:32px;}
h3 { margin:0px 0 0.5em; color:#000000; text-shadow: none; font-weight: bold; font-size:22px; line-height:28px;}
h3 a{ margin:0px 0 0.5em; color:#000000; padding:0px; text-shadow:#FFFFFF 1px 1px 1px; font-weight:normal; font-size:18px; line-height:26px;}
h4, h4 a{ margin:0px; padding:0px; color:#000000; text-shadow:#FFFFFF 1px 1px 1px; font-weight: bold; font-size:16px; line-height:22px;}
img {
	max-width: 100%;
	height: auto;
}
.logo { font-size:45px; line-height:52px; text-decoration:none; font-weight:bold; float: left; margin-top: 40px; }
.constant{ max-width:945px; margin: auto; }
.clr{clear:both; height:1px;}
#header{}
#header h2{color:#eee ; text-shadow:#000 -1px -1px 2px;}
#nav{}
#menu-icon {
	display: none; /* hide menu icon initially */
	background: #ecebeb url(images/menu-icon.png) no-repeat 10px center;
}
#access {z-index:999; position:relative; float:right; margin-top: 40px;}
/* Assistive text */
.assistive-text {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}
#access a.assistive-text:active,
#access a.assistive-text:focus {
	background: #eee;
	border-bottom: 1px solid #ddd;
	color: #1982d1;
	clip: auto !important;
	font-size: 17px;
	position: absolute;
	text-decoration: underline;
	top: 0;
	left: 7.6%;
}
#access ul, #footer-menu ul {	
    font-size: 17px;
	font-weight: normal;
	list-style: none;
	margin: 0 0 0 -0.8125em;
	padding-left: 0px;
}
#access li, #footer-menu li {
	float: left;
	position: relative;
}
#access a, #footer-menu a {
    font-size:17px;
	color: #2f2f2f;
	display: block;
	line-height: 2.0em;
	padding: 0 .7em;
	text-decoration: none;
}
#access ul ul {
    background:#FFFFFF;
	box-shadow: 1px 1px 1px  #ccc;
	border:#bbb solid 1px; 
	padding:5px 0 5px 0;
	display: none;
	float: left;
	margin: 0;
	position: absolute;
	top: 1.973em;
	left: -2px;
	z-index: 999;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	background:#FFFFFF;
	font-size: 14px;
	font-weight: normal;
	height: auto;
	line-height: 1.4em;
	padding: 10px 20px;
	width:200px;
}
#access li:hover > a,
#access ul ul :hover > a,
#access a:focus {
	background: #efefef;
	
}
#access li:hover > a,
#access a:focus {
	background: none;
	color: #0c5488;
	position:relative;
	z-index: 1000;
}
#access li ul li:hover > a,
#access a:focus {
	background:#f9f9f9 ; /* Show a solid color for older browsers */
	color: #333  ;
	
}
#access ul li:hover > ul {
	display: block;
}
#access .current-menu-item > a,
#access .current-menu-ancestor > a,
#access .current_page_item > a,
#access .current_page_ancestor > a {
	font-weight: bold;
	color:;
	background: url(images/nav-arrow.png) no-repeat bottom center;
}
#banner{text-shadow: #eee  0px 1px 1px;}
#banner .banner-button{padding:5px 10px 5px 10px;  cursor:pointer; background:#FFFFFF;  color:#000; font-weight: normal; text-shadow: none; float:right; margin-top: 10px; }
#banner .banner-button a{ color:#000; font-weight:bold;}
#banner h1 {color: #FFFFFF; font-size:20px; line-height:22px; margin:0px; text-shadow: none;}
#banner p {font-size:13px; margin-top:0px; padding:0px; line-height:20px; color:#FFFFFF; text-shadow: none;}
.nivo-caption {
	background: rgba(51, 51, 51, 0.8) !important;
}
#page{background: none; }
#main{ background: none; margin:auto; }
#content{background:;}
#content .txtinput {width:96%; background:#fdfdfc; padding:5px; border:  #ccc solid 1px; border-radius:5px; box-shadow: inset #eee 0px 2px 3px; }
.title-content{background: none; padding:0px; }
#content p{ margin-top:2px;}
.content-left {float:left; max-width:539px; padding-top:10px; margin-right:30px; /* min-width: 468px; */}
.content-right {max-width:376px;  float:left; background: none; margin-top:0px; font-size:14px; color:#000; min-width: 336px;}
.content-right p{ margin:0px;}
.sub-footer{ background: none;}
.sub-footer p{ margin:0px;}
.sub-footer h3 a{ font-size:14px;} 
#footer{ background: none; color:#222; text-shadow: none; font-size:14px; padding: 0 0 20px 0; }
#footer a{color:#222; text-decoration:none; font-size:14px; font-weight:normal;}
#footer a:hover{text-decoration: underline;}
.searchform{position:relative;}
.searchform .submit-search { border:none; position:absolute; top:3px; right:-8px; height:25px; width:30px; background:  url(images/search.png) center no-repeat; cursor:pointer; z-index:5;}
.sep{ height:50px; width:2px; background:url(images/topmenu_line.png) no-repeat; float:left; margin-top:12px; margin-right:11px; margin-left:10px;}
.linetop{ height:2px; background:url(images/line-top.png) repeat-x; position:relative; z-index:10;}
.linebottom{ height:2px; background: url(images/line-bottom.png) repeat-x; position:relative;}
.linecenter{ background:  url(images/gradient-sprite.png) center bottom  no-repeat; height:25px; border:none; }
.lineleft{ background:  url(images/gradient-sprite.png) left top  no-repeat; height:25px; border:none; }
.txtinput{ width:100%; background: url(images/txtinputlayer.png) repeat-x #ccc; padding:4px; border:  #5c5c5e solid 1px; border-radius:5px; box-shadow:#a4a4a4 0px 1px 0px;}
.txtinput:focus{ box-shadow:#e73b24 0px 0px 5px; }
.btn{ padding:8px 10px 8px 10px; width:100%; cursor:pointer; background:url(images/gradient-btn.png) bottom repeat-x #4d4d4d; border-radius:6px; border:#3f3f3f solid 1px; color:#eee; font-weight:bold; text-shadow:#000 1px -1px 1px;}
.btn:hover {background:url(images/gradient-btn.png) bottom repeat-x #636262;}
.btnlink{ /* background:#EAEAEA; border:1px solid #7E7D7D; color:#0C5488; font-weight:normal; */}
.btnlink{ padding:5px 10px 5px 10px; cursor:pointer; margin-top: 8px;}
.btnlink:hover { background:#0C5488; color: #ffffff; }
.btnlink a { color:#eee; text-decoration:none; font-size:16px; }
input.btnlink{ /* border: none; */ }
.play { background:url(images/play-no.png) no-repeat center right; height:34px; padding-right:40px; padding-top:10px; cursor:pointer; }
.play:hover { background:url(images/play.png) no-repeat center right;}
.banner-wrap {
	max-width: 471px;
}
.rectangle-wrap {
	max-width: 343px;
}
.advertise {
	color: #636363;
	display: block;
	font-size: 11px;
	text-align: center;
}
.alignleft{float:left;}
.alignright{float:right;}
.none{float: none;}
/* Sales pannel*/
.pannel{float:left; padding-right:30px; min-height:210px; background: url(images/vertical-line.png)  top right no-repeat;}
.pannel h2{ color:#4c4c4c; font-weight:normal; font-size:22px;}
.pannel a{color:#0079d3; font-weight:bold; font-size:13px; text-decoration:none;  }
.pannel a:hover{text-decoration: underline;  }
.widget-area{}
.widget-area .widget { margin-bottom:10px; position:relative; background: none; margin-left:20px;}
.widget-area .widget .widget-title { color:#00600e; background: none; padding:0px 10px 7px 0px;  margin-left:-20px; }
.widget-area .widget ul { display:block;  }
.widget-area .widget ul li { display:block;  list-style: none;  font-weight:bold; padding:5px 0px 5px 0px; margin-left:-35px;  }
#supplementary{}
#supplementary .widget{position:relative; background: none; border: none; border-radius: none; box-shadow: none; float:left; width:310px; margin-left:0px;}
#supplementary .widget .widget-title { background:none; padding:7px 0px 7px 0px; font-size:13px; font-weight:bold; margin-left:0px;  }
#supplementary .widget ul { display:block; margin-top:-5px; }
#supplementary .widget ul li { display:block;  list-style: none;  font-weight:bold; padding:0px;  margin-left:-40px;  background:none;  }
/* =Comments
----------------------------------------------- */
#comments-title {
	color: #666;
	font-size: 10px;
	font-weight: 500;
	line-height: 2.6em;
	padding: 0 0 2.6em;
	text-transform: uppercase;
}
.nopassword,
.nocomments {
	color: #aaa;
	font-size: 24px;
	font-weight: 100;
	margin: 26px 0;
	text-align: center;
}
.commentlist {
	list-style: none;
	margin: 0 auto;
	width: 68.9%;
}
.content .commentlist, 
.page-template-sidebar-page-php .commentlist {
	width: 100%; /* reset the width for the one-column and sidebar page layout */
}
.commentlist > li.comment {
	background: #f6f6f6;
	border: 1px solid #ddd;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 0 0 1.625em;
	padding: 1.625em;
	position: relative;
}
.commentlist .pingback {
	margin: 0 0 1.625em;
	padding: 0 1.625em;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li.comment {
	background: #fff;
	border-left: 1px solid #ddd;
	-moz-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
	margin: 1.625em 0 0;
	padding: 1.625em;
	position: relative;
}
.commentlist .children li.comment .fn {
	display: block;
}
.comment-meta .fn {
	font-style: normal;
}
.comment-meta {
	color: #666;
	font-size: 12px;
	line-height: 2.2em;
}
.commentlist .children li.comment .comment-meta {
	line-height: 1.625em;
	margin-left: 50px;
}
.commentlist .children li.comment .comment-content {
	margin: 1.625em 0 0;
}
.comment-meta a {
	font-weight: bold;
}
.comment-meta a:focus,
.comment-meta a:active,
.comment-meta a:hover {
}
.commentlist .avatar {
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px #ccc;
	-moz-box-shadow: 0 1px 2px #ccc;
	box-shadow: 0 1px 2px #ccc;
	left: -102px;
	padding: 0;
	position: absolute;
	top: 0;
}
.commentlist > li:before {
	content: url(images/comment-arrow.png);
	left: -21px;
	position: absolute;
}
.commentlist > li.pingback:before {
	content: '';
}
.commentlist .children .avatar {
	background: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	left: 2.2em;
	padding: 0;
	top: 2.2em;
}
a.comment-reply-link {
	background: #eee;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #666;
	display: inline-block;
	font-size: 12px;
	padding: 0 8px;
	text-decoration: none;
}
a.comment-reply-link:hover,
a.comment-reply-link:focus,
a.comment-reply-link:active {
	background: #888;
	color: #fff;
}
a.comment-reply-link > span {
	display: inline-block;
	position: relative;
	top: -1px;
}
/* Post author highlighting */
.commentlist > li.bypostauthor {
	background: #ddd;
	border-color: #d3d3d3;
}
.commentlist > li.bypostauthor .comment-meta {
	color: #575757;
}
.commentlist > li.bypostauthor .comment-meta a:focus,
.commentlist > li.bypostauthor .comment-meta a:active,
.commentlist > li.bypostauthor .comment-meta a:hover {
}
.commentlist > li.bypostauthor:before {
	content: url(images/comment-arrow-bypostauthor.png);
}
/* Post Author threaded comments */
.commentlist .children > li.bypostauthor {
	background: #ddd;
	border-color: #d3d3d3;
}
/* sidebar-page.php comments */
/* Make sure we have room for our comment avatars */
.page-template-sidebar-page-php .commentlist > li.comment,
.page-template-sidebar-page-php.commentlist .pingback {
	margin-left: 102px;
	width: auto;
}
/* And a full-width comment form */
.page-template-sidebar-page-php #respond {
	width: auto;
}
#respond{ padding:20px; border:#ddd solid 1px;}
/* Forms */
input[type=text],
input[type=password],
textarea {
width:96%; background:#fdfdfc; padding:5px; border:  #ccc solid 1px; border-radius:5px; box-shadow: inset #eee 0px 2px 3px;
}
input[type=text]:focus,
textarea:focus {
	color: #373737;
}
textarea {
	padding-left: 3px;
	width: 98%;
}
input[type=text] {
	padding: 5px;
	width: 98%;
}
input[type=submit] {padding:8px 10px 8px 10px; width:100%; cursor:pointer; background:url(images/gradient-btn.png) bottom repeat-x #4d4d4d; border-radius:6px; border:#3f3f3f solid 1px; color:#eee; font-weight:bold; text-shadow:#000 1px -1px 1px;}
input[type=submit]:hover {background:url(images/gradient-btn.png) bottom repeat-x #636262; text-decoration:none;}
/* for gallery */
.entry-content {}
.entry-content .entry-attachment
{ text-align:center;}
/* Images */
.entry-content img,
.comment-content img,
.widget img {
	max-width: 97.5%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full,
img.size-large {
	max-width: 97.5%;
	width: auto; /* Prevent stretching of full-size and large-size images with height and width attributes in IE8 */
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
.entry-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 1.625em;
}
p img,
.wp-caption {
	margin-top: 0.4em;
}
.wp-caption {
	background: #eee;
	margin-bottom: 1.625em;
	max-width: 96%;
	padding: 9px;
}
.wp-caption img {
	display: block;
	margin: 0 auto;
	max-width: 98%;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	color: #666;
	font-family: Georgia, serif;
	font-size: 12px;
}
.wp-caption .wp-caption-text {
	margin-bottom: 0.6em;
	padding: 10px 0 5px 40px;
	position: relative;
}
.wp-caption .wp-caption-text:before {
	color: #666;
	content: '\2014';
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	margin-right: 5px;
	position: absolute;
	left: 10px;
	top: 7px;
}
#content .gallery {
	margin: 0 auto 1.625em;
}
#content .gallery a img {
	border: none;
}
img#wpstats {
	display: block;
	margin: 0 auto 1.625em;
}
#content .gallery-columns-4 .gallery-item {
	width: 23%;
	padding-right: 2%;
}
#content .gallery-columns-4 .gallery-item img {
	width: 100%;
	height: auto;
}
/* Image borders */
img[class*="align"],
img[class*="wp-image-"],
entry-attachment img, 
#content .gallery .gallery-icon img {/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
	border: 1px solid #ddd;
	padding: 5px;
	
}
.wp-caption img {
	border-color: #eee;
}
a:focus img[class*="align"],
a:hover img[class*="align"],
a:active img[class*="align"],
a:focus img[class*="wp-image-"],
a:hover img[class*="wp-image-"],
a:active img[class*="wp-image-"],
#content .gallery .gallery-icon a:focus img,
#content .gallery .gallery-icon a:hover img,
#content .gallery .gallery-icon a:active img {/* Add some useful style to those fancy borders for linked images ... */
	background: #eee;
	border-color: #bbb;
}
.wp-caption a:focus img,
.wp-caption a:active img,
.wp-caption a:hover img {/* ... including captioned images! */
	background: #fff;
	border-color: #ddd;
}
#mapCanvas {
	margin-top: 20px;
}
#mapCanvas label { width: auto; display:inline; }
#mapCanvas img { max-width: none; max-height: none; }
.address {
	border-radius: 5px;
	padding: 2%;
	width: 96%;
}
.disclaimer {
  color: #7E7D7D;	
}
.disclaimer h3 {
  color: #7E7D7D;	
}
/************************************************************************************
MOBILE
*************************************************************************************/
@media screen and (max-width: 980px) {
	body {
		padding: 0 20px;
		-webkit-text-size-adjust: 100%;
	}
	.logo {
		text-align: center;
		width: 100%;
	}
	#access {
		display: inline-block !important;
		float: none;
        margin-top: 0px;		
	}
	#header {
		text-align: center;
	}
	.content-left {
		margin-right: 0;
		max-width: 60%;
	}
	.content-right {
		max-width: 40%;
	}
}


@media screen and (max-width: 880px) {
    .content-left {
    	max-width: 100%;
        margin-right: 0;
    }
	.content-right{ float:none; clear:both; max-width: 100%; display: none; }
}


@media screen and (max-width: 600px) {
	body {
		padding: 0;
	}
	.logo {
		font-size: 30px;
	}
    .constant { padding-left:5px; padding-right:5px;}
	


	
	/* nav-wrap */
/* ------------------------------------
	#access {
	    float:left;
		background:;
		width:100%;
		margin-top:0px;
		margin-bottom: 5px;
		
	}
	#menu-icon {
	    border-radius:6px;
		color: #eee;
	
		height: 30px;
		background: #bb4343 url(images/menu-icon.png) no-repeat 10px center;
		padding: 8px 10px 0 42px;
		cursor: pointer;
		border: #333 solid 1px;
		display: block;
		margin-top:10px;
		font-weight:bold;
		text-shadow:#000000 1px -1px 1px;
	}
	#menu-icon:hover {
		background: #9f3939 url(images/menu-icon2.png) no-repeat 10px center;
		color:#eee;
	}
	#menu-icon.active {
		background-color: #9f3939;
	}
	#menu-main-menu {
		clear: both;
		position: absolute;
		top: 50px;
		width: 98%;
		left:10px;
		z-index: 10000;
		padding: 5px;
		background: #f8f8f8;
		border: #333 solid 1px;
		border-radius:6px;
		display: none;
	}
	#menu-main-menu li {
		clear: both;
		float: none;
		margin: 5px 0 5px 10px;
		background:none;
	}
	#menu-main-menu a, 
	#menu-main-menu ul a{
		font: inherit;
		background: none;
		display: inline;
		padding: 0;
		color: #666;
		border: none;
	}
	#menu-main-menu a:hover, 
	#menu-main-menu ul a:hover {
		background: none;
		color: #000;
	}
	#menu-main-menu ul {
		width: auto;
		position: static;
		display: block;
		border: none;
		background: inherit;
	}
	
	#menu-main-menu ul li {
		margin: 3px 0 3px 15px;
	}

#access ul {	
	list-style: none;
	margin: auto;
	margin-left:-10px;
	padding-left: 0px;
}
#access li {
	float: none;
	position: relative;
	background: none;
}
#access a{
	color: #5f5f5f;
	background:none;
	display: list-item;
	line-height: 1.8em;
	padding: 0;
	text-decoration: none;
	border-bottom:#ccc dashed 1px;
}
#access ul ul {
    background: none;
	box-shadow: none;
	border: none; 
	border-radius: none;
	padding:0px;
	display: block;
	float: none;
	margin: 0;
	position: relative;
	top: 0px;
	z-index: 999;
	width:100%;
}
#access ul ul ul {
    left:0px;
	top: 0;
}
#access ul ul a {
	background: none;
	font-size: 12px;
	font-weight: bold;
	height: auto;
	line-height: 1.8em;
	padding: 0px;
	width:100%;
}
	
#access .current-menu-item > a,
#access .current-menu-ancestor > a,
#access .current_page_item > a,
#access .current_page_ancestor > a {
	background: none;
}	
------------------------------------  */	

	
	
}
@media screen and (min-width: 1000px) {
	#mapCanvas {
		width: 539px !important;
	}
}
@media screen and (max-width: 321px) {
	#mapCanvas {
		height: 300px !important;
	}
}
@media screen and (max-width: 480px) {
	.constant .constant {
		padding: 0;
	}
}
.mobile-ad {
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10000;
}
.mobile-ad img {
	display: block;
	margin: 0 auto;
	width: 320px;
}

.buy-link{text-shadow:none;margin:0 10px;background-color:#fff;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;border:1px solid #0C5488;display:inline-block;cursor:pointer;color:#0C5488;font-family:Arial;font-size:16px;padding:8px 15px;text-decoration:none}.buy-link:hover{background-color:#0C5488;color:#fff}.buy-link:active{position:relative;top:1px}

.info-box {
  margin: 15px 0 25px;
  padding: 10px 0;
  color: #000;
  font-family: Arial, Helvetica, sans-serif;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;  
  font-size: 14px;
}

.info-box a {
  color: #0C5488;
  font-weight: bold;
}
.info-box a:hover {
  color: #00600E;
}