body { background:#f7f7f7; color:#000 }


/* ---- HEADER --------------------------------------------------------------------------------------------------- */
	#mobileheader {margin-top:53px!important}
		#mobileheader .buttonspanel { position:fixed; top:0; z-index:100} 
	
	.buttonspanel{padding:7px 0; text-align:center;background: #0a5273}
		.buttonspanel>a {text-indent:-9999px}
		.btn_home {background: url(images/btnset/light/btn_home.png) center center no-repeat;}
		.call_btn {background: url(images/btnset/light/btn_call.png) center center no-repeat;}
		.contact_btn {background: url(images/btnset/light/btn_contact.png) center center no-repeat;}
		.maps_btn {background: url(images/btnset/light/btn_map.png) center center no-repeat;}
		.menu_btn, .bottom_menu_btn {background: url(images/btnset/light/btn_menu.png) center center no-repeat;}
	
	#mobilebanner {background: #499bc2;height:85px;}
		#mobilebanner .banner {background: url(images/mobile_logo.jpg) center center no-repeat; color:#fff;
		line-height:85px; font-size:28px; text-align:left; text-indent:-9999px }
	
	#bottom  {display:none;}
	@media screen and (orientation:landscape) {   #mobilegraphic {display:none;} }


/* ---- Graphic --------------------------------------------------------------------------------------------------- */
 #mobilegraphic img{ display:block; margin:0;width:100%;}



/* ---- Navigation menu ------------------------------------------------------------------------------------------- */
	.ddm {background: #499bc2;}
	.ddm li a,.ddm li a:hover {color: #fff;}
	.ddm li {border-bottom:1px solid white;}
	.ddm ul {background: #3c1653;}
	.ddm ul li a, .ddm ul li a:hover {color: #fff;}
	.ddm li ul li{border-bottom: 1px solid #fff;}
	.ddm ul ul {background: #0a5273;}



/* ---- MAIN ------------------------------------------------------------------------------------------- */
	#main article p { text-align:left !important;}
	#main article {background: #ffffff;}
	/* #main article section {padding:10px 20px;} */



/* ---- Footer ------------------------------------------------------------------------------------------- */
	footer.holder { background: #0c3f57;padding:20px 0}
	footer.holder, footer a {color:#fff; font-size:12px;}
	
	
	
/*  ********************************************* Landscape/portrait views *********************************************** */
	@media screen and (orientation:portrait) {   /* Portrait styles here */ }
	@media screen and (orientation:landscape) {   /* Landscape styles here */}
	
	
	
/*  *********************************************  GLOBALS *********************************************** */
/* Anything in style.css that looks weird in mobile, can be reset here */
/* also, any specific styling for mobile goes here, for the most part, all styling should be compatible with mobile    */

	h1,h2,h3,h4,h5,h6 {
	line-height: normal;
	width:auto!important;
	text-align:left!important;
	background: none;
	}

	.mobilefullwidth {max-width: 99%!important;}

/* -- Makes sures long words break apart and not break out of the mobile viewport -- */
	#main article p{
		/*-ms-word-break: break-all;
		word-break: hyphenate;*/
	}


/* --- Contact form --- */
.ismobile #contact_form .row-fluid .span6 .field { width:100%; clear:both}
.ismobile #contact_form .inputComment {width:87%}