* { margin: 0; padding: 0; outline: 0; }
body { font: 12px/16px "Helvetica Neue", Helvetica, Arial, Sans-Serif; color: #666; text-align: left; background: url('/images/background.gif') repeat 0 0; }
body, html { height: 100%; min-height: 100%; }

a:link, a:visited, a:hover, a:active { color: #fff; text-decoration: none; cursor: pointer; }
a img { border: 0; }

input, select, textarea { font: 12px/12px "Helvetica Neue", Helvetica, Arial, Sans-Serif; color: #595959; }
textarea { overflow: auto; }
fieldset { border: 0; }

.ar { display: block; text-align: right; }
.ac { display: block; text-align: center; }
.al { display: block; text-align: left; }

.cl { clear: both; height: 0; font-size: 0; line-height: 0; text-indent: -4000px;  }
.fr { float: right; display: inline; }
.fl { float: left; display: inline; }

.hidden { display: none; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.shell { margin: 0 auto; width: 960px; }
e,h3,h4,h5 {}

.bolded {font-weight: bold;}

/* This Hides Link Text*/
#navigation ul li div {
	text-indent: 4000px;
	}
/*Offsets the Link Anchors for the HEADER*/	
#showcase{
	position: relative;
	top: -135px;
	display: inline-block;
}
#services{
	position: relative;
	top: -118px;
	display: inline-block;
}
#ethos{
	position: relative;
	top: -118px;
	display: inline-block;
}
#contact{
	position: relative;
	top: -118px;
	display: inline-block;
}
	
	
/*#page { position: relative; min-height: 100%; }*/
#header { position: fixed; top: 0; left: 0; width: 100%; height: 99px; z-index: 2; }
#head { width: 100%; height: 99px; background: url('/images/header-bg.png') repeat-x 0 0; }


h1#logo { height: 0; position: relative; z-index: 6; }
h1#logo a { display: block; height: 98px; width: 94px; background: url('/images/logo.png'); position:absolute; top:15px; left:0;}

#navigation { float: right; display: inline; padding-top: 10px; }
#navigation ul li {font-size: 18px;}
#navigation ul { list-style: none outside none; margin-top: 34px; }
#navigation ul li { float: left; display:block; margin: 0; padding: 0; width: 105px; }
#navigation ul li.services { width: 100px;}
#navigation ul li.ethos { width: 80px; }
#navigation ul li.last a { margin-right: 0; width: 105px;}
#navigation ul li a {  color: #ffffff; /* height: 40px; */ 
  line-height: 40px; font: 16px/24px "Archer Semibold", Georgia, Serif; display:block;
  margin-top: 15px;
} 
#navigation ul li a:hover {cursor: pointer;}

#navigation ul li .services a{ background: url('/images/archer/services.png'); }
#navigation ul li .showcase a{ background: url('/images/archer/showcase.png'); }
#navigation ul li .ethos a{ background: url('/images/archer/ethos.png'); }
#navigation ul li .contact a{ background: url('/images/archer/contact.png'); }
	

#content { padding-bottom: 120px; position: relative; z-index: 1; height: 100%; }

#welcome .shell {  height: 470px; background: url('/images/welcome-bg.png') no-repeat; }

#welcome .heading { margin: 99px 0 0 0px;  float: left; clear: both; }
#welcome h2 { width: 320px; padding: 10px 0 0 0;  margin: 16px 0 5px 0; height: 40px; font: 36px/40px "Archer Semibold", Georgia, Times, Serif; color: #fff;  }
#welcome h3 { padding: 0px 0 0 0; margin: 10px 0; height: 30px; font: 18px/22px "EgyptienneURWNar Reg", "Archer Semibold", Georgia, Times, Serif; color: #f1e9c6; text-indent: -4000px;}
#welcome h4 { padding: 5px 0 20px 0; margin: 10px 0; height: 60px; font: 16px/20px "Helvetica Neue", Helvetica, Arial, Sans-Serif; color: #efefef; font-weight: 300; letter-spacing: .02em; }

/*#welcome .subtitle {float: left;padding-top: 65px;padding-left: 65px;color: white;}*/
#welcome .left { float:left; width: 320px; margin: 0; padding: 0;}
#welcome .right { float:right; width: 320px; margin: 0; padding: 0;}


#title { background: url('/images/archer/SoftwareforGood.png'); }
#mission { background: url('/images/archer/mission.png'); }
#howwedoit { background: url('/images/archer/howwedoit.png'); }
#whatwedo { background: url('/images/archer/whatwedo.png'); }
#why { background: url('/images/archer/why.png'); }


