/*
	Blue : #C3E0F3
	Darkblue2 : #0A2D4B
*/





@font-face {
    font-family: 'KGYouWontBringMeDownBold';
    src: url('../incs/wf/kgyouwontbringmedown_bold_macroman/KGYouWontBringMeDownBold-webfont.eot');
    src: url('../incs/wf/kgyouwontbringmedown_bold_macroman/KGYouWontBringMeDownBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../incs/wf/kgyouwontbringmedown_bold_macroman/KGYouWontBringMeDownBold-webfont.woff') format('woff'),
         url('../incs/wf/kgyouwontbringmedown_bold_macroman/KGYouWontBringMeDownBold-webfont.ttf') format('truetype'),
         url('../incs/wf/kgyouwontbringmedown_bold_macroman/KGYouWontBringMeDownBold-webfont.svg#KGYouWontBringMeDownBold') format('svg');
    font-weight: normal;
    font-style: normal;
}


html {
	font-size: 62.5%; /* 10px browser default */
}

body {
	background: #fff;
	color: #000;
	font-size: 16px;
	font-size: 1.6rem;
	font-family: 'Quicksand', 'Lato', Arial, Verdana, 'Merriweather', serif;
	line-height: 1.5;
	padding: 0;
	margin: 0;
}

/*img {
	-ms-interpolation-mode: nearest-neighbor;
}*/

a {
	color: #0A2D4B;	
}
	

