@charset "utf-8";

/* Denotes background colors and default fonts for the body of each page, as well as default margin and padding settings. */
#home {		background-image:url(../images/lastheart.png), url(../images/sarahbrockner.jpg);
		background-repeat:no-repeat;
		background-attachment:absolute;
		background-position:center top, 50% 80%; 

background-color:#fff;
font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
margin:0;
padding:0;
}
#orange {		
		background-image:url(../images/lastheart.png), url(../images/sarahbrockner12.jpg), url(../images/sarahbrockner6.jpg);
		background-repeat:no-repeat;
		background-attachment:absolute;
		background-size:auto, 26%, 26%;
		background-position:center top, 1% 40%, 99% 80%; 
background-color:#ffc376;
font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
margin:0;
padding:0;
}
#pink {
	background-image:url(../images/lastheart.png), url(../images/sarahbrockner10.jpg), url(../images/sarahbrockner11.jpg);
		background-repeat:no-repeat;
		background-attachment:absolute;
		background-size:auto, 26%, 26%;
		background-position:center top, 99% 80%, 1% 40%;  
background-color:#e77658;
font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
margin:0;
padding:0;
}
#green {
	background-image:url(../images/lastheart.png), url(../images/sarahbrockner3.jpg), url(../images/sarahbrockner9.jpg);
		background-repeat:no-repeat;
		background-attachment:absolute;
		background-size:auto, 26%, 26%;
		background-position:center top, 1% 60%, 99% 60%; 
background-color:#abc557;
font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
margin:0;
padding:0;
}
#darkgreen {
	background-image:url(../images/lastheart.png), url(../images/sarahbrockner1.jpg), url(../images/sarahbrockner8.jpg);
		background-repeat:no-repeat;
		background-attachment:absolute;
		background-size:auto, 26%, 26%;
		background-position:center top, 99% 40%, 1% 80%; 
background-color:#66cc99;
font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
margin:0;
padding:0;
}
#yellow {
	background-image:url(../images/lastheart.png);
		background-repeat:no-repeat;
		background-attachment:absolute;
		background-size:auto;
		background-position:center top; 
background-color:#EEDC82;
font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
margin:0;
padding:0;
}
/* Denotes background colors and default fonts for the body of each page, as well as default margin and padding settings. */

/*smallscreen*/
@media (max-width: 960px) {
  .container, img.hide { display: none; !important }
 #green, #orange, #pink, #darkgreen, #yellow {
	  background-image:none;
  }

  div.mobilenav, img.inv { display: inline-block; !important}
  .content {width:100%;}

}
/*smallscreen*/


body, html  {background:#444; text-align:center; padding:10px 0;}
a {text-decoration:none;}

/* select box style */
select {
    padding:3px;
    margin: 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    background: #f8f8f8;
    color:#888;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
}

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {padding-right:18px}
}

label {position:relative}
label:after {
    content:'<>';
    font:11px "Consolas", monospace;
    color:#aaa;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    right:8px; top:2px;
    padding:0 0 2px;
    border-bottom:1px solid #ddd;
    position:absolute;
    pointer-events:none;
}
label:before {
    content:'';
    right:6px; top:0px;
    width:20px; height:20px;
    background:#f8f8f8;
    position:absolute;
    pointer-events:none;
    display:block;
}

/* end select box style */

/*hidecenterdropdown*/
.mobilenav {
	display:none;
	margin:0 auto;

}
/*hidecenterdropdown*/

.inv {
	display:none;
}

.hide {
	display:inline-block;
}


/*navcontainerdiv*/
.container {
	width:950px;
	margin:0 auto;
	padding-top:125px;
}
/*navcontainerdiv*/


/*navdivs*/
#mainnavleft {
	width:auto;
	display:inline-block;
	float:left;
	border-right:2px solid #000;
}
#mainnavright {
	width:auto;
	display:inline-block;
	float:right;
	border-left:2px solid #000;
}
/*navdivs*/


/*navmenu*/
.nav {
	width: 100%;
	margin: 0 0 3em 0;
	padding: inherit;
	list-style: none;
	background:transparent; }
.nav li {
	float: left; }
.nav li a {
	display: inline-block;
	padding: 30px 15px 8px 15px;
	text-decoration: none;
	font-weight: normal;
	color: #000;
	border-bottom: 3px double #000; }
.nav li a:hover, a:active {
	color: #fff;}
/*navmenu*/


/*bg imgs for ul nav */
.ptlogo {
    background-image:url(../images/ptlogo.png);
    background-repeat: no-repeat;
    background-position: 50% 10px;
}

.pflogo {
    background-image:url(../images/pflogo.png);
    background-repeat: no-repeat;
    background-position: 50% 10px;
}

.ctlogo {
    background-image:url(../images/ctlogo.png);
    background-repeat: no-repeat;
    background-position: 50% 10px;
}

.melogo {
    background-image:url(../images/melogo.png);
    background-repeat: no-repeat;
    background-position: 50% 10px;
}

.rplogo {
    background-image:url(../images/rplogo.png);
    background-repeat: no-repeat;
    background-position: 50% 10px;
}

.stlogo {
    background-image:url(../images/stlogo.png);
    background-repeat: no-repeat;
    background-position: 50% 10px;
}
/*bg imgs for ul nav */

#quote{
	clear:both;
	display:block;
	width:50%;
	margin:0 auto;
	padding-top: 250 px;
}

ul.one {
border:none;
list-style:none;
}
.col {
	width:100%
}

div.spacer {
	padding:15px;
}

#form
{
	margin:0 auto;
	width:300px;
}



.contentleftalign {
	clear:both;
	background-color:rgba(255,255,255,.5);
	margin:0 auto;
	text-align:left;
	width: 400px;
	border:thick double #000;
}
.content2 {
	clear:both;
	background-color:rgba(255,255,255,.5);
	margin:0 auto;
	text-align:left;
	width: 100%;
	border:none;
}



.content {
	clear:both;
	background-color:rgba(255,255,255,.5);
	margin: 0 auto;
	width: 400px;
	border:thick double #000;
}

figure {
    width: 100%;
	margin:0 auto;
	padding:none;
}
figure img {
    padding: 0px;
    background-color: #fff;
    box-shadow: 1px 1px 15px #999999;
}

figcaption {
    display: block;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
}


.footer {
    clear: both;
	display:block;
	text-align:center;
    padding-top: 5px;
    padding-bottom: 2px;
    padding-left: 2%;
	padding-right: 2%;
    background-color: #fff;
    color: #000;
}

.centered {
    margin-left: auto;
    margin-right: auto;
}
.floatleft {
    margin-right: 10px;
    float: left;
}
.floatright {
    margin-left: 10px;
    float: right;
}

/*horizontal rule styling*/
hr.style-seven { height: 30px; border-style: solid; border-color: black; border-width: 1px 0 0 0; border-radius: 20px; } hr.style-seven:before { /* Not really supposed to work, but does */ display: block; content: ""; height: 30px; margin-top: -31px; border-style: solid; border-color: black; border-width: 0 0 1px 0; border-radius: 20px; }
/*horizontal rule styling*/