/*
Theme Name: YACHT 10th Anniversary
Version: 1.0
Author: Jona Bechtolt & Matthew Spencer
*/

/* 
html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark
html5doctor.com/html-5-reset-stylesheet/
*/

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section { display: block }
 nav ul { list-style: none }
blockquote,
q { quotes: none }
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}
a {
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    background: transparent;
}
ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}
mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}
del { text-decoration: line-through }
abbr[title],
dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}
/* tables still need cellspacing="0" in the markup  */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}
input,
select { vertical-align: middle }

/* ===[ End Reset CSS ]=== */

select,
input,
textarea,
button {
    font: 99%;
    font-size: 14px;
    font-weight: 800;
}

/* ===[ Normalize Monospace Sizing ]=== */

pre,
code,
kbd,
samp { font-family: monospace, sans-serif }

/* ===[ Always Force a Scrollbar in non-IE ]=== */

html { overflow-y: scroll }

/* ===[ Accessible Focus Treatment ]=== */

a,
a:hover,
a:active { outline: none; border-bottom: none; }
ul,
ol { margin-left: 1.8em }
ol { list-style-type: decimal }

/* ===[ Remove Margins for Navigation Lists ]=== */

nav ul,
nav li { margin: 0 }
small { font-size: 85% }
strong,
th { font-weight: bold }
td,
td img { vertical-align: top }
sub {
    vertical-align: sub;
    font-size: smaller;
}
sup {
    vertical-align: super;
    font-size: smaller;
}
pre {
    padding: 15px;
    /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
    white-space: pre; /* CSS2 */
    white-space: pre-wrap; /* CSS 2.1 */
    white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
    word-wrap: break-word; /* IE */
}
textarea { overflow: auto } /* thnx ivannikolic! www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/  */
.ie6 legend,
.ie7 legend { margin-left: -7px } /* thnx ivannikolic!  */

/* ===[ Align Checkboxes, Radios, Text Inputs w/ Their Label ]=== */

input[type="radio"] { vertical-align: text-bottom }
input[type="checkbox"] { vertical-align: bottom }
.ie7 input[type="checkbox"] { vertical-align: baseline }
.ie6 input { vertical-align: text-bottom }

/* ===[ Hand Cursor on Clickable Input Elements ]=== */

label,
input[type=button],
input[type=submit],
button { cursor: pointer }

/* ===[ Webkit add 2px Margin Outside the Chrome of Form Elements ]=== */

button,
input,
select,
textarea { margin: 0 }

/* ===[ Colors for Form Validity ]=== */

input:valid,
textarea:valid { }
input:invalid,
textarea:invalid { }
.no-boxshadow input:invalid,
.no-boxshadow textarea:invalid { background-color: red }
/** These selection declarations have to be separate.
 *    No text-shadow: twitter.com/miketaylr/status/12228805301 
 */
.page-id-1784 ::selection, .page-id-1784 ::-webkit-selection  {
    background: red;
    color: white;
    text-shadow: none;
}
.page-id-1792 ::selection, .page-id-1792 ::-webkit-selection {
    background: #00CC99;
    color: white;
    text-shadow: none;
}
.page-id-1794 ::selection, .page-id-1794 ::-webkit-selection {
    background: #0F58F7;
    color: white;
    text-shadow: none;
}
.page-id-1796 ::selection, .page-id-1796 ::-webkit-selection {
    background: #9966CC;
    color: white;
    text-shadow: none;
}
.page-id-1798 ::selection, .page-id-1796 ::-webkit-selection {
    background: black;
    color: white;
    text-shadow: none;
}
.page-id-1800 ::selection, .page-id-1800 ::-webkit-selection, .page-id-7 ::selection, .page-id-7 ::-webkit-selection {
    background: #ff8282;
    color: white;
    text-shadow: none;
}

.page-id-1784 footer ::selection, .page-id-1784 footer ::-webkit-selection {
	background: white;
}

/* j.mp/webkit-tap-highlight-color  */

a:link { -webkit-tap-highlight-color: white }
/* make buttons play nice in IE:    
   www.viget.com/inspire/styling-the-button-element-in-internet-explorer/  */
button {
    width: auto;
    overflow: visible;
}

/* bicubic resizing for non-native sized IMG: 
   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/  */
.ie7 img { -ms-interpolation-mode: bicubic }
/* * Non-semantic helper classes
   ================================================== */
/* for image replacement  */
.ir {
    display: block;
    text-indent: -999em;
    overflow: hidden;
    background-repeat: no-repeat;
    text-align: left;
    direction: ltr;
}
/** Hide for both screenreaders and browsers
 *    css-discuss.incutio.com/wiki/Screenreader_Visibility 
 */
.hidden,
.screen-reader-text {
    display: none;
    visibility: hidden;
}
/** Hide only visually, but have it available for screenreaders 
 *    www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden  
 */
.visuallyhidden {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
}
/* ===[ Hide visually and from screenreaders, but maintain layout ]=== */
.invisible { visibility: hidden }
/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix
   ================================================== */
.clearfix:before,
.clearfix:after {
    content: "\0020";
    display: block;
    height: 0;
    visibility: hidden;
}
.clearfix:after { clear: both }
/* ===[ Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page ]=== */
.clearfix { zoom: 1; }
ul#menu li.active a { color: #f30; }

/** Primary Styles
 *     Author: 
 *  
 */

body {
	width: 975px;
	margin: 0 auto;
	font-family: "Apercu Regular", Calibri, sans-serif; font-size-adjust:0.508;
	font-weight:normal;
	font-style:normal;
	text-align: justify;
}

/* ===[ ITTFWBC ]=== */



/* ===[ PAGE COLORS ]=== */

.page-id-1784 #top,
.page-id-1784 #bottom,
.page-id-1784 #left,
.page-id-1784 #right,
.page-id-1784 header h1,
.page-id-1784 footer,
.page-id-1784 #container a.small-button:hover,
.page-id-1784 #container a.button:hover,
.page-id-1784 footer a.small-button:hover,
.page-id-1784 footer a.button:hover,
.page-id-1784 .zig1,
.page-id-1784 .zig2,
.page-id-1784 .zig3 { 
	background-color: red;
}
.page-id-1792 #top,
.page-id-1792 #bottom,
.page-id-1792 #left,
.page-id-1792 #right,
.page-id-1792 header h1,
.page-id-1792 footer,
.page-id-1792 #container a.small-button:hover,
.page-id-1792 #container a.button:hover,
.page-id-1792 footer a.small-button:hover,
.page-id-1792 footer a.button:hover {
	background-color: #00CC99;
}
.page-id-1794 #top,
.page-id-1794 #bottom,
.page-id-1794 #left,
.page-id-1794 #right,
.page-id-1794 header h1,
.page-id-1794 footer,
.page-id-1794 #container a.small-button:hover,
.page-id-1794 #container a.button:hover,
.page-id-1794 footer a.small-button:hover,
.page-id-1794 footer a.button:hover {
	background-color: #0F58F7;
}
.page-id-1796 #top,
.page-id-1796 #bottom,
.page-id-1796 #left,
.page-id-1796 #right,
.page-id-1796 header h1,
.page-id-1796 footer,
.page-id-1796 #container a.small-button:hover,
.page-id-1796 #container a.button:hover,
.page-id-1796 footer a.small-button:hover,
.page-id-1796 footer a.button:hover {
	background-color: #9966CC;
}
.page-id-1798 #top,
.page-id-1798 #bottom,
.page-id-1798 #left,
.page-id-1798 #right,
.page-id-1798 header h1,
.page-id-1798 footer,
.page-id-1798 #container a.small-button:hover,
.page-id-1798 #container a.button:hover,
.page-id-1798 footer a.small-button:hover,
.page-id-1798 footer a.button:hover,
.page-id-1798 .zig1,
.page-id-1798 .zig2,
.page-id-1798 .zig3 {
	background-color: black;
}
.page-id-1800 #top,
.page-id-1800 #bottom,
.page-id-1800 #left,
.page-id-1800 #right,
.page-id-1800 header h1,
.page-id-1800 footer,
.page-id-1800 #container a.small-button:hover,
.page-id-1800 #container a.button:hover,
.page-id-1800 footer a.small-button:hover,
.page-id-1800 footer a.button:hover,
.page-id-1800 .zig1,
.page-id-1800 .zig2,
.page-id-1800 .zig3 {
	background-color: #ff8282;
}
.page-id-7 #top,
.page-id-7 #bottom,
.page-id-7 #left,
.page-id-7 #right,
.page-id-7 header h1,
.page-id-7 footer,
.page-id-7 #container a.small-button:hover,
.page-id-7 #container a.button:hover,
.page-id-7 footer a.small-button:hover,
.page-id-7 footer a.button:hover,
.page-id-7 .zig1,
.page-id-7 .zig2,
.page-id-7 .zig3 {
	background-color: #ff8282;
}

