body {
	background-color: #cedde0;
	font-family: GibsonRegular, "Lucida Grande", "Lucida Sans Unicode", Lucida, "Liberation Sans", sans;
	font-size: 14px;
	color: rgba(0, 0, 0, 0.8);
	
	overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
	font-family: GibsonLight;
  font-weight: normal;
}
h4 {
  font-size: 26px;
}
h3 {
  font-size: 30px;
}

b {
	font-family: GibsonSemiBold;
	font-weight: normal;
	color: #000;
}
b.semi {
	color: rgba(12, 10, 25, 0.7);
}
i {
	font-family: GibsonItalic;
	font-style: normal;
}


#bgcontainer {
	position: absolute;
	width: 1400px;
	height: 900px;
	background-image: url(../images/bg-gradient-1400.jpg);
	background-repeat: no-repeat;
}
#contentcontainer {
	position: absolute;
	width: 100%;
}
@media screen and (max-width: 960px) {
	.bgpos {
		left: -250px;
	}
}
@media screen and (max-width: 1280px) and (min-width: 961px) {
	.bgpos {
		left: -120px;
	}
}

.headericon {
  /*position:relative;*/
  float: left;
  display: inline-block;
  height: 194px;
  width: 23%;
  padding:0;
  vertical-align: top;
}
.headertext {
  /*position:absolute;
  left:216px;
  top:0;
  padding: 0;*/
  clear: none;
  display: inline-block;
  width: 75%;
  vertical-align: top;
}
.headertext .title {
  width: 100%;
  padding: 0;
  border-bottom-style: solid;
  border-bottom-color: rgba(21, 95, 187, 0.7);
  border-bottom-width: 1px;
}
.headertext .tagline {
  padding: 0;  
}

.fullband {
	width: 100%;
	background-color: #ccd;
}
.fullband-content {
  height: 250px;
  padding-top: 22px;
  padding-bottom: 20px;
}
@media screen and (min-width: 960px) {
	.fullband-content {
		width: 940px;
		margin-left: auto;
		margin-right: auto;
	}
}

.front-highlight-band {
	height: 220px;
	background-image: url(../images/front-band-gradient-1400.jpg);
	margin-top: 16px;
	margin-bottom: 32px;
  color: white;
  text-shadow: rgba(0, 0, 0, 0.38) 0 0px 8px;
}
.front-highlight-band h5 {
  color: white;
  font-family: GibsonSemiBold;
  margin-top: 0;
}
.front-highlight-band .quote {
  position: relative;
  clear: none;
  width: 50%;
  max-width: 500px;
  padding-left: 22px;
  font-family: GibsonRegular;
  font-size: 17px;
  line-height: 21px;
}
.front-highlight-band .quote .openquote {
  font-size: 50px;
  display: block;
  position: absolute;
  left: -4px;
  top: 5px;
}
.front-highlight-band .quote .closequote {
  font-size: 50px;
  display: block;
  position: relative;
  left: 0px;
  top: 10px;
}
.front-highlight-band .quoteattribution {
  width: 30%;
  font-size: 13px;
  font-family: GibsonRegular;
  text-shadow: rgba(0, 0, 0, 0.3) 0 0px 5px;
  margin-right: 420px;
  margin-left: auto;
  text-align: right;
  margin-top: -22px;
}
.front-highlight-band .picbox {
  position: relative;
  float: right;
  clear: none;
  width: 400px;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-right: 14px;
  text-align: right;
}
.front-highlight-band .picbox img.square {
  margin-right: 24px;
  width: 168px;
  height: 168px;
}
.front-highlight-band .picbox img.last {
  margin-right: 0;
}
.front-highlight-band .picbox img.wide {
  margin-right: 0;
  width: 360px;
  height: 168px;
}
@media screen and (max-width: 820px) {
	.front-highlight-band .quote {
    font-size: 15px;
    width: 70%;
	}
  .front-highlight-band .picbox {
    width: 250px;
  }
  .front-highlight-band .picbox img.square {
    width: 100px;
    height: 100px;
  }
}


p .smallcaps {
  font-size: 13px;
}
.faded {
	color: rgba(0, 20, 60, 0.44);
}

