/*   ------------------------------------------------  PVII CSS Page Builder Magic 2  Copyright (c) 2013 Project Seven Development  www.projectseven.com  01: 1 Col Flex  ------------------------------------------------*/body {	font-family: "Segoe UI", Optima, Helvetica, Arial, sans-serif;	color: #000;	background-color: #FFF;	margin: 0px;	padding: 0px;}img {vertical-align: bottom;}.masthead {    padding: 0px;    text-align: center;    background-color: #E3E5E4;}.masthead .logo {	position: relative;}.masthead h1 {    margin: 0;    color: #8C8C8C;    padding: 20px 20px 10px 20px;    font-size: 1.35em;    font-weight: normal;    letter-spacing: .35em;    text-align: center;}.masthead .banner {    position: relative;    z-index: 20;    box-shadow: 0px 0px 20px #E3E5E4;    -webkit-box-shadow: 0px 0px 20px #E3E5E4;    background-color: #E3E5E4;    text-align: center;}/*Max-Width allows the banner image to scale with the page*/.masthead .banner img {    height: auto !important;    width: auto !important;    max-width: 100%;    background-image: none;    -webkit-box-shadow: inset;    box-shadow: inset;    text-align: center;}.content-wrapper {    margin: 0px;    overflow: hidden;    text-align: center;}.columns-wrapper {    background-color: #FFF;    text-align: center;}.content {	padding: 30px;	font-size: 1em;	line-height: 1.5em;}.footer {	background-color: #222;	box-shadow: inset 0px 16px 2px rgba(255,255,255,.025);	border-top: 1px solid #000;	padding: 15px 30px;	font-size: .7em;	color: #8C8C8C;	text-align: center;}.footer p.copyright {	text-transform: uppercase;	margin: 0px;}/*Heading styles*/h1, h2, h3, h4 {	margin: 30px 0px 0px 0px;}h1 { font-size: 1.5em; }h2 { font-size: 1.35em; }h3 { font-size: 1.25em; }h4 { font-size: 1.1em; }/*A utility rule assigned to the first heading to remove top margins.*/.page-topper { margin-top: 0px; }/*Make Image Scalable - Assign this class to any image to make it scale with the browser window size*/img.scalable {	height: auto !important;	width: auto !important;	max-width: 100%;}.bannerbg {    background-image: url(img/topbanner.jpg);    background-color: #E3E5E4;    text-align: center;}/*Ordinary Link Styles*/.content a { color: #0066CC; }.content a:hover, .content a:focus { color: #C30; }.footer a { color: #8C8C8C; }.footer a:hover, .footer a:focus { color: #FFF; }/*The DIV that contains the horizontal menu bar at the top of your page. Edit the text-align to set menu position to left, center, or right*/.menutop-wrapper {	background-color: #6E6D68;	border-bottom: 1px solid #FFF;	box-shadow: 0px 0px 30px #999;	position: relative;	z-index: 10;	padding: 10px;	background-image: url(img/pbm-menu-bgG.jpg);	overflow: hidden;	text-align: center;}.menutop {    margin: 0px;    padding: 0px;    display: inline-block;    vertical-align: bottom;    text-align: center;}.menutop li {    list-style-type: none;    margin-right: 5px;    float: left;    text-align: center;}.menutop li:last-child {	margin-right: 0px;}.menutop a {    display: block;    color: #CCC;    text-decoration: none;    padding: 12px 12px;    font-size: 1em;    border: 1px solid;    background-color: #333;    box-shadow: inset 0px 12px 6px rgba(255,255,255,.15), 0px 0px 10px rgba(0,0,0,.5);    border-radius: 5px;    border-color: rgba(255,255,255,.5);    -webkit-transition: all linear .35s .1s;    transition: all linear .35s .1s;    text-align: center;}.menutop a:hover, .menutop a:focus {	color: #FFFFFF;	background-color: rgba(51,51,51,0.2);	outline: 0;}.centerit {    background-image: none;}/*MEDIA QUERIES*//*1 Column for Narrow Browser Windows and Smartphones in both orientations*/@media only screen and (min-width: 0px) and (max-width: 680px) {ul.menutop {display: block;}.menutop li {	display: block;	float: none;	margin-right: 0px;	margin-bottom: 5px;}.content, .menutop-wrapper {padding: 10px 20px !important;}.content-wrapper {margin: 0px;}}