html, body{height:100%;width:100%;margin:0;padding:0;}
body{position:relative;}
body{background-color:#ffffff;}
textarea{resize:none}
img{border:0;}
a, a:visited{color:#0373b7;text-decoration:none;}
a:hover{color:#9ac7e2;text-decoration:none;font-family:Oswald, Charcoal, Tahoma, Geneva, sans-serif;}
.rightalign{text-align:right;font-family:Oswald, Charcoal, Tahoma, Geneva, sans-serif;width:96%;padding-left:2%}
.downarrow{}
#contact .back-top{padding-top:50px}
.back-top{vertical-align:bottom;text-align:right;margin-bottom:0px;margin-top:auto;top:auto}
#layout{margin:0 auto 0px;width:100%;max-width:1000px;color:#0373b7;font-family:Oswald, Charcoal, Tahoma, Geneva, sans-serif;}
#name{margin:0;width:100%;max-width:515px;text-align:left;}
#name img, #headername img{display:block;margin-left:auto;margin-right:auto;width:100%;max-width:515px;height:auto;}
.layouttext, .headertext, .contactarea{position:relative;left:0px;right:0px;width:100%;max-width:1000px;font-size:1em;color:#0373b7;}
#gallery, .layouttext, .contactarea{padding-top:10px;font-size:1em;line-height:150%;}
#gallery .section{padding-top:200px;font-family:Oswald, Charcoal, Tahoma, Geneva, sans-serif;}
.righttext{width:45%;text-align:right;float:right;font-style:italic;color:#81b5d4;margin-right:12px}
.lefttext{width:40%;float:left}
.contactarea{overflow:auto;}
.headertext img{height:18px;width:auto;padding-left:10px;padding-top:5px}
.headertext img:hover{opacity:0.5;filter:alpha(opacity=50);}
.headertext{width:97%;max-width:515px;text-align:left;padding-bottom:70px;padding-top:0px;}
.layouttext, .contactarea{margin:0 auto 0px;}
.clear{clear:both;}
.heading{font-size:2em;font-family:Oswald, Charcoal, Tahoma, Geneva, sans-serif;font-weight:bold;padding-bottom:10px;}
.headertext a{padding-left:25px;}
#layoutimage{position:absolute;padding-top:11px;width:240px;}
.section .heading img{width:auto;height:30px;margin-top:20px}
#gallery{margin-left:8px;margin-right:8px}
#gallery .portfolioimage img{display:block;margin-left:auto;margin-right:auto;width:100%;max-width:1000px;height:auto;clear:both;}
#footer{margin:auto;text-align:center;width:auto;height:50px;color:#0373b7;font-family:Oswald, Charcoal, Tahoma, Geneva, sans-serif;font-size:.9em;padding-left:0px;padding-right:0px;vertical-align:middle;padding-top:200px}
#footer a:hover{color:#9ac7e2;}
#footer p{vertical-align:middle}
.errorpage a:hover{color:#9ac7e2;text-decoration:underline}
.errorpage, .errorpage p{text-align:center;font-size:1em;color:#0373b7;}
@media screen and (max-width:1000px){.headertext{font-size:1.2em}
#gallery, .layouttext, .lefttext, .righttext, .contactarea{font-size:1.1em}
.righttext{width:100%;text-align:right;float:none}
.lefttext{width:100%;float:none}
.formsection{width:50%;padding-bottom:50px}
.formfield, .formfieldbig, .formtext{width:100%;}
.contactarea .back-top{padding-top:100px}
.headertext {
		font-size:2.3em	
	}
	
	.headertext img {height:50px; width:auto}
	
	.formfield, .formfieldbig, .mainform, .formarea, .lefttext{width:100%}
		.formarea, .contactarea {width:100%;}
		.formarea {max-width:600px}
}
@media screen and (max-device-width:601px){#name{max-width:none;}
#name img{max-width:none;width:97%}
.headertext{width:97%;max-width:none;font-size:1.6em;}
#gallery, .layouttext, .lefttext, .righttext, .formfield, .contactarea{font-size:1.3em}
.righttext{width:100%;text-align:right;float:none;clear:both;}
.lefttext{width:100%;float:none}
#footer{font-size:1.3em}
#gallery .section{padding-top:150px}
.downarrow{padding-bottom:100px}
.headertext img{width:auto;height:30px}
.section .heading img{width:auto;height:40px}
.formsection{width:100%;padding-bottom:50px}
.formfield, .formfieldbig, .formtext{width:100%;}
.contactarea .back-top{padding-top:100px}
.back-top-mini{width:100%;text-align:right;clear:both;}
.back-top-mini img{float:right}
.headertext {
		font-size:2.7em	
	}
	.formarea, .contactarea {width:97%;}
	.headertext img {height:60px; width:auto}
		.formarea {max-width:none}
}
@media screen and (max-width:601px){#name{max-width:none}
#name img{max-width:none;width:97%}
.headertext{width:97%;max-width:none;font-size:1.6em;}
#gallery, .layouttext, .lefttext, .righttext, .formfield, .contactarea{font-size:1.3em}
.righttext{width:100%;text-align:right;float:none}
.lefttext{width:100%;float:none}
#footer{font-size:1.1em}
#gallery .section{padding-top:150px}
.downarrow{padding-bottom:100px}
.heading img{width:auto;height:40px}
.headertext img{width:auto;height:30px}
.formsection{width:100%;padding-bottom:50px}
.formfield, .formfieldbig, .formtext{width:100%;}
.contactarea .back-top{padding-top:100px}
.headertext {
		font-size:2.7em	
	}
	.formarea, .contactarea {width:97%;}
	.headertext img {height:60px; width:auto}
		.formarea {max-width:none}
}


.navigation li{float:left;padding:0px 0px 0px 15px;list-style-type:none;}
.navigation li:hover, .arrow li:hover{cursor:pointer;color:#a9d3d0;}
.navigation ul, .arrow ul, .arrow li{list-style-type:none;}
.headertext a{padding-left:0px;}
.navigation, .layouttext, #layout, .contactarea{font-family:Oswald, Charcoal, Tahoma, Geneva, sans-serif;color:#0373b7;}
.layouttext, .contactarea{font-size:1em}
.navigation li, .navigation a{color:#0373b7}
.navigation li:hover, .navigation a:hover{color:#9ac7e2}
.navigation ul, .headertext ul{margin:0;padding:0;}
.formfield, .formfieldbig{background-color:#9ac7e2;color:#ffffff;border:0;float:left;padding:3px;font-size:1.1em;width:100%;font-family:Oswald, Charcoal, Tahoma, Geneva, sans-serif;padding-bottom:20px}
.formfieldbig{padding-bottom:30px}
.formtext{width:100%;overflow:hidden; padding-top:10px; padding-bottom:2px}
.formsection{width:400px;float:left;font-size:1.1em;padding-left:5px}
.submitbutton{border:0;padding:5px 5px !important;font-size:1.1em !important;background-color:#0373b7;font-weight:bold;color:#ffffff;float:left; position:relative}
#mainform{width:100%;}
.formarea{width:50%;float:left; max-width:500px}