/*Reset ------------------------------------------------------- */
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; outline:none;}
body {line-height:1.5; background:#fff; margin:1.5em 0;}
table {border-collapse:separate; border-spacing:0;}
caption, th, td {text-align:left; font-weight:400;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/*Core Elements ----------------------------------------------- */
html, body {margin:0; font-family:'Helvetica Neue', Helvetica, Verdana, Arial;}
h2, h3, h4, h5, h6 {margin-top:25px;}
h1 {font-size:34px; line-height:36px;}
h2 {font-size:30px; letter-spacing:-0.05em;}
h3 {font-size:24px;}
h4 {font-size:18px;}
h5 {font-size:16px;}
h6 {font-size:14px;}
p {margin:5px 0 15px 0; font-size:14px; line-height:1.4em;}

/*Forms ------------------------------------------------------ */
fieldset {margin-bottom:10px; padding:15px 0;}
legend {margin:0; padding:5px 10px; background:#dcf5f7; color:#158293;}
label {display:block; font-weight:bold; font-size:13px; color:#07626b; text-transform:lowercase;}
label:hover {cursor:pointer;}
textarea {min-height:80px;}
.field-group input, .field-group textarea, .field-group select {display:block; width:97%; margin:0 0 5px 0; padding:5px 8px; border:2px solid #999; font-size:14px;}
.field-group select {width:100%;}
.field-group input:focus, .field-group textarea:focus, .field-group select:focus {border-color:#da7209; -moz-box-shadow:0 0 10px #ccc; -webkit-box-shadow:0 0 10px #ccc; -o-box-shadow:0 0 10px #ccc; box-shadow:0 0 10px #ccc;}
.submit-cancel-group {margin:10px 0 20px;}
.submit-cancel-group input {font-size:16px; padding:6px 12px;}
.indicates-required {color:#da7209;}
.required-star {color:#da7209;}
.successful {padding:10px; background:#deeed4; color:#35b559;}
.error {padding:10px; background:#f9c7ca; color:#d41d30;}

/*Grids ------------------------------------------------------ */
.line, .lastUnit {overflow: auto;_overflow:visible;_zoom:1;}
.unit{float:left;_zoom:1; overflow:hidden;}
.size1of1{float:none;}
.size1of2{width:50%;}
.size1of3{width:33.33333%;}
.size2of3{width:66.66666%;}
.size1of4{width:25%;}
.size3of4{width:75%;}
.size1of5{width:20%;}
.size2of5{width:40%;}
.size3of5{width:60%;}
.size4of5{width:80%;}
.lastUnit {float:none;_position:relative; _left:-3px; _margin-right: -3px;width:auto;}
.clear {clear:both;}

/*Mixins ------------------------------------------------------ */
.linear-list {list-style:none; overflow:hidden;}
.linear-list li {float:left; margin-right:10px;}
.simple-list {list-style:none;}
.focus {height:300px;}
.focus p {font-size:15px;}
.action, .action:visited {padding:4px 8px; color:#fff; -moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; border-radius:4px;}
.primary-action {border:2px solid #da7006; background:#f68b1f; background:-moz-linear-gradient(0% 30% 90deg,#F68B1F, #F6B93E); background:-webkit-gradient(linear, 0% 0%, 0% 30%, from(#F6B93E), to(#F68B1F));  -webkit-transition:all 0.4s ease-out; -moz-transition:all 0.4s ease-out; -o-transition:all 0.4s ease-out; transition:all 0.4s ease-out;}
.primary-action:hover {text-decoration:none; color:#9c5005; border-color:#ef9d4c;}
.secondary-action, .secondary-action:visited {border:2px solid #dcf5f7; background:#dcf5f7; color:#1b8494;}
.secondary-action:hover {color:#0b6876; border-color:#b8dfe2; text-decoration:none;}
.hidden {display:none;}
.zoomed-image img {border:1px solid #999; -moz-box-shadow:0 0 10px #ccc; -webkit-box-shadow:0 0 10px #ccc; -o-box-shadow:0 0 10px #ccc; box-shadow:0 0 10px #ccc;}
#buy-book {display:block; width:170px; padding:8px 16px; font-size:18px; text-align:center;}


/*Skin ------------------------------------------------------ */
html {background:url(../images/footer.png) repeat-x bottom;}
body {background:url(../images/page-bg.png) repeat-x top;}
body.interior {background:url(../images/page-bg-interior.png) repeat-x top;}
body.interior .focus {height:160px; margin-bottom:10px;}
body.interior #supporting .focus {margin-bottom:170px;}
h1, h2 {color:#098692; font-weight:bold;}
h2 {font-weight:normal;}
h3, h4, h5, h6 {color:#333; font-weight:normal;}
h1 {text-transform:uppercase;}
p {font-size:14px; color:#4d4d4d;}
blockquote {margin:20px 0; min-height:40px; padding-left:60px; background:url(../images/quote.png) no-repeat left top; font-size:14px; line-height:22px; color:#666;}
strong {font-weight:bold; color:#333;}
em {font-style:italic; color:#333;}
a {color:#02616c; text-decoration:none; -webkit-transition:all 0.4s ease-out; -moz-transition:all 0.4s ease-out; -o-transition:all 0.4s ease-out; transition:all 0.4s ease-out;}
a:visited {color:#027b89;}
a:hover {color:#bf6710; text-decoration:underline;}
a:active {color:#bf6710;}
figure {display:block; padding:0;}
figure img{border:1px solid #666; -moz-box-shadow:0 0 5px #ccc; -webkit-box-shadow:0 0 5px #ccc; -o-box-shadow:0 0 5px #ccc; box-shadow:0 0 5px #ccc;}
figure figcaption {display:block; padding:5px; font-size:12px; font-style:italic; text-align:center;}

#wrapper {position:relative; width:960px; overflow:hidden; margin:0 auto; padding:90px 0 0 0;}
#overview {float:right; width:680px; margin:0; padding:0 0 50px 0; vertical-align:top;}
#footer {width:960px; height:50px; margin:25px auto 0 auto; padding-left:280px; clear:both; background:url(../images/footer-bg.png) repeat-x; font-size:12px; color:#333;}
#footer a {color:#fff;}

#title {font-size:40px;}
#title strong {display:block; font-weight:normal; color:#098692;}
#subtitle {margin-top:15px; font-size:25px; font-weight:normal; text-transform: capitalize;}

#nav {position:absolute; top:27px; left:270px; text-transform:uppercase;}
#nav li {margin:0 10px 0 0;}
#nav a {display:block; padding:5px 10px; text-decoration:none; font-size:18px; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; transition:all 0.5s ease-out;}
#nav a:hover {background:#fff; color:#02616c;}
#nav .selected, #nav .selected:hover {background:#0d7a91; border-bottom:4px solid #168ca2; color:#fff;}

#local-nav {position:absolute; top:225px; left:270px; text-transform:lowercase;}
#local-nav li {margin:0 20px 0 0;}
#local-nav a {display:block; padding:5px 10px; text-decoration:none; border-top:4px solid #dcf5f7; font-size:16px; color:#f08921;  -webkit-transition:all 0.4s ease-out; -moz-transition:all 0.4s ease-out; -o-transition:all 0.4s ease-out; transition:all 0.4s ease-out;}
#local-nav a:hover {background:#f08921; color:#fff;}
#local-nav .selected {background:#f08921; border-top:4px solid #da7209; color:#fff;}

#meta {margin:20px 0; padding-top:20px; list-style:none;}
#meta li {margin:15px 0; color:#666;}

#testimonials {list-style:none;}
#testimonials li {margin:0 0 50px 0;}
p.citation {text-align:right;}
p.citation strong {display:block; font-weight:bold; color:#333;}

#supporting {float:left; width:230px; margin:-60px 0 0; padding:0 50px 20px 0; vertical-align: top; font-size:13px;}
#supporting .focus {margin-bottom:20px;}
#supporting #book {margin-left:-40px;}
#supporting li {list-style:none; margin:7px 0;}
#supporting p {margin:25px 0; font-size:13px;}
#purchase, #toc {list-style:none;}
#toc {color:#4d4d4d; font-size:14px;}

.author-profile {overflow:hidden;}
.author-profile figure {float:left; width:202px; min-height:300px; margin:0 20px 0 0; padding:0;}
.author-profile figure img {display:block; margin-top:10px; border:1px solid #666;}
.author-profile li {list-style:none;}
.top {float:right;}

#sample-spreads li {margin:30px 0;}
#book .focus {margin-bottom:50px;}