/*   
Theme Name: PML website
Author: Michael McGuinness
*/

HTML  .full-image{
	background: url(images/backgrounds/landing.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

HTML .full-image-about{
	background: url(images/backgrounds/about-us.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

HTML .full-image-news{
	background: url(images/backgrounds/news.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

HTML .full-image-hub{
	background: url(images/backgrounds/the-hub.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

HTML .full-image-services{
	background: url(images/backgrounds/services.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

HTML .full-image-contact{
	background: url(images/backgrounds/contact.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

body {
	font-family:'Helvetica', sans-serif;
	margin:0;
	padding:0;
	position:relative;
}


/*Heading and nav*/
nav {
	position:fixed;
	top:0px;
	margin: 0 auto;
	background-color:rgba(51, 168, 223, 0.60);
	height:80px;
	width:100%;
	margin-top:0px;
	z-index:200;
}

#logo {
	position:fixed;
	top:0px;
	width:180px;
	height:140px;
	left:20px;
	background-color:rgba(0, 0, 0, 0.8);
	z-index:10;
}

#login {
	position:fixed;
	top:0px;
	float:right;
	right:20px;
	width:180px;
	height:80px;
	line-height:1.5;
	font-size:10px;
	padding-top:10px;
	font-weight:bold;
	text-align: right;
	z-index:110;
}
#login a:link{
	color:white;
	text-decoration:none;
	padding:1px 5px;
}
#login a:visited{
	color:white;
}
#login a:hover{
	color:white;
	background-color:rgba(0, 0, 0, 0.80);
}

nav section {
	position:relative;
	margin: 0 auto;
	width:900px;
	background-color:rgba(0, 0, 0, 0.80);
	height:80px;
}

/*End of Heading and nav*/


/*Start of body content*/
section {
	margin: 0 auto;
	width:900px;
	height:auto;
}

#body-contents {
	position:static;
	margin: 0 auto;
	margin-top:-50px;
	margin-bottom:200px;
	z-index:100;
}
#map {
	margin: 0 auto;
	width:100%;
	height:650px;
}

section  article {
	width:625px;
	height:auto;
	background-color:rgba(255, 255, 255, 0.95);
	padding:10px 20px;
	float:left;
	margin-bottom:180px;
}
section  article a:link {
	color:rgb(51, 168, 223);
	text-decoration:none;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all.2s ease-in-out;
	-o-transition: all.2s ease-in-out;
	transition: all.2s ease-in-out;
}
section  article a:visited {
	color:rgb(51, 168, 223);
	text-decoration:none;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all.2s ease-in-out;
	-o-transition: all.2s ease-in-out;
	transition: all.2s ease-in-out;
}
section  article a:hover {
	color:white;
	background-color: rgb(51, 168, 223);
}
#article-full-width {
	margin: 0 auto;
	margin-top:-100px;
	left:-30px;
	width:900px;
	background-color:transparent;
}

#article-full-width-contact {
	width:900px;
	background-color:transparent;
}
#contact-full-width {
	width:900px;
	background-color:rgba(255, 255, 255, .98);;
	margin: 0 auto;
	padding:100px;
	margin-bottom:50px;
	padding-bottom:20px;
}
aside {
	float:right;
	width:250px;
	height:auto;
	padding:10px 10px;
	background-color:rgba(51, 168, 223, .98);
	color:white;
	font-size:13px;
	margin-bottom:180px;
}
#aside-twitter {
	position:fixed;
	width:250px;
	right:20px;
	height:auto;
	padding:0px 0px;
	background-color:rgba(255, 255, 255, .95);
	color:white;
	font-size:13px;
}
#aside-landing-follow {
	position:fixed;
	width:250px;
	margin-top:-40px;
	right:80px;
	height:75px;
}
#aside-landing {
	position:fixed;
	width:250px;
	right:20px;
	height:auto;
	padding:0px 0px;
	background-color:white;
	color:white;
	font-size:13px;
	margin-bottom:180px;
	padding:10px;
}
#aside-landing h1{ 
	margin-left:10px;
	margin-top:5px;
}
#aside-white {
	position:static;
	width:250px;
	height:auto;
	padding:10px 10px;
	background-color:rgba(255, 255, 255, .95);
	color:white;
	font-size:13px;
	margin-bottom:180px;
	z-index:100;
}
#aside-white img {
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
#aside-white img:hover {
	opacity:0.4;
	filter:alpha(opacity=40);
}

#aside-transparent {
	float:right;
	width:250px;
	height:auto;
	padding:0px 0px;
	background-color:transparent;
	color:white;
	font-size:13px;
	margin-bottom:160px;
}
#aside-transparent img {
	max-width:250px;
	height:auto;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
#aside-transparent a:hover img {
	opacity:0.4;
	filter:alpha(opacity=40);
}
#aside-specs {	
	position:absolute;
	left:20px;
	top:0px;
	width:180px;
	height:720px;
	background-color:transparent;
	color:white;
	padding:0px 0px;
}

