@CHARSET "ISO-8859-1";

body {
	width: 100%;
	text-align: -webkit-center;
	vertical-align: top;
	background: #022548;
	/*-webkit-font-smoothing:*/
	margin: 0;
}

table {
	border: 0;
	border-spacing: 0;
	padding: 0;
}

td {
	padding: 0;
}

table.menu {
	margin: 0 auto;
	border-collapse: collapse;
	text-align: center;
}

td.menu {
	font-family: Franklin Gothic;
	text-align: left;
	border: none;
}

td.menu img {
	display: inline-block;
	width: 13px;
	height: 13px;
	vertical-align: middle;
}

td.menu a.nav {
	color: #FFFFFF;
	padding: 16px 18px;
	margin-right: 12px;
	font-size: 14px;
	text-align: center;
	vertical-align: middle;
	letter-spacing: 1px;
	text-decoration: none;
	border: none;
	text-shadow: 2px 2px black;
}

td.menu a.nav:visited {
	color: #FFFFFF;
}

body > table {
	border: 0;
	width: 100%;
	text-align: center;
}

table.telephone {
	color: #FFFFFF;
	font-size: 1.2em;
	padding: 0;
	background-color: #FB8A2E;
	font-family: Franklin Gothic;
	font-weight: 400;
	width: 100%;
	height: 125px;
}

table.telephone td:nth-child(1) {
	background: url("images/HighviewGarage Logo.jpg") no-repeat left;
	background-size: 100% 100%;
}

table.telephone td {
	text-align: center;
	margin: 0;
	width: 50%;
}

table.telephone img {
	display: inline-block;
	vertical-align: middle;
}

table.telephone p {
	color: black;
	display: inline;
	margin: 0;
}

table.ban {
	width: 100%;
	height: 600px;
	border: 0;
	background-color: #FFFFFF;
	background: url("images/Highview Garage 2.jpg");
	background-size: cover;
}

td#otherWebsite img {
    max-width: 100%;
    height: auto;
}

div.bulletLine {
	text-align: left;
	display: block;
	margin: 0 0 0 2em;
}

div.bulletLine img {
	border: 0;
	display: inline;
	width: 15px;
	margin: 6px 0.5em 0 0;
}

div.bulletLine p {
	display: inline;
	margin: 0;
}

p {
	color: #BFB9B9;
	font-size: 15px;
	line-height: 1.8em;
	font-family: Franklin Gothic;
}

h2 {
	margin: 0.3em 0;
	display: inline-block;
	color: black;
	font-size: 2.5em;
	font-family: Franklin Gothic;
	font-weight: 300;
	border-left: 7px solid #FB8A2E;
	text-transform: uppercase;
	padding-left: 10px;
}

h3 {
	margin: 0.3em 0;
	color: #FB8A2E;
	font-size: 1.5em;
	font-family: Franklin Gothic;
	font-weight: 600;
	letter-spacing: 1px;
}

h4 {
	font-size: 1em;
	color: #FB8A2E;
	line-height: 1.8em;
	font-family: Franklin Gothic;
}

a#yellowPages, a#yellowPages:visited {
	color: #FB8A2E;
}

a#yellowPages:hover {
	color: #FFB040;
	text-decoration: none;
}


table.ban td:nth-child(1) > table:nth-child(1) {
	/*width: 100%;
	padding: 0;*/
}

/* ----------- responsivity ----------- */
@media
only
screen
and
(max-width:800px)
{
.container {
	width: 650px;
}

.4_grids {
	width: 216px !important;
}

table.discount-left2 {
	width: 100% !important;
}

table.discount-left {
	width: 100%;
}

}
@media only screen and (max-width: 768px) {
	.container {
		width: 650px;
	}
	.4_grids {
		width: 216px !important;
	}
	/*-- w3layouts --*/
	/*-- agileits --*/
}