body.page-id-1784 { color: red;}

body .page-id-1784,
.page-id-1784 #container p,
.page-id-1784 #container h1,
.page-id-1784 #container h3,
.page-id-1784 #container a,
.page-id-1784 #container a:link,
.page-id-1784 #container a:visited,
.page-id-1784 #container a.small-button,
.page-id-1784 footer a.button,
.page-id-1784 footer input.placeholder,
.page-id-1784 ::-webkit-input-placeholder,
.page-id-1784 footer a.small-button {
	color: red;
}
body .page-id-1792,
.page-id-1792 #container p,
.page-id-1792 #container h1,
.page-id-1792 #container h3,
.page-id-1792 #container a,
.page-id-1792 #container a:link,
.page-id-1792 #container a:visited,
.page-id-1792 #container a.small-button,
.page-id-1792 footer a.button,
.page-id-1792 footer input.placeholder,
.page-id-1792 ::-webkit-input-placeholder,
.page-id-1792 footer a.small-button {
	color: #00CC99;
}
body .page-id-1794,
.page-id-1794 #container p,
.page-id-1794 #container h1,
.page-id-1794 #container h3,
.page-id-1794 #container a,
.page-id-1794 #container a:link,
.page-id-1794 #container a:visited,
.page-id-1794 #container a.small-button,
.page-id-1794 footer a.button,
.page-id-1794 footer input.placeholder,
.page-id-1794 ::-webkit-input-placeholder,
.page-id-1794 footer a.small-button {
	color: #0F58F7;
}
body .page-id-1796,
.page-id-1796 #container p,
.page-id-1796 #container h1,
.page-id-1796 #container h3,
.page-id-1796 #container a,
.page-id-1796 #container a:link,
.page-id-1796 #container a:visited,
.page-id-1796 #container a.small-button,
.page-id-1796 footer a.button,
.page-id-1796 footer input.placeholder,
.page-id-1796 ::-webkit-input-placeholder,
.page-id-1796 footer a.small-button {
	color: #9966CC;
}
body .page-id-1798,
.page-id-1798 #container p,
.page-id-1798 #container h1,
.page-id-1798 #container h3,
.page-id-1798 #container a,
.page-id-1798 #container a:link,
.page-id-1798 #container a:visited,
.page-id-1798 #container a.small-button,
.page-id-1798 footer a.button,
.page-id-1798 footer input.placeholder,
.page-id-1798 ::-webkit-input-placeholder,
.page-id-1798 footer a.small-button {
	color: black;
}
body .page-id-1800,
.page-id-1800 #container p,
.page-id-1800 #container h1,
.page-id-1800 #container h3,
.page-id-1800 #container a,
.page-id-1800 #container a:link,
.page-id-1800 #container a:visited,
.page-id-1800 #container a.small-button,
.page-id-1800 footer a.button,
.page-id-1800 footer input.placeholder,
.page-id-1800 ::-webkit-input-placeholder,
.page-id-1800 footer a.small-button {
	color: #ff8282;
}
body .page-id-7,
.page-id-7 #container p,
.page-id-7 #container h1,
.page-id-7 #container h3,
.page-id-7 #container a,
.page-id-7 #container a:link,
.page-id-7 #container a:visited,
.page-id-7 #container a.small-button,
.page-id-7 footer a.button,
.page-id-7 footer input.placeholder,
.page-id-7 ::-webkit-input-placeholder,
.page-id-7 footer a.small-button {
	color: #ff8282;
}
.page-id-1784 #container a,
.page-id-1784 #container a:link,
.page-id-1784 #container a:visited {
	color: red; border-bottom: 2px solid red;
}
.page-id-1792 #container a,
.page-id-1792 #container a:link,
.page-id-1792 #container a:visited {
	color: #00CC99; border-bottom: 2px solid #00CC99;
}
.page-id-1794 #container a,
.page-id-1794 #container a:link,
.page-id-1794 #container a:visited {
	color: #0F58F7; border-bottom: 2px solid #0F58F7;
}
.page-id-1796 #container a,
.page-id-1796 #container a:link,
.page-id-1796 #container a:visited {
	color: #9966CC; border-bottom: 2px solid #9966CC;
}
.page-id-1798 #container a,
.page-id-1798 #container a:link,
.page-id-1798 #container a:visited {
	color: black; border-bottom: 2px solid black;
}
.page-id-1800 #container a,
.page-id-1800 #container a:link,
.page-id-1800 #container a:visited {
	color: #ff8282; border-bottom: 2px solid #ff8282;
}
.page-id-7 #container a,
.page-id-7 #container a:link,
.page-id-7 #container a:visited {
	color: #ff8282; border-bottom: 2px solid #ff8282;
}

.page-id-1784 #container a.small-button, .page-id-1784 #container a.button, .page-id-1784 #container a.button:visited {border: 2px solid red;}
.page-id-1792 #container a.small-button, .page-id-1792 #container a.button, .page-id-1792 #container a.button:visited {border: 2px solid #00CC99;}
.page-id-1794 #container a.small-button, .page-id-1794 #container a.button, .page-id-1794 #container a.button:visited {border: 2px solid #0F58F7;}
.page-id-1796 #container a.small-button, .page-id-1796 #container a.button, .page-id-1796 #container a.button:visited {border: 2px solid #9966CC;}
.page-id-1798 #container a.small-button, .page-id-1798 #container a.button, .page-id-1798 #container a.button:visited {border: 2px solid black;}
.page-id-1800 #container a.small-button, .page-id-1800 #container a.button, .page-id-1800 #container a.button:visited {border: 2px solid #ff8282;}
.page-id-7 #container a.small-button, .page-id-7 #container a.button, .page-id-7 #container a.button:visited {border: 2px solid #ff8282;}

.page-id-1784 #container a.small-button {border: 1px solid red;}
.page-id-1792 #container a.small-button {border: 1px solid #00CC99;}
.page-id-1794 #container a.small-button {border: 1px solid #0F58F7;}
.page-id-1796 #container a.small-button {border: 1px solid #9966CC;}
.page-id-1798 #container a.small-button {border: 1px solid black;}
.page-id-1800 #container a.small-button {border: 1px solid #ff8282;}
.page-id-7 #container a.small-button {border: 1px solid #ff8282;}