/***** Header  ********************/

			header {
				margin: 0;
				padding: 0;
				position: relative;
				background-size: cover;
				width: 100%;
				height: auto;
				padding-top: 40.5%; /*(img-height / img-width * width) <-- (648 / 1600 * 100) */

			}
			
			header.home {
				background: linear-gradient(45deg, rgba(195,224,243,0.35), rgba(195,224,243,0.75)),
				url(../imgs/banner_welcomeheader.jpg) no-repeat center;			
				background-size: cover;
				width: 100%;
				height: auto;
				padding-top: 40.5%; /*(img-height / img-width * width) <-- (648 / 1600 * 100) */			}

			header.bookkeeping {
				background: linear-gradient(45deg, rgba(195,224,243,0.35), rgba(195,224,243,0.75)),
				url(../imgs/banner_bookkeeping.jpg) no-repeat center;				
				background-size: cover;
				padding-top: 33.5%; /*(img-height / img-width * width) <-- (648 / 1600 * 100) */
			}

			header.photo {
				background: linear-gradient(45deg, rgba(195,224,243,0.35), rgba(195,224,243,0.75)),
				url(../imgs/banner_photoediting.jpg) no-repeat center;				
				background-size: cover;
				padding-top: 33.5%; /*(img-height / img-width * width) <-- (648 / 1600 * 100) */
			}
			
			header.proofreading {
				background: linear-gradient(45deg, rgba(195,224,243,0.35), rgba(195,224,243,0.75)),
				url(../imgs/banner_proofreading.jpg) no-repeat center;				
				background-size: cover;
				padding-top: 33.5%; /*(img-height / img-width * width) <-- (648 / 1600 * 100) */
			}		
						
			header.website {
				background: linear-gradient(45deg, rgba(195,224,243,0.35), rgba(195,224,243,0.75)),
				url(../imgs/banner_websitemaintenance.jpg) no-repeat center;				
				background-size: cover;
				max-height: 300px;
				padding-top: 33.5%; /*(img-height / img-width * width) <-- (648 / 1600 * 100) */
			}

			header.contact {
				background: linear-gradient(45deg, rgba(195,224,243,0.35), rgba(195,224,243,0.75)),
				url(../imgs/banner_contact.jpg) no-repeat center;				
				background-size: cover;
				max-height: 300px;
				padding-top: 33.5%; /*(img-height / img-width * width) <-- (648 / 1600 * 100) */
			}

			header.about {
				background: linear-gradient(45deg, rgba(195,224,243,0.35), rgba(195,224,243,0.75)),
				url(../imgs/banner_about.jpg) no-repeat center;				
				background-size: cover;
				max-height: 300px;
				padding-top: 33.5%; /*(img-height / img-width * width) <-- (648 / 1600 * 100) */
			}

			header.generalva {
				background: linear-gradient(45deg, rgba(195,224,243,0.35), rgba(195,224,243,0.75)),
				url(../imgs/banner_generalva.jpg) no-repeat center;				
				background-size: cover;
				max-height: 300px;
				padding-top: 33.5%; /*(img-height / img-width * width) <-- (648 / 1600 * 100) */
			}

			header.hireme {
				background: linear-gradient(45deg, rgba(195,224,243,0.35), rgba(195,224,243,0.75)),
				url(../imgs/banner_hireme.jpg) no-repeat center;				
				background-size: cover;
				max-height: 300px;
				padding-top: 33.5%; /*(img-height / img-width * width) <-- (648 / 1600 * 100) */
			}
			
			header.terms {
				background: linear-gradient(45deg, rgba(195,224,243,0.35), rgba(195,224,243,0.75)),
				url(../imgs/banner_welcomeheader.jpg) no-repeat center;				
				background-size: cover;
				max-height: 300px;
				padding-top: 33.5%; /*(img-height / img-width * width) <-- (648 / 1600 * 100) */
			}

			header.photobooks {
				background: linear-gradient(45deg, rgba(195,224,243,0.35), rgba(195,224,243,0.75)),
				url(../imgs/banner_photobook.jpg) no-repeat center;				
				background-size: cover;
				max-height: 300px;
				padding-top: 33.5%; /*(img-height / img-width * width) <-- (648 / 1600 * 100) */
			}

			header.emailmanagement {
				background: linear-gradient(45deg, rgba(195,224,243,0.35), rgba(195,224,243,0.75)),
				url(../imgs/banner_emailmanagement.jpg) no-repeat center;				
				background-size: cover;
				max-height: 300px;
				padding-top: 33.5%; /*(img-height / img-width * width) <-- (648 / 1600 * 100) */
			}

			header.socialmedia {
				background: linear-gradient(45deg, rgba(195,224,243,0.35), rgba(195,224,243,0.75)),
				url(../imgs/banner_socialmedia.jpg) no-repeat center;				
				background-size: cover;
				max-height: 300px;
				padding-top: 33.5%; /*(img-height / img-width * width) <-- (648 / 1600 * 100) */
			}

			header.customersupport {
				background: linear-gradient(45deg, rgba(195,224,243,0.35), rgba(195,224,243,0.75)),
				url(../imgs/banner_customersupport.jpg) no-repeat center;				
				background-size: cover;
				max-height: 300px;
				padding-top: 33.5%; /*(img-height / img-width * width) <-- (648 / 1600 * 100) */
			}
						
			header section {
				width: 100%;
				text-align: center;
				margin: 0 auto;
				vertical-align: middle;
				margin-top: -23.5%;
				font-family: 'Quicksand', 'Lato', Arial, Verdana, 'Merriweather', serif;
				font-size: 1.6em;
				color: #0A2D4B;
			}

			header section.home {
				width: 100%;
				text-align: center;
				margin: 0 auto;
				vertical-align: middle;
				margin-top: -25.5%;
				font-family: 'Quicksand', 'Lato', Arial, Verdana, 'Merriweather', serif;
				font-size: 1.6em;
				color: #0A2D4B;
			}

			header section .headertitle,
			section.contact_inpage .headertitle {
				background: linear-gradient(45deg, rgba(195,224,243,0.75), rgba(195,224,243,0.75));
				padding: 1.5% 0 0.75% 0;
				font-family: 'Quickbrush', 'KGYouWontBringMeDownBold', 'Quicksand', 'Lato', Arial, Verdana, 'Merriweather', serif;
				font-size: 1.7em;
				color: #0A2D4B;
				text-align: center;
				box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
			}
			
			section.contact_inpage h4.headertitle {
				font-size: 2.5em;
				padding: 1.5% 0 0 0;
				margin: 10px 0;
			}


			section.welcome p {
				margin-top: 0.05em;
				font-size: 0.9em;
			}
			
			section.welcome img {
				width: 100%;
				max-width: 700px;
			}
			

			section.contact_inpage {
				background: linear-gradient(45deg, rgba(195,224,243,0.95), rgba(195,224,243,0.55)),
				url(../imgs/contact_background.jpg) no-repeat center;
				background-size: cover;
				width: 100%;		
				padding-top: 10px;
				margin-top: 30px;
			}	
			
			section.content.HIREME {
				padding-bottom: 50px;
			}		
			