@media only screen and (max-width:667px) {
	/*------ top header ------ */
	.header-bg {
		width: 422px !important;
		height: 10px !important;
	}
	.main-header {
		line-height: 28px !important;
	}
	.main-subheader {
		line-height: 28px !important;
	}

	/*----- --features ---------*/
	.feature {
		width: 416px !important;
	}
	.feature-middle {
		width: 216px !important;
		text-align: center !important;
	}
	.feature-img {
		width: 422px !important;
		height: auto !important;
	}
	.container {
		width: 500px !important;
	}
	.container-middle {
		width: 416px !important;
	}
	.mainContent {
		width: 216px !important;
	}
	.main-image {
		width: 216px !important;
		height: auto !important;
	}
	.banner {
		width: 216px !important;
		height: auto !important;
	}
	/*------ sections ---------*/
	.section-item {
		width: 216px !important;
	}
	.section-img {
		width: 216px !important;
		height: auto !important;
	}
	/*------- prefooter ------*/
	.prefooter-header {
		padding: 0 10px !important;
		line-height: 24px !important;
	}
	.prefooter-subheader {
		padding: 0 10px !important;
		line-height: 24px !important;
	}
	/*------- footer ------*/
	.top-bottom-bg {
		width: 416px !important;
		height: auto !important;
	}
	.feature1 {
		width: 160px !important;
	}
	.img-responsive {
		width: 100%;
	}
	table.b-text {
		padding-left: 4em !important;
	}
	td.h-t {
		font-size: 2em !important;
	}
	td.sub-ht {
		font-size: 1.7em !important;
	}
	table.centeredBoxWrap {
		width: 100%;
	}
}

@media
only
screen
and
(max-width:640px)
{
/*-- w3layouts --*/
/*-- agileits --*/
/*------ top header ------ */
.header-bg {
	width: 422px !important;
	height: 10px !important;
}

.main-header {
	line-height: 28px !important;
}

.main-subheader {
	line-height: 28px !important;
}

/*----- --features ---------*/
.feature {
	width: 416px !important;
}

.feature-middle {
	width: 216px !important;
	text-align: center !important;
}

.feature-img {
	width: 422px !important;
	height: auto !important;
}

.container {
	width: 500px !important;
}

.container-middle {
	width: 416px !important;
}

.mainContent {
	width: 216px !important;
}

.main-image {
	width: 216px !important;
	height: auto !important;
}

.banner {
	width: 216px !important;
	height: auto !important;
}
/*------ sections ---------*/
.section-item {
	width: 216px !important;
}

.section-img {
	width: 216px !important;
	height: auto !important;
}
/*------- prefooter ------*/
.prefooter-header {
	padding: 0 10px !important;
	line-height: 24px !important;
}

.prefooter-subheader {
	padding: 0 10px !important;
	line-height: 24px !important;
}
/*------- footer ------*/
.top-bottom-bg {
	width: 416px !important;
	height: auto !important;
}

.feature1 {
	width: 160px !important;
}

.img-responsive {
	width: 100%;
}

table.b-text {
	padding-left: 4em !important;
}

td.h-t {
	font-size: 2em !important;
}

td.sub-ht {
	font-size: 1.7em !important;
}

table.centeredBoxWrap {
	width: 100%;
}

}
@media only screen and (max-width: 622px) {
	/*------ top header ------ */
	.header-bg {
		width: 422px !important;
		height: 10px !important;
	}
	.main-header {
		line-height: 28px !important;
	}
	.main-subheader {
		line-height: 28px !important;
	}

	/*----- --features ---------*/
	.feature {
		width: 416px !important;
	}
	.feature-middle {
		width: 216px !important;
		text-align: center !important;
	}
	.feature-img {
		width: 422px !important;
		height: auto !important;
	}
	.container {
		width: 500px !important;
	}
	.container-middle {
		width: 416px !important;
	}
	.mainContent {
		width: 216px !important;
	}
	.main-image {
		width: 216px !important;
		height: auto !important;
	}
	.banner {
		width: 216px !important;
		height: auto !important;
	}
	/*------ sections ---------*/
	.section-item {
		width: 216px !important;
	}
	.section-img {
		width: 216px !important;
		height: auto !important;
	}
	/*------- prefooter ------*/
	.prefooter-header {
		padding: 0 10px !important;
		line-height: 24px !important;
	}
	.prefooter-subheader {
		padding: 0 10px !important;
		line-height: 24px !important;
	}
	/*------- footer ------*/
	.top-bottom-bg {
		width: 416px !important;
		height: auto !important;
	}
	.feature1 {
		width: 160px !important;
	}
	.img-responsive {
		width: 100%;
	}
	table.fea-text {
		width: 5% !important;
	}
	table.about-text {
		width: 83% !important;
	}
	td.f-text {
		text-align: left !important;
	}
}

