/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #ffffff;
    text-shadow: none;
}

::selection {
    background: #ffffff;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
html,body
{
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
}
body{
	font-size: 1em;
	background: url(../img/banner.jpg) repeat-x #FFF;
}
  .push{
	   content: ""; 
	   display: table;
	   clear: both;
	   *zoom: 1;
   }
/*=============
   BANNER
=============*/
.banner{
	width:96%;
	max-width:1100px;
	margin:0 auto;
	height: 34px;
	padding-top: 16px;
}
.social-buttons{
	width:18%;
	max-width: 160px;
	float: right;
}
  /*==============
MOBILE HEADER
===============*/
.mobile-header{
	width:100%;
	margin:0 auto;
	padding-top: 15px;
	text-align:center;
	background: #fff;
	display: none;
	padding-bottom: 8px;
}
img.mobile-logo{
	display:block;
	margin: 0 auto;
	margin-bottom: 10px;
}
.mobile-phone-container{
	padding: 5px 0;
	text-align: center;
}
a.mobile-phone-number{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style:normal;
	font-weight: normal;
	color: #ffffff;
	background-color:#003b7b;
	padding: 3px 8px;
	border-radius:12px;
}
.mobile-menu-container{
	width: 100%;
	margin: 0 auto;
	text-align: left;
	border-top: double 4px #ccc;
	border-bottom: 1px solid #ccc;
	padding-top: 5px;
 	background:#003b7b;
}
.mobile-menuL{
	float:left;
	width: 46.9%;
	padding-right: 1.05%; /* 10px */
	padding-left: 1.05%; /* 10px */
}
.mobile-menuR{
	float:right;
	width: 46.9%;
	padding-right: 1.05%; /* 10px */
	padding-left: 1.05%; /* 10px */
}
ul.mobile{
	margin:0;
	padding:0;
}
ul.mobile li{
	list-style:none;
	padding: 3px 0;
}
ul.mobile li a{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style:normal;
	font-weight: normal;
	color:#eaeaea;
	text-transform: capitalize;
	padding: 3px 5px;
}
ul.mobile li a.active{
	color: #003b7b;
	text-decoration:none;
	background-color: #eaeaea;
}
.phone-top{
	display:none;
}




/*==============
NAVIGATION
===============*/
.navigation{
	width:96%;
	max-width:1100px;
	margin:0 auto;
	height:80px;
}
.logo-container{
	width: 22%;
	float: left;
}
.menu-container{
	width: 78%;
	float: right;
}
/*==================
MASTHEAD
====================*/
.masthead-container{
	background: url(../img/black_bg.jpg);
	height:265px;
	padding:0;
	margin:0;
}
.masthead{
	background: url(../img/homePic.jpg) no-repeat;
	height: 265px;
	width: 96%;
	max-width: 1100px;
	margin:0 auto;
	padding:0;
}
.adtag{
	float:right;
	margin-right: 10%;
	margin-top: 155px;
}
 .adtag h2, .adtag h2 a{
	 font-family:  'WalkwayUltraBoldRegular', sans-serif;
	 letter-spacing:.06em;
	 font-size: 1.875em;
	color: #fff;
	text-decoration:none;
	text-shadow:2px 2px 4px #000000;
	-moz-text-shadow: black 0.3em 0.3em 0.3em;
	-ms-text-shadow: black 0.1em 0.1em 0.3em;
	-webkit-text-shadow: black 0.1em 0.1em 0.3em;
	text-shadow: black 0.3em 0.3em 0.3em;
}
.adtag h1{
	font-family:  'WalkwayUltraBoldRegular', sans-serif;
	 letter-spacing:.06em;
	font-size: 2.437em;
	color: #fff;
	-moz-text-shadow: black 0.1em 0.1em 0.3em;
	-ms-text-shadow: black 0.1em 0.1em 0.3em;
	-webkit-text-shadow: black 0.1em 0.1em 0.3em;
	text-shadow: black 0.1em 0.1em 0.3em;
}
/*================
PAGE MASTHEAD
=================*/
.page-masthead-container{
	background: url(../img/black_bg.jpg);
	height:150px;
	padding:0;
	margin:0;
}
.page-masthead{
	background: url(../img/homePic.jpg) no-repeat;
	height: 150px;
	width: 96%;
	max-width: 1100px;
	margin:0 auto;
	padding:0;
}
.page-adtag{
	float:right;
	margin-right: 10%;
	margin-top: 40px;
}

 .page-adtag h2, .page-adtag h2 a{
	 font-family:  'WalkwayUltraBoldRegular', sans-serif;
	 letter-spacing:.06em;
	 font-size: 1.875em;
	color: #fff;
	text-decoration:none;
	text-shadow:2px 2px 4px #000000;
	-moz-text-shadow: black 0.3em 0.3em 0.3em;
	-ms-text-shadow: black 0.1em 0.1em 0.3em;
	-webkit-text-shadow: black 0.1em 0.1em 0.3em;
	text-shadow: black 0.3em 0.3em 0.3em;
}
.page-adtag h1{
	font-family:  'WalkwayUltraBoldRegular', sans-serif;
	 letter-spacing:.06em;
	font-size: 2.437em;
	color: #fff;
	-moz-text-shadow: black 0.1em 0.1em 0.3em;
	-ms-text-shadow: black 0.1em 0.1em 0.3em;
	-webkit-text-shadow: black 0.1em 0.1em 0.3em;
	text-shadow: black 0.1em 0.1em 0.3em;
}

/*================
HOME CONTENT CONTAINER
=================*/
.divider-ruler{
	height: 11px;
	background: url(../img/divider_lg.png) repeat-x;
	margin:5px 0;
}
.divider-small{
	height: 11px;
	background: url(../img/divider_sm.png) repeat-x;
	margin:5px 0;
}
.divider-blue{
	background: url(../img/blue_diag.jpg);
	height: 35px;
}
.home-content-container{
	width: 96%;
	max-width:1000px;
	margin:0 auto;
}
/*=================
HOME COLUMNS
==================*/
.home-column-container{
	width:96%;
	max-width:1100px;
	margin:0 auto;
}
/*---FOUR COLUMNS----*/
.quad-columnA{
		width: 23.64% ;
	float:left;
	padding-top: 15px;
}
.quad-columnB{
		width: 23.64%;
	float:left;
	padding-left:1.81%;
	padding-top: 15px;
}
.quad-columnA h3, .quad-columnB h3, h3.subtitle{
	font-family: 'WalkwayUltraBoldRegular',Verdana, Geneva, sans-serif;
	font-size: .9375em;
	font-weight: normal;
	font-style: normal;
	color: #B81F17;
	background:url(../img/divider_sm.png) bottom repeat-x;
	margin:0;
	padding:0;
	padding-bottom: 15px;
	margin-bottom: .5em;
	margin-top: 10px;
	text-transform: uppercase;
	letter-spacing:.1em;
}
.quad-columnA p, .quad-columnB p{
	font-size: .75em;
}
/*==================
FEATURE ARTICLE
====================*/
.feature{
	border: 1px dotted #888;
	padding: 1.5%;
	background: #Eaeaea;
}
.feature p{
	font-size: .75em;
	color: #666;
}
/*======================
NEWSLETTER
======================*/
.news-container{
	background: url(../img/blue_diag.jpg) ;
	height: 60px;
	margin-top: 20px;
}
.news{
	width:96%;
	max-width:1100px;
	margin:0 auto;
	padding:0;
	text-align:center;
}

.news h4{
	margin-left: 5%;
	height: 40px;
	padding-left: 35px;
	padding-top: 15px;
	font-family:'WalkwayBoldRegular',Verdana, Geneva, sans-serif;
	color: #fff;
	font-size: 1.55em;
	font-style: normal;
	font-weight: normal;
	text-align:left;
}
.news h4 span input.newsInput{
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
}

/*------------------
FORM 
----------------*/
.form-container{
	background: url(../img/babyBlue.jpg);
	margin: 15px 0 0;
	padding: 15px;
	border: #ccc dotted 1px;
}
input.news{
	margin-bottom: 3px;
	border: 1px solid #ccc;
	font-size: .75em;
}
input.subscribe-btn{
	font-size: .75em;
}
label{
	font-size:.75em;
}
input.myForm, textarea.myForm{
	font-size: .75em;
}
span.secure{
	color:#fff;
	background-color: #222;
	padding: 1px .8em;
	border: 1px solid #ccc;
}
/*======================
FOOTER
======================*/
.footer-container{
	background:#eaeaea;
}
.footer{
	width:96%;
	max-width:1100px;
	margin:0 auto;
}
.footerL{
	float:left;
	width: 46.9%;
	padding-right: 1.05%; /* 10px */
	padding-left: 1.05%; /* 10px */
}
.footerL p{
	font-size: 12px;
}
.footerR{
	float:right;
	width: 46.9%;
	padding-right: 1.05%; /* 10px */
	padding-left: 1.05%; /* 10px */
	}
.blog-pic{
	width: 17.59%;
	float: left;
}
.blog-text{
	width: 81%;
	float: right;
	padding-top: 10px;
}
h4.blog-post, h4.blog-post a{
	font-family:Verdana, Geneva, sans-serif;
	font-size: .875em;
	font-weight: normal;
	font-style: normal;
	color: #666;
	margin:0;
	padding:0;
	line-height: 1em;
	margin-bottom: .5em;
	text-decoration: none;
}
h4.blog-post a:hover{
	text-decoration:underline;
}

/*=================
TESTIMONIAL
=================*/
.testimonial{
	
}
.testimonial p{
	font-size: 11px;
	background: url(../img/blockquote.png) top left no-repeat;
	padding: 0  50px;

}
/*=========================
COPYRIGHT
========================*/
.copy-container{
	background:#eaeaea;
}
.copyright{
	width: 96%;
	max-width:1100px;
	margin:0 auto;
}
.copyright,.copyright p,.copyright a{
	font-size: 12px;
	color: #333;
	text-decoration:none;
}
.top{
	float: right;
}
/*=====================
PADDING & MARGINS
======================*/
.pTop20{
	padding-top: 20px;
}
.pTop10{
padding-top: 10px;
}
.pBot20{
	padding-bottom: 20px;
}
.pBot10{
	padding-bottom: 10px;
}
.myShadow{
	box-shadow:-3px -3px 4px #ccc,3px 3px 4px #ccc;
}
.mTop20{
	margin-top: 20px;
}
.mBot20{
	margin-bottom: 20px;
}
/* --------------------
TWO COLUMNS
==================== */
.column-container{
	width: 96%;
	max-width:1100px;
	margin:0 auto;
}
.single-column{
	width:96%;
	padding-right: 1.05%; /* 10px */
	padding-left: 1.05%; /* 10px */
}


.half-columnL{
	float:left;
	width: 46.9%;
	padding-right: 1.05%; /* 10px */
	padding-left: 1.05%; /* 10px */
}
.half-columnR{
	float:right;
	width: 46.9%;
	padding-right: 1.05%; /* 10px */
	padding-left: 1.05%; /* 10px */
}
/*-------------------
 SIDEBAR MAIN COMBO
==================*/
.sidebarL{
	width: 30%;
	float: left;
}
.mainR{
	width: 65%;
	float: right;
}
.sidebarR{
	width: 30%;
	float:right;
}
.mainL{
	width: 65%;
	float:left;
}
/*-----------------
THREE COLUMNS
--------------*/
.tri-columnA{
	width: 31.25% ;/* 300 px */
	float:left;
}
.tri-columnB{
	width: 31.25%;
	float:left;
	margin-left: 3.125%;
}



/*----------------
IMAGE CONTROL
-----------------*/
img.left{
	float:left;
	margin-right:.5em;
}
img.right{
	float:right;
	margin-left: .5em;
}
img.center{
	display:block;
	margin:0 auto;
}
img.bdr{
	border: 1px dotted #ccc;
	padding: 1px;
}
img.logo{
	width: 100%;
	max-width: 241px;
}
img.column{
	width: 100%;
	max-width:260px;
}
img.blog_news{
	width: 100%;
	max-width:89px;
}
img.shield{
	width:100%;
	max-width:218px;
}
img.page-masterPic{
width: 100%;
max-width: 715px;
margin-bottom: 10px;
}
img.sidebarPic{
	width: 98%;
	max-width: 330px;
}
img.social-btn{
	width: 29%;
	max-width: 47px;
	margin-right:.1%; 
	float:right;
}
/*-------------
TYPOGRAPHY
==============*/
p{
	font-family: Verdana, Geneva, sans-serif;
	font-size: .875em; /* 14px */
	font-weight: normal;
	color: #333;
	margin: 0;
	padding:0;
	line-height: 1.5em;
}
span.accent{
	font-size: 1.8em;
	color: red;
}
p.small{
	font-size: .75em;
}
em{
	font-style:italic;
}
strong{
	font-style: bold;
}
a{
	text-decoration:none;
	color:#0000CC;
}
a:hover{
	text-decoration: underline;
}
a.more{
	color: #000;
	padding: 0 2px;
	margin-top: 2px;
	font-family: Verdana, Geneva, sans-serif;
	font-size:10px;
	text-decoration:none;
	border: dotted #222 1px;
	background: #ddd;
}
a.more:hover{
		color: #000;
	padding: 0 2px;
	margin-top: 2px;
	font-family: Verdana, Geneva, sans-serif;
	font-size:10px;
	text-decoration:none;
	border: dotted #888 1px;
	background: #eaeaea;

}
h1,h2,h3,h4,h5,h6{
	font-family: 'WalkwayBoldRegular',Verdana, Geneva, sans-serif;
	font-weight: normal;
	font-style: normal;
	color: #666;
	margin:0;
	padding:0;
	line-height: 1em;
	margin-bottom: .5em;
}
h1{font-size: 2.1875em;}/*35px*/
h2{font-size: 1.5625em;}/*25px*/
h3{font-size: 1.4375em;}/*23px*/
h4{font-size: 	1.125em;}/*18px*/
h5{font-size: 1em;}/*16px*/
h6{font-size: .9375em;}/*15px*/
.red{
	color: #b81F17;
}
h4.contact{
	background: url(../img/arrow.png) left center no-repeat;
	height: 20px;
	padding-left: 35px;
	padding-top: 10px;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #333;
	font-weight:normal;
}
form.paypal{
	margin-top: 8px;
}
/*-------------
MY LIST
---------------*/
ul.myList, ol.myList{
	margin:0;
	margin-left: 4%;
	padding:0;
	margin-bottom: 25px;
	margin-top: 11px;
}
ul.myList li{
	list-style: square;
	font-family:Verdana, Geneva, sans-serif;
	font-weight: normal;
	font-size: .8125em;
	padding: 3px 0;
}
ol.myList li{
	font-family:Verdana, Geneva, sans-serif;
	font-weight: normal;
	font-size: .8125em;
	padding: 3px 0;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
/*============
iPAD
=============*/
@media only screen and (max-width: 1050px) {
	.quad-columnA h3, .quad-columnB h3{
font-size: .875em;
	}
	.news h4{
	font-size: 1em;
	}
/*-------------
iPAD TYPOGRAPHY
==============*/
p{font-size: .75em; /* 12px */}
h1{font-size: 1.875em;}/*WAS 35px NOW 30*/
h2{font-size: 1.4375em;}/*WAS 25px NOW 23*/
h3{font-size: 1.25em;}/*WAS 23px NOW 20*/
h4{font-size: 1em;}/*WAS 18px NOW 16*/
h5{font-size: .9375em;}/*WAS 16px NOW 15*/
h6{font-size: .875em;}/*WAS 15px NOW 14*/
.adtag h1{font-size: 2.1875em;} /*WAS 39 NOW 35*/
 .adtag h2, .adtag h2 a{font-size: 1.4375em; /* WAS 30 NOW 25*/}
.quad-columnA h3, .quad-columnB h3{font-size:.875em;/*WAS 15 NOW 14*/
letter-spacing:normal;}
.footerL h3{font-size: 1em;}/*WAS 17 NOW 16*/
.page-adtag h1{font-size:1.875em;}
.page-adtag h2,.page-adtag h2 a{font-size: 1.2em;}
}

/*=================
PHONE HORIZONTAL
=================*/
	@media only screen and (max-width:650px){
		.hide{
			display:none;
		}
		.show{
			width: 96%;
			margin:0 auto;
			padding:0;
			float:none;
		}
		.mobile-top20{
			margin-top: 20px;
		}
		.mobile-header{
			display:block;
		}
		.news-container{
	height: 20px;
}
.social-buttons{
	width:35%;
	max-width: 160px;
	float: right;
}

			
	}

/*=================
PHONE VERTICAL
==================*/
	@media only screen and (max-width:400px){
		.hide{
			display:none;
		}
		.show{
			width: 96%;
		}
			
	}