#showcase-pane { height: 830px; background: #fafafa;  padding: 37px 0 0; }
#showcase-pane h2 { color: #3e87b6; padding: 0px 0; margin: 0 0 15px; height: 40px; background: url('/images/archer/showcaseHeader.png'); text-indent: -4000px; }
#showcase-shim1 { height: 26px; }
#showcase-shim2 { height: 18px; }
.showcase-col { float: left;}
.showcase-item { position: relative;overflow-y: hidden;width: 310px;height: 223px;margin: 0 4px 15px 0; -webkit-border-radius: 3px;  -moz-border-radius: 3px; border: 3px solid #e2e2e2;}
.hover { position: absolute;bottom: 0;left: 0;width: 310px;height: 0px;z-index: 1000;background-color:#152935;}
.showcase-item h4 { margin: 15px 0px 5px 15px;font-size: 15px;font-family: 'Archer Semibold', Georgia, Times, serif;color: #f1e9c6;}
.showcase-item h5 { margin: 0 0 0 15px;font-style: italic;font-family: "Helvetica Neue", Helvetica, Arial, Sans-Serif; color: #fff;}

.desc { overflow-y: hidden;height: 0px;color: white;line-height: 1.5em;padding-right: 25px;padding-left: 15px;}
.desc .bolded { font-weight: bolder;}
.desc p { margin-bottom: 20px;}
.opened p {margin-top: 10px;}

.button { float: left;-webkit-border-radius: 3px;-moz-border-radius: 3px; border-radius: 3px; padding: 5px 15px; margin: 10px 15px; text-decoration: none; text-align: center; text-shadow: 0 1px 0 #000; }
.button:hover {-webkit-box-shadow: 2px 3px 8px #aaa;box-shadow: 2px 3px 8px #aaa;-moz-box-shadow: 2px 3px 8px #aaa;}
.light-blue { border: 1px solid #00daeb;background-color:#00b2d2;color: white;}
.dark-blue { border: 1px solid #00b0d3;background-color:#0092be;color: white;}
.disabled { background-color:#bbb; border: 1px solid #666; margin-right: 10px; }


#services-pane { padding: 20px 0 0px 0; }
#services-pane h2 {padding: 10px 0 15px 0; margin-bottom: 21px; color:#fff; background: url('/images/archer/servicesHeader.png'); text-indent: -4000px; }
#services-pane ul { list-style: none outside none; }
#services-pane ul li { float: left; display: inline;  width: 300px; margin-right: 30px; }
#services-pane ul li.last { margin-right: 0; }
#services-pane ul li h3 { margin-top: 3px; margin-bottom: 7px; padding: 7px; text-indent: -4000px;}

#services-pane ul li #agile-web-development { background: url('/images/archer/AgileWebDevelopment.png'); }
#services-pane ul li #web-design { background: url('/images/archer/WebDesign.png'); }
#services-pane ul li #start-up-consulting { background: url('/images/archer/StartUpConsulting.png'); }
#services-pane ul li h4 {margin: 10px 0; padding-top: 8px; background: url('/images/archer/wocas.png'); text-indent: -4000px;}
#services-pane ul li p { line-height: 22px; color: #fff; padding-bottom: 12px; font-size: 12px; letter-spacing: 0.02em;}
#services-pane ul li p.quote { line-height: 18px; background: url(/images/icon-quote.gif) no-repeat 0 0; padding: 0 0 0 25px; font-style: italic; padding-bottom: 7px; }
#services-pane ul li p.author { padding-left: 25px; }
#services-pane ul li p.author span { color: #f1e9c6; }

#ethos-pane { padding: 30px 0 0px 0; }
#ethos-pane .shell { }
.border { height: 2px; background: url(/images/double-border.png) repeat-x 0 0; width: 100%; }

#ethos-pane .left { float: left; width: 390px; padding: 0 45px 0px 0;}
#ethos-pane  h2.heading { width: 815px; margin: 20px 0 30px 0; color:#fff; font: 30px/33px "Helvetica Neue",Helvetica,Arial,Sans-Serif; background: url('/images/archer/ethosHeader.png'); text-indent: -4000px;}
#ethos-pane .left h3 { float:left; width: 95px; height: 75px; margin: 45px 0 15px 0; line-height: 28px;  font-size: 16px; color:#fff; text-indent: -4000px; }
#ethos-pane .left h3.first { float:left; width: 300px; height: 32px; margin: 0 0 20px 0;}
#triple-bottom-line { background: url('/images/archer/tripleBottomLine.png'); no-repeat; }
#people { background: url('/images/archer/People.png') no-repeat; }
#planet { background: url('/images/archer/Planet.png') no-repeat; }
#profit { background: url('/images/archer/Profit.png') no-repeat; }

#ethos-pane .left p { color: #fff; margin-bottom: 30px; line-height: 22px;}

#ethos-pane .right { float: left; width: 510px; }
#ethos-pane .right h3 { width: 255px; height:32px; margin-left: 25px; background: url('/images/archer/initiatives-we-support.png'); text-indent: -4000px; }

#ethos-pane .right h3 span {font-size: 18px;}
#ethos-pane .right ul {  margin:0; padding:0px;}
#ethos-pane .right ul li {  float: left; display: inline; position: relative; width: 220px; margin: 0 20px 0px 0; }
#ethos-pane .right ul li.button { text-align: left; padding: 0px; margin: 25px 0 0 25px; width: 220px; height: 110px; background-image: url('/images/ethos_buttonBackground.png'); }
#ethos-pane .right ul li.second { margin-right: 0px;}
#ethos-pane .right ul li img { position: absolute; top: 35px; left: -10px; }

#ethos-pane .right ul li span { margin: 12px 0 0 10px; color: white; font-size: 14px; display:block;}
#ethos-pane .right ul li span.blurb { float: right; display: inline; width: 155px; padding-right: 10px; color: #fff; margin-top: 5px; font-size: 12px;}


#ethos-pane .jobs {}
#ethos-pane .jobs h2 { margin-top: 99px; padding-top: 20px; }
#ethos-pane .jobs .description {width: 800px; background: none;}
#ethos-pane .jobs .description p {color: #fff; padding: 20px 0; font-size: 14px; line-height: 18px;}


#contact-pane { padding: 30px 0 0 0; }
#contact-pane h2 {width: 800px; height:30px; margin: 20px 0 20px 0; color:#fff; background: url('/images/archer/contactHeader.png'); text-indent: -4000px; }
#contact-pane h3 { width: 400px; margin-bottom: 10px; height: 30px; }
#connect-with-clear { background: url('/images/archer/connectWithClear.png');	text-indent:-4000px; }
#wwlttym { background: url('/images/archer/wwlttym.png');	text-indent: -4000px; }

#contact-pane .form {width: 560px; }
#contact-pane .form  p { color: #fff; padding-bottom: 15px; }
#contact-pane .field { height: 38px; width: 468px; background: url(/images/contact-field.png); font-size: 12px; margin-bottom: 15px; clear:both; overflow: hidden; }
#contact-pane .field input { border: 0; background: none; margin: 12px 0 0 15px; width: 438px; height: 15px; position: relative; font-size: 16px;}
#contact-pane .txtarea { height: 129px; width: 468px; border: 0; background: url(/images/contact-textarea.png); margin-bottom: 15px; }
#contact-pane textarea { display: block; height: 104px; padding: 12px 15px; width: 438px; border: 0; position: relative; overflow: auto; background: none; }
#contact-pane form { width: 468px; position: relative; left: -4px; }

/*.big-button { display: block; height: 30px; width: 160px; background: url(/images/button.png); border: 0; cursor: pointer; color: #fff; font: 18px/18px Georgia, Times, Serif; text-transform: lowercase; margin: 0 0 0 auto; }*/

#contact-pane .connect { width: 300px; margin: 0; }
#contact-pane .connect ul { list-style: none outside none; border-top: 1px solid #275465; }
#contact-pane .connect ul li { line-height: 35px; border-bottom: 1px solid #275465; padding-left: 40px; color: #fff; background-repeat: no-repeat; background-position: 10px center; }
#contact-pane .connect ul li.phone { background-image: url(/images/contact-call.png); background-position: 13px center; }
#contact-pane .connect ul li.email { background-image: url(/images/contact-email.png); }
#contact-pane .connect ul li.facebook { background-image: url(/images/contact-facebook.png); }
#contact-pane .connect ul li.twitter { background-image: url(/images/contact-twitter.png); }
#contact-pane .connect ul li.skype { background-image: url(/images/contact-skype.png); }
#contact-pane .connect ul li span,
#contact-pane .connect ul li a { float: right; display: inline; width: 192px; color: #f1e9c6; }

#footer .shell { }
#footer { float: left;height: 66px; line-height: 66px; width: 100%; background: url(/images/footer-bg.gif) repeat-x 0 0; color: #fff; }
#footer ul { list-style: none outisde none; float: right;}
#footer ul li { display: block; float:left; cursor: pointer;}
#footer ul li.sep { margin: 0 15px; }
#footer ul li a { margin: 0 5px;  }
#footer ul li a:hover { cursor: hand; }