@font-face	{ font-family: 'Lithos'; src: url('Lithos.eot');
			src: url('Lithos.eot?#iefix') format('embedded-opentype'), url('Lithos.ttf') format('truetype'); }
			
/* STRUCTURE */
html, body	{ margin: 0px; padding: 0px; text-align: center; background: rgb(255,255,255); }
html		{ overflow-y: scroll; }
body		{ margin: 30px auto 50px auto; width: 800px; height: 100%; cursor: default; }

#header		{ margin: 0px auto 20px auto; width: 800px; height: 50px; text-align: left; }
#header img	{ float: left; margin: 0px 0px 0px 0px; height: 60px; border: none; }
#header a	{ text-decoration: none; }

#logo		{ width: 300px; }
#logo img	{ margin-left: 4px; }
#logo span img	{ float: left; margin: -57px 0px 0px 90px; height: 54px; border: none; }

#nav		{ float: right; margin-top: -38px; padding: 0px 10px; height: 31px; border: solid 1px rgb(180,180,180);
			border-radius: 9px; background: rgb(235,235,235) url(../images/gradientnav.png) repeat-x 0% 50%;
			box-shadow: 0px 0px 4px rgb(200,200,200); }
#nav ul		{ margin: 0px; padding: 0px; height: 30px; border-radius: 8px;  
			font: 18px/100% Arial, Helvetica, "Nimbus Sans L", Arimo, sans-serif; text-transform: capitalize; }
#nav li		{ float: left; margin: 0px; padding: 6px 0px 4px 0px; list-style: none; }
#nav em		{ padding: 6px 9px; background: url(../images/marker.png) repeat-x; font-style: normal; color: rgb(0,120,15);
			text-shadow: 0.05em 0.05em 0.05em rgb(240,240,240); border-left: solid 1px rgb(180,180,180);
			border-right: solid 1px rgb(180,180,180); }
#nav a		{ padding: 6px 10px; color: rgb(0,50,150); }
#nav a:hover	{ padding: 6px 10px; background: rgb(180,180,180); color: rgb(255,255,255); }

#content	{ margin: 0px auto; width: 800px; text-align: justify; font: 16px sans-serif; color: rgb(30,30,30); }

#footer		{ margin: 30px auto 0px auto; padding-top: 6px; width: 800px; height: 30px; border-top: solid 1px rgb(65,65,65);
			text-align: right; font: 14px sans-serif; color: rgb(65,65,65); }
#footer ul	{ float: left; margin: 0px; padding: 0px; text-align: left; }
#footer ul li	{ float: left; margin: 0px 30px 0px 0px; list-style: none; }
#footer a	{ color: rgb(65,65,65); }
#footer a:hover	{ color: rgb(0,80,200); text-decoration: none; }



/* COMMON */
a		{ text-decoration: none; color: rgb(0,80,200); }
a:hover		{ text-decoration: underline; }

h1		{ margin: 0px 0px 0px 92px; padding-top: 4px; color: rgb(0,0,0); font: 32px/85% Lithos, "Trebuchet MS", serif, sans-serif; }
h1 span		{ margin: 0px; padding: 0px; font-size: 0.642em; text-transform: none; }
h2		{ margin: 30px 0px 4px 0px; padding: 0px; font: bold 18px Lithos, "Trebuchet MS", serif, sans-serif;
			text-transform: capitalize; color: rgb(0,120,15); }
h2:first-child	{ margin-top: 10px; }
h3		{ margin: 20px 0px 2px 0px; font: bold 15px sans-serif; text-transform: capitalize; color: rgb(50,50,50); }

img		{ border: none; border-radius: 8px; }

.hidden		{ display: none; }

.clearfix:after	{ visibility: hidden; display: block; font-size: 0; line-height: 0; content: " "; clear: both; height: 0; width: 0; }
.clearfix	{ display: inline-block; }
			/* start commented backslash hack \*/
			* html .clearfix { height: 1%; }
			.clearfix { display: block; }
			/* close commented backslash hack */

			
	