.page-id-1784 footer a:hover { border-bottom-color: red;}
.page-id-1792 footer a:hover { border-bottom-color: #00CC99;}
.page-id-1794 footer a:hover { border-bottom-color: #0F58F7;}
.page-id-1796 footer a:hover { border-bottom-color: #9966CC;}
.page-id-1798 footer a:hover { border-bottom-color: black;}
.page-id-1800 footer a:hover { border-bottom-color: #ff8282;}
.page-id-7 footer a:hover { border-bottom-color: #ff8282;}

.page-id-1784 .line1,
.page-id-1784 .line2,
.page-id-1784 .line3,
.page-id-1784 .line4,
.page-id-1784 .line5,
.page-id-1784 .line6,
.page-id-1784 .line7,
.page-id-1784 .line8,
.page-id-1784 .line9,
.page-id-1784 .line10 {
	background-color: red;
}
.page-id-1792 .line1,
.page-id-1792 .line2,
.page-id-1792 .line3,
.page-id-1792 .line4,
.page-id-1792 .line5,
.page-id-1792 .line6,
.page-id-1792 .line7,
.page-id-1792 .line8,
.page-id-1792 .line9,
.page-id-1792 .line10 {
	background-color: #00CC99;
}
.page-id-1794 .line1,
.page-id-1794 .line2,
.page-id-1794 .line3,
.page-id-1794 .line4,
.page-id-1794 .line5,
.page-id-1794 .line6,
.page-id-1794 .line7,
.page-id-1794 .line8,
.page-id-1794 .line9,
.page-id-1794 .line10 {
	background-color: #0F58F7;
}
.page-id-1796 .line1,
.page-id-1796 .line2,
.page-id-1796 .line3,
.page-id-1796 .line4,
.page-id-1796 .line5,
.page-id-1796 .line6,
.page-id-1796 .line7,
.page-id-1796 .line8,
.page-id-1796 .line9,
.page-id-1796 .line10 {
	background-color: #9966CC;
}
.page-id-1798 .line1,
.page-id-1798 .line2,
.page-id-1798 .line3,
.page-id-1798 .line4,
.page-id-1798 .line5,
.page-id-1798 .line6,
.page-id-1798 .line7,
.page-id-1798 .line8,
.page-id-1798 .line9,
.page-id-1798 .line10 {
	background-color: black;
}
.page-id-1800 .line1,
.page-id-1800 .line2,
.page-id-1800 .line3,
.page-id-1800 .line4,
.page-id-1800 .line5,
.page-id-1800 .line6,
.page-id-1800 .line7,
.page-id-1800 .line8,
.page-id-1800 .line9,
.page-id-1800 .line10 {
	background-color: #ff8282;
}
.page-id-7 .line1,
.page-id-7 .line2,
.page-id-7 .line3,
.page-id-7 .line4,
.page-id-7 .line5,
.page-id-7 .line6,
.page-id-7 .line7,
.page-id-7 .line8,
.page-id-7 .line9,
.page-id-7 .line10 {
	background-color: #ff8282;
}
.page-id-1784 .triangle { border-color: transparent transparent transparent red;}
.page-id-1798 .triangle { border-color: transparent transparent transparent black;}
.page-id-1800 .triangle { border-color: transparent transparent transparent #ff8282;}
.page-id-7 .triangle { border-color: transparent transparent transparent #ff8282;}

.page-id-1784 #container p a:hover, .page-id-1792 #container p a:hover, .page-id-1794 #container p a:hover, .page-id-1796 #container p a:hover, .page-id-1798 #container p a:hover, .page-id-1800 #container p a:hover, .page-id-7 #container p a:hover { border-bottom: none;}

/* ===[ ENTIRE BODY BORDER ]=== */

#top, #bottom, #left, #right {
	z-index: 101;
}
#left, #right {
	position: fixed;
	top: 0; bottom: 0;
	width: 20px;
}
#left { left: 0; }
#right { right: 0; }

#top, #bottom {
	position: fixed;
	left: 0; right: 0;
	height: 20px;
}
#top { top: 0; }
#bottom { bottom: 0; }

#copy { text-align: center; color:white; clear:both; letter-spacing: 0; display:block; z-index: 102; margin-bottom: 20px;}
				
/* ===[ NAVIGATION ]=== */

ul#nav {
	list-style: none;
}
ul#nav li {
	z-index: 101;
	position: absolute;
	top: 367px;
}
ul#nav li a { 
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-image: url('gfx/Icon-Sprite.svg');
	background-repeat: no-repeat;
	height: 32px;
}

li#see { margin-left: 0; }
ul#nav li#see a {
	background-position: 56px -1323px; 
	width: 175px;
}
ul#nav li#see a:hover { background-position: 56px -1355px; }

li#hear { margin-left: 174px; }
ul#nav li#hear a {
	background-position: 68px -1395px; 
	width: 203px;
}
ul#nav li#hear a:hover { background-position: 68px -1428px; }

li#feel { margin-left: 374px; }
ul#nav li#feel a {
	background-position: 73px -1470px;
	width: 202px;
}
ul#nav li#feel a:hover { background-position: 73px -1502px; }

li#trust { margin-left: 584px; }
ul#nav li#trust a {
	background-position: 59px -1551px;
	width: 202px;
}
ul#nav li#trust a:hover { background-position: 59px -1584px; }

li#now { margin-left: 790px; }
ul#nav li#now a {
	background-position: 32px -1638px; 
	width: 130px;
}
ul#nav li#now a:hover { background-position: 32px -1671px; }

/* ===[ HEADER SVG ]=== */

header[role="banner"] {
    height: 405px;
    width: 100%;
    background-color: white;
}
header h1 {
	width: 975px;
	height: 405px;
	z-index: 100;
	background: white url('gfx/2015-Header.svg') left top no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
}

strong, h1, h2, h3, h4 {
	font-family: "Apercu Bold", Calibri, sans-serif;
	font-size-adjust:0.508;
	font-weight:bold;
	font-style:normal;
}

em {
	font-family:"Apercu Italic", Calibri, sans-serif;
	font-size-adjust:0.508;
	font-weight:normal;
	font-style:italic;
}

/* ===[ CONTAINER ]=== */

#container p {
	font-size: 20px;
	line-height: 27px;
	margin: 25px 0;
}

#container p strong {
	font-size: 20px;
	line-height: 25px;
	margin: 25px 0;
}

#container h1 {
	font-size: 55px;
	letter-spacing: 10px;
}

#container p.nospace { margin: 0; }

/* ===[ BUTTONS ]=== */

#container a.button,
#container a.button:visited {
	font-size: 15px;
	padding: 4px;
	margin: 0;
}
#container a.button:hover {
	color: white;
}
#container a.small-button,
#container a.small-button:visited {
    font-size: 12px;
    padding: 4px;
    height: 20px;
    margin: 0;
}
#container a.small-button:hover {
	color: white;
}

/* ===[ PRINT SHAPES ]=== */

.line1 { height: 1px;}
.line2 { height: 2px; margin-top: 80px;}
.line3 { height: 3px; margin-top: 80px;}
.line4 { height: 4px; margin-top: 80px;}
.line5 { height: 5px; margin-top: 80px;}
.line6 { height: 6px; margin-top: 80px;}
.line7 { height: 7px; margin-top: 80px;}
.line8 { height: 8px; margin-top: 80px;}
.line9 { height: 9px; margin-top: 80px;}
.line10 { height: 10px; margin: 80px 0;}

div hr { border:none;}

.triangle {
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 25px 0 25px 43.3px;
	-webkit-transform:rotate(360deg);
	float: left;
	padding-right: 10px;
	margin-left: 1px;
}
.triangle-up {
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 25px 43.3px 25px;
	border-color: transparent transparent black transparent;
}

.zigzag {
	clear: both;
	float: right;
}

.zig1 {
	height: 1px;
	width: 100px;
	-webkit-transform: rotate(45deg);
}
.zig2 {
	height: 1px;
	width: 100px;
	-webkit-transform: rotate(-45deg);
	margin-top: 69px;
}
.zig3 {
	height: 1px;
	width: 100px;
	-webkit-transform: rotate(45deg);
	margin-top: 69px;
}

/* ===[ FOOTER ]=== */

footer {
	width: 925px;
	padding: 25px 25px 0 25px;
	font-size: 13px;
	text-align: center;
	color: white;
	font-family: "Apercu Mono Regular", 'Andale Mono', monospace;
	font-size-adjust:0.5;
	font-weight:normal;
	font-style:normal;
	position: absolute;
}
footer p { line-height: 25px; margin-top: 10px;}
footer p.festival { margin: 25px 0; }
footer .copyright { font-size: 10px;}
footer .copyright p { line-height: 15px; text-align: justify; margin: 0 0 15px 0;}
footer .reading p { margin-bottom: 20px;}
footer h2 {
	font-family: "Apercu Mono Regular", 'Andale Mono', monospace;
	font-size: 25px;
	font-weight: normal;
	letter-spacing: 5px;
	border-bottom: 7px solid white;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
footer h2.tour {
	border-top: 7px solid white;
	font-size: 20px;
	margin-top: 20px;
	padding-top: 20px;
}
footer h3.tour {
	font-size: 15px;
	letter-spacing: 1px;
	text-align: center;
	margin-bottom: 20px;
}
footer h3 {
	font-family: "Apercu Mono Regular", 'Andale Mono', monospace;
	font-size: 24px;
	font-weight: normal;
	padding: 20px 0 10px 0;
	text-align: left;
}
footer h4 {
	font-family: "Apercu Mono Regular", 'Andale Mono', monospace;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 5px;
	padding-top: 10px;
}
footer .space { margin-top: 50px;}
footer .space-half { margin-top: 25px;}
footer .col1 {
	text-align: left;
	width: 450px;
	float: left;
}
footer .right { float: right; margin-right: 125px;}
footer .col2 {
	text-align: left;
	width: 450px;
	float: right;
}

footer #footer-end {
	padding: 50px 0 70px 0;
	clear: both;
}

