@charset "UTF-8";
/* CSS Document */

.logo {margin:0 0 10px 40px;}
#social {margin:0 40px 0 0;}

  nav {margin: 10px 0 0; text-align:left;}
  nav ul {vertical-align: top; padding:0 0 0 5px;}
  nav:hover ul {margin-top:0;}
  nav ul li {display:none; margin: 0; top:0;}  
  nav:hover li {display:block; list-style: outside none none;}
  nav ul ul {margin-left:145px;}
  nav a, nav a:link, nav a:visited {color:#fff; padding:10px 11px; margin:0 auto 0 0;} 
  nav a:hover {background-color: #148edb;}
  
  .submenu a, .submenu a:link, .submenu a:visited {background: #148edb;}
 .submenu a:hover {background-color: #3d9dd0;}
  
  .menu {display:inline-block;}	
  
.services, .who, .what {margin-left:199px;}
.services {top:80px;}
.who {top:160px;}
.what {top:200px;}

#content {margin: 40px;}

blockquote {color:#2E2C33; margin-left: 0px;}

@media (max-width:640px) {	
#social {
	width:90%; 
	margin:0 20px 0 40px;
	float:right;}
	
#social p {float:left;}
.enews {float:right; width:210px;}
}

@media (max-width:600px) {	
ul {margin:0 0 10px 10px;}
li {margin: 0 0 5px 10px;}
}

@media (max-width:530px) {
.logo {margin:0 0 5px 20px;}
.enews {	float:right; width:210px;}

#content {margin: 30px;}
.photo_r, .photo_l {width:65%; height:auto;}
	
.hidden {visibility:visible; position:relative;}
.m_hidden {visibility:hidden; position:absolute;}
.f_hidden {visibility:hidden; position:absolute;}

.space {padding:0 15px;}
}

@media (max-width:430px) {
.logo {width:85%; margin:0 20px 15px;}

#content {margin: 20px;}
.photo_r, .photo_l {width:55%; height:auto;}
}


@media (max-width:400px) {
.logo {width:90%; margin:0 20px 5px;}
	
nav ul li {width:150px;}
nav ul ul li {width:160px;}

.services, .who, .what {margin-left:145px;}
.who {top:180px;}
.what {top:220px;}

.photo_r, .photo_l {width:90%; height:auto; float:none; margin:10px 0 0;}
}