#body-contents article img {
	max-width:585px;
	height:auto;
}
.ktweet {
	color:black;
	list-style-type: none;
	margin-left:-38px;
	padding:10px;
}
.ktweet  a:link {
	color:#33a8df;
	text-decoration:none;
}
.ktweet  a:visited {
	color:#33a8df;
	text-decoration:none;
}
.ktweet  a:hover {
	color:white;
	background-color:#33a8df;
}

#postal {
	position:relative;
	float:right;
	width:300px;
	height:auto;
	padding:6px;
	padding-left:50px;
	border-left: 1px solid rgb(51, 168, 223);
}
#postal a:link {
	text-decoration:underline;
	color:black;
	padding:3px 7px;
}
#postal a:visited {
	text-decoration:underline;
	color:black;
}
#postal a:hover {
	color:white;
	background-color:rgba(51, 168, 223, 0.5);
}

/*End of body content*/

/*Start of footer content*/
footer {
	position:fixed;
	background-color:rgba(51, 168, 223, 0.60);
	height:125px;
	width:100%;
	bottom:-90px;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

footer:hover {
	bottom:0px;
}
#square {
	margin-top:-30px;
	width:125px;
	height:125px;
	margin-top:0px;
	background-color:rgba(0, 0, 0, 0.80);
	float:left;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
a:hover #square {
	border-radius:125px;
	background-color:rgba(0, 0, 0, 0.80);
}
#specs-footer {
	position:fixed;
	background-color:rgba(51, 168, 223, 0.60);
	height:125px;
	width:100%;
	bottom:0px;
}
#specs-square {
	margin-top:-30px;
	width:125px;
	height:125px;
	margin-top:0px;
	background-color:rgba(0, 0, 0, 0.80);
	float:left;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
a:hover #specs-square {
	border-radius:125px;
	background-color:rgba(0, 0, 0, 0.80);
}
#specs-square img {
	opacity: 0.2;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
a:hover #specs-square img {
	opacity: 1;
}

#specs-text {
	position:absolute;
	width:125px;
	margin-top:55px;
	color:white;
	Font-size:18px;
	font-weight: bold;
	text-align:center;
	opacity: 1;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
a:hover #specs-text {
	opacity: 0;
}

#aside-square {
	margin-top:-30px;
	width:180px;
	height:180px;
	margin-top:0px;
	background-color:rgba(0, 0, 0, 0.80);
	float:left;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
a:hover #aside-square {
	border-radius:180px;
	background-color:rgba(0, 0, 0, 0.80);
}

#copyright {
	position:absolute;
	background-color:white;
	font-size:10px;
	color:rgba(0, 0, 0, 0.80);
	left:20px;
	bottom:0px;
	margin-bottom:0px;
	padding:3px 8px;
}

#designplus {
	position:absolute;
	right:10px;
	top:40px;
	width: 140px;
	height: 50px;
	background-image:url(images/logos/design.png);
	background-repeat:no-repeat;
}
 #designplus:hover {
	background-image:url(images/logos/design_r.png);
}

/*styles*/
h1 {
	font-size:30px;
	color:rgb(51, 168, 223);
	margin-top:5px;
	margin-bottom:5px;
}

h2{
	font-size:20px;
	color:white;
	margin-top:5px;
	margin-bottom:5px;
}
.h2-blue{
	font-size:20px;
	color:rgb(51, 168, 223);
	margin-top:45px;
	margin-bottom:5px;
}
.blue {
	color:rgb(51, 168, 223);
}

h3{
	font-size:15px;
	color:white;
	margin-top:6px;
	margin-bottom:-9px;
}
h4{
	background-color:white;
	color:black;
	padding:5px;
	font-size:12px;
	margin-bottom:0px;
}
h4 a:link {
	color:rgb(2,2,2);
	text-decoration:none;
}
h4 a:visited {
	color:rgb(2,2,2);
	text-decoration:none;
}
h4 a:hover {
	text-decoration:underline;
}
h5{
	color:black;
	font-size:18px;
	margin:0px;
	font-weight:bold;
}

.categories {
	font-size:23px;
	color:rgb(51, 168, 223);
	margin-top:5px;
	margin-bottom:5px;
}
.cat-item {
	font-size:18px;
	line-height:1.5;
	margin-left: -40px;
}
.cat-item a:link {
	text-decoration:none;
	color:rgb(51, 168, 223);
	padding:3px 7px;
}
.cat-item a:visited {
	text-decoration:none;
	color:rgb(51, 168, 223);
}
.cat-item a:hover {
	color:white;
	background-color:rgba(51, 168, 223, 0.5);
}


#aside-white li {
 list-style-type: none;
}
#square p {
	font-size:20px;
	color:white;
	text-decoration:underline; 
	margin-top:3px;
	text-align: center;
	font-style:bold;
}
.post-date {
	font-size:12px;
	margin-bottom:20px;
	float:right;
	background-color:transparent;
}
.postmetadata {
	font-size:12px;
	margin-bottom:20px;
}
.postmetadata a:link {
	color:rgb(51, 168, 223);
	text-decoration:none;
	padding:3px 5px;
	-webkit-transition: all .2s ease-in-out;
  -moz-transition: all.2s ease-in-out;
  -o-transition: all.2s ease-in-out;
  transition: all.2s ease-in-out;
}
.postmetadata a:visited {
	color:rgb(51, 168, 223);
	text-decoration:none;
}
.postmetadata a:hover {
	color:white;
	background-color:rgb(51, 168, 223);
	text-decoration:none;
}
hr {
	display: block; height: 1px;
    border: 0; border-top:1px solid rgb(51, 168, 223);
    margin: 10px 0; padding: 0;
}