.headword {
	color: #A03;
	font-family: GibsonSemiBold;
	/*font-size: 17px;*/
}
.infodetail {
  color: rgba(20, 32, 50, 0.6);
  font-size: 12px;
}
.infodetail div {
  color: rgba(20, 32, 50, 0.6);
  font-size: 12px;  
}
.caption {
  margin-top: 12px;
  margin-left: 12px;
  width: 88%;
  line-height: 17px;
}

ul {
  margin-left: 18px;
}
ul.pale {
  color: rgba(20, 32, 50, 0.6);
  /*list-style-type: circle;*/
}
ul.pale li:before
{
  /*content: "\002713";*/
}

.pixcondcomplete-band {
  height: 260px;
	background-image: url(../images/front-band-gradient-1400-260.png);
  background-repeat: repeat no-repeat;
}
.pixcondcomplete-band .fullband-content {
  padding-top: 15px;
}
.pixcondcomplete-band-pic {
  float:left;
  clear:none;
  display:inline-block;
  width:240px;
  margin-left:-40px;
}
.pixcondcomplete-band-text {
  float:right;
  clear:none;
  display:inline-block;
  width:730px;
  padding-top: 4px;
  color: black;
  text-shadow: transparent 0 0 0;
}
.pixcondcomplete-band div.moreinfo {
  margin-top: -14px;
  margin-bottom: 15px;
  margin-left: 14px;
}
.pixcondcomplete-band-text h5 {
  color: rgba(20, 30, 80, 0.9);
  font-family: GibsonRegular;
  font-size: 20px;
  text-shadow: rgba(249, 250, 255, 0.7) 0px 0px 9px;
  margin-bottom: 10px;
}
.pixcondcomplete-band-text p {
  font-size: 13px;
  line-height: 17px;  
}
.separate-addon-purchase {
  line-height: 19px;
  color: rgba(20, 30, 80, 0.8);
}

.booktoc {
  margin-top: 32px;
}
.booktoc h3 {
  color: rgba(0, 25, 40, 0.47);
  font-family: GibsonRegular;
  font-size: 21px;
  width: auto;
  padding-bottom: 12px;
  border-bottom-style: solid;
  border-bottom-color: rgba(0, 20, 60, 0.2);
  border-bottom-width: 1px;
}
.booktoc h4 {
  margin-bottom: 6px;
}
.booktoc .chaptersubhead {
  margin-left: 20px;
  margin-top: 10px;
  margin-bottom: 12px;
}

.help-pixcondcomplete p {
  font-size: 13px;
  line-height: 18px;
}
.help-pixcondcomplete h5 {
  font-family: GibsonSemiBold;
}
.help-pixcondcomplete .moreinfo {
  margin-top: -15px;
}

/* overrides */

a {
	color: #2285a0;
}
a:hover {
	color: #125580;
}

.nav-bar {
	background-color: transparent;
}
.nav-bar > li {
	border: none;
	font-family: GibsonLight;
}
.nav-bar > li:hover {
	background-color: rgba(255, 255, 255, 0.6);
}
.nav-bar > li:last-child {
	border: none;
}
.nav-bar > li > a {
	color: rgba(50, 65, 90, 0.9);
}

.button {
	font-size: 15px;
	font-family: GibsonSemiBold;
	font-weight: normal;	
}

div.orbit-wrapper div.timer {
  right: -48px;
  top: 134px;
  opacity: 0.09;
}
div.orbit-wrapper div.slider-nav span {
  width: 18px;
  height: 24px;
  margin-top: -50px;
}
div.orbit-wrapper div.slider-nav span.left {
  margin-left: -30px;
  background: url('../images/foundation/orbit/left-arrow-white.png');
  background-size: 100%;
}
div.orbit-wrapper div.slider-nav span.right {
  margin-right: -30px;
  background: url('../images/foundation/orbit/right-arrow-white.png');
  background-size: 100%;
}

/* button styles */

a.button.rounded {
	border-radius: 16px;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 12px;
	padding-right: 12px;
	background: #4f71c1;
}
a.button.small.rounded {
	font-size: 13px;
	padding-top: 5px;
	padding-bottom: 5px;
}
a.button.turquoise {
  background: #2285A0;
}
a.button:hover, a.button:focus {
	color: white;
	background-color: #5594c1;
}
