@font-face {
    font-family: 'League Gothic';
    src: url('../fonts/leaguegothic-regular-webfont.eot');
    src: url('../fonts/leaguegothic-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/leaguegothic-regular-webfont.woff') format('woff'),
         url('../fonts/leaguegothic-regular-webfont.ttf') format('truetype'),
         url('../fonts/leaguegothic-regular-webfont.svg#league_gothic_italicregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

html, body {height: 100%;}
body {background:url('../img/wood-background.jpg') repeat top left;margin-top:20px;}

a:focus,
a:active,
a:hover {outline:none !important;}

h1 {margin-top:0;font-family:'impact', 'League Gothic',helvetica,sans-serif;font-style: normal;font-size:24pt;text-transform:uppercase;margin-bottom:0;}
h2 {margin-top:0;font-family:'impact', 'League Gothic',helvetica,sans-serif;font-style: normal;font-size:18pt;text-transform:uppercase;margin-bottom:10px;}
h3 {margin-top:0;font-family:'impact', 'League Gothic',helvetica,sans-serif;font-style: normal;font-size:16pt;}
h4 {margin-top:0;font-family:'impact', 'League Gothic',helvetica,sans-serif;font-style: normal;font-size:16pt;}
h5 {margin-top:0;}
h6 {margin-top:0;}

a {color:#600000;}
a:visited, a:active {color:#600000;}
a:hover {color:#333;text-decoration:none;}


.container {max-width:auto;}
.page {background:#fff;margin:0 auto;padding:30px;-moz-box-shadow:0 0 10px rgba(0,0,0,.8);-webkit-box-shadow:0 0 10px rgba(0,0,0,.8);box-shadow: 0 0 10px rgba(0,0,0,.8);}

#header-area {text-align:right;}
.header-email {margin:0 0 30px 0;}
.header-phone {}

.box-panel {border:1px solid #ccc;background:#EEF1F2;padding:10px;}
.box-panel h3 {text-transform:uppercase;font-size:18pt;margin:0 0 20px 0;}

.acc-sm {width:120px;}
.acc-bg {width:220px;}

.sub-menu {margin:0 0 5px 0;}
.sub-menu h3 {margin:0 0 0 0;font-size:18pt;}
.sub-menu ul {margin:0 0 0 0;padding:0 0 0 0;list-style:none;}
.sub-menu ul li {margin:0 0 0 0;padding:0 0 0 0;list-style:none;}
.sub-menu ul li a:before {content: "- ";}

h6.cta a {display:block;background:#600000;padding:10px;color:#fff;text-decoration:none;}
h6.cta a:hover {background:#333;text-decoration:none;}

/* Nav Bar */
nav {margin:0 0 10px 0;}
.navbar-nav {margin:0 0 0 15px;padding:0;}
.navbar-nav > li {margin:0 3px 0 0;}
.navbar-nav > li > a {background:#600000;color:#fff;text-transform:uppercase;padding:5px 8px 5px 8px;}
.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus {background:#000;}
.navbar-nav > li.nav-path-selected > a {background:#ff0000;}
.navbar-nav > li.open a,
.navbar-nav > li.open a:hover
.navbar-nav > li.open a:focus {}
.navbar-nav .dropdown-menu {background:none;padding:0;background:rgba(230,230,230,.8);}
.navbar-nav .dropdown-menu li {margin:0 0 0 0;}
.navbar-nav > li.open a.dropdown-toggle {background:#000;}
.navbar-nav > li.dropdown-toggle a {color:#fff;}
.navbar-nav .dropdown-menu a {background:none;color:#333;text-transform:uppercase;padding:5px 8px 5px 8px;}
.navbar-nav .dropdown-menu a:hover,
.navbar-nav .dropdown-menu a:focus {background:#600000;color:#fff;}
.navbar-nav a .caret,
.navbar-nav a:hover .caret,
.navbar-nav a:focus .caret {border-bottom-color:#fff;border-top-color:#fff;}

/*
#main {overflow:auto;padding-bottom:200px;}
.footer {position:relative;padding-top:20px;padding-bottom:20px;background:#DEF2F3;}
.footer h3 {font-size:12pt;text-transform:uppercase;}
.footer ul {list-style:none;padding:0;margin:0;}
.footer ul li {list-style:none;padding:0;margin:0;}
.signoff {text-align:center;font-size:9pt;margin:10px 0 10px 0;}

.container-outer {padding-left:0;padding-right:0;}
.navbar-collapse {padding-left:0px;padding-right:0px;}
.navbar {border-radius:0;border:none;margin-bottom:0;}

.dropdown-menu {padding-top:0;padding-bottom:5px;background:#DEF2F3;border-radius:0;border:none;}
.dropdown-menu ul {margin:0;padding:0;list-style:none;}
.dropdown-menu ul li {margin:0;padding:0;list-style:none;}
.dropdown-menu ul li a {display:block;padding:3px 5px 5px 20px;}
.dropdown-menu > li > a {padding:8px 15px 10px 15px;}

.navbar-nav > li > .dropdown-menu {border-radius:0;}

.navbar-brand {display:none;}
.navbar-inverse {background-color:#005488;border-bottom:5px solid #DEF2F3;}
.navbar-inverse .navbar-nav > li > a {color:#DEF2F3;}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {background-color:#DEF2F3;color:#005488;}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {background-color: #DEF2F3;color:#005488;}

.header-pill {margin:0 0 10px 0;}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {background-color: #005488;}

.btn-primary {background-color:#005488;border-color:#005488;}
.btn-primary:hover {background-color:#005488;border-color:#005488;}

div.pagination {text-align:center;}
ul.pagination {margin:0 auto;}

.bullets {list-style:none;margin:0 0 10px 0;padding:0;}
.bullets ul {list-style:none;margin:0;padding:0;}
.bullets li {list-style:none;margin:0;padding:0;}
.bullets i {margin-right:5px;}
.bullets li a {display:block;border-bottom:1px solid #ccc;padding:4px 0 4px 0;}
.bullets li li a {padding:4px 0 4px 15px;}
.bullets li li li a {padding:4px 0 4px 30px;}
*/

/* Project List */
.project-list-item {position:relative;display:block;background:#fff;margin:0 auto 10px auto;padding:8px 8px 8px 8px;-moz-box-shadow:0 0 6px rgba(0,0,0,.5);-webkit-box-shadow:0 0 6px rgba(0,0,0,.5);box-shadow: 0 0 6px rgba(0,0,0,.5);min-height:250px;}
.project-list-item .arrow-right-small {position:absolute;bottom:10px;right:0px;}

/* Project Page */
.feature-photo {display:block;background:#fff;margin:0 auto 10px auto;-moz-box-shadow:0 0 10px rgba(0,0,0,.8);-webkit-box-shadow:0 0 10px rgba(0,0,0,.8);box-shadow: 0 0 10px rgba(0,0,0,.8);}
.feature-photo img {padding:7px 5px 7px 7px;}
.photo {display:block;background:#fff;margin:0 auto 10px auto;-moz-box-shadow:0 0 10px rgba(0,0,0,.8);-webkit-box-shadow:0 0 10px rgba(0,0,0,.8);box-shadow: 0 0 10px rgba(0,0,0,.8);}
.photo img {padding:7px 7px 7px 7px;}

/* Testimonial List */
.testimonial-list-item {display:block;background:#fff;margin:0 auto 10px auto;padding:8px 0 8px 0;-moz-box-shadow:0 0 6px rgba(0,0,0,.5);-webkit-box-shadow:0 0 6px rgba(0,0,0,.5);box-shadow: 0 0 6px rgba(0,0,0,.5);}
.testimonial-list-item .col-img,
.testimonial-list-item .col-text {padding:0 8px 0 8px;}

/* Testimonial Page */

/* Testimonial Block */
.testimonial {border:1px solid #ccc;background:#fff;padding:20px;margin-bottom:10px;}
.testimonial h3 {text-transform:uppercase;font-size:18pt;margin:0 0 20px 0;color:#600000;}
.testimonial p {font-size:10pt;font-style:italic;line-height:1.2;}
.testimonial p.source {font-size:10pt;font-style:normal;font-weight:bold;}
.testimonial .more-comments {background:url('../img/quote-pin.png') no-repeat center left;padding-left:17px;}
.testimonial .more-comments h3 {text-transform:uppercase;font-size:18pt;margin:0 0 20px 0;background:#600000 url('../img/quotes.png') no-repeat 210px 12px;padding:12px 120px 12px 12px;}
.testimonial .more-comments h3 a {color:#fff;}
.quote {font-style:italic;}

/* Staff List */
.staff-list-item {display:block;background:#fff;margin:0 auto 10px auto;padding:8px 8px 8px 8px;-moz-box-shadow:0 0 6px rgba(0,0,0,.5);-webkit-box-shadow:0 0 6px rgba(0,0,0,.5);box-shadow: 0 0 6px rgba(0,0,0,.5);text-align:center;}

/* Staff Page */

#rotator {position:relative;z-index:0;width:924px;height:364px;margin:0 0 10px 0;overflow:hidden;-moz-box-shadow:0 0 6px rgba(0,0,0,.5);-webkit-box-shadow:0 0 6px rgba(0,0,0,.5);box-shadow: 0 0 6px rgba(0,0,0,.5);}
#rotator .slides {position:absolute;z-index:1;width:924px;height:360px;overflow:hidden;padding:12px 12px 12px 12px;}
#rotator .item {position:relative;z-index:2;display:none;}
#rotator .current {display:block;}
#rotator .item .feature {position:absolute;z-index:3;}
#rotator .item .content {position:absolute;width:288px;z-index:4;background:rgba(255,255,255,.8);padding:10px 50px 10px 10px;}
#rotator .item .content-left {left:0px;right:auto;top:0px;}
#rotator .item .content-right {left:auto;right:0px;top:0px;}
#rotator .item .content h3 {text-transform:uppercase;margin:0;}
#rotator .item .content h4 {margin:0 0 5px 0;}
#rotator .item .content p {font-size:9pt;line-height:1.2;}
#rotator .item .content p.more {margin:0 0 3px 0;font-weight:bold;text-transform:uppercase;line-height:1.3;}
#rotator .item .content p.more i.dot {display:block;float:left;background:url(../img/dots.png) 0px 0px no-repeat;width:15px;height:15px;margin-right:3px;}

#rotator .prev {position:absolute;z-index:10;right:auto;left:12px;top:130px;background:url(../img/big-arrows.png) -43px 0px no-repeat;width:45px;height:87px;display:block;cursor:pointer;}
#rotator .next {position:absolute;z-index:10;right:12px;left:auto;top:130px;background:url(../img/big-arrows.png) 0px 0px no-repeat;width:45px;height:87px;display:block;cursor:pointer;}
#rotator .prev:hover {background-position: -131px 0px;}
#rotator .next:hover {background-position: -88px 0px;}
#rotator .slide-pager {position:absolute;z-index:10;bottom:10px;text-align:center;width:924px;}
#rotator .slide-pager li {display:inline-block;margin:0 5px 0 5px;}
#rotator .slide-pager li a {display:block;color:#fff;background:url(../img/slide-page.png) 0px 0px no-repeat;width:27px;height:27px;}
#rotator .slide-pager li a:hover,
#rotator .slide-pager li a.active {background-position: -27px 0px;}

.bullets {list-style:none;margin:0 0 0 20px;padding:0;}
.bullets li {list-style:none;margin:0;padding:0;text-transform:uppercase;}

.footer {margin-top:20px;}
#credits {text-align:center;font-size:8pt;margin-top:20px;margin-bottom:20px;}

a.btn-primary:active,
a.btn-primary:focus,
a.btn-primary {background:#600000;border:none;color:#fff;}
a.btn-primary:hover {background:#333;border:none;color:#fff;}
.btn-primary .glyphicon {color:#fff;}

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{outline:0;}
#cboxContent{margin-top:20px;background:#000;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{border:5px solid #000; background:#fff;}
#cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
#cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
#cboxLoadingGraphic{background:url(../img/loading.gif) no-repeat center center;}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
#cboxPrevious:focus, #cboxNext:focus, #cboxSlideshow:focus, #cboxClose:focus {outline:0;}

#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
#cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../img/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
#cboxPrevious:hover{background-position:bottom left;}
#cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(../img/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
#cboxNext:hover{background-position:bottom right;}
#cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(../img/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
#cboxClose:hover{background-position:bottom center;}



@media (min-width: 1110px) {
	.wrapper {width:1110px;position:relative;background:url('../img/pencil.png') no-repeat 0px 50px;margin:0 auto;}
	.hammer {background:url('../img/hammer.png') repeat top left;width:212px;height:169px;position:absolute;top:0;left:600px;z-index:10;}
}

@media (max-width: 991px) {
	.logo-header {display:none;}
	.navbar-brand {display:block;}
	.navbar-inverse .navbar-brand {color:#fff;margin-left:15px;}
	.navbar-collapse {padding-left:15px;padding-right:15px;}
	.navbar-header {padding-right:15px;}
	.navbar-nav {padding-right:15px;padding-left:15px;}
	.dropdown-menu a {color:#fff;}
	.dropdown-menu ul li a {display:block;padding:3px 5px 5px 40px;}
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {color:#fff;}
	.collapse {
		display: none;
	}
	  
	.collapse.in {
		display: block;
	}
	  
	.collapsing {
		position: relative;
		height: 0;
		overflow: hidden;
		-webkit-transition: height 0.35s ease;
				transition: height 0.35s ease;
	}
}

/*
@media (max-width: 767px) {
	.logo-header {display:none;}
	.navbar-brand {display:block;}
	.navbar-inverse .navbar-brand {color:#fff;margin-left:15px;}
	.navbar-collapse {padding-left:15px;padding-right:15px;}
	.navbar-header {padding-right:15px;}
	.navbar-nav {padding-right:15px;padding-left:15px;}
}
*/

@media (min-width: 768px) and (max-width: 979px) {
	.container {max-width:768px;}
	.page {padding: 20px;}
	.navbar-nav {margin: 0 0 0 0;}
	
	#rotator {position:relative;z-index:0;width:728px;height:364px;margin:0 0 10px 0;overflow:hidden;-moz-box-shadow:0 0 6px rgba(0,0,0,.5);-webkit-box-shadow:0 0 6px rgba(0,0,0,.5);box-shadow: 0 0 6px rgba(0,0,0,.5);}
	#rotator .slides {position:absolute;z-index:1;width:716px;height:360px;overflow:hidden;padding:12px 12px 12px 12px;}
	#rotator .item .content {position:absolute;width:298px;z-index:4;background:rgba(255,255,255,.8);padding:10px 50px 10px 10px;right:-20px;}
	#rotator .item .feature {}
	#rotator .slide-pager {width:716px;}
}

@media (max-width: 767px) {
	.page {padding: 10px;}
	#header-area {text-align:center;}
	.header-email {margin:0 0 0 0;}
	.header-phone {margin:0 45px 0 0;}
	.navbar-nav {padding-left:0;padding-right:10px;}
	.testimonial .more-comments h3 {background:none;background:#600000;}
	.box-panel {margin:0 0 10px 0;}
	.acc-sm, .acc-bg {width:100%;text-align:center;}
	.acc-sm img, .acc-bg img {display:block;margin:0 auto;}
	.bullets {padding:0;margin:0 0 10px 0;}
	.bullets li {padding:0;margin:0;text-align:center;}
	
	#rotator {position:relative;width:auto;height:auto;margin:0 0 10px 0;}
	#rotator .slides {position:relative;width:auto;height:auto;padding:0;}
	#rotator .item {position:relative;width:auto;height:auto;padding:0;}
	#rotator .item .feature {position:relative;width:auto;height:auto;padding:0;float:none;}
	#rotator .item .content-right {position:relative;width:auto;height:auto;padding:5px;float:none;}
	
	#rotator .prev {display:none;}
	#rotator .next {display:none;}
	#rotator .slide-pager {display:none;}
}

@media (min-width: 768px) and (max-width: 991px) {
  .container {max-width:980px;}
}

@media (min-width: 992px) and (max-width: 1199px) {
  .container {max-width:980px;}
}

@media (min-width: 1200px) {
  .container {max-width:980px;}
}