* { 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;}
/*#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: 156px; background: url('/images/logo.png'); position:absolute; top:15px; left:0;}

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


#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 .heading { margin: 99px 0 0 305px;  float: left; clear: both; }*/
#welcome h2 { width: 320px; padding: 10px 0 0 0;  margin: 10px 0 5px 0; height: 40px; font: 36px/40px "Archer Semibold", Georgia, Times, Serif; color: #fff;  }
#welcome h3 { padding: 15px 0 0 0; margin: 0 0 10px 0; height: 22px; font: 18px/22px "EgyptienneURWNar Reg", "Archer Semibold", Georgia, Times, Serif; color: #f1e9c6; }
#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;}

#showcase { height: 830px; background: #fafafa;  padding: 37px 0 0; }
#showcase h2 { color: #3e87b6; padding: 0 0 5px 0; margin: 0; height: 40px;}
#showcaseShim1 { height: 26px; }
#showcaseShim2 { height: 18px; }
.showcaseCol { float: left;}
.showcaseItem { 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;}
.showcaseItem h4 { margin: 15px 0px 5px 15px;font-size: 15px;font-family: 'Archer Semibold', Georgia, Times, serif;color: #f1e9c6;}
.showcaseItem 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 { padding: 20px 0 0px 0; }
#services h2 {padding: 5px 0 15px 0;color:#fff;}
#services ul { list-style: none outside none; }
#services ul li { float: left; display: inline;  width: 300px; margin-right: 20px; }
#services ul li.last { margin-right: 0; }
#services ul li h3 { margin-top: 3px; margin-bottom: 7px; }
#services ul li h4 {margin: 10px 0;}
#services ul li p { line-height: 22px; color: #fff; padding-bottom: 12px; font-size: 12px; letter-spacing: 0.02em;}
#services 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 ul li p.author { padding-left: 25px; }
#services ul li p.author span { color: #f1e9c6; }
#services li.left h4 { padding-top: 22px; }
#services li.center h4 { padding-top: 0px; }
#services li.right h4 { padding-top: 0px; }

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

#ethos .left { float: left; width: 390px; padding: 0 45px 0px 0;}
#ethos  h2 { width: 815px; margin: 20px 0 30px 0; color:#fff; }
#ethos .left h3 { float:left; width: 95px; height: 75px; margin: 45px 0 15px 0; line-height: 28px;  font-size: 16px; color:#fff;}
#ethos .left h3.first { float:left; width: 385px; height: 20px; margin: 0 0 35px 0;}

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

#ethos .right { float: left; width: 510px; }
#ethos .right h3 { width: 400px; margin-left: 25px; }
#ethos .right h3 span {font-size: 18px;}
#ethos .right ul {  margin:0; padding:0px;}
#ethos .right ul li {  float: left; display: inline; position: relative; width: 220px; margin: 0 20px 0px 0; }
#ethos .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 .right ul li.second { margin-right: 0px;}
#ethos .right ul li img { position: absolute; top: 35px; left: -10px; }

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



#contact { padding: 30px 0 0 0; }
#contact h2 {width: 800px; margin: 20px 0 20px 0; color:#fff;}
#contact h3 { width: 400px; margin-bottom: 10px; }

#contact .form {width: 560px; }
#contact .form  p { color: #fff; padding-bottom: 15px; }
#contact .field { height: 38px; width: 468px; background: url(/images/contact-field.png); font-size: 12px; margin-bottom: 15px; clear:both; overflow: hidden; }
#contact .field input { border: 0; background: none; margin: 12px 0 0 15px; width: 438px; height: 15px; position: relative; font-size: 16px;}
#contact .txtarea { height: 129px; width: 468px; border: 0; background: url(/images/contact-textarea.png); margin-bottom: 15px; }
#contact textarea { display: block; height: 104px; padding: 12px 15px; width: 438px; border: 0; position: relative; overflow: auto; background: none; }
#contact 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 .connect { width: 300px; margin: 0; }
#contact .connect ul { list-style: none outside none; border-top: 1px solid #275465; }
#contact .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 .connect ul li.phone { background-image: url(/images/contact-call.png); background-position: 13px center; }
#contact .connect ul li.email { background-image: url(/images/contact-email.png); }
#contact .connect ul li.facebook { background-image: url(/images/contact-facebook.png); }
#contact .connect ul li.twitter { background-image: url(/images/contact-twitter.png); }
#contact .connect ul li.skype { background-image: url(/images/contact-skype.png); }
#contact .connect ul li span,
#contact .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: inline; cursor: pointer;}