/***** SNavigation Bar ********************/
			nav {
				color: #FFFFFF;
				font-family: 'Quicksand', 'Lato', Arial, Verdana, 'Merriweather', serif;
				font-size: 14px;
				position: fixed;
				top: 0;
				width: 100%;
				background: rgba(195,224,243, 0.90);
				margin: 0;
				clear: both;
				/*overflow: hidden;*/
				/*-moz-box-shadow: 0 0 6px #BBBBBB; 
				-webkit-box-shadow: 0 0 6px #BBBBBB;*/
				
				box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
			}


		
			nav ul {
				width: 100%;
				float: left;
				list-style: none;
				margin: 0;
				padding: 15px 0 10px 10px;
				height: 100%;

			}
				
			nav li {
				float: left;
				list-style: none;
			}

			nav li a,
			nav li p {
				color: #0A2D4B;
				display: block;
			    margin: 0;
			    margin-right: 20px;
				padding: 7px 15px 8px 15px;
				text-decoration: none;
				text-transform: uppercase;
				position: relative;	
				font-size: 1.2em;
				font-weight: bold;
				}				

			
			nav li a:hover, 
			nav li a:active {
				color: #fff;
				text-shadow: none;
				font-weight: bold;
			}
		
			nav li:hover { 
				position: static;
			}
			
			nav .navlink {
				margin-top: 7px;
			}
			
			nav li .activenav {
				background: rgba(10,45,75,0.75);
				color: #C3E0F3;
				text-shadow: none;
				border-radius: 10px;
			}
			
			.navimg {
				width: 148px;  /*should be 250 for an image that's 1239x140*/
				padding: 0;
				margin: 0;
			}

			@media screen and (max-width: 800px) {
				.home {
					clear: left;
				}
			}
						
			.dropbtn {
				cursor: pointer;
				height: 100%;
			}
			
			.dropdown {
				position: relative;
				display: inline-block;

			}
			
			.dropdown-content {
				display: none;
				position: absolute;
				z-index: 1;
				padding: 0;
				padding-top: 15px;
				border-radius: 0 0 10px 10px;
		

			}
			.dropdown-content ul {
				width: 100%;
				border-radius: 0 0 10px 10px;
				margin-top: 3px;
				box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
				background: rgba(195,224,243, 0.9);

			}
			
			.dropdown-content a {
				display: block;

			}
			
			.dropdown-content li {
				width: 95%;
			}

			.dropdown:hover .dropdown-content {
				display: block;
			}
			

			.dropdown .dropdown-content .activenav a {
				color: #C3E0F3;
				text-shadow: none;
			}


			
/***** Inner ********************/



/***** Content ********************/

			section.content,
			section.services,
			section.contact {
				background: #ffffff;
				margin: 0px auto;
				padding: 0px;
				overflow: hidden;
				width: 85%;
				max-width: 1100px;

				border-radius: 4px;
			}
			
			section.content {
				margin-top: -50px;
			}
			
			section.home {
				margin-top: -20px;
			} 


			section.contact_inpage section{
				width: 85%;
				max-width: 1100px;
				margin: 0px auto;
			}
		
			/*section.bookkeeping {
				background: #fff url('../imgs/bookkeeping-background.jpg') no-repeat;
				background-size: cover;
				min-height: 600px;
			}*/
			
			article {
				margin-top: 20px;
				padding: 0px 20px;
				overflow: hidden;
			}
			
			article#intro {
				margin-bottom: 20px;
			}

			.content {
				margin: 0 2%;
				padding: 0;
				overflow: hidden;
				width: 96%;
			}		
			
			img.aligncenter {
				display: block;
				margin: 0 auto 10px;
			}
			
			#about .avatar,
			#about .avatar-left,
			.HIREME .avatar-right {
				width: 150px;
				height: 150px; 
				background: #F7F7F7;
				float: right;
				margin: 0 0 20px 2.4rem;
				padding: 4px 4px;
				border: 1px solid #D5D5D5;
				-webkit-border-radius: 300px;
				-moz-border-radius: 300px;
			}			
			
			#about .avatar-left {
				float: left;
				margin: 0 2.4rem  20px 0;
			}
			
			.servicesavatar,
			.servicesavatar-right,
			.servicesavatartext {
				width: 200px;
				height: 200px; 
				background: #F7F7F7;
				float: left;
				margin: 0 2.4rem 20px 0;
				padding: 4px 4px;
				border: 1px solid #D5D5D5;
				-webkit-border-radius: 30px;
				-moz-border-radius: 30px;
			
			}

			.servicesavatar-right,
			.HIREME .avatar-right {
				float: right;
				margin: 0 0 20px 2.4rem;

			}
			
			.servicesavatartext {
				margin: 0;
			}
			
			.certificationsavatarhorizontal,
			.certificationsavatarvertical {
				margin: 0 0 20px 2.4rem;
				padding: 4px 4px;
				/*
				background: #F7F7F7;
				border: 1px solid #D5D5D5;
				-webkit-border-radius: 300px;
				-moz-border-radius: 300px;*/
				vertical-align: middle;
			}

			.certificationsavatarvertical {
				/*width: 150px;*/
				max-height: 200px;
			}

			.certificationsavatarhorizontal {
				max-width: 200px;
			}
			
			.twocolumns {
				width: 46%;
				padding: 10px 10px;
				float: left;
				clear: both;
			}
			
			.last {
				width: 46%;
				padding: 10px 10px;
				float: right;
				clear: right;
			}

			
			@media screen and (max-width: 700px) {
				.twocolumns {
					width: 95%;
				}
				
				.last {
					float: left;
				}
				
				
			}
			
			@media screen and (max-width: 1150px) {

				
			} 
			
			section.contact,
			section.terms,
			section.services {
				margin-bottom: 60px;
			}
			
			section.services {
				margin-bottom: 100px;
			}
			
			
			section.terms p {
				padding: 0px 20px;
			}
			
			article.terms p{
				padding-left: 40px;
			}
			
		
			div.services {
				text-align: center;
			}
			
			.centerimg {
				display: inline-block;
				margin: 5px 5px;
				padding: 0px;
				position: relative;
			}
			
			.center {
				margin: auto;
				display: block;
				text-align: center;

			}

			.centerhalf {
				margin: auto 20%;
			}
			
			.twohundredpx {
				width: 200px;
			}
			
			.flex {
				flex: inherit;
			}
	
			.clear {
				clear : both;
			}
			
			article li.package {
				padding-bottom: 15px;
			}

			
			.content img.shrink1000 {
				width: 100%;
				max-width: 1000px;
				padding: 10px;
			}