/*-- w3layouts --*/
/*-- agileits --*/
@media only screen and (max-width:600px) {
	.icon {
		width: 70%;
	}
	/*------ top header ------ */
	.header-bg {
		width: 280px !important;
		height: 10px !important;
	}
	.top-header-left {
		width: 260px !important;
		text-align: center !important;
	}
	.top-header-right {
		width: 260px !important;
	}
	.main-header {
		line-height: 28px !important;
		text-align: center !important;
	}
	.main-subheader {
		line-height: 28px !important;
		text-align: left !important;
		font-size: 0.86em !important;
	}

	/*------- header ----------*/
	.logo {
		width: 260px !important;
	}
	.nav {
		width: 260px !important;
	}

	/*----- --features ---------*/
	.feature {
		width: 260px !important;
	}
	.feature-middle {
		width: 222px !important;
		text-align: center !important;
	}
	.feature-img {
		width: 260px !important;
		height: auto !important;
	}
	.container-middle {
		width: 260px !important;
	}
	.mainContent {
		width: 222px !important;
	}
	.main-image {
		width: 222px !important;
		height: auto !important;
	}
	.banner {
		width: 222px !important;
		height: auto !important;
	}
	/*------ sections ---------*/
	.section-item {
		width: 222px !important;
	}
	.section-img {
		width: 222px !important;
		height: auto !important;
	}
	/*------- prefooter ------*/
	.prefooter-header {
		padding: 0 10px !important;
		line-height: 28px !important;
	}
	.prefooter-subheader {
		padding: 0 10px !important;
		line-height: 28px !important;
	}
	/*------- footer ------*/
	.top-bottom-bg {
		width: 260px !important;
		height: auto !important;
	}
	table {
		width: 100% !important;
	}
	.gallery-img a img {
		height: 134px !important;
	}
	.gallery-img1 a img {
		height: 60px !important;
	}
	.gallery-img2 a img {
		height: 60px !important;
	}
	table.b-text {
		padding-left: 1em !important;
	}
	td.line {
		font-size: 0.9em !important;
	}
	a.nav {
		padding: 10px 0 !important;
		margin: 0 !important;
		font-size: 12px !important;
	}
	table.top-icons {
		width: 43% !important;
	}
	td.menu {
		text-align: center !important;
	}
	.ban {
		background: url(images/banner.jpg) no-repeat -260px 0px;
		background-size: cover;
		height: 400px !important;
	}
	a.log img {
		width: 47% !important;
	}
	td.line span {
		font-size: 1.4em !important;
	}
	a.log.two img {
		width: 81% !important;
	}
	.container {
		width: 570px !important;
	}
	a.nav {
		padding: 10px 0 !important;
		margin-right: 15px !important;
		font-size: 12px !important;
	}
}

