@CHARSET "UTF-8";
body{
	margin: 0px;
	padding: 0px;
	color: #555555;
	font-family: Arial;
}
h1,h2,h3,h4,h5,h6{
	margin: 50px 5px 50px 5px;
	text-align: left;
	
}
h1,h2,h3,h4,h5,h6,
#terms_box h2, #terms_box h3, #terms_box h4{
	color: #555555;	
	margin: 5px;
}

h1{
	margin-top: 25px;
	font-size: 35px;	
}
h2{
	font-size: 25px;	
}
h3{
	font-size: 20px;	
}
p{
	margin:3px;
	font-size: 18px;	
}
div{
	font-size: 18px;
}
a,
a:VISITED{
	color: #3B5998;
	text-decoration: none;
}
a:hover{
	color: #283A4F;
}
a img{
	border: none;
}
th{
	text-align: left;	
}

.clear{
	clear: both;	
}

input[type="submit"],
.button,
a.button,
a.button:visited{
	margin: 0px auto;
	background-color: #f1640c;
	background: linear-gradient(to top,  #f1640c 0%,#f5a700 100%); /* W3C */
	padding: 10px;
	width: 200px;
	text-align: center;
		text-decoration: none;
	color: #fff;
	font-weight: 700;
	border: none;
	border-radius: 4px;
}
input[type="submit"][disabled]{
	background: #ffe861; /* Old browsers */
/*	background: linear-gradient(to  top,  #69d7ff 0%,#41ccff 100%);  W3C */
}

input[type="submit"]{
	height: 32px;
	width: 115px;
	margin-top: 2px;	
}


input[type="submit"]:hover,
.button:hover,
a.button:hover,
a.button:hover{
	background: #f5a700;
	background: linear-gradient(to top,  #f5a700 0%, #ffe861 100%); /* W3C */
}
input[type="submit"]:active,
.button:active,
a.button:active,
a.button:active{
	background-color: #ffe861;
	background: linear-gradient(to top,  #ffe861 0%,#f5a700 100%); /* W3C */
}
div#container{
	clear: both;
	margin: 0px auto;
	max-width: 100%;
}
div#content_container{
	background-color: #FFFFFF;
/*	clear: both;*/
	min-height:400px;
	padding-bottom: 40px;
}
div#content_container li{
	line-height: 1.5;
/*margin:5px 0px;*/
}
/********header******/
#header_container{
	margin: 0px auto;
	background-color: #ffffff;
}
#header_container img{
	margin-top:20px;
	float: left;
}
#header_right{
	margin: 0px 0px 10px 0px;
	float: right;
	max-width: 650px;
	color: #2e6acf;
	font-size: 18px;
}
#header_right p{
	text-align: center; 
	font-size: 18px;  
	line-height: 40px; 
	margin-top:10px;
}
#header_right a{
	color: #555555;
}
#header_right a:hover{
	color: #aaaaaa;
}
#main_nav, #cart_header, .info_box_header{
	clear: both;
 	min-height: 40px; 
	color: #2e6acf;
}
#main_nav-outer{
	width: 100%;
	background-color: #000000;
/*	height: 100px;*/
}
#main_nav{
	margin: 0px auto;
	max-width:1000px;
}
#main_nav ul{
	padding: 0px;
	margin: 0px;
}

#main_nav  li{
	float:left;
	display: inline;
	text-align:left;
	padding: 10px 20px 9px 20px;
}
#nav-btn,
#main_nav a,
#main_nav li{
	text-decoration: none;
	color: #2e6acf;
	color: #f32727;
	color: #FB6A6A;
	color: #FFFFFF;
	font-size: 18px;
}
#main_nav a:hover{
	background: none!important;
}
#main_nav li:hover{
	background-color: #555555; 
}
div.drop_menu{
	margin: 5px 0pc 0pc -21px;
	z-index:1000!important;
	background-color: #555555;	
	position: absolute;
	text-align: left;
	padding: 5px;
	border: 1px solid #555555;
	
}
#main_nav a:hover{
	background: #cccccc;
}

div#footer_container{
	background-color: #000000;
/*	background-image: url('/images/foot_bg.jpg');*/
/*	background-repeat: no-repeat;*/
	color: #E4E4E4;
}
footer h2{
	color: #FFF; 
	text-align: left;
}
#contact_grid,
#footer_grid{
	float: left;
	width:550px;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(256px, 1fr) );
	grid-gap: 10px;
}
#contact_grid{
	width: 100%;
}
.contact_grid_item,
.footer_grid_item {
	line-height: 1.4;
	text-align: left;
}
.footer_grid_item a{
	color: #eeeeee;
}
.footer_grid_item a:hover{
	color: #cccccc;
}
#footer_map {
	max-width: 450px; 
	float: left; 
	height: 250px;

  position: relative;
  overflow: hidden;
  width: 100%;
  /*padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) /* put in responive */ 
}

