/* 
  -----------------------------------
  PVII Synergy
  by Project Seven Development
  www.projectseven.com
  Custom CSS by Schafer Creative
  -----------------------------------
    font-family: 'BenchNine', sans-serif;
	font-family: 'Open Sans', sans-serif;
	font-family: 'Jaldi', sans-serif;
*/
body {margin:0px; background-color:#E1E1E1; font-family: 'Jaldi', 'Open Sans', Arial, Helvetica, sans-serif;}
h1, h2, h3, h4 {margin:0px;}

p img, h1 img, h2 img, h3 img, h4 img {
	width: auto;
	height: auto;
	max-width: 100%;
}


.p7dmm-spcr {background:none !important;}
.synergy-row .column-group .synergy-column {box-sizing:border-box;}
.synergy-column {float:left;}
.synergy-row:after, .column-group:after {
	content: "";
	display: table;
	clear: both;
}
.column-15 {width:15%;}
.column-20 {width:20%;}
.column-25 {width:25%;}
.column-30 {width:30%;}
.column-33 {width:33.3334%;}
.column-35 {width:35%;}
.column-40 {width:40%;}
.column-45 {width:45%;}
.column-50 {width:50%;}
.column-55 {width:55%;}
.column-60 {width:60%;}
.column-65 {width:65%;}
.column-70 {width:70%;}
.column-75 {width:75%;}
.column-80 {width:80%;}
.column-85 {width:85%;}
.column-100 {
	width: auto;
	float: none !important;
}

/*Column Group Widths*/
.column-group.max-1200 {max-width:1200px; margin:auto;}
.column-group.max-1440 {max-width:1440px; margin:auto;}

/*Row Backgrounds*/
.fixed-bg, .shift-top-bg, .shift-bottom-bg {
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-size:cover;
}
.fixed-bg {background-position:50%;}
.shift-top-bg {background-position:0% 50%;}
.shift-bottom-bg {background-position:bottom center;}

.contain-bg, .contain-bgtitle {
	background-attachment: fixed;
	background-repeat: repeat-y;
	background-position:top center;
	background-size: contain;
}
.contain-bg {background-position:top center;}
.contain-bgtitle {background-position:50%;}


h1, h2, h3 {
	font-weight:bold;
	text-transform:uppercase; 
	padding-top:10px; 
}

h1, h2, h3 {
	font-family: 'BenchNine', Arial, Helvetica, sans-serif;
	letter-spacing:0.1em;
}

h4 {
	font-family: 'Jaldi', 'Open Sans', Arial, Helvetica, sans-serif;
	letter-spacing:0.05em;
}

h2, h3 { color:#A1A1A1; }

h1 { font-size:190%; color:#fff; padding-bottom:10px; } /* DFDFDF */
h2 { font-size:160%; }
h3 { font-size:130%; }
h4 { font-size:112%; }

p, ul { font-size:110%; line-height:1.2; }

.nodecor { list-style:none; margin:auto; padding:0; }

.scalable { width:auto; height:auto; }

.p7DMM08 {
	font-family: 'BenchNine', Arial, Helvetica, sans-serif;
	font-size: 110%;
	z-index:20000;
}

p img, h1 img, h2 img, h3 img, h4 img { border-radius:3px; }

p img.imgbrdr { border:1px solid #DFDFDF; border-radius:9px; }

.padded { padding: 30px 45px; }
.paddedicons { padding: 30px 60px; }
.padded10 { padding: 10px 15px; }

.toppad10 { padding-top:10px; }
.toppad15 { padding-top:15px; }
.toppad20 { padding-top:20px; }

/*Row or Column-Group background Colors and Text Colors*/
.synergy-color-1 {
	background-color: #FFF;
	background: rgba(255, 255, 255, .80);
	color: #333;
}
.synergy-color-2 {
	background-color: #555555;
	background: rgba(85,85,85,.80);
	color: #FFF;
}
.synergy-color-3 {
	background-color: #CC3333;
	background: rgba(204, 51, 51, .84);
	color: #000;
}
.synergy-color-4 {
	background-color: #0099FF;
	background: rgba(0, 153, 255, .88);
	color: #FFF;
}
.synergy-color-5 {
	background-color: #818181;
	background: rgba(129, 129, 129, .90);
	color: #E1E1E1;
}

/*Links*/
.synergy-color-1 a {color:#5BA4B3;}
.synergy-color-1 a:hover {color:#818181; }
.synergy-color-2 a {color:#8ED7E4;}
.synergy-color-2 a:hover {color:#FFF;}
.synergy-color-4 a {color:#FFF;}
.synergy-color-4 a:hover {color:#333;}
.synergy-color-5 a {color:#E1E1E1;}
.synergy-color-5 a:hover {color:#FFF;}

#buttonlink { 
	margin:16px 0; 
	padding:15px 10px 14px 10px; 
	width:auto; 
	height:auto;
	display:block;
	border-radius:36px;
	background-color:#5BA4B3; /* 8ED7E4 */
		background-image: url(../imgs/BG-title-aqua.jpg);
		background-position:50% 50%;
		background-repeat:no-repeat;
	font-family: 'BenchNine', Arial, Helvetica, sans-serif;
	text-align:center; 
	font-size:110%;
	letter-spacing:0.1em;
	font-weight:bold;
	color:#FFF; 
	text-decoration:none;
	text-transform:uppercase;
}

#buttonlink:hover { background-color:#0088CC; background-image: url(../imgs/BG-title.jpg); color:#FFF; }




/*Row Background Images
A synergy row spans the width of the browser window.*/
.bg-title {
	background-image: url(../imgs/BG-page-geo2dark.jpg);
	background-color: #818181;
	color: #FFF;
}

.bg-pagetitle {
	background-image: url(../imgs/BG-title-aqua.jpg);
	background-color: #5BA4B3;
	color: #FFF;
}

.bg-pagegeo {
	background-color: #E1E1E1;
	background: rgba(225,225,225,.90);
	background-image: url(../imgs/BG-page-geo.jpg);
	background-repeat:repeat;
}

.bg-1 {
	background-image: url(../imgs/mastheadbg.jpg);
	background-color: #265C74;
}
.bg-2 {
	background-image: url(../imgs/responsive-web-design.jpg);
	background-color: #1D1D1D;
	color: #FFF;
}
.bg-3 {
	background-image: url(../imgs/responsive-web-design-services.jpg);
	background-color: #A79C9A;
}
.bg-4 {
	background-image: url(../imgs/contact.jpg);
	background-color: #696969;
	color: #FFF;
}

/* light gray geo curves */
.bg-5 {
	background-image: url(../imgs/BG-page-geo2.jpg);
	background-color: #E1E1E1;
	color: #555;
}
/* dark gray geo curves */
.bg-6 {
	background-image: url(../imgs/BG-page-geo2dark.jpg);
	background-color: #818181;
	color: #FFF;
}

/* light gray business woman */
.bg-7 {
	background-image: url(../imgs/business-woman.jpg);
	color: #FFF;
	background-color: #000;
}



/*Vertical Rules*/
.left-border {border-left: 1px solid #E1E1E1;}
.right-border {border-right: 1px solid #E1E1E1;}

.top-border {border-top: 1px solid #444;} /* *7DC6D3 */
.bottom-border {border-bottom: 1px solid #444;}

/*Special Rules*/
.large-type {
	font-size: 1.2em;
	line-height:1.5;
	letter-spacing:0.1em;
	text-transform:uppercase;
	color:#FFF;
}

.ctr { margin:0 auto; text-align: center;}

#footer { margin:0 auto; }
#footer p { margin:2px auto; text-align: center; color:#E1E1E1; font-size:1em; }
#footer p img { margin:6px auto; text-align:center; }


/* --------------------------------- */
.clrflt {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
/* --------------------------------- */

/* reduce firefox font size - bug fix */
@-moz-document url-prefix() {body{font-size:88%;}}



/*Media Queries*/
/*Small screens - all devices*/
@media only screen and (min-width: 0px) and (max-width: 1024px) {
	.synergy-row .column-group .synergy-column { float: none; width: auto !important;}
}

/* tab;ets*/
@media only screen and (min-width: 0px) and (max-width: 700px) {
	h1 { font-size:160% !important; padding:8px !important; }
	h2 { font-size:140% !important; padding-top:12px !important; }
	.padded { padding: 10px 24px !important; }
	
#buttonlink { 
	margin:10px 0 !important; 
	font-size:100% !important;
	letter-spacing:0.05em !important;
}

}

/*Smartphones*/
@media only screen and (max-device-width: 700px) and (orientation: landscape) {
	.bg-pagetitle { background-image: none !important;}
}


@media only screen and (max-device-width: 480px) {
	.synergy-row .column-group .synergy-column { float: none; width: auto !important;}
	.bg-title {background-image:none !important;}

}