footer .colophon {
	padding: 0 15px 15px 15px;
	margin-bottom: 50px;
	margin-right: 149px;
	border: solid 2px white;
	width: 291px;
	font-size: 12px;
	position:relative;
	text-align: left;
	float: left;
}
footer .colophon:before {
   content:"";
   position:absolute;
   top:-2px;
   right:-2px;
   border-width:0 35px 35px 0;
   border-style:solid;
}
.page-id-1784 footer .colophon:before { border-color:#FFF red;}
.page-id-1794 footer .colophon:before { border-color:#FFF #0F58F7;}
.page-id-1792 footer .colophon:before { border-color:#FFF #00CC99;}
.page-id-1796 footer .colophon:before { border-color:#FFF #9966CC;}
.page-id-1798 footer .colophon:before { border-color:#FFF black;}
.page-id-1800 footer .colophon:before { border-color:#FFF #ff8282;}
.page-id-7 footer .colophon:before { border-color:#FFF #ff8282;}

footer a {
	color: white;
	border-bottom: 2px solid white;
}
footer input {
	font-family: "Apercu Mono Regular", 'Andale Mono', monospace;
	font-weight: normal;
	border: none;
	font-size: 14px;
	height: 30px;
	padding: 0 6px;
	background: white;
	outline: none;
	-webkit-appearance: none;
	-webkit-border-radius: 0px;
}
footer input.mailinglist {
	height: 30px;
	padding: 6px;
	margin-left: 5px;
	background: transparent;
	color: white;
	border: 2px solid white;
	outline: none;		
}
footer input#naluh-naluh2 { width: 211px;}
footer input.placeholder {
	letter-spacing: 1px;
}

footer a.button,
footer a.button:visited {
    font-size: 12px;
    text-decoration: none;
    font-style: normal;
    padding: 3px;
    background: white;
    border: 1px solid white;
    margin: 0;
}
footer a.small-button,
footer a.small-button:visited {
    font-size: 9px;
    text-decoration: none;
    font-style: normal;
    padding: 4px;
    background: white;
    border: 1px solid white;
    margin: 0;
}

.page-id-1784 footer a.button, .page-id-1784 footer a.small-button { color: red;}
.page-id-1794 footer a.button, .page-id-1794 footer a.small-button { color: #0F58F7;}
.page-id-1792 footer a.button, .page-id-1792 footer a.small-button { color: #00CC99;}
.page-id-1796 footer a.button, .page-id-1796 footer a.small-button { color: #9966CC;}
.page-id-1798 footer a.button, .page-id-1798 footer a.small-button { color: black;}
.page-id-1800 footer a.button, .page-id-1800 footer a.small-button { color: #ff8282;}
.page-id-7 footer a.button, .page-id-7 footer a.small-button { color: #ff8282;}

footer a.small-button:hover {
	color: white;
	border: 1px solid white;
	padding: 4px;
}
footer a.button:hover {
	color: white;
	border: 1px solid white;
}
#footer-logo { padding-left: 40px;}
#footer-logo a {
	width: 171px;
	height: 25px;
	float: left;
}
.page-id-1784 .footer-wordmark { fill: #FF0000;}
.page-id-1794 .footer-wordmark { fill: #0F58F7;}
.page-id-1792 .footer-wordmark { fill: #00CC99;}
.page-id-1796 .footer-wordmark { fill: #9966CC;}
.page-id-1798 .footer-wordmark { fill: #000000;}
.page-id-1800 .footer-wordmark { fill: #ff8282;}

#bottom-banner {
	background-color: white;
	font-size: 0.6em;
	font-weight: 300;
	letter-spacing: 1px;
	padding: 1% 0;
	text-align: center;
	position: fixed;
	bottom: 20px;
	left: 0;
	width: 100%;
}
#bottom-banner .copyright { 
	position: fixed;
	bottom: 47px;
	left: 39%;	
}
.page-id-1784 #bottom-banner { color: red;}
.page-id-1794 #bottom-banner { color: #0F58F7;}
.page-id-1792 #bottom-banner { color: #00CC99;}
.page-id-1796 #bottom-banner { color: #9966CC;}
.page-id-1798 #bottom-banner { color: black;}
.page-id-1800 #bottom-banner { color: #ff8282;}

.socials {
	float: right;
	font-size: 25px;
	padding-right: 45px;
	vertical-align: middle;
}
.socials i {
	padding-left: 20px;
}
.page-id-1784 .socials i { color: red;}
.page-id-1794 .socials i { color: #0F58F7;}
.page-id-1792 .socials i { color: #00CC99;}
.page-id-1796 .socials i { color: #9966CC;}
.page-id-1798 .socials i { color: black;}
.page-id-1800 .socials i { color: #ff8282;}

/* ===[ FOOTER SOCIAL ICONS ]=== */

ul#social {
	list-style: none;
	margin: 35px 0 35px 25px;
	height: 40px;
}
ul#social li a {
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-image: url('gfx/Icon-Sprite.svg');
	background-repeat: no-repeat;
	border: none;
	text-decoration: none;
	float: left;
	margin-right: 20px;
}
ul#social li#twitter a {
	background-position: -111px top;
	height: 40px;
	width: 50px;
}
ul#social li#soundcloud a {
	background-position: -166px top; 
	height: 22px;
	width: 50px;
	margin-top: 7px;
}
ul#social li#facebook a {
	background-position: -222px top; 
	height: 40px;
	width: 47px;
}
ul#social li#tumblr a {
	background-position: -287px top; 
	height: 28px;
	width: 28px;
	margin-top: 7px;
}
ul#social li#youtube a {
	background-position: -330px top; 
	height: 20px;
	width: 50px;
	margin-top: 10px;
}
ul#social li#insta a {
	background-position: -485px top; 
	height: 35px;
	width: 35px;
	margin-top: 5px;
}
ul#social li#universe a {
	background-position: -390px top; 
	height:40px;
	width: 40px;
}
ul#social li.line {
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url('gfx/Icon-Sprite.svg') -440px top no-repeat;
	border: none;
	height:5px;
	width: 36px;
	float: left;
	margin: 17px 20px 0 0;
}

/* ===[ "LINE HEADER" ]=== */

article#post-1784.post h2, article#post-1792.post h2, article#post-1794.post h2, article#post-1796.post h2, article#post-1798.post h2, article#post-1800.post h2 {
	font-size: 40px;
	font-weight: normal;
	letter-spacing: 5px; 
	margin: 80px 0 80px 0;
	text-align: center;
	position: relative;
	z-index: 1;
}
article#post-1784.post h2:before, article#post-1792.post h2:before, article#post-1794.post h2:before, article#post-1796.post h2:before, article#post-1798.post h2:before, article#post-1800.post h2:before {
    border-top: 5px solid;
    content:"";
    margin: 0 auto;
    position: absolute;
    top: 20px; left: 0; right: 0; bottom: 0;
    width: 100%;
    z-index: -1;
}
article#post-1784.post h2 span, article#post-1792.post h2 span, article#post-1794.post h2 span, article#post-1796.post h2 span, article#post-1798.post h2 span, article#post-1800.post h2 span { background: white; padding: 0 10px; border: 5px solid;}

/* ===[ "HOME" - red ]=== */

article#post-1784 { margin-top: 50px;}
article#post-1784.post h2 { color: red;}
article#post-1784.post h1 { text-align: left;}

.videoplayer { padding: 5px; border: 5px solid red; text-align: center; height: 537px;}

.home-photo { padding: 5px; border: 5px solid red; text-align: center;}

#quotes {
	margin: 80px 0;
}
.quote-left { display: table; margin-bottom: 25px;}
.quote-right { display: table; margin-bottom: 25px; }
.press-left, .press-right { display: table-cell; }
#press-paper, #press-rollingstone, #press-billboard, #press-newyorker, #press-gawker, #press-vogue, #press-pitchfork, #press-variety { display: table-cell; margin-right: 33px;}
#press-nyt, #press-npr, #press-ew, #press-dazed, #press-vibe, #press-vanity, #press-voice, #press-cmj {  display: table-cell; margin-left: 33px;}

.bnm {
	font-family: Helvetica, sans-serif;
	padding: 6px;
    color: #fff;
    background-color: red;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: bold;
	border-radius: 2px;
}
.bnm-circle {
    width: 50px;
    height: 50px;
    border-radius: 25px;
    font-size: 14px;
    color: red;
    padding: 8px;
    text-align: center;
    border: 3px solid red;
}
.press-left {
	position:relative;
	padding:15px;
	margin:1px 0px 3px 30px;
	border:3px solid red;
	width: 100%;
}
.press-left:before {
	content:"";
	position:absolute;
	bottom:-20px;
	left:40px;
	border-width:20px 20px 0;
	border-style:solid;
	border-color:red transparent;
	display:block;
	width:0;
}
.press-left:after {
	content:"";
	position:absolute;
	bottom:-13px;
	left:47px;
	border-width:13px 13px 0;
	border-style:solid;
	border-color:#fff transparent;
	display:block;
	width:0;
}
.press-left:before {
	top:14px;
	bottom:auto;
	left:-27px;
	border-width:12px 27px 12px 0;
	border-color:transparent red;
}
.press-left:after {
	top:17px;
	bottom:auto;
	left:-19px;
	border-width:9px 19px 9px 0;
	border-color:transparent #fff;
}
.press-right {
	position:relative;
	padding:15px;
	margin:1px 30px 3px 0;
	background: red;
	width: 100%;
}
.press-right:after {
	content:"";
	position:absolute;
	bottom:-15px;
	left:50px;
	border-width:15px 15px 0;
	border-style:solid;
	border-color:red transparent;
	display:block;
	width:0;
}
.press-right:after {
	top:16px;
	right:-24px;
	bottom:auto;
	left:auto;
	border-width:10px 0 10px 24px;
	border-color:transparent red;
}
#press-gawker {
	background: transparent url('gfx/Press-Logos.svg') left -667px no-repeat;
	height: 18px;
	width: 193px;
	display: inline-block;
	text-indent: 100%;
    white-space: nowrap;  
    overflow: hidden;		
}
#press-nyt {
	background: transparent url('gfx/Press-Logos.svg') left top no-repeat;
	height: 27px;
	width: 193px;
	display: inline-block;
	text-indent: 100%;
    white-space: nowrap;  
    overflow: hidden;	
}
#press-npr {
	background: transparent url('gfx/Press-Logos.svg') left -486px no-repeat;
	height: 28px;
	width: 80px;
	display: inline-block;
	text-indent: 100%;
    white-space: nowrap;  
    overflow: hidden;	
}
#press-rollingstone {
	background: transparent url('gfx/Press-Logos.svg') left -49px no-repeat;
	height: 27px;
	width: 142px;
	display: inline-block;
	text-indent: 100%;  
    white-space: nowrap;  
    overflow: hidden;	
}
#press-billboard {
	background: transparent url('gfx/Press-Logos.svg') left -99px no-repeat;
	height: 27px;
	width: 103px;
	display: inline-block;
	text-indent: 100%;  
    white-space: nowrap;  
    overflow: hidden;	
}
#press-ew {
	background: transparent url('gfx/Press-Logos.svg') left -149px no-repeat;
	height: 27px;
	width: 131px;
	display: inline-block;
	text-indent: 100%;  
    white-space: nowrap;  
    overflow: hidden;	
}
#press-dazed {
	background: transparent url('gfx/Press-Logos.svg') left -580px no-repeat;
	height: 27px;
	width: 105px;
	display: inline-block;
	text-indent: 100%;
    white-space: nowrap;  
    overflow: hidden;	
}
#press-newyorker {
	background: transparent url('gfx/Press-Logos.svg') left -532px no-repeat;
	height: 29px;
	width: 116px;
	display: inline-block;
	text-indent: 100%;
    white-space: nowrap;  
    overflow: hidden;	
}
#press-voice {
	background: transparent url('gfx/Press-Logos.svg') left -197px no-repeat;
	height: 27px;
	width: 82px;
	display: inline-block;
	text-indent: 100%;  
    white-space: nowrap;  
    overflow: hidden;	
}
#press-vanity {
	background: transparent url('gfx/Press-Logos.svg') left -246px no-repeat;
	height: 27px;
	width: 112px;
	display: inline-block;
	text-indent: 100%;  
    white-space: nowrap;  
    overflow: hidden;	
}
#press-variety {
	background: transparent url('gfx/Press-Logos.svg') left -296px no-repeat;
	height: 27px;
	width: 97px;
	display: inline-block;
	text-indent: 100%;  
    white-space: nowrap;  
    overflow: hidden;	
}
#press-cmj {
	background: transparent url('gfx/Press-Logo-CMJ.png') left top no-repeat;
	height: 27px;
	width: 52px;
	display: inline-block;
	text-indent: 100%;  
    white-space: nowrap;  
    overflow: hidden;	
}
#press-vibe {
	background: transparent url('gfx/Press-Logos.svg') left -345px no-repeat;
	height: 27px;
	width: 117px;
	display: inline-block;
	text-indent: 100%;  
    white-space: nowrap;  
    overflow: hidden;	
}
#press-paper {
	background: transparent url('gfx/Press-Logos.svg') left -394px no-repeat;
	height: 27px;
	width: 106px;
	display: inline-block;
	text-indent: 100%;  
    white-space: nowrap;  
    overflow: hidden;	
}
#press-pitchfork {
	background: transparent url('gfx/Press-Logos.svg') left -624px no-repeat;
	height: 27px;
	width: 149px;
	display: inline-block;
	text-indent: 100%;
    white-space: nowrap;  
    overflow: hidden;	
}
#press-vogue {
	background: transparent url('gfx/Press-Logos.svg') left -441px no-repeat;
	height: 27px;
	width: 184px;
	display: inline-block;
	text-indent: 100%;  
    white-space: nowrap;  
    overflow: hidden;	
}
#container .press-right { color: white; text-align: center;}
#container .press-left { color: red; text-align: center;}
#container .press-right, #container .press-left { font-size: 19px;}