#footer_map_iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  
  border: none;
  overflow: hidden;
}
#foot_copy{
	font-size: 12px;	
	float: left;
	margin: -20px 50px 0px 0px;
}
#foot_copy a{
	color: #FFFFFF;
	font-weight: bold;
}
#foot-mwd a{
		color: #FFFFFF;
}
#foot-mwd img{
	float:right;
	margin-left:20px;
}
#foot-mwd span{
	float:right; 
	margin-top:5px; 
	text-align:center;
}
/******left_column*****/
div.left_column{
	float: left;
	width: 200px;
}
div.left_column a{
	margin-left: 3px;
}
/********* info box ****/
.info_box{
	border: 1px solid #5488a8;
	margin-bottom: 10px;
}
.info_box_header{
	padding: 3px 0px 0px 5px;
	height: 27px;
	text-shadow: 0 1px 1px rgba(0,0,0,.8);
	vertical-align: middle;
}
.info_box_content{
	margin: 3px;
	font-size: 15px;
}
/****** Pagination *****/
table.pagination{
	width:100%;
	border-spacing: 0;
	clear: both;
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	height: 17px;
	margin: 5px 0px 5px 0px;
	padding: 5px;
	font-size: 12px;
}
table.pagination a{
	text-decoration: none;	
}
table.pagination td.page_first{
	width: 35px;
}
table.pagination td.page_previous{
	width: 60px;
}
table.pagination td.page_numbers{
	text-align: center;
}
table.pagination td.page_next{
	width: 40px;
}
table.pagination td.page_last{
	width: 40px;
}
table.pagination td.total_pages{
	text-align: right;
	width: 80px;
	min-width: 80px!important;
	
}
/****** Pagination *****/
table.login_form{
	margin: 0px auto;
	padding: 5px;
	width: 350px;
	border: 1px solid;
}
/*****message container*****/
.message_container_info,
.message_container_error,
.message_container_success{
	border: 1px solid #CCCCCC;
	width: 100%;
	max-width: 500px;	
	margin: 10px auto;
}
.message_container_info p,
.message_container_error p,
.message_container_success p{
	margin: 15px;
}
.message_container_info{
	background-color: #EEEEEE;
	color: #000000;
}
.message_container_error{
	background-color: #FFA8A8;
	color: #000000;
}
.message_container_success{
	background-color: #89FC63;
	color: #333333;
}
/*****message container*****/
/*********** content_responcive******/
.txt_container_l2_3{
	float: left;
	max-width: 66%;
}
.img_r1_3{
	margin-left: 5px;
	max-width: 33%;
	float: right;
}
/*********** content_responcive******/
/** contact form **/
table.contact_form{
	margin: 0px auto;
}
table.contact_form input[type="input"], table.contact_form select, table.contact_form textarea{
	max-width: 300px;
}
#contact_map {
 	height: 250px; 
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 15%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */ 
}
#contact_map_iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  
  border: none;
  overflow: hidden;
}
/*****testimonials ****/
.testimonials_testimonial_outer{
	clear: both ;
	margin: 20px 10px 0px 10px;
	padding: 10px;
	background-color: #F1F7FC;
	border-radius: 5px;
/* 	position: relative; */
	min-height: 260px;
}
.testimonials_testimonial_outer img {
	float: left;	
	margin-right: 10px;
}
.testimonials_testimonial_inner h3{
	margin: 0px 0px 5px 0px;	
}
/*****Listings1 ****/
.listings_outer{
	clear: both ;
	margin: 20px 10px 0px 10px;
	padding: 10px;
	border: 1px solid #4495FB;
	position: relative;
}
.listings_outer img {
	float: left;	
	margin-right: 10px;
}
.listings_inner h3{
	margin: 0px 0px 5px 0px;	
}
.listings_inner p{
	height: 150px;
	overflow: hidden;
}
#blog_listings .listings_inner p{
	height: 120px;
}
#gallery_listings .listings_inner p{
	height: 180px;
}
/********** Blog ************/
#blog_nav_colum{
 	float: left;
	width: 192px;
	height: 500px;
	margin-left: 5px;
}
#blog_nav_colum strong{
	color: #4496FC;
}
#blog_main_content{
	width: 795px;
	margin-left: 5px;
	float: left;
}
#blog_listings{
	margin-right: 5px;
}
#blog_title_box{
	float: left;
	width: 690px;
}
#blog_post_date{
	float: right;
	font-size: 10px;
	color: #cccccc;
}
/********************* grid 3 col **********/
.grid_col_3 {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(256px, 1fr) );
	grid-gap: 10px;
}
.grid_col_3_item {
	text-align: center;
/*	margin-bottom: 80px;*/
}
.grid_col_3_item img {
	width: 100%;
}