aside hr {
	display: block; height: 1px;
    border: 0; border-top:1px dotted white;
    margin: 10px 0; padding: 0;
}
#postal hr {
	display: block; height: 1px;
    border: 0; border-top:1px dotted rgb(51, 168, 223);
    margin: 10px 0; padding: 0;
}

/*end of styles*/


/*start of contact styles*/
#contact-sheet {
	width:900px;
	height:430px;
	margin-top:-50px;
	margin-bottom:50px;
	padding:5px;
	background-color:#40a8df;
}

#profile-pic-container {
	position:relative;
	float:left;
	background-color:transparent;
	width:178px;
	height:206px;
}
#profile-pic {
	position:absolute;
	float:left;
	background-color:transparent;
	width:178px;
	height:206px;
}

#profile-pic img {
width:178px;
height:auto;
}
#profile-pic-overlay {
	position:absolute;
	float:left;
	background-color:pink;
	width:178px;
	height:206px;
	opacity:0;
	-webkit-transition: opacity .5s ease-in-out;
  -moz-transition: opacity .5s ease-in-out;
  -ms-transition: opacity .5s ease-in-out;
  -o-transition: opacity .5s ease-in-out;
  transition: opacity .5s ease-in-out;
}
#profile-pic-overlay img {
width:178px;
height:auto;
}
#profile-pic-container:hover #profile-pic-overlay {
	opacity:1;
}
#profile-pic-name {
	position:absolute;
	float:left;
	background-color:white;
	width:178px;
	height:auto;
	margin-top:10px;
	text-align:center;
	font-size:20px;
	font-weight:bold;
	padding:1px;
	opacity:0;
	-webkit-transition: opacity .5s ease-in-out;
  -moz-transition: opacity .5s ease-in-out;
  -ms-transition: opacity .5s ease-in-out;
  -o-transition: opacity .5s ease-in-out;
  transition: opacity .5s ease-in-out;
}
#profile-pic-container:hover #profile-pic-name {
	opacity:1;
}
#profile-pic-contact {
	position:absolute;
	float:left;
	color:white;
	width:178px;
	height:auto;
	margin-top:140px;
	text-align:center;
	opacity:0;
	-webkit-transition: opacity .5s ease-in-out;
  -moz-transition: opacity .5s ease-in-out;
  -ms-transition: opacity .5s ease-in-out;
  -o-transition: opacity .5s ease-in-out;
  transition: opacity .5s ease-in-out;
}
#profile-pic-container:hover #profile-pic-contact {
	opacity:1;
}
.profile-pic-title {
	font-style:italic;
	font-size:12px;
	font-weight:100;
	line-height:0.4;
	font-family:georgia, serif;
}
.details  {
	font-size:12px;
	line-height:1;
	color:white;
}
.details a:link {
	font-size:12px;
	line-height:1;
	color:white;
	text-decoration:none;
}
.details a:visited {
	font-size:12px;
	line-height:1;
	color:white;
	text-decoration:none;
}
.details a:hover {
	color:white;
	background-color:transparent;
	text-decoration:underline;
}

/*end of contact styles*/



/* start of button hover effect */
*,
*:after,
*::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#navigation {
	position:relative;
	z-index:10000;
}

#navigation ul {
    list-style: none;
	margin-left:-40px;
}

#navigation ul li {
    display: inline;
}

#navigation a {
	position: relative;
	display: inline-block;
	margin: 15px 25px;
	outline: none;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 400;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
	font-size: 1.35em;
}

#navigation a:hover,
#navigation a:focus {
	outline: none;
}

.nav-buttons a {
	padding: 10px;
	color: #237546;
	font-weight: 700;
	text-shadow: none;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}

.nav-buttons a::before,
.nav-buttons a::after {
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background: #fff;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: opacity 0.3s, -moz-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);
}

.nav-buttons a::before {
	top: 0;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);
}

.nav-buttons a::after {
	bottom: 0;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transform: translateY(10px);
}

.nav-buttons a:hover,
.nav-buttons a:focus {
	color: #fff;
}

.nav-buttons a:hover::before,
.nav-buttons a:focus::before,
.nav-buttons a:hover::after,
.nav-buttons a:focus::after {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}
/* end of button hover effect */

.clearfix:after {
	clear: both;
	display: block;
	content: " ";
	height: 0px;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
#article-full-width img {
	min-width:800px;
}
.tester {
	margin-bottom:0px;
}

section  article iframe{
	min-width:585px;
	min-height:auto;
	max-width:585px;
	max-height:auto;
	
}

/* END print media */