/* ===[ SEE - #00CC99 ]=== */

article#post-1792.post { color:#00CC99;}
article#post-1792.post h1.first { float: left; margin: 74px 0 0 10px; clear: right; border-bottom: none; letter-spacing: 25px; -webkit-transform: rotate(-2deg);}
article#post-1792.post h2.tour { margin-bottom: 20px; }
article#post-1792.post h2.tour:before { border: none; padding: 0; }
article#post-1792.post h2.tour span { border: none; padding: 0; }
article#post-1792.post h3.tour { text-align: center; font-size: 25px; margin-bottom: 50px;}
article#post-1792.post h1 { float: left; margin: 210px 0 20px 20px;}
article#post-1792.post h4 { clear: both; letter-spacing: 9px;}
article#post-1792.post p { clear: both;}
article#post-1792.post ul { list-style: none; margin: 60px 0;}
article#post-1792.post ul li { margin: 30px 0;}
article#post-1792.post ul.shows { list-style: none; margin: 30px 0;}
article#post-1792.post ul.shows li {
	margin: 4px 0;
	font-family: "Apercu Mono Regular", 'Andale Mono', monospace;
	font-size: 10px;
	font-size-adjust:0.5;
	font-weight:normal;
	font-style:normal;
}


#see-icon {
	background: white url('gfx/Icon-Sprite.svg') left top no-repeat;
	float: left;
	margin: 80px 0 0 65px;
	height: 60px;
	width: 96px;
	display: block;
	text-indent: 100%;  
    white-space: nowrap;  
    overflow: hidden;
}
#see-videos {
	background: white url('gfx/Icon-Sprite.svg') left -145px no-repeat;
	float: left;
	margin: 210px 0 0 74px;
	height: 56px;
	width: 77px;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#see-instagram {
	background: white url('gfx/Icon-Sprite.svg') left -72px no-repeat;
	float: left;
	margin: 210px 0 0 85px;
	height: 55px;
	width: 54px;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#see-graphics {
	background: white url('gfx/Icon-Sprite.svg') -96px -145px no-repeat;
	float: left;
	margin: 210px 0 0 85px;
	height: 60px;
	width: 85px;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#see-events {
	background: white url('gfx/Icon-Sprite.svg') left -220px no-repeat;
	float: left;
	margin: 210px 0 0 65px;
	height: 54px;
	width: 96px;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

#semiotics {
	clear: both;
	display: block;
	width: 955px;
	height: 300px;
	border: 5px solid #00CC99;
	padding: 5px;
	text-align: center;
	background: transparent url('gfx/YACHT-See-Semiotics.svg') 5px 5px no-repeat;
}