/********************************88888888888 Services **************************/
#service_listings_grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(256px, 1fr) );
	grid-gap: 10px;
}
.service_listing_item {
	margin-bottom: 50px;
}
.service_listing_item img {
	width: 100%;
}
.service_listing_item h2 {
	padding: 5px 0px;
	font-size: 16px;
	text-align: center;
	height: 36px; /*for 2 lines*/
}
.service_listing_item span {
	font-size: 16px;
	margin-right: 10px;
	float: right;
}
/**************** serivce page ****************/
#service_main_img{
	margin: 5px;
	float:left;
}
#service_gotto_action{
	margin: 10px 0px;
	padding: 20px;
	background-color: #2e6acf;
	color:#ffffff;
}
#service_gotto_action h2{
	color:#ffffff;
}
#service_gotto_action a{
	color: #DDDDDD;
}
#service_gotto_action img{
	float: right;
	max-width:35%;
}
#service_gotto_action_inner{
	float: left;
	max-width: 63%;
}
/**************** serivce page ****************/
.wide-1000{
	max-width: 1000px;
	margin: 0px auto;
}


/**************responcive KEEP AT BOTTEM******************/
.nav-btn{ /*  for responcive */
	float: left;
	display: none;
	padding: 9px 20px 8px 20px;
	font-weight:900;
	margin: 0 10px;
	font-size: 20px;
	text-align: center;
	border: none;
	border-radius: 4px;
	background-color:#000000;
}
.nav-btn:HOVER{
		background-color:#f1640c;
	}


@MEDIA (max-width: 1015px) {
	.nav-btn{
		display: block;
	}	
	#main_nav ul{
		clear: both;
		background-color: #000000!important;
	}
	#main_nav li{
		display: block;
		float: none;
		clear: both;
	}
	#main_nav{
		background-color: #000000!important;
	}
	.left_column, #main_nav ul{
		display: none;
		margin:0px!important;
	}
	.left_column {
		width: 100%!important;
		margin:0px!important;
		height: 100%!important;
	}
	.left_column *{
		background: none;
		border: none;
		color: #000000!important;
	}
	div#content_container{
		padding-top: 0px;
	}
	#blog_main_content,
	#gallery_grid{
		max-width:100%;
	}
	/***************** register plus other forms **********/
	.account_form{
		width: 290px;
	}
	.account_form table th{
		width: 190px;
	}
	.account_form table{
		margin-left: 0px;
	}
	.account_form table td select,
	.account_form table td input[type="input"]{
		width: 190px;
	}
	.button_array{
		margin: 10px auto;
		width: 275px;
	}

	/***********Log In*************/
	#new_user_panel,
	#login_user_panel{
		width: 300px;
		margin: 10px auto 0px auto;
		padding: 5px;
		clear: both;
		float:none; 
	}
	#customer_login{
		margin: auto;
	}
	#customer_login td input{
		width: 150px;
	}
	/**** Checkout *****/
	#checkout_cart_outer,
	#checkout_left_col,
	#checkout_payment,
	#checkout_comment,
	#checkout_accept{
		float: none;
		clear: both;
		max-width: 310px;
		margin: 10px auto 0px auto;
	}
	#checkout_payment,
	#checkout_comment{
		height: auto;
	}
	.hide_1000
	{
		display: none;	
	}
}
@MEDIA (max-width: 1015px) { 
	#footer_grid{
		float: none;
		width:100%;
	}
	contact_grid_item,
	.footer_grid_item {
		line-height: 1.25;
		margin:0px auto;
	}
	#footer_map{
		max-width: none;
		float: none; 
		padding-top: 30.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
	}
}

@MEDIA (max-width: 919px) { /*mobile*/
	#header_container{
		text-align: center;
	}
	#header_container img{
		float: none;
		margin-top: 20px;

	}
	#header_right{
		max-width: none;
		width: 100%;
	}
	#header_right p{
			max-width: 100%;
			line-height: 30px; 
			margin-top:5px;
	}
}
@MEDIA (max-width: 851px) {
	#foot_copy{
		float: none;
		text-align: center;
		margin: 0px;
	}
	#foot-mwd {
		width:450px;
		margin: 0px auto;
	}
}
@MEDIA (max-width: 600px) { /*mobile*/
/*********** content_responcive******/
	.txt_container_l2_3{
		float: none;
		max-width: 100%;
	}
	#service_main_img,
	.img_r1_3{
		float: none;
		margin: 5px auto;
		display: block;
		max-width: 100%;
		clear: none;
	}
	
	#service_gotto_action img{
		float: none;
		margin: 5px auto;
		display: block;
		max-width: 100%;
		
	}
	#service_gotto_action_inner{
		float: none;
		max-width: 100%;
	}
	table.contact_form input[type="input"], table.contact_form select, table.contact_form textarea{
		 max-width: 245px;
	}
	#foot-mwd{
		text-align:center;
		 width:100%;
		 margin-bottom: 10px;
	}
	#foot-mwd img{
		float:none;
		margin: 0px;
	}
	#foot-mwd span{
		float:none; 
		margin: 0px auto; 
		text-align:center;
		display: block;	
	}
}
/**************responcive KEEP AT BOTTEM******************/