﻿body {
				font-family: Arial, Helvetica, sans-serif;
	height: 75px;
}
.left_column_main {
	border-radius: 20px;
	width: 73%;
	float: left;
	background-color: #FFFFFF;
	margin-top: 15px;
	padding-left: 10%;
}
.left_index_main {
	border-radius: 20px;
	width: 83%;
	float: left;
	background-color: #FFFFFF;
	margin-top: 15px;
	
}

.rt_column_nav {
	border-radius: 20px;
	width: 15%;
	float: right;
	background-color: #d1bba4;
	text-align: center;
	font-weight: bold;
	margin-top: 15px;
}
.rt_column_nav p {
	background-color: #FFFFFF;
	margin-right: 5px;
	margin-left: 5px;
}
.fifty {
	width: 50%;
	
}
#logo_header {
	border-top-left-radius: 20px;
	padding: 5px 20px 5px 20px;
	float: left;
	background-color: #d1bba4;
	text-align: center;
}
#header {
	float: left;
	height: 70px;
	width: 50%;
	background-color: #d1bba4;
	font-size: x-large;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	color: #FFFFFF;
	padding-top: 20px;
}
#contact_nav {
	height: 70px;
	padding-bottom: 20px;
	background-color: #d1bba4;
	text-align: center;
}
#contact_nav a{
	color: #ffffff
}

.eighty {
	width: 80%;
	padding-left: 0px;
	padding-right: 0px;
	padding-left: 0px;
	margin-left: 12%;
}
hr {
	width: 100%;
}
.address {
	float: left;
	width: 49%;
	color: #FFFFFF;
	background-color: #000000;
}
.comp_links {
	float: left;
	width: 49%;
	text-align: center;
		background-color: #000000;
}
.comp_links a{
		color: #FFFFFF;
	}

.rt_margin {
	margin-right: 50px
}
.White {
	color: #FFFFFF;
	font-weight: bold;
}
.floatleft{
	float: left;
	padding-left: 5px;
}
@media only screen and (max-width: 770px){
/*
	Max width before this PARTICULAR table gets nasty
	This query will take effect for any screen smaller than 760px
	and also iPads specifically.
	*/
	@media 	only screen and (max-width: 760px),
	(min-device-width: 768px) and (max-device-width: 1024px)  {

		/* Force table to not be like tables anymore */
		tr {
			display: block;
		}

		td {
			display: block;
		}

		th {
			display: block;
		}

		tbody {
			display: block;
		}

		thead {
			display: block;
		}

		table {
			display: block;
		}

		/* Hide table headers (but not display: none;, for accessibility) */
		thead tr {
			position: absolute;
			top: -9999px;
			left: -9999px;
		}

	

		td {
			/* Behave  like a "row" */
			border: none;
			
			position: relative;
			padding-left: 1%;
		}

		td:before {
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px;
			left: 6px;
			width: 100%;
			padding-right: 10px;
			white-space: nowrap;
		}	

.left_column_main {
	margin: 0px;
	padding: 0px;
	width: 100%;
	background-color: #FFFFFF;
}
.rt_column_nav {
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 20px;
	width: 100%;
	}
.left_index_main {
	margin: 0px;
	padding: 0px;
	width: 100%;
	background-color: #FFFFFF;
}

.fifty {
	width: 100%;
	float: left;
	padding-left: 1%;
}
#logo_header {
	float: left;
	height: 70px;
	padding-right: 0px;
	padding-left: 0px;
	width: 100%;
}
#header {
	float: left;
	height: 70px;
	padding-right: 0px;
	padding-left: 0px;
	width: 100%;
	text-align: center;
}
.eighty {
	width: 100%;
	padding-left: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
.fifty {
	width: 100%;
	float: left;
	padding-left: 1%;
}
.address {
		width: 100%;
}
.comp_links {
	width: 100%;
}
#contact_nav {
	padding-bottom: 20px;
	background-color: #d1bba4;
	text-align: center;
	width: 100%;
}
				
}