.shows1, .shows2, .shows3, .shows1 p, .shows2 p, .shows3 p {
	font-size: 12px;
	line-height: 1.5;
}
.shows1 hr, .shows2 hr, .shows3 hr {
	border-top: 2px solid #00CC99;
	margin: 15px 0;
}
.shows1 p strong, .shows2 p strong, .shows3 p strong, .shows1 strong, .shows2 strong, .shows3 strong {
	font-size: 16px;
}
.shows1 {
	margin: 25px 0;
	float: left;
	width: 315px;
}
.shows2 {
	margin: 25px 0;
	float: left;
	margin-left: 10px;
	width: 315px;
}
.shows3 {
	margin: 25px 0;
	float: left;
	margin-left: 10px;
	width: 325px;
}
.shows1 {
	clear: both;
}
.column1 {
	margin: 25px 0;
	float: left;
	width: 315px;
	line-height: 30px;
}
.column2 {
	margin: 25px 0;
	float: left;
	margin-left: 10px;
	width: 315px;
	line-height: 30px;
	font-size: 14px;
}
.column3 {
	margin: 25px 0;
	float: left;
	margin-left: 10px;
	width: 325px;
	font-size: 12px;
}
.column1 hr, .column2 hr, .column3 hr {
	border-top: 2px solid #00CC99;
	margin: 15px 0;
}
.column1 p strong, .column2 p strong, .column3 p strong, .column1 strong, .column2 strong, .column3 strong {
	font-size: 16px;
	margin-bottom: 20px;
}
#container .column1 p { font-size: 16px; line-height: 26px; margin-top: 0;}
#container .column2 p { font-size: 14px; line-height: 26px; margin-top: 0;}
#container .column3 p { font-size: 12px; line-height: 1.5; margin-top: 0;}
#container .column1 p strong { font-size: 16px; margin-bottom: 20px;}
#container .column2 p strong { font-size: 16px; margin-bottom: 20px;}
#container .column3 p strong { font-size: 16px; margin-bottom: 20px;}


/* ===[ HEAR - #0F58F7 ]=== */

article#post-1794.post { color:#0F58F7;}
article#post-1794.post h1 {margin-left: 267px;}
article#post-1794.post h1.first { float: left; margin: 72px 0 80px 20px;}
article#post-1794.post h3 { font-size: 30px; line-height: 35px; letter-spacing: 2px; margin-bottom: 15px;}
article#post-1794.post h4 { clear: both; letter-spacing: 9px;}
article#post-1794.post .column1 hr, article#post-1794.post .column2 hr, article#post-1794.post .column3 hr {
	border-top: 2px solid #0F58F7;
	margin: 15px 0;
}
#container article#post-1794.post .column1 p { font-size: 16px; line-height: 20px; margin: 10px 0;}
#container article#post-1794.post .column2 p { font-size: 13px; line-height: 15px; margin: 10px 0;}
#container article#post-1794.post .column3 p { font-size: 12px; line-height: 12px; margin: 10px 0;}

.disco-box {
	width: 975px;
	clear: both;
	margin-bottom: 75px;
}
.disco {
	float: left;
	color: #0F58F7;
	font-size: 12px;
	line-height: 25px;
	margin-bottom: 75px;
}
.tracklist {
	float: left;
    padding-left: 20px;
    margin-bottom: 75px;
}
.tracklist ol {
	font-size: 12px;
	color: #0F58F7;
	margin-bottom: 15px;
}
#container .tracklist p { margin: 0;}
#container .tracklist ol li p {
	font-size: 14px;
	line-height: 20px;
	margin: 5px 0;
}

#hear-icon {
	background: transparent url('gfx/Icon-Sprite.svg') left -292px no-repeat;
	float: left;
	margin: 80px 0 25px 278px;
	height: 58px;
	width: 40px;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#hear-soundcloud {
	background: transparent url('gfx/Icon-Sprite.svg') left -370px no-repeat;
	margin: 160px 0 0 278px;
	height: 42px;
	width: 96px;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#hear-radio {
	background: transparent url('gfx/Icon-Sprite.svg') left -437px no-repeat;
	margin: 190px 0 0 306px;
	height: 55px;
	width: 48px;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#hear-downloads {
	background: transparent url('gfx/Icon-Sprite.svg') left -511px no-repeat;
	margin: 190px 0 0 310px;
	height: 54px;
	width: 50px;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.soundcloud { padding: 5px; border: 5px solid #0F58F7; width: 955px; height:100%; text-align: center; margin-top: 30px;}

/* ===[ FEEL - #9966CC ]=== */

article#post-1796.post { color: #9966CC;}
article#post-1796.post h1 {margin-left: 476px;}
article#post-1796.post h4 { clear: both; letter-spacing: 9px;}
article#post-1796.post img { border: 0;}
article#post-1796.post .store-tag { margin-bottom: 150px; height: 30px; width: 300px;}
#container article#post-1796.post a.button { border-width: 0; float: right; margin-right: 40px;}
article#post-1796.post .store-box { margin-top: 80px; display: block; width: 975px; margin: 0; text-align: center;}
article#post-1796.post .store-item { width:300px; float: left; margin: 0 25px 15px 0;}

article#post-1796.post ul.left {list-style: none; margin-left: 0; float:left;}
article#post-1796.post ul.right {list-style: none; margin-left: 0; float:right;}
article#post-1796.post li { line-height: 35px;}

article#post-1796.post a.item-name { border-bottom: 1px solid #9966CC; padding-bottom: 2px;}
article#post-1796.post a.item-name:hover { border-bottom: 1px solid #9966CC;}

article#post-1796.post .pricetag {
	margin:0;
	padding:0;
	float: right;
	list-style:none;
}	
article#post-1796.post .pricetag li, .pricetag a{
	float:right;
	height:30px;
	line-height:30px;
	position:relative;
	font-size:15px;
	width: 40px;
}	
article#post-1796.post .pricetag a{
	margin-left:20px;
	padding:0 10px 0 12px;
	background:#9966CC;
	color:white;
	text-decoration:none;
	border: 0;
}	
article#post-1796.post .pricetag a:before{
	content:"";
	float:left;
	position:absolute;
	top:0;
	left:-15px;
	width:0;
	height:0;
	border-color:transparent #9966CC transparent transparent;
	border-style:solid;
	border-width:15px 15px 15px 0;		
}	
article#post-1796.post .pricetag a:after{
	content:"";
	position:absolute;
	top:12px;
	left:0;
	float:left;
	width:6px;
	height:6px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	background:#fff;
}		

#feel-icon {
	background: transparent url('gfx/Icon-Sprite.svg') left -583px no-repeat;
	margin: 30px 0 0 489px;
	height: 55px;
	width: 36px;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

#feel-store {
	background: transparent url('gfx/Icon-Sprite.svg') left -656px no-repeat;
	margin: 80px 0 80px 451px;
	height: 57px;
	width: 45px;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#feel-ply {
	background: transparent url('gfx/Icon-Sprite.svg') left -1724px no-repeat;
	margin: 70px 0 80px 37px;
	height: 326px;
	width: 902px;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

/* ===[ TRUST - black ]=== */

article#post-1798.post { color: black;}
article#post-1798.post h1 {margin-left: 675px;}
article#post-1798.post h1.tumblr {float: left; margin-left: 20px; margin-top: 75px;}
article#post-1798.post h1.mission {margin-left: 0; margin-top: 70px; text-align: center;}
article#post-1798.post h1.downloads {text-align: center; margin-left: 0;}
article#post-1798.post h1.link { font-size: 75px; letter-spacing: 10px; margin: 80px 0 210px 0; text-align: center; color: black; display: block; -webkit-transform: rotate(2deg);}
article#post-1798.post h4 { clear: both; letter-spacing: 9px;}
article#post-1798.post .column2 p.signature { text-align: right;}

#trust-icon {
	background: transparent url('gfx/Icon-Sprite.svg') left -801px no-repeat;
	margin: 60px 0 0 675px;
	height: 55px;
	width: 81px;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#trust-tumblr {
	background: transparent url('gfx/Icon-Sprite.svg') left -877px no-repeat;
	float: left;
	margin: 80px 0 0 670px;
	height: 54px;
	width: 54px;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#trust-downloads {
	background: transparent url('gfx/Icon-Sprite.svg') -60px -511px no-repeat;
	margin: 80px 0 0 315px;
	height: 54px;
	width: 50px;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#hierarchy {
	clear: both;
	display: block;
	width: 975px;
	height: 132px;
	padding: 0;
	background: transparent url('gfx/YACHT-Hierarchy-of-Needs.svg') top left no-repeat;
}


