/* Start of "Micro clearfix" */
        
.cf { zoom: 1; }
.cf:before,
.cf:after { content: ""; display: table; }
.cf:after { clear: both; }

/* End of "Micro clearfix" */

.inline-block {
	display:-moz-inline-stack !important;
	display:inline-block !important;
	zoom:1 !important;
	*display:inline !important;
}
/******************** FONTS ********************/
/***********************************************/

@font-face {
    font-family: 'TeeFranklinBdRegular';
    src: url('../fonts/teefranklin/teefrabol.eot');
    src: url('../fonts/teefranklin/teefrabol.eot?#iefix') format('embedded-opentype'),
         url('../fonts/teefranklin/teefrabol.woff') format('woff'),
         url('../fonts/teefranklin/teefrabol.ttf') format('truetype'),
				 url('teefrabol.svg#TeeFranklinBdRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

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

}

@font-face {
    font-family: 'AkzidenzGroteskBECnBold';
    src: url('../fonts/ag/ag_bold_condensed.eot');
    src: url('../fonts/ag/ag_bold_condensed.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ag/ag_bold_condensed.woff') format('woff'),
         url('../fonts/ag/ag_bold_condensed.ttf') format('truetype'),
				 url('../fonts/ag/ag_bold_condensed.svg#AkzidenzGroteskBECnBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
	font-family: Japanese;
	src: local(Meiryo), local(HiraKakuPro-W3), local(IPAPGothic);
}


.ocrf-light { font-family:'OCRFLightRegular',Arial; font-weight:normal; }
.ag-bold { font-family:'AkzidenzGroteskBECnBold',Arial; font-weight:normal; }
.tee-franklin-bold { font-family:'TeeFranklinBdRegular',Arial; font-weight:normal; }
.japanese { font-family:Japanese; }

/**************** END FONTS ********************/

/* GENERAL PURPOSE CLASSES */
.half-width { width:50%; }

.upper-case { text-transform:uppercase; }
.center { text-align:center; } 
.left { float:left; }


/* ARROWS */
.arrow { position:absolute; }
.arrow.disabled { 
	display:none;
}
.arrow.up { background:url('../images/up-arrow.png') no-repeat; }
.arrow.down { background:url('../images/down-arrow.png') no-repeat; }
.arrow.prev { }
.arrow.next { }

.preloader { position:absolute; top:0; left:0; width:100%; height:100%; background:#fff; text-align:center; z-index:125; }
.preloader span { display:block; font-size:1.5em; padding:304px 0 0 0; }


/***************************/

* { vertical-align:baseline; }
html, body, p, h1, h2, h3, h4, ul, li, dl, dt, dd { margin:0; padding:0; }

body { font-size:62.5%; *position:absolute; *top:0; *left:0; *min-height:100%; *min-width:100%; }
h1,h2,h3,h4,ul,li,div { font-size:100%; }

ul { list-style:none; }

em { font-style:normal; }
.wrapper { position:absolute; width:100%; min-width:960px; height:100%; min-height:628px; }
.home-background {
	background:url('../images/rhie-background.png') no-repeat 50% 50%;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
.site-container {
	/*border:1px solid #000;*/
	position:absolute;
	top:50%;
	left:50%;
	margin:-312px auto 0 -480px;
	width:960px;
	height:623px;
}


.main-nav-wrapper { height:18px; text-align:center; }
.main-nav-wrapper.align-bottom { position:absolute; bottom:20px; width:100%; z-index:130; }

/********************************/
.home .main-nav-wrapper { padding: 10px 0 0 0; }
/*.home .site-container { background:url('../images/rhie-background.png') no-repeat 50% 50%; }*/

.main-nav { letter-spacing:1px; }
.main-nav > li { float:left; margin:0 0 0 4px; }
.main-nav > li:first-child { float:left; margin:0; }
.main-nav span { position:relative; }
.main-nav .rhie { letter-spacing:5px; }
.main-nav .rhie span, .main-nav .rhie .active span { display:block; margin-right:-5px; }

.main-nav a,
.main-nav .active,
.main-nav .sub-menu-link,
.main-nav li:hover .sub-menu-link.active {
	display:block; 
	font-size:1.5em; 
	line-height:1.34em; 
	padding:0 5px; 
	color:#000; 
	text-decoration:none; 
	text-align:center; 
	background:#FFF;
}

/*.main-nav li:hover > a, .main-nav li:hover .sub-menu-link  { color:#FFF; background:#000; }
.main-nav li:hover .sub-nav { display:block; }*/

.main-nav .active span { display:block; }
.main-nav .active .underline { border-bottom:1px solid #000; }

.main-nav .sub-menu-link { cursor:default; }
.main-nav .sub-menu-link span, .main-nav a span, .main-nav .active span { display:block; margin-right:-1px; }

.main-nav .sub-nav .active { border:none; background:#000; color:#FFF; cursor:default; }

.main-nav .featured-gallery { position:relative; }
.main-nav .featured-gallery .sub-nav a, .main-nav .featured-gallery .sub-nav div { white-space:nowrap; letter-spacing: 6px; }
.main-nav .featured-gallery .sub-nav span { margin-right:-6px; }

.main-nav .press { position:relative; }
.main-nav .press a { padding:0; }

.gallery-link.active span,
.gallery-link .active span, 
.gallery-link a span,
a.gallery-link span,
.year span,
a.year span,
.main-nav .featured-gallery span,
.main-nav .press .sub-nav .active span { margin-right:-6px; }

.gallery-link, .year { letter-spacing:6px; }

.main-nav .archive { position:relative; }
.main-nav .archive a { padding:0; }

.main-nav .contact-link { letter-spacing:2px; }
.main-nav .contact-link span { margin-right:-2px; }

.sub-nav-wrapper { height:0; position:relative; z-index:2500; }

.featured-gallery .sub-nav-wrapper { left:50%; position:absolute; }

.main-nav .press .sub-nav-wrapper { width:100%; }
.archive .sub-nav-wrapper { left:50%; *position:absolute; }

.align-bottom .sub-nav-wrapper { position:absolute; top:0; }
.align-bottom .featured-gallery .sub-nav-wrapper { position:absolute; top:auto; bottom:100%; *margin-bottom:-4px; }
.align-bottom .sub-nav { position:absolute; bottom:0px; }

.sub-nav { display:none; padding:4px 0 0 0; }
.main-nav .press .sub-nav { width:100%; }
.main-nav .archive .sub-nav { width:108px; margin-left:-54px; }
.sub-nav li { margin:4px 0 0 0; }
.sub-nav li:first-child { margin-top:0px; }

.align-bottom .sub-nav li { margin:0 0 4px 0; }
.align-bottom .sub-nav { padding-top: 0; *padding-bottom:4px; }

.icon { position:relative; width:20px; height:20px; margin:0 !important; top:-1px; }
.icon a { display:block; width:100%; height:100%; text-indent:100%; overflow:hidden; margin:0; padding:0; }

.facebook a { background:url('../images/facebook.png') no-repeat 50%; }
.instagram a { background:url('../images/instagram.gif') no-repeat 50%; }

/************* PRESS GALLERY *********************/
.scrolling-images { width:690px; height:503px; margin:24px auto 0 auto;  position:relative; }
.scrolling-images .images-container { width:690px; height:503px; overflow:auto; padding-right:50px; margin:0; outline:none; }
.scrolling-images .images-container img { width:690px; display:block; margin:0; padding:5px 0 0 0; }
.scrolling-images .images-container img:first-child { padding:0; }
.scrolling-images .arrow.up { width:100%; height:27px; background-position:50% 50%; top:-27px; left:0; }
.scrolling-images .arrow.down { width:100%; height:27px; background-position:50% 50%; bottom:-27px; left:0; }

.scrolling-images .jspPane { width:690px !important; }
.scrolling-images .jspVerticalBar { width:15px; background:#FFF; }
.scrolling-images .jspTrack { width:1px; margin:0 7px; background:#CDCDCD; }
.scrolling-images .jspDrag { width:7px; left:-4px; border-left:1px solid #000; border-right:1px solid #000; background:#fff; }

/************* GALLERY PAGE **********************/
.gallery-wrapper { position:relative; margin:24px auto 0 auto; width:841px; height:513px; display:none; }

.gallery-wrapper .bar-overlay {
	position:absolute;
	width:100%;
	height:7px;
	z-index:100;
	background:#FFF;
}
.gallery-wrapper .arrow { z-index:110; }
.gallery-wrapper .arrow.up { width:499px; height:27px; background-position:50% 50%; top:-27px; left:0; }
.gallery-wrapper .arrow.down { width:499px; height:27px; background-position:50% 50%; bottom:-27px; left:0; }

.bar-overlay.top { left:0; top:-2px; }
.bar-overlay.bottom { left:0; bottom:-2px; }

.cc-thumbnails {
	float:left;
	position:relative;
	width:508px;
	height:503px;
	overflow:hidden;
	padding:5px 0;
}

.cc-thumb {
	float:left;
	position:relative;
	width:118px;
	height:179px;
	margin:9px 9px 0 0;
}
.cc-thumb.first-row { margin:0 9px 0 0; }

.cc-thumb img { max-width:118px; max-height:179%; }

.cc-thumb .click-catcher {
	cursor:pointer;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}
.cc-thumb.active .click-catcher { display:none; }

.cc-thumb:hover .click-catcher {
	background: transparent url('../images/black75.png');
	background: rgba(0,0,0,.75) none;
}

.line { 
	width:118px;
	height:1px;
	position:absolute;
	left:0;
	z-index:105;
	background:#000;
}

.line.top {
	top:-5px;
}

.line.bottom {
	bottom:-5px;
}

.cc-slideshow {
	float:left;
	position:relative;
	width:333px;
	height:503px;
	padding:5px 0;
	overflow:hidden;
}

.cc-slide-container { 
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:503px;
	overflow:hidden;
}
.cc-slide-container img { position:absolute; top:0; left:100%; max-width:333px; max-height:503px; }
.cc-slide-container img:first-child { display:block; left:0; }

.cc-gesture-catcher {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}

.cc-arrow {
	position:absolute;
	width:32px;
	height:32px;
	bottom:5px;
	cursor:pointer;
}

.cc-arrow.prev { 
	background:url("../images/prev-arrow.png") no-repeat 50% 50%;
	left:0;
}
.cc-arrow.next { 
	background:url("../images/next-arrow.png") no-repeat 50% 50%;
	right:0;
}

/************* STOCKISTS PAGE ********************/
.stockists-container { width:490px; margin:27px auto 0 auto; }
.stocists-menus {}
.stockists-menus h2, .stockists-lists .location dt, #view-all { 
	font-size:1.2em;
	line-height:1.5em;
	font-weight:normal;
	font-family:'TeeFranklinBdRegular';
}

.stockists-menus ul, .stockists-lists .location dd {
	font-size:1.2em;
	line-height:1.5em;
	font-family:'OCRFLightRegular';
	font-weight:normal;
	margin:0 0 20px 0;
}

.stockists-menus li, .stockists-menus .close, #view-all { cursor:pointer; }
.stockists-menus li.selected span, #view-all.selected span { border-bottom:1px solid #000; } 
.stockists-menus .menu { display:none; }
.stockists-menus .menu li { display:none; }

#state li, #province li { display:block; }

.stockists-lists { height: 507px; display:none; position:relative; }
.stockists-lists dl { overflow:hidden; max-height:507px; }

.stockists-lists .location { display:none; }
.stockists-lists .location a { text-decoration:none; color:#000; }
.filtered { display:block !important; }

.stockists-lists .arrow.up { width:100%; height:27px; background-position:50% 50%; top:-27px; left:0; }
.stockists-lists .arrow.down { width:100%; height:27px; background-position:50% 50%; bottom:-27px; left:0; }

/************* ABOUT PAGE ************************/
.about .top-padding { padding:125px 0 0 0; }
.about p { width:650px; margin:0 auto 25px auto; font-size:1.2em; line-height:1.55em; text-align:center; letter-spacing:1px; }


/************* BLOG PAGE *************************/
.blog .post { padding-top:45px; }
.blog .post:first-child { padding-top:0px; }
.blog .caption { padding:32px 0 37px 0; }
.blog .post p { font-size:1.2em; font-family:'OCRFLightRegular',Arial; font-weight:normal; line-height:18px; padding:0; }
.blog p strong, .blog .date { font-family:'TeeFranklinBdRegular',Arial; text-transform:uppercase; font-weight:normal; }
.blog .date { font-size:1em; }
.blog a { color:#000; }
.blog .coming-soon {padding-top:250px; font-size:1.5em; text-align:center; letter-spacing:1px; font-weight:normal; line-height:24px; text-transform:uppercase; }
.blog .scrolling-images { width:470px; height:550px; margin:0 auto; }
.blog .scrolling-images .images-container { width:470px; padding-right:225px; height:550px; }
.blog .scrolling-images .images-container img { width:470px; }
.blog .scrolling-images .jspPane { width:470px !important; }

.blog .tumblr-video { width:470px; position:relative; overflow:hidden; }
.tumblr-video video { position:absolute; }
.tumblr-video .play-btn {
	width:100% !important;
	height:100% !important;
	position:absolute;
	display:block;
	background:url(../images/play-btn.jpg) no-repeat 50%;
	top:0;
	left:0;
	z-index:5;
	cursor: pointer;
}

/************* CONTACT PAGE **********************/
.sales-list { padding:120px 0 0 0; }
.press-list { padding:29px 0 0 0; }
.contact h2 { font-size:1.2em; font-family:'TeeFranklinBdRegular',Arial; font-weight:normal; text-align:center; }

.contact p { font-size:1.5em; text-align:center; letter-spacing:1px; font-family:'OCRFLightRegular',Arial; font-weight:normal; line-height:24px; padding-bottom:19px; }
.contact p a { padding:0 4px 0 4px; color:#000; text-decoration:none; }
.contact .press-list p { padding:0 0 40px 0; }

.contact a:hover { color:#FFF; background:#000; }
.contact-center { text-align:center; }


/******* VIDEO TAKE OVER **********/
.video-overlay {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#fff;
}
.video-container {
	position:absolute;
	top:50%;
	left:50%;
	margin:-300px auto 0 -450px;
	width:900px;
	height:600px;
}
.skip-btn {
	font-size:1.4em;
	position:absolute;
	display:block;
	right:0;
	color:#000;
	text-decoration:none;
}

.videos {
	margin:3px auto 0;
	width:666px;
}

.video { float:left; height:530px; width:298px; position:relative; overflow:hidden; }
.video.left { margin-right:70px; }
.video .video-preloader {
	display:none;
	position:absolute;
	width:40px;
	height:40px;
	background:url('../images/preloader.png') no-repeat;
	top:50%;
	left:50%;
	margin:-20px 0 0 -20px;
	-webkit-animation:spin .75s infinite linear;
}

@-webkit-keyframes spin {
	0% { -webkit-transform:rotate(0deg); }
	100% { -webkit-transform:rotate(360deg); }
}

.video .play-btn {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(../images/spacer.gif);
	background:rgba(0,0,0,0);
	z-index:15;
}
	
.play-btn.hide { display:none; }

/** CC-VIDEO **/
.cc-video-container .poster-img { z-index:4; margin:0; top:0; left:0; }
.cc-video { position:absolute; bottom:100%; left:0; }
.cc-video.playing { bottom:0; }
video.cc-video { width:100%; height:100%; }
object.cc-video { bottom:auto; }

/** CC-AUDIO **/
.cc-audio { position:absolute; width: 10px; height: 10px; left:0; overflow:hidden; }
.cc-audio audio, .cc-audio object { position:relative; left:100%; }



.img-lander {
	cursor: pointer;
	width:630px; 
	margin:50px auto 0;
}

#rhievideo {
	display:block;
	margin: 94px auto 0;
}