/* CSS Document */

body,html {margin: 0;padding: 10px 0;background-color: #eee;width: 100%;font-family: 'Open Sans', sans-serif;color: #54301A;font-size:12px;font-weight:400;}

/* ~~ Element/tag selectors ~~ */
a img {border: none;}
a:link {color:#392c05;text-decoration: none; }
a:hover {text-decoration: none;color: #0096D6;}
ul {margin: 0;padding: 0;}
p {margin: 0;padding: 0 0 15px 0;}
.hidden {display:none}
/* page stuff */
#wrapper {position: relative;margin: 0 auto;width:96%;max-width:1920px;min-width:320px;background-color: #fff;box-shadow: 0px 0px 10px #888888;}
#header {position: relative;margin: 0px;background-image: url(../images/header-back.gif);background-repeat:no-repeat;background-position:right;width: 100%;height: 210px;}
#logo {position: absolute;top: 35px;left: 45px;}
#tagline {position: absolute;top: 78px;right: 5%;color: #0096D6;letter-spacing: 9px;font-weight:bold;text-align:right}
#tagline h1 {font-size: 14px;}
/* main menu */
.menuHolder {position:absolute;right:70px;margin:134px 0 0 0;z-index:100;max-width:600px}
.menuHolder2 {position:absolute;left:230px;top:140px;width:100%;max-width:900px;z-index:100}
.nav-primary {margin:0;font-weight:400;font-size: 12px}
.nav-primary h3 {position: absolute;left: -999em;}
.nav-primary ul {list-style:none;padding:0;margin:0}
.nav-primary li {font-size: 12px;margin-right:30px;}
.nav-primary li:last-child {margin-right:10px;}
.nav-primary a {display: block;text-decoration: none;color: #54301A;}
.nav-primary a:hover {color:#A6D49C}
.nav-primary .nav-current {display:inline-block;text-decoration: none;color:#A6D49C}
a.skip {position: absolute;left: -999em;}
.nav-menu .nav-primary {margin: 5px 0;position: relative;width:120px}
.nav-menu .nav-primary a {padding-right: 30px;}
.nav-menu .nav-primary h3 {position: absolute;top: -15px;left: 120px;display: block;width: 42px;height: 100px;background: url(../images/drop-arrow.png) no-repeat -10px -5px;text-indent: -999em;cursor: pointer;}
.nav-menu .nav-primary.expanded h3 {background-position: -10px -5px;background-image:url(../images/hide-arrow.png)}
.nav-menu .nav-primary li {clear: left;display: none;color:#A6D49C;background-color:#f9f9f9;width:128px;text-align:left;padding:5px 0 5px 20px;}
.nav-menu .nav-primary.expanded li,.nav-menu .nav-primary li.nav-current {display: list-item;}
.nav-menu .nav-primary li.nav-current {border-bottom-width: 0;color:#A6D49C;margin-left:0;}
.nav-menu .nav-primary.expanded li.nav-current {border-bottom-width: 1px;}
/* home page */

/* secondary pages */
#contentContainer {position: relative;margin: 0px;width: 100%;box-shadow: 0px 0px 10px #888888;z-index: 2;}
#imageHolder {position:relative;width: 65%;height:574px;margin-left:4%}
#textContainer {width: 25%;padding:35px 3%;overflow-y:auto}
#textContainer div {margin:0 0 20px 0}

/* portfolio */
#imageHolder2 {width: 65%;}
#textContainer2 {width: 265px;padding:35px 30px 35px 30px;}
a.prevBtn {display: block;width: 27px;height: 26px;text-decoration: none;background-image: url(../images/btn-left.png);margin: 10px;}
a.prevBtn:hover {background-position: 0px -26px;}
a.nextBtn {display: block;width: 27px;height: 26px;text-decoration: none;background-image: url(../images/btn-right.png);margin: 10px;}
a.nextBtn:hover {background-position: 0px -26px;}
/* footer */
#footer {position: relative;background-image: url(../images/footer.jpg);background-repeat: no-repeat;background-position: center;font-size: 10px;padding-top: 42px;height: 173px;width:100%;color: #0096D6;margin: 0px;text-align: center;z-index: 1;}
.footer a {color: #0096D6;text-decoration: none;}
.footer a:hover {color: #dd1d23;text-decoration: none;}
/* admin */
#adminContent {padding: 30px 50px;}
/* ~~ miscellaneous float/clear classes ~~ */
.fltrt {float: right;}
.fltlft {float: left;}
.clearfloat {clear:both;}

@media screen and (max-width: 992px) {
	.menuHolder {right:0px;width:100%;max-width:992px;top:30px}
	#tagline h1 {font-size:14px !important}
}
@media screen and (max-width: 860px) {
	#tagline {width:50%}
	#imageHolder {width: 92%;margin-left:4%;height:200px}
	#textContainer {width: 92%;padding:35px 4%;}
}
@media screen and (min-width: 860px) and (max-width: 960px) {
	#imageHolder {width: 92%;margin-left:4%;height:200px}
	#textContainer {width: 92%;padding:35px 4%;}
	#tagline h1 {font-size:14px}
}
@media screen and (max-width: 480px) {
	#tagline {display:none}
}
@media screen and (min-width: 992px) {
	#tagline h1 {font-size:20px}
	#header {height:179px;}
	.nav-primary li {display:inline-block;font-size: 12px}
	#textContainer {max-height:504px;min-height:504px}
}