/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, 
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/************ END RESET *************/

body {
	color: #3a3a3a;
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size: 17px;
	line-height: 1.5;
	text-align: center;
	background-color: #ffffff;
}

h1 {font-size: 24px; line-height: 1.3; margin-bottom: 10px; font-weight: bold; text-align: center;}
h2 {font-size: 22px;}
h3 {font-size: 18px; margin: 20px 0 8px 0; font-weight: 600;}
h4 {font-size: 16px;}
h5 {font-size: 12px;}
h6 {font-size: 10px;}

p {
	margin-bottom: 10px;
}

A:link {text-decoration: none;  color: #3D72A4;}
A:visited {text-decoration: none;  color: #3D72A4;}
A:hover {text-decoration: underline; color: #3D72A4;}
A:active {text-decoration: none;  color: #3D72A4;}

ul {padding-left: 25px;}

img { border: 0;}

img.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

img.resp-img {
	width: 100%;
	height: auto;
}

#wrap {
	width:100%;
	/* width:980px; */
	margin-top:0;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	background-color: #ffffff;
}

#header {
	position: relative;
	overflow: hidden;
	text-align: center;
	background: #133863;
}

#header img {
	margin-bottom: -5px;
}

#header_text {
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
	position: absolute;
	bottom: 10%;
	right: 37%;
}

#announcement {
	font-size: 1.3em;
	text-align: center;
	padding: 20px;
	line-height: 1.2em;
	background-color: #ffff90;
}

#content{
	max-width: 960px;
	margin: 0 auto;
	padding: 20px;
	}

#footer {
	clear: both;
	padding:10px;
	margin-top:0;
	background-color:#091D34;
	color: #ffffff;
	text-align:center;
	position: relative;
}

#footer a {
	color: #ffffff;
	text-decoration: none;
}

.floatrightpic {
	border: 1px solid #999999;
	float: right;
	margin: 10px;
	padding: 2px;
}

.floatleftpic {
	border: 1px solid #999999;
	float: left;
	margin: 0 10px 5px 5px;
	padding: 2px;
}

.caption {
	font-size: smaller;
	color: #808080;
	text-align: left;
}

.clearboth { clear: both; }


.imageborder {
	border: 1px solid #999999;
	padding: 2px;
}

.floatright {
	float: right;
}

.floatleft {
	float: left;
}

.hideshow {
	display: none;
}

#credit {
	font-size: .8em;
	margin-bottom: 10px;
}

.client-logos img {
	max-width: 200px;
	width: 100%;
	height: auto;
}

.portfolio img {
	max-width: 460px;
	width: 100%;
	height: auto;
	border: 4px solid #e0e0e0;
}

.three-parts, .prices {
	padding: 20px;
	border: 5px solid #256ec1;
	background: #eeeeee;
}

/****************** CLIENT LOGOS *******************/

.client-logos .section .col {
	text-align: center
}

.client-logos p {
	font-size: 12px;
	margin: 0 0 10px 0;
}


/****************** FONT AWESOME *******************/

i.fa {
	color: #256ec1;
	margin-top: 10px;
	font-size: 50px;
}

.three-parts i.fa {
	font-size: 28px;
}

/********************* BLUE BUTTON *********************/
a.button  {color: #ffffff; font-weight: normal; padding: 6px 10px 6px 10px; background: #256ec1; text-decoration: none; border-radius: 5px; display: inline-block;}
.button:hover {color: #ffffff; background: #5494de; text-decoration: none;}
.centerbtn {text-align: center; display: block; margin: 20px auto;}



/****************** FORMS *******************/

input[type=text], textarea, select {
    width: 100%;
    padding: 8px 12px;
    /*padding: 12px 12px;*/
    margin: 0;
	/*margin: 8px 0;*/
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
	font-family: inherit;
	font-size: inherit;
}

input[type=submit] {
    width: 100%;
    background-color: #4CAF50;
    color: #ffffff;
	font-size: 20px;
    padding: 12px 18px;
    margin: 8px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

input[type=submit]:hover {
    background-color: #45a049;
}

/***.error {
	color: #ff0000;
	font-weight: bold;
	background-color: yellow;
	border: 1px solid #ff0000;
	padding: 2px;
	text-align: center;
}***/

.error {
	color: #ff0000;
	font-weight: bold;
}


/****************** MAIN NAVIGATION *******************/

#navmain { 
	text-align: center;
	background-color: #256ec1;
	/* padding: 10px; */
	line-height: 2em;
}

#navmain a { 
	display: inline-block;
	padding: 5px 10px;
	text-decoration: none;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	color: #ffffff;
	font-size: 24px;
}

#navmain a:hover {
	background: #5494de;
 }

#navmain a.active {
	background: #5494de;
}
/****************** END MAIN NAVIGATION *******************/

#navbottom {
	text-align: center;
	margin: 10px 0 10px 0;
	margin-left:auto;
	margin-right:auto;
}

span.email b {
	display: none;
}