article#post-1798.post .column1 {
	margin: 50px 0;
	float: left;
	width: 480px;
}
article#post-1798.post .column2 {
	margin: 50px 0;
	float: left;
	margin-left: 15px;
	width: 480px;
}

article#post-1798.post .column1 p { font-size: 14px; line-height: 18px; text-align: justify;}
article#post-1798.post .column2 p { font-size: 14px; line-height: 18px; text-align: justify;}

/* ===[ NOW - #ff8282 ]=== */

article#post-1800.post { color: #ff8282;}
article#post-1800.post h1.n { float:left; font-size:65px;}
article#post-1800.post h1.w { float: left; margin-left: 10px; font-size:65px;}
article#post-1800.post h1 { text-align: right;}
article#post-1800.post h1.facebook { float: left; margin: 140px 0 80px 0;}
article#post-1800.post h1.link { font-size: 69px; letter-spacing: 10px; margin: 70px 0 70px 0; text-transform: uppercase; -webkit-transform: rotate(-2deg);}
article#post-1800.post h3 { font-size: 20px; color: #ff8282; margin-top: 55px;}
article#post-1800.post h2#weblog { margin: 140px 0 -52px 0;}
article#post-1800.post p {clear:both;}
article#post-1800.post ol {color: #ff8282; margin: 25px 0;}
article#post-1800.post ol li {margin: 20px 0 20px 25px;}
article#post-1800.post h1.now-clock { display: block; margin: 30px; float: right; }
article#post-1800.post h4 { clear: both; letter-spacing: 9px;}
article#post-1800.post .column1 { width: 480px; font-size: 18px; line-height: 25px;}
article#post-1800.post .column2 { width: 480px; font-size: 18px; line-height: 25px; float: left; margin-left: 15px;}
article#post-1800.post p.press { text-align: center; margin-top: 45px; letter-spacing: 7px; font-size: 45px;}

.now-blog {
	margin: 0;
	padding: 75px 0 75px 75px;
	border-left: 5px solid;
}
article#post-1800.post .blog-button { margin: -35px 0 0 55px;}
a.blog-button {
	padding: 4px;
	border: 2px solid;
}
#now-icon {
	float: left;
	vertical-align: bottom;
	background: transparent url('gfx/Icon-Sprite.svg') left -948px no-repeat;
	height: 56px;
	width: 54px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#now-clock {
	margin: 80px 0 40px 770px;
	width:200px;
	height: 56px;
	float: left;
}
#now-twitter {
	background: transparent url('gfx/Icon-Sprite.svg') left -1022px no-repeat;
	margin: 120px 0 10px 875px;
	height: 54px;
	width: 67px;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#now-facebook {
	background: transparent url('gfx/Icon-Sprite.svg') left -1094px no-repeat;
	margin: 142px 15px 0 579px;
	float: left;
	height: 58px;
	width: 54px;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#now-arrow {
	background: transparent url('gfx/Icon-Sprite.svg') left -1175px no-repeat;
	margin-top: -25px;
	float: left;
	height: 32px;
	width: 99px;
	display: inline-block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#now-press {
	background: transparent url('gfx/Icon-Sprite.svg') left -1237px no-repeat;
	margin: 100px 0 25px 0;
	height: 63px;
	width: 975px;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#now-note {
	background: transparent url('gfx/Icon-Sprite.svg') left -1652px no-repeat;
	margin: 30px 0 25px 0;
	height: 62px;
	width: 975px;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#now-line {
	background: transparent url('gfx/Icon-Sprite.svg') left -1703px no-repeat;
	margin: 90px 0 25px 0;
	height: 12px;
	width: 975px;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#now-blogline {
	background: transparent url('gfx/Icon-Sprite.svg') left -1703px no-repeat;
	margin: 50px 0 30px 0;
	height: 12px;
	width: 975px;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#now-blog {
	background: transparent url('gfx/Icon-Sprite.svg') left -1237px no-repeat;
	height: 53px;
	width: 53px;
	position: absolute;
	top: -45px;
	right: -53px;
	display: inline-block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.now-excerpt {
	padding: 0 50px;
}
#container .now-excerpt p {
	font-size: 16px;
	line-height: 25px;
}
#container .now-excerpt p.more {
	font-size: 25px;
	text-align: right;
}

/* ===[ NOW - BLOG - #ff8282 ]=== */

h3.download { font-size: 20px; line-height: 30px; margin-bottom: 45px; vertical-align: bottom; letter-spacing: 2px;}
article h3.mp3:before {
    content: "♫";
    padding-right: 10px;
    float: left;
    height: 30px;
    font-size: 30px;
}
article h3.movie:before {
    content: "▶";
    padding-right: 10px;
    float: left;
    height: 30px;
    font-size: 30px;
}
article h3.download:before {
    content: "⇩";
    padding-right: 5px;
    float: left;
    height: 50px;
    font-size: 50px;
    vertical-align: bottom;
}
.page-id-7 { color: #ff8282;}
.page-id-7 img {

}
.page-id-7 img {
	width: 100%;

}
.page-id-7 img.nofilter {
	-webkit-filter: none;
	opacity: 1;
 
}
.page-id-7 .bordered {
	width:875px;
	border: 25px solid #ff8282;
	padding: 25px;
}
.page-id-7 header.blog { margin-top: 60px;}
.page-id-7 header.blog h2 { text-align: center; font-size: 65px; letter-spacing: 5px;}
.page-id-7 header.blog h2 a { position: relative;}
.page-id-7 header.blog h3 { text-transform: uppercase; font-size: 35px; letter-spacing: 5px; text-align: center;}
.page-id-7 time { font-size: 15px; float: left; border: 2px solid #ff8282; padding: 4px;}
.page-id-7 ul#blogPagination { list-style: none; margin: 60px 0 60px 0;}
.page-id-7 ul#blogPagination li.pagination.home { float: left;}
.page-id-7 ul#blogPagination li.pagination.one { float: left;}
.page-id-7 ul#blogPagination li.pagination.two { float: right;}
.page-id-7 ul#blogPagination li a:link, .page-id-7 ul#blogPagination li a:visited { border: 2px solid #ff8282; padding: 4px;}
.page-id-7 ul#blogPagination li.pagination a:hover { color: white; background-color: #ff8282;}
.page-id-7 .blog-buttons { clear: both; margin-bottom: 20px;}
.page-id-7 .blog-buttons a.button { float: right;}
.page-id-7 #container blockquote { display: table; border-bottom: 2px solid; }
.page-id-7 #container blockquote p {font-size: 18px; display: table-cell; vertical-align:middle; float: left; }
.page-id-7 #container blockquote .float-l { display: table-cell; vertical-align:middle; margin-right: 20px; float: left;}
.page-id-7 #container blockquote .float-r { display: table-cell; vertical-align:middle; margin-left: 20px; float: right;}

/* ===[ NOW - archive.php - #ff8282 ]=== */

.archive h1.welcome { margin:80px 0 30px 0; text-align: center; text-transform: uppercase;}
.page-id-7 article.hentry { margin-bottom: 25px;}
.page-id-7 article.hentry time { width: auto; text-align: center; margin-right: 25px;}
.archive.page-id-7 #now-press {margin-bottom: 100px;}

/* ===[ NOW TWITTER PLUGIN ]=== */

.twitter-box {
	background: #ff8282;
	position:relative;
	padding:15px;
	margin:1em 0 140px;
	color:white;
}
.twitter-box:after {
	content:"";
	position:absolute;
	bottom:-15px; /* value = - border-top-width - border-bottom-width */
	left:50px; /* controls horizontal position */
	border-width:15px 15px 0; /* vary these values to change the angle of the vertex */
	border-style:solid;
	border-color:#ff8282 transparent;
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
}
.twitter-box.top:after {
	top:-15px; /* value = - border-top-width - border-bottom-width */
	right:50px; /* controls horizontal position */
	bottom:auto;
	left:auto;
	border-width:0 15px 15px; /* vary these values to change the angle of the vertex */
	border-color:#ff8282 transparent;
}

article#post-1800.post .twitter-box a:link, article#post-1800.post .twitter-box a:visited { color: white;}
article#post-1800.post ul {list-style: none; color: white; font-size: 25px; margin:0;}
article#post-1800.post ul li { color: white; line-height: 35px;}

article#post-1800.post ul.justthefacts { list-style: disc; font-size: 15px; margin: 0 3em;}
article#post-1800.post ul.justthefacts li { color: #ff8282; margin: 1em 0; line-height: 30px;}


article#post-1800.post div h2 {display: none;}
.entry-meta { font-size: 15px; margin: 25px 0; text-align: right; float: right;}
.time-meta {text-align: right; float: right; margin-top: 30px;}
.twitterwidget, .twitterwidget-title { display: none;}
.follow-button { margin: 50px 0 15px 0;}
#container article#post-1800.post a.twitter-follow-button, #container article#post-1800.post a.twitter-follow-button:visited { text-transform: uppercase; padding: 10px; margin-bottom: 70px; border: 1px solid white; background-color: #ff8282; width: 60px; text-decoration: none; color:white;}
#container article#post-1800.post a.twitter-follow-button:hover { color: #ff8282; border-color: #ff8282; text-decoration: none; background-color: white;}
.twitter-follow-button:before { content: "FOLLOW "}

/* ===[ MISC ]=== */

#container p.festival { margin: 50px 0; font-size: 24px; font-family: 'Apercu Bold', Calibri, sans-serif;}

a { text-decoration: none }
a.nohover:link,
a.nohover:hover,
a.nohover:active {
    text-decoration: none;
    background-color: transparent!important;
    border-bottom: none;
    padding: 0px;
}
a img,
a:link img,
a:hover img,
a:visited img {
    border: none;
    outline: none !important;
    text-decoration: none !important;
    background-color: transparent !important;
    border-bottom: none;
    display: block;
}
dt.gallery-icon a:link,
dt.gallery-icon a:hover,
dt.gallery-icon a:visited {
    text-decoration: none;
    background-color: transparent!important;
    border-bottom: none;
    padding: 0px;
}

/* ===[ FIXED, MOBILE, iOS ]=== */

/* @media (min-height: 810px) and (min-width:975px) {
	.page-id-7 header.blog {margin-top: 465px;}
	.archive h1.welcome { margin-top:480px ;}
	#feel-ply {margin-top: 480px;}
	article#post-1784, article#post-1798, article#post-1800 { margin-top: 460px;}
	article#post-1794, article#post-1792 { margin-top: 405px;}
} */

@media only screen and (min-width: 975px) and (max-width:1150px) {
	#left, #right { display: none;}
}

/* @media (min-height: 1200px) and (min-width:975px) {
	header h1 { position: fixed; top:0;}
	ul#nav li { position: fixed; }
}/*

/* ===[ iOS CONTAINER PADDING ]=== */
@media (min-height: 810px) {
#container { margin-top: 0;}
body { padding: 0 3%;}
}
/* iPad [portrait + landscape] */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	#container p { padding: 0px 20px; }
	#container p.nospace { padding: 0; }
	#container img { 
		max-width: 100%;
		height: auto;
	}
	#top, #bottom, #left, #right { display: none; }
	article#post-1800.post ul { padding: 30px 20px 0 20px; }
	article#post-1800.post .follow-button { padding: 50px 20px 0 20px; }
}
/* iPhone [portrait + landscape] */
@media only screen and (max-device-width: 480px) {
	ul#nav li { position: absolute; }
	#container p { padding: 0px 20px; }
	#container p.nospace { padding: 0; }
	#container img { 
		max-width: 100%;
		height: auto;
	}
	#container { margin: 0;}
	#top, #bottom, #left, #right { display: none; }
	article#post-1800.post ul { padding: 30px 20px 0 20px; }
	article#post-1800.post .follow-button { padding: 50px 20px 0 20px; }
	article { margin-top: 70px;}
}