@media only screen and (max-width:568px) {
	.icon {
		width: 70%;
	}
	/*------ top header ------ */
	.header-bg {
		width: 280px !important;
		height: 10px !important;
	}
	.top-header-left {
		width: 260px !important;
		text-align: center !important;
	}
	.top-header-right {
		width: 260px !important;
	}
	.main-header {
		line-height: 28px !important;
		text-align: center !important;
	}
	.main-subheader {
		line-height: 28px !important;
		text-align: left !important;
		font-size: 0.86em !important;
	}

	/*------- header ----------*/
	.logo {
		width: 260px !important;
	}
	.nav {
		width: 260px !important;
	}

	/*----- --features ---------*/
	.feature {
		width: 260px !important;
	}
	.feature-middle {
		width: 222px !important;
		text-align: center !important;
	}
	.feature-img {
		width: 260px !important;
		height: auto !important;
	}
	.container-middle {
		width: 400px !important;
	}
	.mainContent {
		width: 222px !important;
	}
	.main-image {
		width: 222px !important;
		height: auto !important;
	}
	.banner {
		width: 222px !important;
		height: auto !important;
	}
	/*------ sections ---------*/
	.section-item {
		width: 222px !important;
	}
	.section-img {
		width: 222px !important;
		height: auto !important;
	}
	/*------- prefooter ------*/
	.prefooter-header {
		padding: 0 10px !important;
		line-height: 28px !important;
	}
	.prefooter-subheader {
		padding: 0 10px !important;
		line-height: 28px !important;
	}
	/*------- footer ------*/
	.top-bottom-bg {
		width: 260px !important;
		height: auto !important;
	}
	table {
		width: 100% !important;
	}
	.gallery-img a img {
		height: 134px !important;
	}
	.gallery-img1 a img {
		height: 60px !important;
	}
	.gallery-img2 a img {
		height: 60px !important;
	}
	table.b-text {
		padding-left: 1em !important;
	}
	td.line {
		font-size: 0.9em !important;
	}
	a.nav {
		padding: 10px 0 !important;
		margin: 0 !important;
		font-size: 12px !important;
	}
	table.top-icons {
		width: 43% !important;
	}
	td.menu {
		text-align: center !important;
	}
	.ban {
		background: url(images/banner.jpg) no-repeat -260px 0px;
		background-size: cover;
		height: 400px !important;
	}
	a.log img {
		width: 47% !important;
	}
	td.line span {
		font-size: 1.4em !important;
	}
	a.log.two img {
		width: 81% !important;
	}
	.container {
		width: 534px !important;
	}
}

@media only screen and (max-width: 480px) {
	.container {
		width: 420px !important;
	}
	.icon {
		width: 70%;
	}
	/*------ top header ------ */
	.header-bg {
		width: 280px !important;
		height: 10px !important;
	}
	.top-header-left {
		width: 260px !important;
		text-align: center !important;
	}
	.top-header-right {
		width: 260px !important;
	}
	.main-header {
		line-height: 28px !important;
		text-align: center !important;
	}
	.main-subheader {
		line-height: 28px !important;
		text-align: left !important;
		font-size: 0.86em !important;
	}

	/*------- header ----------*/
	.logo {
		width: 260px !important;
	}
	.nav {
		width: 260px !important;
	}

	/*----- --features ---------*/
	.feature {
		width: 260px !important;
	}
	.feature-middle {
		width: 222px !important;
		text-align: center !important;
	}
	.feature-img {
		width: 260px !important;
		height: auto !important;
	}
	.container {
		width: 403px !important;
	}
	.container-middle {
		width: 260px !important;
	}
	.mainContent {
		width: 222px !important;
	}
	.main-image {
		width: 222px !important;
		height: auto !important;
	}
	.banner {
		width: 222px !important;
		height: auto !important;
	}
	/*------ sections ---------*/
	.section-item {
		width: 222px !important;
	}
	.section-img {
		width: 222px !important;
		height: auto !important;
	}
	/*------- prefooter ------*/
	.prefooter-header {
		padding: 0 10px !important;
		line-height: 28px !important;
	}
	.prefooter-subheader {
		padding: 0 10px !important;
		line-height: 28px !important;
	}
	/*------- footer ------*/
	.top-bottom-bg {
		width: 260px !important;
		height: auto !important;
	}
	table {
		width: 100% !important;
	}
	.gallery-img a img {
		height: 134px !important;
	}
	.gallery-img1 a img {
		height: 60px !important;
	}
	.gallery-img2 a img {
		height: 60px !important;
	}
	table.b-text {
		padding-left: 1em !important;
	}
	td.line {
		font-size: 0.9em !important;
	}
	a.nav {
		padding: 10px 0 !important;
		margin: 0 !important;
		font-size: 12px !important;
	}
	table.top-icons {
		width: 43% !important;
	}
	td.menu {
		text-align: center !important;
	}
	.ban {
		background: url(images/banner.jpg) no-repeat -260px 0px;
		background-size: cover;
		height: 400px !important;
	}
	a.log img {
		width: 47% !important;
	}
	td.line span {
		font-size: 1.4em !important;
	}
	a.log.two img {
		width: 81% !important;
	}
}

