/*
 ----------------------------------------------------------------------------
  Copyright Creative Giant Design Group, LLC 2008. Used with Permission.
  May not be duplicated or reproduced.
 ----------------------------------------------------------------------------
 */

/* undo some default styling of common (X)HTML browsers
* ------------------------------------------------------------------------- */

/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,ol { list-style:none; }

/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; }

/* Remove inconsistent (among browsers) default padding or margin */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,div,dd,dt,dl { margin:0; padding:0; }

/* prevent blue linked image borders */
a img,:link img,:visited img,fieldset { border:none; }


/* global elements
* ------------------------------------------------------------------------- */
body { height: 100%; background: url(../images/bg.jpg) top center no-repeat; background-color: #91c6e7; text-align: center; margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: center; color: #666666; }
a { color: #0462d7; text-decoration: none; }
a:hover { text-decoration: underline; }
h1,h2,h3,h4,h5,h6 { color: #2d2d2d; font-weight: normal; font-family:Georgia, "Times New Roman", Times, serif;  text-align:left;}
h4,h5,h6 { }
p { padding: 10px 0px 10px 0px; line-height: 18px;  }
.green { color: #82a268; font-weight: bold; }
.btn_more { background: url(../images/bullet_white.gif) 0px 4px no-repeat; padding: 10px 0px 10px 23px; }
.grn_more { background: url(../images/bullet.gif) 0px 4px no-repeat; padding: 5px 0px 10px 23px; }
textarea, input, table { font-family: Arial, Helvetica, sans-serif; }
.italics { font-style: italic; width: 95%;}
.imgright, .alignright { margin: 5px 0px 5px 15px; float: right; }
.imgleft, .alignleft { margin: 5px 15px 5px 0px; float: left; }
.narrowcolumn { padding-top: 8px; }
.entry, .commentlist li { border-width: 0px 0px 1px 0px; border-style: dotted; border-color: #d1d1d1; margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px; }
table { display: table; margin: 10px 0px 10px 0px; }
table td { padding: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; vertical-align: top; }

/* framework
* ------------------------------------------------------------------------- */
#wrapper { width: 100%; background: background: #045cd0; /* Old browsers */
	background: -moz-linear-gradient(top,  #045cd0 21%, #0348a3 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(21%,#045cd0), color-stop(99%,#0348a3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #045cd0 21%,#0348a3 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #045cd0 21%,#0348a3 99%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #045cd0 21%,#0348a3 99%); /* IE10+ */
	background: linear-gradient(to bottom,  #045cd0 21%,#0348a3 99%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#045cd0', endColorstr='#0348a3',GradientType=0 ); /* IE6-9 */
	margin: 0px;
	height:30px;
	border-bottom:1px solid #aeccf1;
	-webkit-box-shadow: 1px 1px 1px 1px #6cabdc;
	box-shadow: 1px 1px 1px 1px #6cabdc;
}
#container { margin: 0px auto 0px auto; padding: 0px; width: 990px; text-align: left;  }
#container:after, #content_container:after, #content_area:after, #subcontent_container:after, #three_column_area:after, #two_column_area:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#top_rule { width: 990px; height: 30px; color: #87bfe6; font-size: 10px; }
#top_rule a { color: #ffffff; }
#top_phone { width: 233px; height: 30px; float: left; }
#top_phone p { margin: 0px; padding: 3px 0px 0px 30px; font-size: 10px; text-transform:uppercase; }
#top_phone span { color: #ffffff; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; }
#top_nav { width: 757px; height: 30px; float: left; text-align: right; }
#top_nav p { margin: 0px; padding: 3px 25px 0px 0px; text-align: right; font-weight: normal; }
#top_nav a { padding: 0px 5px 0px 5px; font-weight:  }
#top_nav span { color: #ffd027; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; font-weight: normal; }

#top_bar { width: 990px; height: 135px;  background: url(../images/bg.jpg) -505px -30px no-repeat; }
#logo_area { width: 323px; height: 135px; float: left;}
#logo_area a { display: block; width: 323px; height: 135px; }
#logo_area span { display: none; }
#navigation { width: 667px; height: 44px; float: left; }
#nav { height: 44px; margin: 52px 0px 0px 0px; padding: 1px 0px 0px 6px; background: url(../images/navbar.jpg) no-repeat; }
#nav li { list-style: none; padding: 0px; margin: 0px; top: 0px; font-family: Georgia, "Times New Roman", Times, serif; float: left; }
#nav li, #nav a { height: 35px; display: inline-block; font-size: 14px; color: #ffffff;}
#nav a { padding: 8px 19px 10px 19px; }
#nav a:hover { text-decoration: none; color: #ffe588;	background-color:#0462d7; }
#nav span { display: block; padding: 10px 19px 10px 19px; }
#nav .sub-menu a:hover,
#nav .sub-menu .current-menu-item { color: #ffe588;
	background-color:#4c92d1;
	width:260px;
}
#nav .sub-menu a {
	width:260px;
}
.sub-menu {
	display:none;
	float: none;
	position: absolute;
	background: #0462d7;
	width: 260px;
	top: 88px;
	z-index:100;
}
.btn {
	float: right;
}
.navbar .btn-navbar {
	display: none;
	float: right;
	padding: 7px 10px;
	margin-right: 5px;
	margin-left: 5px;
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #ededed;
	background-image: -moz-linear-gradient(top, #f2f2f2, #e5e5e5);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e5e5e5));
	background-image: -webkit-linear-gradient(top, #f2f2f2, #e5e5e5);
	background-image: -o-linear-gradient(top, #f2f2f2, #e5e5e5);
	background-image: linear-gradient(to bottom, #f2f2f2, #e5e5e5);
	background-repeat: repeat-x;
	border-color: #e5e5e5 #e5e5e5 #bfbfbf;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffe5e5e5', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
}
.collapse {
	display: inherit;
}
#navigation ul.children { padding: 0px;  position: absolute; top: 147px; height: 44px;  }
#navigation ul.children ul { padding: 0px; font-family: Georgia, "Times New Roman", Times, serif; background-color:#0462d7; }
#navigation ul.children li { padding: 0px; margin: 0px; }
#navigation ul.children ul a { color: #ffffff; padding: 10px 15px 10px 15px; margin: 0px; display: block; }
#navigation ul.children ul a:hover { color: #ffe588; background-color: #4c92d1; text-decoration: underline; }
#drop_about { margin: 0px 0px 0px 82px; z-index: 99999; }
#drop_training { margin: 0px 0px 0px 159px;  z-index: 99999; }
#drop_boarding { margin: 0px 0px 0px 251px;  z-index: 99999; }
#drop_pickingtrainer { margin: 0px 0px 0px 346px;  z-index: 99999; }
#drop_faqs { margin: 0px 0px 0px 502px;  z-index: 99999; }

#content_container { width: 990px; background-color: #ffffff; }
#subcontent_container { width: 990px; padding: 30px 0px 0px 0px; background-color: #ffffff; }
#content_container a, #subcontent_container a { font-weight: bold;  }

#home_flash { padding: 30px; }
#btn_specials { position: absolute; width: 130px; height: 130px; z-index: 10; margin: -60px 0px 0px 830px; }
#btn_specials a { display: block; width: 130px; height: 130px; }
#btn_specials span { display: none; }
.pics { height:  377px; width: 930px; padding: 0; margin:  0; overflow: hidden;}
.pics img { width: 930px; height: auto; }
#homebanner .hometagline {
	background-color: rgba(0,0,0,0.75);
	position: absolute;
	margin: 50px 0px;
	padding:50px 25px;
	height: 70%;
	max-width:930px;
	width:100%;
}
#homebanner h1 {
	color: #fff;
	font-size: 48px;
	text-align: left;
	max-width: 55%;
}
#homebanner h2 {
	color: #ababab;
	font-size: 14px;
	font-style: italic;
	line-height:1.3em;
	width: 35%;
	position: absolute;
	top: 50%;
	right: 5%;
}
#homebanner button {
	background-color: #d0a60f;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	border: none;
	color: #fff;
	padding: 5px 15px;
	position: absolute;
	top: 72%;
	right: 16%;
}

#three_column_area { width: 990px; background: url(../images/page_bg.gif) repeat-y left; }
#three_column_area .info_pod { float: left; width: 330px; }
#three_column_area .info_pod h2, #two_column_area .info_pod h2 { font-family: Georgia, Arial, Helvetica, sans-serif;  font-size: 17px; padding: 0px 30px 10px 30px; }
#three_column_area .info_pod p, #two_column_area .info_pod p { padding: 0px 30px 10px 30px; }


#home_tagline_wrap { margin: 25px 30px 25px 30px; background: url(../images/grnboxhome_top.gif) top left no-repeat; background-color: #8bbf60; }
#tagline { background: url(../images/grnboxhome_bottom.gif) bottom left no-repeat; padding: 10px 20px 7px 20px; }
#tagline p { font-family: Georgia, "Times New Roman", Times, serif; color: #ffffff; font-size: 23px; text-align: center; line-height: 27px; padding: 0px; margin: 0px; }
#tagline p span { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; padding: 0px 0px 0px 10px; }

#testimonial_wrap { padding: 0px 0px 30px 0px; }
#content_area { width: 990px; background: url(../images/subpage_bg.gif) repeat-y left; }

#left_column { width: 660px; float: left; color: #545c57;  }
#left_column .info_pod { padding: 0px 30px 15px 30px; }
#crumbtrail p { padding: 0px; font-size: 10px; text-transform: uppercase; color: #aaaaaa; }
#left_column h1 { font-size: 25px;  letter-spacing: -0.03em; }
#left_column h2, #left_column h3 { font-size: 20px; padding: 0px 0px 5px 0px; letter-spacing: -0.01em; }
#left_column table { padding: 0px; margin: 0px; width: 605px; border: solid #cccccc; border-width: 1px 0px 0px 1px;}
#left_column td { padding: 6px; margin: 0px; vertical-align: top; border: solid #cccccc; border-width: 0px 1px 1px 0px; }
.top_row { background-color: #0452b9; color: #ffffff; }
.top_row td h2 { color: #ffffff; }
td.question { background-color: #d6eaf6; }
#left_column ul, #left_column ol { margin: 0px 0px 10px 0px; padding: 0px 30px 10px 30px; }
#left_column li { background: url(../images/bullet.gif) 0px 4px no-repeat; padding: 0px 0px 0px 15px; line-height: 22px; }
#left_column ul ul { margin: 0px 0px 10px 0px; padding: 0px; border: none; }
#left_column li li { background: none; padding: 0px 0px 0px 1px; margin: 0px; line-height: 18px; font-weight: normal; }
#left_column li li a { font-weight: normal }
.article { padding: 10px 0px 10px 0px; }
.article h3 { border-width: 0px 0px 1px 0px; border-style: dotted; border-color: #b5b5b5; padding: 0px 0px 10px 0px; }
.article h3, .article h3 a { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; }
.article .date { font-weight: normal; padding: 1px 0px 0px 15px; text-transform: uppercase; font-size: 10px; color: #b5b5b5; letter-spacing: 1px;  }


#sub_tagline_wrap { margin: 0px 30px 0px 30px; background: url(../images/grnboxsub_top.gif) top left no-repeat; background-color: #8bbf60; }
#sub_tagline { background: url(../images/grnboxsub_bottom.gif) bottom left no-repeat; padding: 10px 20px 7px 20px; }
#sub_tagline p { font-family: Georgia, "Times New Roman", Times, serif; color: #ffffff; font-size: 20px; text-align: center; line-height: 25px; padding: 0px; margin: 0px; }
#sub_tagline p span { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; padding: 0px 0px 0px 10px; }

#two_column_area { width: 660px; background: url(../images/page_bg.gif) -330px 0px repeat-y ; margin: 30px 0px 0px 0px; }
#two_column_area .info_pod { float: left; width: 330px; padding: 0px; margin: 0px; }

#right_column { width: 330px; float: left; padding: 0px 0px 375px 0px; }
#right_column .info_pod { padding: 0px 30px 20px 30px; }
#right_column h4 { font-family: Georgia, Arial, Helvetica, sans-serif; font-size: 17px; }
#right_column h4 span { color: #0462d7; }
#right_column ul { padding: 10px 0px 10px 0px; }
#right_column li { background: url(../images/bullet.gif) 0px 5px no-repeat; padding: 0px 0px 0px 15px; line-height: 22px; border-width: 0px 0px 1px 0px; border-style: dashed; border-color: #aaaaaa; }
#right_column li a { font-size: 12px; }

#right_column .gform_wrapper  ul { padding: 0; }
#right_column .gform_wrapper li { background: none!important; padding: 0; line-height: 1.3; border: 0 none; }
#right_column .gform_wrapper li a { font-size: auto; }

.gform_wrapper input,
.gform_wrapper textarea { border: 1px solid #ccc;}
.gform_wrapper .button { background-color: #0462d7; color: #fff; border: 1px solid #ccc; padding: .5em 1em; font-size: 14px; }

#quick_contact { width: 230px; float: left; color: #ffffff; background: url(../images/quickcontact-bg.gif) top left repeat-y; font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding: 0px 0px 20px 0px; }
#quick_contact h3 { font-size: 20px; letter-spacing: -0.05em; font-weight: bolder; padding: 0px 0px 5px 0px; margin: 0px; }
#quick_contact a { color: #7ec6f5; }


#quick_contact .info_pod { padding: 20px 20px 0px 20px; }
.quick_field { font-size: 11px; padding: 2px 0px 0px 2px; width: 190px; height: 22px; background: url(../images/form_bg.gif) center repeat-x; background-color: #ffffff; border: 1px solid #eaeaea; margin: 0px 0px 4px 0px;}
.quick_text { font-size: 11px; padding: 2px 0px 0px 2px; width: 190px; height: 75px; background: url(../images/form_bg.gif) center repeat-x; background-color: #ffffff; border: 1px solid #eaeaea; margin: 0px 0px 6px 0px; }
#quick_contact label { margin: 0px 10px 0px 5px; }
#quick_contact p { margin: 0px; padding: 5px 0px 10px 0px }
.form_links { background: url(../images/lockbox.jpg) no-repeat 0px 12px; padding: 13px 0px 10px 17px; }

#footer_area { font-size: 12px; width: 990px; height: 150px;
	/*background: url(../images/logo_footer.gif) top right no-repeat; */
	margin: 0px auto 0px auto; padding: 0px; text-align: left; color: #607f8b; padding: 0px 0px 20px 0px;
}
#footer_left { width: 650px; float: left; padding-bottom:25px; }
#footer_left ul {margin:15px 0px 0px 25px;}
#footer_left ul li {display:inline;}
#footer_area p { padding: 15px 30px 0px 30px; line-height: 20px; }
#footer_area span { color: #0567d9; font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; }
#footer_area a { color: #607f8b; padding: 0px 5px 0px 5px; text-decoration: underline; }
#footer_area .first { padding: 0px 5px 0px 0px; }
#footer_right { width: 340px; float: left; }
#footer_right span { display: none; }
#footer_snuglogo { float: left; margin: 10px 18px 0px 15px; }
#footer_snuglogo a { display: block; width: 95px; height: 80px; }
#footer_ak9logo { float: left; margin: 10px 0px 0px 0px; }
#footer_ak9logo a { display: block; width: 190px; height: 80px; }


#footer_wrapper { height: 60px; width: 100%; background: url(../images/footer_bg.gif) bottom repeat-x; }


/* wp comments */
.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
.commentlist li ul li {
	font-size: 1em;
}

.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar {
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

.commentmetadata {
	font-weight: normal;
}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
}

#commentform {
	margin: 5px 10px 0 0;
}
#commentform textarea {
	width: 480px;
	padding: 2px;
}
#respond:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#commentform #submit {
	margin: 0 0 5px auto;
}
/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
}

.commentlist {
	padding: 0;
	text-align: justify;
}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

}
.commentlist li ul li {
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
}

.commentmetadata {
	margin: 0;
	display: block;
}
/* End Comments */


.alert-coupon {
	background: url(http://www.snugpetresort.com/wp-content/themes/snugpetresort/img/img-coupon.png) 0px 0px no-repeat;
	text-shadow: 0 1px 0 rgba(74, 40, 102, 0.5);
	width: 345px;
	height: 88px;
	padding: 42px 0px 0px 129px;
	margin:0px auto 25px auto;
}
h5.alert-coupon {
	color: #673c8a;
	font-size: 21px;
	line-height: 27px;
	text-transform: uppercase;
	font-family: "FuturaBookBTMedium", sans-serif;
}
h5.alert-coupon span {
	color: #303132;
	text-transform: none;
	line-height: 15px;
	display: block;
	font: 14px 'FuturaBookBTRegular',arial,helvetica,clean,sans-serif;
	font-style: italic;
}
.alert-couponbox {
	background: url(https://absolutek9.com/wp-content/themes/obu/images/img-couponbox.png) 0px 0px no-repeat;
	text-shadow: 0 1px 0 rgba(74, 40, 102, 0.5);
	width: 306px;
	height: 264px;
	padding: 105px 25px 0px 25px;
	margin: 0px auto 25px auto;
	text-align: center;
}
h5.alert-couponbox {
	color: #673c8a;
	font-size: 26px;
	letter-spacing: -1px;
	line-height: 27px;
	text-transform: uppercase;
	font-family: "FuturaBookBTMedium", sans-serif;
}
h5.alert-couponbox span {
	color: #303132;
	text-transform: none;
	line-height: 15px;
	letter-spacing:0px;
	display: block;
	font: 12px 'FuturaBookBTRegular',arial,helvetica,clean,sans-serif;
	font-style: italic;
}


/*=============================================
  media-queries
  =============================================*/
  /* Large desktop */
  @media (min-width: 1200px) {
  	/*body::before{content: "large desktop (1200px)";display: block; text-align: center; color:#fff;background: rgba(255,0,0, 0.75);position: absolute; top:75%;left:0;right:0;z-index: 99;}*/

  }
  /* Portrait tablet to landscape and desktop */
  @media (min-width: 768px) and (max-width: 979px) {
  	/*body::before{content: "portrait tablet, landscape desktop (768px - 979px)";display: block; text-align: center; color:#fff;background: rgba(255,150,0, 0.75);position: absolute; top:75%;left:0;right:0;z-index: 99;}*/
  	#container, #top_rule, #top_nav, #top_bar, #navigation, #content_area, #content_container, #subcontent_container, iframe, embed, #left_column, #right_column, #three_column_area, #two_column_area , #two_column_area .info_pod, #footer_area, #footer_left, .pics, .pics img {
  		width: 100%;
  	}
  	#top_rule {
  		width: 100%;
  		max-width: 450px;
  		color: #87bfe6;
  		font-size: 10px;
  		margin: 35px 30px 0px 0px;
  		float: right;
  		background: background: #045cd0;
  		background: -moz-linear-gradient(top, #045cd0 21%, #0348a3 99%);
  		background: -webkit-gradient(linear, left top, left bottom, color-stop(21%,#045cd0), color-stop(99%,#0348a3));
  		background: -webkit-linear-gradient(top, #045cd0 21%,#0348a3 99%);
  		background: -o-linear-gradient(top, #045cd0 21%,#0348a3 99%);
  		background: -ms-linear-gradient(top, #045cd0 21%,#0348a3 99%);
  		background: linear-gradient(to bottom, #045cd0 21%,#0348a3 99%);
  		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#045cd0', endColorstr='#0348a3',GradientType=0 );
  		-webkit-border-radius: 5px 5px 5px 5px;
  		border-radius: 5px 5px 5px 5px;
  		height: 60px;
  	}
  	#top_phone {
  		width: 196px;
  		height: 30px;
  		float: none;
  		position: absolute;
  		top: 65px;
  	}
  	#top_phone p {
  		margin: 0px;
  		padding: 0px 0px 0px 19px;
  		font-size: 10px;
  	}
  	#top_nav {
  		width: 100%;
  		float: none;
  		text-align: left;
  		margin: 6px 0px;
  	}
  	#top_nav p {
  		padding: 5px 0px 0px 15px;
  		text-align: left;
  	}
  	#top_nav span {
  		color: #ffd027;
  		font-family: Georgia, "Times New Roman", Times, serif;
  		font-size: 14px;
  		font-weight: normal;
  		position: absolute;
  		top: 66px;
  		display: block;
  		right: 95px;
  		letter-spacing: -0.025em;
  	}
  	#navigation {
  		position: absolute;
  		top: 0;
  		right: 25px;
  		width: 250px;
  		z-index: 99;
  	}
  	.navbar .btn-navbar {
  		display: block;
  		position: absolute;
  		top: 45px;
  		right: 0%;
  		padding: 7px 10px;
  		margin-right: 10px;
  		margin-left: 5px;
  		color: #ffffff;
  		text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  		background: rgb(86,154,212); /* Old browsers */
  		background: -moz-linear-gradient(top,  rgba(86,154,212,1) 0%, rgba(37,100,189,1) 100%); /* FF3.6+ */
  		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(86,154,212,1)), color-stop(100%,rgba(37,100,189,1))); /* Chrome,Safari4+ */
  		background: -webkit-linear-gradient(top,  rgba(86,154,212,1) 0%,rgba(37,100,189,1) 100%); /* Chrome10+,Safari5.1+ */
  		background: -o-linear-gradient(top,  rgba(86,154,212,1) 0%,rgba(37,100,189,1) 100%); /* Opera 11.10+ */
  		background: -ms-linear-gradient(top,  rgba(86,154,212,1) 0%,rgba(37,100,189,1) 100%); /* IE10+ */
  		background: linear-gradient(to bottom,  rgba(86,154,212,1) 0%,rgba(37,100,189,1) 100%); /* W3C */
  		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#569ad4', endColorstr='#2564bd',GradientType=0 ); /* IE6-9 */
  		border-color: #545658 #545658 #bfbfbf;
  		border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  		-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
  		-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
  		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
  	}
  	.nav .in li {
  		float: none;
  		display: block;
  		position: relative;
  		margin: 0 0 0 0;
  		padding: 0px;
  		border-right: 1px solid #2d2f32;
  		border-left: 2px solid #3c4043;
  		text-align: center;
  	}
  	.navbar .btn-navbar .icon-bar {
  		display: block;
  		width: 18px;
  		height: 2px;
  		margin: 3px;
  		background-color: #f5f5f5;
  		-webkit-border-radius: 1px;
  		-moz-border-radius: 1px;
  		border-radius: 1px;
  		-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  		-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  		box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  	}
  	.collapse {
  		display: none;
  	}
  	.in #nav {
  		height: auto;
  		margin: 0px;
  		width:260px;
  		padding: 0px 0px 0px 0px;
  		background: #0462d7;
  		position: absolute;
  		top: 94px;
  		right: 4px;
  	}
  	.in #nav li, #nav a {
  		display: block;
  		float: none;
  	}
  	#nav a:hover, #nav .current-menu-item {
  		color: #ffe588;
  		background-color: #4c92d1;
  	}
  	.sub-menu {
  		position: relative;
  		width: 100%;
  		top: 0;
  		left: 10px;
  	}
  	#btn_specials {
  		margin: 0px;
  		right: 0px;
  	}
  	#content_area,
  	#two_column_area {
  		background: none;
  	}
  	#three_column_area {
  		background: #fff;
  	}
  	#three_column_area .info_pod {
  		float: left;
  		width: 33%;
  		border-right: 1px dotted #ababab;
  	}
  	#footer_area p {
  		padding: 15px 30px 0px 30px;
  		line-height: 20px;
  		text-align: center;
  	}
  	#footer_left ul {
  		text-align: center;
  	}
  	#footer_right {
  		width: 320px;
  		float: none;
  		display: block;
  		margin: 0px auto;
  	}
  }
  /* Landscape phone to portrait tablet */
  @media only screen and (max-width: 767px) {
  	/*body::before{content: "landscape phone to portrait tablet (768px)";display: block; text-align: center; color:#000; background: rgba(255,255,0, 0.75);position: absolute; top:75%;left:0;right:0;z-index: 99;}*/
  	#container, #top_rule, #top_nav, #top_bar, #content_area, #content_container, #subcontent_container, iframe, embed, #left_column, #right_column, #three_column_area, #two_column_area , #two_column_area .info_pod, #left_column table, #footer_area, #footer_left, .pics, .pics img {
  		width: 100%;
  	}
  	#wrapper,
  	#top_rule {
  		height: 50px;
  	}
  	#top_nav { display:none;}
  	#top_phone p {
  		padding: 14px 0px 0px 30px;
  		z-index:100;
  	}
  	#navigation {
  		position: absolute;
  		top: 5px;
  		right: 0px;
  		width:auto;
  	}
  	.navbar {
  		min-height:inherit;
  	}
  	.navbar .btn-navbar {
  		display: block;
  		position: absolute;
  		top: 0px;
  		right: 0px;
  		padding: 7px 10px;
  		margin-right: 10px;
  		margin-left: 5px;
  		color: #ffffff;
  		text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  		background: rgb(86,154,212); /* Old browsers */
  		background: -moz-linear-gradient(top,  rgba(86,154,212,1) 0%, rgba(37,100,189,1) 100%); /* FF3.6+ */
  		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(86,154,212,1)), color-stop(100%,rgba(37,100,189,1))); /* Chrome,Safari4+ */
  		background: -webkit-linear-gradient(top,  rgba(86,154,212,1) 0%,rgba(37,100,189,1) 100%); /* Chrome10+,Safari5.1+ */
  		background: -o-linear-gradient(top,  rgba(86,154,212,1) 0%,rgba(37,100,189,1) 100%); /* Opera 11.10+ */
  		background: -ms-linear-gradient(top,  rgba(86,154,212,1) 0%,rgba(37,100,189,1) 100%); /* IE10+ */
  		background: linear-gradient(to bottom,  rgba(86,154,212,1) 0%,rgba(37,100,189,1) 100%); /* W3C */
  		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#569ad4', endColorstr='#2564bd',GradientType=0 ); /* IE6-9 */
  		border-color: #545658 #545658 #bfbfbf;
  		border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  		-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
  		-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
  		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
  	}
  	.nav .in li {
  		float: none;
  		display: block;
  		position: relative;
  		margin: 0 0 0 0;
  		padding: 0px;
  		border-right: 1px solid #2d2f32;
  		border-left: 2px solid #3c4043;
  		text-align: center;
  	}
  	.navbar .btn-navbar .icon-bar {
  		display: block;
  		width: 18px;
  		height: 2px;
  		margin: 3px;
  		background-color: #f5f5f5;
  		-webkit-border-radius: 1px;
  		-moz-border-radius: 1px;
  		border-radius: 1px;
  		-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  		-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  		box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  	}
  	.collapse {
  		display: none;
  	}
  	.in #nav {
  		height: auto;
  		margin: 42px 0px 0px 0px;
  		padding: 0px 0px 0px 0px;
  		background: #0462d7;
  	}
  	.in #nav li, #nav a {
  		display: block;
  		float: none;
  	}
  	#nav a:hover, #nav .current-menu-item {
  		color: #ffe588;
  		background-color: #4c92d1;
  	}
  	.sub-menu {
  		position: relative;
  		width: 100%;
  		top: 0;
  		left: 10px;
  	}
  	#btn_specials {
  		margin: 0px;
  		right: 0px;
  		display:none;
  	}
  	#homebanner .hometagline {
  		padding: 25px;
  		margin:25px 0px;
  	}
  	#homebanner h1 {
  		font-size: 1.75em;
  		max-width: 100%;
  	}
  	#homebanner h2 {
  		width: 100%;
  		position: relative;
  		right: 0%;
  		top: 0%;
  		margin: 15px 0px;
  	}
  	#homebanner button {
  		background-color: #d0a60f;
  		-webkit-border-radius: 5px 5px 5px 5px;
  		border-radius: 5px 5px 5px 5px;
  		border: none;
  		color: #fff;
  		padding: 5px 15px;
  		position: relative;
  		right:0%;
  	}
  	.pics {
  		height: auto;
  		min-height: 200px;
  	}
  	#content_area {
  		background: none;
  	}
  	#content_area,
  	#two_column_area {
  		background: none;
  	}
  	#three_column_area {
  		background: #fff;
  	}
  	#three_column_area .info_pod {
  		float: none;
  		max-width: 100%;
  		width:100%;
  		border-bottom: 1px dotted #ababab;
  		margin: 0px 0px 20px;
  		}©
  		#footer_area p {
  			padding: 15px 30px 0px 30px;
  			line-height: 20px;
  			text-align: center;
  		}
  		#footer_left ul {
  			text-align: center;
  		}
  		#footer_right {
  			width: 320px;
  			float: none;
  			display: block;
  			margin: 0px auto;
  		}
  	}
  	/* Landscape phones and down */
  	@media only screen and (max-width: 480px) {
  		/*body::before{content: "landscape phones and lower (480px)";display: block; text-align: center; color:#fff; background: rgba(0,255,0, 0.75);position: absolute; top:75%;left:0;right:0;z-index: 99;}*/
  		#nav a:hover, #nav .current-menu-item {
  			color: #ffe588;
  			background-color: #4c92d1;
  		}
  		#nav .sub-menu a,
  		nav .sub-menu a:hover,
  		#nav .sub-menu .current-menu-item  {
  			width: 100% !important;
  		}
  		.pics {
  			height: 275px;
  			background-color: rgba(0,0,0,0.75);
  		}
  		#homebanner .hometagline {
  			position: absolute;
  			padding: 15px;
  			margin:15px 0px 0px 0px;
  			height: 180px;
  			top: 90px;
  			background-color: transparent;
  		}
  		#homebanner h1 {
  			color: #fff;
  			font-size: 14px;
  			text-align: center;
  			max-width: 100%;
  		}
  		#homebanner h2 {
  			color: #ababab;
  			font-size: 14px;
  			font-style: italic;
  			line-height: 1.3em;
  			width: 100%;
  			margin:15px 0px;
  			text-align:center;
  			position: relative;
  			top: 0;
  			right: 0;
  		}
  		#homebanner button {
  			background-color: #d0a60f;
  			-webkit-border-radius: 5px 5px 5px 5px;
  			border-radius: 5px 5px 5px 5px;
  			border: none;
  			color: #fff;
  			padding: 5px 15px;
  			position: relative;
  			top: 0;
  			right: 0;
  			width: 100%;
  		}
  	}

/*-----  End of media queries  ------*/