html { margin:0; padding:0; }
body { background:url('/images/body-bg.jpg') center top no-repeat #000; background-attachment:fixed; margin:0; padding:0; font-family:Arial, Helvetica, Sans-Serif; font-size:12px; color:#212121; }

a { color:#395879; text-decoration:none; }
p { margin:5px 0 10px; }
h1 { color:#333; font-weight:normal; font-size:24px; border-bottom:1px solid #ddd; margin:5px 0 15px; padding-bottom:3px; }
h2 { color:#014B1A; font-size:18px; margin:15px 0 10px; }
h3 { margin:0 0 10px; color:#777; }
h4 { margin:0 0 10px; }
img { border:none; }

#wrapper { width:1010px; margin:0 auto; padding-top:61px; position:relative; }
#wrapper .logo { position:absolute; top:10px; left:22px; }

.d-none { display: none; }

/*NAV*/
#nav { background:url('/images/nav-bg.png') center top no-repeat; height:46px; width:810px; padding-left:200px; }
#nav a { display:block; float:left; width:auto; line-height:37px; text-align:center; }
#nav a:hover { color:#ccc; }
#nav a, #sidebar .contact-box p { font-family:'Segoe UI', Arial, Helvetica, Sans-Serif; font-size:15px; font-weight:bold; color:#F1F1E9; text-shadow: 1px 1px 1px #222; }

/*CONTENT*/
#content { background:#E8E8E8; width:970px; min-height:300px; margin:0 auto; padding:0 10px 10px; }
#content a { font-weight:bold; text-decoration:underline; }
#content #sidebar { background:url('/images/sidebar-bg.png') center top repeat-y; width:157px; float:left; margin-top:43px; padding:11px 11px 11px 7px; }
#content #sidebar .contact-box { background:url('/images/contact-box-bg.png') center top repeat-y; border:2px solid #E8E8E8; width:138px; padding:10px 10px 3px; }
#content #sidebar .contact-box p { margin:0 0 10px; }
#content #sidebar h2 { background:#E8E8E8; border-bottom:1px solid #CFCFCF; height:19px; width:140px; padding:10px; font-size:16px; font-weight:normal; color:#666; }
#content #sidebar p.padding { padding:5px 10px; }
#content #main { background:url('/images/main-bg.png') center top repeat-x #FFF; width:752px; float:right; margin:0; padding:19px; line-height:160%;  }
#content #main .quote-box { background:#E8E8E8; border:1px solid #CCC; margin:20px 0; padding:10px; color:#003300; text-align:center; font-style:italic; font-size:13px; }

/*FOOTER*/
#footer { width:970px; margin:10px auto 30px; text-align:center; color:#fff; }
#footer .nav { margin:0 0 10px; height:12px; line-height:12px; }
#footer .nav a, #footer .nav span { border-left:1px solid #fff; color:#fff; padding:0 7px; }
#footer .nav a:hover { text-decoration:underline; }
#footer .nav a:first-child { border-left:none; padding-left:0; }
#footer .nav span:first-child { border-left:none; padding-left:0; }
#footer .license { font-size:11px; }
#footer a.bysteps { background:url('/images/bysteps.png') center center no-repeat; display:block; height:29px; width:88px; text-indent:-9999em; outline:none; margin:0 auto; }

/*PAGE: Homepage*/
#content #main .ground-up { display:block; margin:15px 0 20px; }
#content #main .photo-box-large, #content #main .photo-box-small { background:#CFCFCF; padding:2px; float:left; }
#content #main .photo-box-large { height:134px; width:182px; margin:0 20px 55px 0; }
#content #main .photo-box-small { height:100px; width:132px; margin:20px 0; }
#content #main .photo-box-large img, #content #main .photo-box-small img { display:block; border:1px solid #fff; padding:2px; }
#content #main .photo-box-large img { height:128px; width:176px; }
#content #main .photo-box-small img { height:94px; width:126px; }
#content #main h2.headline { float:right; width:586px; font-size:20px; font-weight:normal; color:#395879; background:#E8E8E8; border-bottom:1px solid #CFCFCF; margin:20px 0 10px; padding:10px 10px 10px 20px; }
#content #main p.headline { float:right; width:595px; margin:5px 0; }
#content #main .igray { font-style:italic; color:#666; }

#slider { background:#CFCFCF; border:1px solid #A1AFBF; height:263px; width:744px; padding:2px 2px 8px; position:relative; }
#slider .slider-slides { height:263px; width:744px; position:relative; }
#slider .slider-slides .slider-slide { height:263px; width:744px; position:absolute; left:0; top:0; }
#slider .slider-slides .slider-slide a.slider-btn { display:block; height:14px; width:107px; padding:5px; font-size:14px; font-weight:normal !important; text-decoration:none !important; position:absolute; bottom:-2px; right:4px; text-align:center; }
#slider .slider-slides .slider-slide a.slider-btn:hover { background-position:center -24px; }
#slider .slider-slides .slider-slide p { position:absolute; left:210px; bottom:2px; margin:0; color:#555; font-size:14px; }
#slider .slider-status { position:absolute; bottom:6px; left:6px; z-index:1000; height:24px; width:auto; font-weight:bold; } 
#slider .slider-status span.slider-status-num { display:block; float:left; height:14px; width:23px; padding:5px; text-align:center; font-size:20px; cursor:pointer; }
#slider .slider-status span.slider-status-num.activeSlide { background:#fff; }
#slider a.slider-btn, #slider .slider-status { background:url('/images/slider-btn.png') center top repeat-x; border:1px solid #A1A1A1; color:#3A5879; line-height:14px; }

/*PAGE: Experience*/
.experience {  }
.experience a.thumb { height:94px; width:126px; outline:none; }
.experience a.thumb, .experience .gallery img { display:block; float:left; margin:0 10px 10px 0; padding:2px; border:1px solid #ddd; }
.experience .gallery img { height:125px; width:125px; }

/*PAGE: Contact Us*/
.contact-us .map { float:right; }
.contact-us .form { width:300px; margin:0 auto; float:left; }
.contact-us .form p { margin:0 }
.contact-us .form span { display:block; font-weight:bold; width:100px; float:left; line-height:27px; }
.contact-us .form input, .form textarea { width:100%; padding:5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; box-sizing: border-box; }
.contact-us .form textarea.comments { height:140px; padding:5px; font-family:Arial, Helvetica, Sans-Serif; }
.contact-us .form input.submit { width:90px; height:30px; padding:0; margin:15px 0 0 170px; font-size:13px; font-weight:bold; color:#333; }
.contact-us .form input.submit:hover { background-position:center -32px; }

.contact-us .addresses { border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin:20px 0 15px; padding:5px 0; }
.contact-us .addresses .address { float:left; width:175px; }

.contact-us .contacts p strong { float:left; width:155px; display:block; }
.contact-us .contacts p span { float:left; width:205px; display:block; font-style:italic; }
.contact-us .contacts p span a { font-style:normal; }
.contact-us .contacts p { margin:15px 0; }
.contact-us .recaptcha-frame { margin-top: 25px; }
.contact-us .error-message { margin-top: 20px; margin-bottom: 20px; color: #dc3545 !important; }

/*REFERENCES*/
.reference { width:720px; padding:15px 20px; line-height:160%; }
.reference h2 { margin-top:0; }

/*UTILITY*/
.clear { clear:both; }
.hidden { display:none; }
img.right { float:right; margin:0 0 10px 20px; border:1px solid #ccc; padding:1px; }
img.left { float:left; margin:0 10px 20px 0; border:1px solid #ccc; padding:1px; }