/* HOME */
.descpanelfg	{ text-align: right; font-size: 24px; font-weight: bold; text-shadow: 0.0em 0.0em 0.2em rgb(0,0,0); }
.homeimg	{ float: left; margin-top: 10px; border: solid 1px rgb(220,220,220); border-radius: 8px; }
#mission	{ float: left; width: 310px; }
#about		{ float: left; margin-left: 40px; width: 450px; }



/* SERVICES */
.svcscol	{ margin-right: 40px; float: left; width: 240px; }
.svcscol img	{ margin-bottom: -10px; width: 240px; }
.svcscol ul	{ margin-bottom: -30px; }
.svcscol li	{ margin-left: -15px; }



/* PROCESS */
#process	{ margin-top: 50px; }
#process img	{ float: right; margin: 0px 0px 8px 14px; width: 250px; border: solid 1px rgb(200,200,200); }



/* PORTFOLIO */
#portfolio	{ padding-bottom: 20px; }
#portfolio img	{ float: left; margin: 10px 5px 0px 5px; height: 136px; border: none; }



/* CONTACT */
#contact	{ margin: 50px 0px 30px 0px; padding: 20px 30px 30px 30px; width: 736px; height: 300px;
			border: solid 2px rgb(200,200,200); border-radius: 6px; 
			background: rgb(250,250,245) url(../contact/AllenJanke.png) no-repeat 460px 10px;
			box-shadow: 0px 0px 8px rgb(200,200,200); font: normal bold 18px sans-serif; }
#allenemail	{ color: rgb(30,30,30); }
.social		{ float: left; margin: 5px 15px 0px 0px; width: 50px; border: none; }
#allen		{ float: left; margin: 65px 0px 0px 150px; width: 300px; font: bold 18px "Trebuchet MS", sans-serif; }
#allen span	{ font: 14px sans-serif; }
#form		{ margin: 20px 0px 30px 0px; padding: 20px 30px 30px 30px; width: 736px; border: solid 2px rgb(200,200,200);
			border-radius: 6px; background: rgb(250,250,245); box-shadow: 0px 0px 8px rgb(200,200,200);
			font: normal bold 18px sans-serif; }

#form input, textarea, select	{ float: left; margin: 20px 20px 10px 0px; padding: 0px 6px; height: 32px; border: solid 1px rgb(170,170,170); border-radius: 6px;
			box-shadow: inset 0px 1px 2px rgb(220,220,220); font: 16px bodytxt, sans-serif; color: rgb(50,50,50); letter-spacing: 0.04em;
			background: linear-gradient(rgb(240,240,240), rgb(255,255,255)); resize: none; overflow: auto; }
#form input:hover, textarea:hover { box-shadow: inset 0px 1px 2px rgb(150,150,150); }
#form input:focus, textarea:focus { border: solid 1px rgb(0,80,200); }
#firstname	{ width: 150px; }
#lastname	{ width: 210px; }
#email		{ width: 274px; }
#phone		{ width: 150px; }
#address	{ width: 210px; }
#city		{ width: 140px; }
#zipcode	{ width: 100px; }
select		{ padding-right: 0px; width: 716px; border-bottom-right-radius: 0px; border-top-right-radius: 0px; color: rgb(130,130,130); }
select option	{ color: rgb(50,50,50); }
#message	{ padding: 10px; width: 694px; height: 150px; }
#submit		{ width: 100px; color: rgb(100,100,100); }
#notice		{ float: left; width: 715px; text-align: center; font: italic 12px sans-serif; text-transform: uppercase; color: rgb(130,130,130); }



/* NOTFOUND */
#notfound div	{ padding: 60px 0px 0px 60px; height: 200px; }
#notfound img	{ float: left; margin: 36px 30px; width: 80px; border: none; }
#notfound h2	{ font-size: 22px }