@media only screen and (max-width:414px) {
	/*------ top header ------ */
	.header-bg {
		width: 280px !important;
		height: 10px !important;
	}
	.top-header-left {
		width: 260px !important;
		text-align: center !important;
	}
	.top-header-right {
		width: 260px !important;
	}
	.main-header {
		line-height: 28px !important;
		text-align: center !important;
	}
	.main-subheader {
		line-height: 28px !important;
		text-align: left !important;
		font-size: 0.86em !important;
	}

	/*------- header ----------*/
	.logo {
		width: 260px !important;
	}
	.nav {
		width: 260px !important;
	}

	/*----- --features ---------*/
	.feature {
		width: 260px !important;
	}
	.feature-middle {
		width: 222px !important;
		text-align: center !important;
	}
	.feature-img {
		width: 260px !important;
		height: auto !important;
	}
	.container {
		width: 290px !important;
	}
	.container-middle {
		width: 260px !important;
	}
	.mainContent {
		width: 222px !important;
	}
	.main-image {
		width: 222px !important;
		height: auto !important;
	}
	.banner {
		width: 222px !important;
		height: auto !important;
	}
	/*------ sections ---------*/
	.section-item {
		width: 222px !important;
	}
	.section-img {
		width: 222px !important;
		height: auto !important;
	}
	/*------- prefooter ------*/
	.prefooter-header {
		padding: 0 10px !important;
		line-height: 28px !important;
	}
	.prefooter-subheader {
		padding: 0 10px !important;
		line-height: 28px !important;
	}
	/*------- footer ------*/
	.top-bottom-bg {
		width: 260px !important;
		height: auto !important;
	}
	table {
		width: 100% !important;
	}
	.gallery-img a img {
		height: 134px !important;
	}
	.gallery-img1 a img {
		height: 60px !important;
	}
	.gallery-img2 a img {
		height: 60px !important;
	}
	table.b-text {
		padding-left: 1em !important;
	}
	table.b-text.one {
		margin-top: 3em !important;
	}
	td.line {
		font-size: 0.9em !important;
	}
	a.nav {
		padding: 10px 0 !important;
		margin-right: 3px !important;
		font-size: 12px !important;
	}
	td.telephone {
		padding: 0.7em !important;
		font-size: 0.9em !important;
	}
	td.h-t {
		font-size: 1.6em !important;
	}
	.container {
		width: 365px !important;
	}
}

@media only screen and (max-width:384px) {
	.container {
		width: 350px !important;
	}
}

@media only screen and (max-width:320px) {
	.ban {
		background: url(images/banner.jpg) no-repeat -260px 0px;
		background-size: cover;
		height: 180px !important;
	}
	td.line span {
		font-size: 1.2em !important;
	}
	span.h-title {
		font-size: 18px !important;
		line-height: 1.8em !important;
	}
	span.para {
		font-size: 0.9em !important;
		line-height: 1.8em;
	}
	a.learn {
		padding: 10px 3px !important;
		font-size: 0.9em !important;
	}
	tr.ban {
		width: 100% !important;
		height: 256px !important;
	}
	td.main-header {
		font-size: 2.2em !important;
	}
	td.new-text {
		padding: 0 24px !important;
		text-align: left;
	}
	a.log img {
		width: 71% !important;
	}
	.container {
		width: 295px !important;
	}
	a.nav {
		padding: 10px 0 !important;
		margin-right: 5px !important;
		font-size: 11px !important;
	}
}