/*   ==================================================
 * Media queries for responsive design
 * These follow after primary styles so they will successfully override.
   ================================================== */

/** Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)  
 *    Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ 
 */
@media screen and (max-device-width: 480px) { 
	/** Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you
	 *      j.mp/textsizeadjust 
	 *   html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } 
	 */
}
/* * print styles
 * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/
   ================================================== */
@media print { 
	* {
	    background: transparent !important;
	    color: #444 !important;
	    text-shadow: none !important;
	}
	.ir a:after { content: "" }
	/* ===[ Don't show links for images ]=== */
	pre,
	blockquote {
	    border: 1px solid #999;
	    page-break-inside: avoid;
	}
	thead { display: table-header-group }
	/* css-discuss.incutio.com/wiki/Printing_Tables  */
	tr,
	img { page-break-inside: avoid }
}

/* ===[ WordPress Required Styles ]=== */

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.alignleft, #content a img.alignleft { float: left; padding-right: 10px; clear:both; display: block; }
.alignright, #content a img.alignright { float: right; padding-left: 10px; clear: both; display: block; }
.wp-caption {
    text-align: center;
    margin: 20px 0 20px 0;
}
.wp-caption img {
     margin: 0;
     padding: 0;
     border: 0 none;
 }
.wp-caption-dd {
    font-size: 11px;
    line-height: 17px;
    padding: 0 4px 5px;
    margin: 0;
}
#content p.wp-caption-text{
	text-align: center;
	font-size: 16px;
	font-style: italic;
	letter-spacing: 1px;
	margin: 50px 0;	
}
.sticky {
    background: #f7f7f7;
    padding: 0 10px 10px;
}
 .sticky h2 { padding-top: 10px }
 
/* ===[ INSTAGRAM! ]=== */
#instagram { 
	width: 975px;
	overflow: scroll;
	margin-top: 25px;
	-webkit-overflow-scrolling: touch; /* Super smooth scrolling on iOS with a rad bounce */
}
#instagram .inner { width: 10320px; /* For some reason 10268px seems right even though 10320px is 215*48 */  }
#instagram img { 
	float: left; 
	margin-right: 5px;
	-webkit-filter: grayscale(100%);
	opacity: 0.5;
	cursor: e-resize;
}
.page-id-1792 #container #instagram a {
	display: inline-block;
	background-color: #00CC99;
	width: 210px;
	height: 210px;
	border-bottom: 0 none;
}
#instagram:before,
#instagram:after {
    content: "\0020";
    display: block;
    height: 0;
    visibility: hidden;
}
#instagram:after { clear: both }

/* ===[ VIMEO! ]=== */
#vimeo { 
	width: 975px;
	overflow-x: scroll;
	overflow-y: hidden;
	margin-top: 25px;
	-webkit-overflow-scrolling: touch; /* Super smooth scrolling on iOS with a rad bounce */
}
#vimeo .inner { width: 13600px; }
#vimeo .video { 
	float: left; 
	margin-right: 5px;
}
.page-id-1792 #container #vimeo a {
	display: inline-block;
	width: 640px;
	height: 360px;
	border-bottom: 0 none;
	cursor: e-resize;
}
#vimeo:before,
#vimeo:after {
    content: "\0020";
    display: block;
    height: 0;
    visibility: hidden;
}
#vimeo:after { clear: both }
.vimeo_embed { display: none; }

/* ===[ PHOTO SLIDER! ]=== */
#photos { 
	width: 975px;
	overflow-x: scroll;
	overflow-y: hidden;
	margin-top: 25px;
	-webkit-overflow-scrolling: touch; /* Super smooth scrolling on iOS with a rad bounce */
}

#photos-meta { z-index: 99; position: absolute;}
article#post-1792.post #photos-meta h1 { width: 230px; color: white; font-size: 20px; letter-spacing: 2px; position: absolute; left: 650px; top: 551px; margin: 0; border-bottom: none;}

#photos .inner { width: 21720px; }
#photos .photo { 
	float: left; 
	margin-right: 10px;
	display: inline-block;
	width: 900px;
	height: 600px;
	position: relative;
	cursor: e-resize;
}
#photos .photo a.download { 
	font-size: 12px;
	line-height: 20px;
	text-decoration: none;
	font-style: normal;
	padding: 0 5px;
	height: 20px;
	background: white;
	border: 1px solid white;
	margin: 0;
	display: inline-block;
	position: absolute;
	right: 10px;
	top: 10px;
}
#photos .photo a.download:hover {
	color: white;
	background: transparent;
}
#photos .photo a.photo-credit { 
	font-size: 12px;
	line-height: 20px;
	color: white;
	text-decoration: none;
	font-style: normal;
	padding: 0 5px;
	height: 20px;
	border: 1px solid white;
	margin: 0;
	display: inline-block;
	position: absolute;
	left: 10px;
	bottom: 10px;
}
#photos .photo a.photo-credit:hover {
	color: #00CC99;
	background: white;
}
#photos:before,
#photos:after {
    content: "\0020";
    display: block;
    height: 0;
    visibility: hidden;
}
#photos:after { clear: both }