img.banner
{	width: 100%;
	height: auto;
	border: 0; }


img.banner-map
{	width: 100%;
	max-width: 800px;
	margin: 0px auto;
	height: auto;
	border: 0; }


body 
{	margin: 0px;
	background: #FFF; }

body,td,th 
{	font-family: Lato, sans-serif;
	font-size: 14px;
	line-height: 2;
	color: #ccc; }

h1
{	color: #000;
	font-size: 25px;
	margin: 0;
	text-transform: uppercase;
	font-weight: normal; }

h2
{	color: #000;
	font-size: 20px;
	text-transform: uppercase;
	margin: 0;
	padding: 0px 0px 5px 0px;
	border-bottom: 1px solid  #E3E3E3; 
	font-weight: normal; }

h3
{	color: #fff;
	font-size: 40px;
	margin: 0;
	text-transform: uppercase;
	font-weight: normal; }
	
h4
{	color: #FFF;
	font-size: 30px;
	text-transform: uppercase;
	margin: 0;
	font-weight: normal; }
	
	
a:link, a:active, a:hover, a:visited 
{	color: #fff;
	text-decoration: none; }
	
	
a.link-button:link, a.link-button:visited, a.link-button:active
{	color: #FFF;
	font-size: 14px;
	text-decoration: none;
	padding: 10px 10px;
	background: #000;
	margin: 20px 10px;
	border: 1px solid #999;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
	-ms-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;  }
	
a.link-button:hover
{	background: #383838;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
	-ms-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;  }

.green 
{	color: #96c93c; }


.home-title  
{	color: #96c93c;
	font-size: 30px;
	margin: 0;
	font-weight: normal; }
	
div.top-bar
{	width: 100%;
	height: 20px;
	padding: 10px 0px;
	background: #000;
	position: relative;
	z-index: 9; }

div.top-bar-menu
{	width: 95%;
	max-width: 900px;
	height: 20px;
	margin: 0px auto; }

div.top-left-message
{	width: auto;
	height: 12px;
	line-height: 1;
	font-size: 11px;
	padding: 4px 0px;
	float: left;
	color: #CCC;
	display: block; }
	
div.top-right-contact
{	width: auto;
	height: 12px;
	line-height: 1;
	font-size: 11px;
	padding: 4px 0px 4px 20px;
	float: right;
	color: #CCC;
	display: block; }

div.mobile-contactus
{	width: auto;
	height: 12px;
	line-height: 1;
	font-size: 11px;
	padding: 4px 0px 4px 20px;
	float: right;
	color: #CCC;
	display: none; }

div.contact-icon
{	width: auto;
	height: 20px;
	float: left; }
	
div.header-bar
{	width: 100%;
	height: auto;
	overflow: auto;
	margin: 0;
	padding: 20px 0px;
	background: rgba(0, 0, 0, 1.0);
	position: relative;
	z-index: 8;  }

div.header
{	width: 95%;
	max-width: 900px;
	height: auto;
	margin: 0px auto; }

div.logo
{	width: 60%;
	height: auto;
	text-align: center;
	margin: 0px auto;
	float: none; }

div.menu-strip
{	width: 100%;
	height: 30px;
	padding: 10px 0px 10px 0px;
	background: url(/images/blackboard.jpg) center; }

div.menu-holder
{	width: 280px;
	height: 30px;
	margin: -10px auto 0px auto;
	float: none; }

div.banner-image
{	width: 100%;
	height: auto;
	margin: 0px auto 0px auto;
	max-height: 700px;
	overflow: hidden;
	position: relative;
	z-index: 5; } 
	
div.content-holder
{	width: 95%;
	max-width: 900px;
	height: auto;
	min-height: 300px;
	overflow: auto;
	margin: 0px auto;
	padding: 20px 0px; }

div.left-content
{	width: 44%;
	height: auto;
	overflow: auto;
	float: left; }
	
div.right-content
{	width: 44%;
	height: auto;
	overflow: auto;
	float: right; }
	

div.left-content-third
{	width: 30%;
	height: auto;
	overflow: auto;
	float: left; }

div.middle-content-third
{	width: 30%;
	height: auto;
	overflow: auto;
	margin: 0px 5%;
	float: left; }

div.right-content-third
{	width: 30%;
	height: auto;
	overflow: auto;
	float: right; }

div.content-holder-center
{	width: 95%;
	max-width: 900px;
	height: auto;
	text-align: center;
	overflow: auto;
	margin: 0px auto;
	padding: 20px 0px; }
	
div.content-holder-center-light
{	width: 95%;
	max-width: 900px;
	height: auto;
	text-align: center;
	color:#CCC;
	overflow: auto;
	margin: 0px auto;
	padding: 20px 0px; }
	
div.content-holder-center-bg
{	width: 100%;
	height: auto;
	text-align: center;
	overflow: auto;
	background: #f5f5f5;
	margin: 0px auto;
	padding: 20px 0px; }
	
div.message
{	width: 95%;
	max-width: 900px;
	height: auto;
	text-align: center;
	overflow: auto;
	font-size: 16px;
	color: #FFF;
	margin: 0px auto;
	padding: 20px 0px; }

div.menu-link
{	width: 100%;
	height: auto;
	background: url(/images/blackboard.jpg) center;
	border-bottom: 1px solid #999;
	border-top: 1px solid #999; }

div.band-light
{	width: 100%;
	height: auto;
	min-height: 100px;
	overflow: auto;
	padding: 40px 0px;
	background: #f5f5f5;
	position: relative;
	z-index: 7; }
	
div.band-dark
{	width: 100%;
	height: auto;
	min-height: 100px;
	overflow: auto;
	padding: 40px 0px;
	background: url(/images/blackboard.jpg);
	position: relative;
	z-index: 7; }
	
div.band-green
{	width: 100%;
	height: auto;
	min-height: 100px;
	overflow: auto;
	padding: 40px 0px;
	background: #96c93c;
	position: relative;
	z-index: 7; }
	
div.band-blue
{	width: 100%;
	height: auto;
	min-height: 100px;
	overflow: auto;
	padding: 40px 0px;
	background: #233871;
	position: relative;
	z-index: 7; }
	
div.calls-holder
{	width: 95%;
	max-width: 900px;
	height: auto;
	padding: 40px 0px;
	overflow: auto;
	margin: 20px auto; }

div.home-calls
{	width: 15%;
	height: auto;
	padding: 0px 5%;
	float: left; }
	
div.calls-icon
{	width: 100%;
	height: auto;
	text-align: center;
	margin: 0px auto 20px auto; }

div.calls-text
{	width: 100%;
	height: auto;
	text-align: center;
	margin: 0px auto 0px auto; }
	
.calls-title 
{	color: #233871;
	font-size: 20px;
	margin: 0; }


div.sidebar
{	width: 20%;
	height: auto;
	float: left;
	display: block; }
	
div.contentbar
{	width: 75%;
	height: auto;
	float: right;
	border-left: 1px solid #E3E3E3;
	padding: 0px 0px 0px 2%;
	display: block; }
	
div.footer-bar
{	width: 100%;
	height: auto;
	padding: 20px 0px;
	background: #383838;
	position: relative;
	z-index: 7; }
	
div.footer
{	width: 95%;
	max-width: 900px;
	margin: 0px auto;
	height: auto;
	overflow: auto;
	color: #999; }

div.footer-left
{	width: auto;
	height: auto;
	float: left;
	text-transform: uppercase;
	font-size: 11px;
	padding: 0px 20px 0px 0px; }

div.footer-scratch
{	width: auto;
	height: auto;
	float: right;
	padding: 0px 0px 0px 20px; }
	
.button_mainpage {
	background: #000;
	margin: 0px;
	padding: 20px;
	height: auto;
	width: auto;
	border: 0 none;
	cursor: pointer;
	font-size:10px;
	line-height:1;
	font-weight:normal;
	color: #FFFFFF;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
	-ms-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s; }
	
.button_mainpage:hover {
	background: #666;
	margin: 0px;
	padding: 20px;
	height: auto;
	width: auto;
	border: 0 none;
	cursor: pointer;
	font-size:10px;
	line-height:1;
	font-weight:normal;
	color: #FFFFFF;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
	-ms-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s; }
	
	

/**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**/
	
/*TABLE STYLES */	

/**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**/

	
#customers {
    width: 100%;
    border-collapse: collapse;
}

#customers td, #customers th {
    border: 1px dotted #d6dced;
    padding: 3px 7px 2px 7px;
}

#customers th {
    text-align: center;
	font-weight: normal;
    padding-top: 5px;
    padding-bottom: 4px;
    background-color: #233871;
    color: #ffffff;
}

#customers tr.alt td {
    color: #000000;
    background-color: #d6dced;
}