/***** Flags ********************/
	nav img.flag {
		width: 24px; 
		height: 19px;
		padding-top: 10px;
	}
	
	li.flag {
		margin: 0px;
		padding: 0px;
		width: 35px;
	}
	
	li.flag a {
		padding: 0;
		
	}
					
					
/***** Headlines ********************/

			
			h1 span {
				margin-top: -150px;
				padding-bottom: 150px;
				display: block;
			}
			
			h1, 
			h2, 
			h3 {
				color: #C3E0F3;
				font-family: 'Quickbrush', 'KGYouWontBringMeDownBold', 'Quicksand', 'Lato', Arial, Verdana, 'Merriweather', serif;
				font-weight: normal;
				letter-spacing: 1px;
				text-decoration: none;
				margin: 5px 0 5px 0;
				padding: 5px 0 0 0;
				}
				

/*	Pre-Quickbrush
			h1, 
			h2, 
			h3 {
				color: #C3E0F3;
				font-family: 'KGYouWontBringMeDownBold', 'Quicksand', 'Lato', Arial, Verdana, 'Merriweather', serif;
				font-weight: bold;
				text-decoration: none;
				margin: 0 0 5px 0;
				padding: 0;
				}

*/								
			
			h1 {
				font-size: 28px;
				font-size: 2.8rem;
				}
				
			h2 {
				font-size: 25px;
				font-size: 2.5rem;
				}
				
			h2 a, h2 a:visited {
				color: #547d81;
				text-decoration: none;
				}
				
			h2 a:hover {
				color: #7aa0d3;
				text-decoration: none;
				}	

			h1,title, 
			h2.title{
				color: #ffffff;
				border: 1px dashed #C3E0F3;
				padding: 15px 5px 5px 15px;
				background: #266093;
				margin: 20px 20px 20px 20px;
				outline: 5px solid #266093;	
			}
			h1.title-right, 
			h2.title-right {
				background: #266093;
				margin: 20px -5px 20px 20px;
				border-right: none;
				padding-left: 10px;
				outline: 5px solid #266093;	
			}			
			
			h1.subtitle,
			h2.subtitle {
				background: #7AB4DA;
				color: #000000;
				border: 1px dashed #266093;
				padding: 20px 5px 5px 15px;
				outline: 5px solid #7AB4DA;	
				margin: 0;
				margin-top: 5px;

			}
						
			h2.title a {
				color: #fff;
			}
			
			#thanks {
				color: #0A2D4B;
			}
			
			.parastyling {
				font-family: 'Quicksand', 'Lato', Arial, Verdana, 'Merriweather', serif;
				/*font-weight: bold;*/
				text-decoration: none;
				margin: 0 auto 20px;
				padding: 0;
				text-align: center;
				background: #B2D7EE;
				width: 40%;
			}
			
			.proofreading .parastyling {
				margin-top: 20px;
			}
			
			.twocolums {
				outline: 1px solid black;
			}
			
			.twocolumns .parastyling {
				width: 70%;
			}
			
			
			section.terms h1.title-right {
				margin-right: -25px;
				margin-left: 0px;
			}
			
			.pricepoint {
				font-weight: bold;
				text-decoration: underline;
			}
			
			
			.both {
				clear: both;
			}
