html {
	background-color: #a1a19b;	
	background: url(../imgs/map-bg.jpg) no-repeat center center fixed; 
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover
}

body {
	font: 15px Arial, sans-serif;
	line-height: 1.4;
	letter-spacing: 0.0225em;
	color: #fff;
	margin: 0 0;
}

h1, h2, strong {
	color:#444;
}

/*
div { border: 1px solid #F0F;}
span { border: 1px solid #00F;}	
p { border: 1px solid #0FF;}
img {border: 1px dashed #F00;}
*/
	
#header {
	background-color: #fff;
	width:100%;
	height:130px;
	z-index:1;
}

#page-title {
	float:left;
	position:absolute;
	padding-left:42px;
	padding-top:58px;
	/*z-index:1;*/
}

/*#title-img {
	
}*/

#top-menu {
	padding-top:93px;
	float:right;
	font: 18px "Trebuchet MS", "Lucida Grande", Verdana, sans-serif; /*22px*/
}

#top-menu ul {
	list-style-type: none;
	margin: auto;
}

#top-menu li {
	float: left;
	padding-right:42px;
	padding-bottom:2px;
	background-color:#fff;
}

#top-menu a, #top-menu a:visited {
	text-decoration: none;
	color: #4b4b4b;
}

#top-menu a:hover, #top-menu a:visited:hover {
	color: #b2b7c3;
}

	
#content {
	color: #000;
}

/* add some padding at the bottom to allow everything to come up above the footer bar, based on the min height of the footer */
#content:after { content: "\0020"; display: block; height: 70px; clear: both; /*visibility: hidden;*/ }

#content-bg {
	background-color: #fff;
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	z-index:-1;
}

#content h1 {
	margin:0 0;
	padding:0 0;
	padding-top:48px;
	font: 22px "Trebuchet MS", "Lucida Grande", Verdana, sans-serif;
	font-weight: bold;
}

#content a, #content a:visited {
	text-decoration: none;
	color: #000;
}

#content a:hover, #content a:visited:hover {
	color: #b2b7c3;
}

/*#columns {
	border:1px dashed red;
	padding-left:42px;
	padding-right:42px;
	margin:0 auto;
	position: relative;
	width: 1280px;
}*/

.col-img {
	max-width:100%; 
	max-height:100%;
}

.col {
	/*position:relative;
	top:0;*/
/*	margin-right:60px;*/
	/*max-width:420px;*/
	width:30.66%; /* thirds for 3 col ui */
	float:left;
	display: inline;
/*	padding-bottom:20px;*/
/*	display:table-cell;*/
}

.col:last-child {
	/*margin-right:0px;
	float:none;*/
	margin-right: 0!important;
	clear: right;
}

#by-line {
	font-size:48px;
	padding-right:42px;
	text-align: right;
	padding-bottom:10px;
	position:relative;
}

.a50 {	
	/* cross browser transparency */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";       /* IE 8 */
	filter: alpha(opacity=50);  /* IE 5s-7 */
	-moz-opacity: 0.5;          /* Netscape */
	-khtml-opacity: 0.5;        /* Safari 1.x */
	opacity: 0.5;               /* Good browsers */
}

.a70 {	
	/* cross browser transparency */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";       /* IE 8 */
	filter: alpha(opacity=70);  /* IE 5s-7 */
	-moz-opacity: 0.7;          /* Netscape */
	-khtml-opacity: 0.7;        /* Safari 1.x */
	opacity: 0.7;               /* Good browsers */
}

#footer {
	font-family:"Trebuchet MS", "Lucida Grande", Verdana, sans-serif;
	
	/* Bottom align */

	position:fixed;
   bottom:0;
   left:0;
	
	height: auto;
	min-height: 70px;
	width:100%;
	
	z-index:2;

   overflow:hidden;
}

#footer-bg {
	background-color: #000;
	width:100%;
	height:100%;
	position:absolute;
	z-index: -1;
}

#description{
	float:none;
	padding-left:42px;
	padding-right:22px;
	width:auto;
	/*text-align:justify;*/
	/*border:1px dashed pink;*/
}

#desc { 
	visibility: visible;
	/*border:1px dashed green;*/
}

#desc-alt {
	visibility: hidden;
	height:0;
}

#contact-mini {
	float:right;
	width:220px;
	height:100%;
	padding-right:42px;
	padding-left:22px;
/*	border:1px dashed white;*/
}

#contact-mini p:last-child {
	margin-top:-10px;
}

#footer a, #footer a:visited{
	text-decoration: none;
	color: #FFF;
}

#footer a:hover, #footer a:visited:hover {
	color: #b2b7c3;
}

.service-box {
	/*line-height:1.2em;*/

}

.service-box h2 {
	color:#666 !important;
}

.contact p:last-child{
	line-height:0.75em;
}

.contact strong{
	font-size:1.1em;
}

.lic { /* Licence */
	float: right;
}

.services li {
	line-height:2.0em;
}

/* MEDIA QUERIES */

/* landscape phone */
@media only screen and (max-width: 850px) and (min-width: 580px) {

	#by-line { font-size:36px; }	
	#page-title { padding-top:30px; }
	
	#title-img { width:275px; height:54px; /*width:75%; height:75%;*/ }
	
	#top-menu { float:left;	/*padding-top:75px;*/}	
	#top-menu li {	padding-right: 22px; }
	/*#footer {font-size:1.0em !important; }*/
	#footer {/*border:1px dashed yellow;*/}	
}

/* Landscape phone and (min-width: 140px) */
@media only screen and (max-width: 579px)  {
	
	#by-line { font-size:24px; padding-right:22px; }	
	#page-title { padding-top:20px; }
		
	/* Android Browser fails on % */	
	#title-img { width:275px; height:54px; /*width:75%; height:75%;*/ } /* 366 × .75 =  274.5,  72 * .75 = 54 :  */
	
	#top-menu { float:left; font-size:1.0em; /*padding-top:75px;*/}	
	#top-menu li {	padding-right: 22px; }
	#top-menu li:last-child { padding-right: 12px; }
	
	#description { /*float:left; */
			/*padding-top:0px;*/
	}
	/*#desc { visibility: visible; height:auto}	*/
	#footer {/*border:1px dashed green;*/ }
	/*#desc p { font-size:0.9em;}*/	
	#contact-mini { float:left; padding-left:42px; /*border:1px dashed yellow;*/}
	#contact-mini p:last-child {margin-bottom:0px;}
	#description { float:left; }
}

/* Mobile Landscape iphone 5 (max-width:641px) and  */
@media only screen and (max-height:400px) and (max-width:579px) {
	#contact-mini p:last-child {margin-bottom:0px;}
	#desc { visibility:hidden; height:0; margin-bottom:0px;}
	#desc-alt { visibility:visible;  height:auto;}
	#desc-alt p { margin-top:0px;}
	/*#by-line { visibility:hidden; height:0; padding:0 0;}*/
	#by-line { font-size:18px; padding-right:22px; }
	#footer {font-size:0.9em !important; /*border:1px dashed red;*/ }
}

/* slim phone landscaape */
@media only screen and (max-width:375px) {
	#title-img { width:242px; height:48px; /*width:75%; height:75%;*/ } /* 366 × .66 =  242,  72 * .66 = 48 :  */
	#top-menu { font-size:0.9em; }
	#top-menu li {	padding-right: 12px; }
	#by-line { font-size:18px; }	
	#footer {font-size:0.9em; /*border:1px dashed blue;*/ }
}