/***** Contact Form *********************/

			iframe {
				padding-bottom: 50px;
				margin-bottom: 50px;
			}


			label {
				font-family: 'Quicksand', 'Lato', Arial, Verdana, 'Merriweather', serif;
				font-weight: normal;
				
			}
			
			th {
				width: 10%;
				text-align: right;
			}
			
			td {
				width: 80%;
			}
			
			.cForm {
				width: 100%;
			}
			
			input[type="text"],
			textarea {
				width: 100%;
				border: 1px solid #B6ACB5;
				font-family: 'Quicksand', 'Lato', Arial, Verdana, 'Merriweather', serif;
				font-size: 16px;
				font-size: 1.6rem;
			}
			
			input[type="submit"] {
				width: 150px;
				float: right;
				font-family: 'Quicksand', 'Lato', Arial, Verdana, 'Merriweather', serif;
				font-size: 16px;
				font-size: 1.6rem;
				background: #0A2D4B;
				color: #ffffff;
				border-radius: 10px;
				border: 0;
				padding: 10px;
				cursor: pointer;
				-webkit-transition-duration: 0.4s;
				transition-durationg: 0.4s;
				}
				
			.btnlink {
				width: 250px;
				font-family: 'Quicksand', 'Lato', Arial, Verdana, 'Merriweather', serif;
				font-size: 16px;
				font-size: 1.6rem;
				background: #0A2D4B;
				color: #ffffff;
				border-radius: 10px;
				border: 0;
				padding: 10px;
				cursor: pointer;
				-webkit-transition-duration: 0.4s;
				transition-durationg: 0.4s;
				}			
				
			input[type="submit"]:hover,
			.btnlink:hover{
				background: linear-gradient(45deg, rgba(10,45,75, 1), rgba(195,224,243,0.95));				
			}

			form #website{ display:none; } /* hide because is spam protection */

/***** Footer ********************/

			footer {
				background: #0A2D4B;
				font-family: 'Quicksand', 'Lato', Arial, Verdana, 'Merriweather', serif;
				color: #FFFFFF;
				text-shadow: #000000 1px 1px;
				padding: 5px 0 7px 0;
				clear: both; 
				overflow: hidden;
				width: 100%;
				margin: 0px auto 0;
				position: fixed;
				bottom: 0;
				left: 0;
				right: 0;
				/**height: 25px;***/
				}
			
			footer a, footer a:visited {
				color: #FFFFFF;
				text-decoration: none;
				}
				
			footer a:hover {
				color: #FFFFFF;
				text-decoration: underline;
				}
				
			footer p {
				margin: 0;
				padding: 0;
				}
			
			footer .gototop {
				width: 35%;
				float: left;
				margin: 0;
				padding: 0 0 0 10px;
				}
			
			footer .creds {
				width: 60%;
				float: right;
				margin: 0;
				padding: 0 10px 0 0;
				text-align: right;
				}
				
				
				
				.centerimg {
				display: inline-block;
				margin: 5px 5px;
				padding: 0px;
				position: relative;
			}			
				
				
/***** Pricing Tables ***********/
			.columns {
			    width: 23.3%;
			    padding: 5px;
				margin: auto;
				display: inline-block;
				vertical-align: text-top;
			}
		
		
			.price {
			    list-style-type: none;
			    border: 1px solid #eee;
			    margin: 0;
			    padding: 0;
			    -webkit-transition: 0.3s;
			    transition: 0.3s;
			}
			
			.price:hover {
			    box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2)
			}
			
			.price .header {
			    background-color: #266093;
			    color: white;
			    font-size: 1.2em;
			}
			
			.smaller {
				font-size: 0.7em;
			}

			.price li {
			    border-bottom: 1px solid #eee;
			    padding: 20px;
			    text-align: center;
			}
			
			.price .grey {
			    background-color: #eee;
			}
			
			.monthly {
				background-color: #7AB4DA;
				font-size: 1.5em;
			}
			
			.button {
			    background-color: #4CAF50;
			    border: none;
			    color: white;
			    padding: 10px 25px;
			    text-align: center;
			    text-decoration: none;
			    font-size: 18px;
			}
			
			.fineprint {
				font-size: 0.8em;
			}
			
			@media only screen and (max-width: 750px) {
			    .columns {
			        width: 100%;
			    }
			}