/* --------------------EPHRAIM CLOTHING-------------------- */

@font-face {
	font-family: 'NobileRegular';
	src: url('/font/nobile-webfont.eot');
	src: url('/font/nobile-webfont.eot?#iefix') format('embedded-opentype'),
	url('/font/nobile-webfont.woff') format('woff'),
	url('/font/nobile-webfont.ttf') format('truetype'),
	url('/font/nobile-webfont.svg#NobileRegular') format('svg');
	font-weight: normal;
	font-style: normal;}
@font-face {
	font-family: 'NobileItalic';
	src: url('/font/nobile_italic-webfont.eot');
	src: url('/font/nobile_italic-webfont.eot?#iefix') format('embedded-opentype'),
	url('/font/nobile_italic-webfont.woff') format('woff'),
	url('/font/nobile_italic-webfont.ttf') format('truetype'),
	url('/font/nobile_italic-webfont.svg#NobileItalic') format('svg');
	font-weight: normal;
	font-style: normal;}
@font-face {
	font-family: 'NobileBold';
	src: url('/font/nobile_bold-webfont.eot');
	src: url('/font/nobile_bold-webfont.eot?#iefix') format('embedded-opentype'),
	url('/font/nobile_bold-webfont.woff') format('woff'),
	url('/font/nobile_bold-webfont.ttf') format('truetype'),
	url('/font/nobile_bold-webfont.svg#NobileBold') format('svg');
	font-weight: normal;
	font-style: normal;}
@font-face {
	font-family: 'NobileBoldItalic';
	src: url('/font/nobile_bold_italic-webfont.eot');
	src: url('/font/nobile_bold_italic-webfont.eot?#iefix') format('embedded-opentype'),
	url('/font/nobile_bold_italic-webfont.woff') format('woff'),
	url('/font/nobile_bold_italic-webfont.ttf') format('truetype'),
	url('/font/nobile_bold_italic-webfont.svg#NobileBoldItalic') format('svg');
	font-weight: normal;
	font-style: normal;}



/* -------------------- Reset CSS -------------------- */
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;}

ol, ul {list-style: none;}

blockquote, q {
	quotes: none; 
	margin: 0 0 1.5em; 
	border-left: 10px solid #DE5328;
	padding: 0 0 0 15px;
	letter-spacing: 0.1px;
	text-shadow: 1px 1px #FFFFFF;
	font: 13px/19px Trebuchet MS,Arial,Helvetica,sans-serif; }
blockquote: before, blockquote: after, q: before, q: after {content: ''; content: none;}

a {
	margin: 0; 
	padding: 0; 
	font-size: 100%; 
	vertical-align: baseline; 
	background: transparent;
	text-decoration: none;}

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;}
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 -------------------- */

/* -------------------- My CSS -------------------- */

.hide {display:none;}
.show {display:block;}

body {
	margin: 0 auto;
	width: 100%;
	padding: 0;
	background: #fff;
	text-align: left;
	line-height: 1;}

h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;}

a {color: #fff;}
a:hover {
	color: #888;
	background-color: none;
	border-bottom: 0;}
a:visited, a:active, a:focus {
	color: #888;
	background-color: none;
	border-bottom: 0;}
a img, img {border: none;}

img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img {
	max-width: 100%; 
	height: auto;}
.alignleft, img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;}
.alignright, img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;}
.aligncenter, img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;}
img.alignleft, img.alignright, img.aligncenter {
	margin-bottom: 12px;}

/* -------------------- END My CSS -------------------- */

/* -------------------- Typography CSS -------------------- */

body, input, textarea {
	color: #666;
	font-size: 12px;
	line-height: 18px;}
body, input, textarea, .page-title span, .pingback a.url {
	font-family: 'NobileRegular' Helvetica, Arial, sans-serif;}
h3#comments-title, h3#reply-title, #access .menu, #access div.menu ul, #cancel-comment-reply-link,
.form-allowed-tags, #site-info, #site-title, #wp-calendar, .comment-meta, .comment-body tr th, .comment-body thead th,
.entry-content label, .entry-content tr th, .entry-content thead th, .entry-meta, .entry-title, .entry-utility, #respond label,
.navigation, .page-title, .pingback p, .reply, .widget-title, .wp-caption-text {
	font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;}
input[type=submit] {
	font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;}
pre {
	font-family: "Courier 10 Pitch", Courier, monospace;}
code {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;}

p {
	font-family: 'NobileRegular';
	font-size: 11px;}

ul.bullets {
	list-style: square;
	margin: 0 0 18px 1.5em;}

strong {font-weight: bold;}
cite, em, i {font-style: italic;}
blockquote {
	font-style: italic;
	padding: 0 3em;}
blockquote cite, blockquote em, blockquote i {font-style: normal;}
pre {
	background: #f7f7f7;
	color: #222;
	line-height: 18px;
	margin-bottom: 18px;
	padding: 1.5em;}
abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;}
sup, sub {
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;}
sup {bottom: 1ex;}
sub {top: .5ex;}
input[type="text"], textarea {
	background: #f9f9f9;
	border: 1px solid #ccc;
	box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	padding: 2px;}

/* -------------------- END Typography CSS -------------------- */

/* -------------------- Structure CSS -------------------- */

div.top-left-logo {
	position: absolute;
	width: 520px;
	height: 150px;
	top: 20px;
	left: 20px;
	background: url(/images/top-left-logo.png) top center no-repeat;}
ul.top-left-btn li a {
	display: block;
	float: left;
	width: 520px;
	height: 125px;
	background: url(/images/top-left-logo.png) top center no-repeat;}
div.top-right-logo {
	position: absolute;
	width: 125px;
	height: 125px;
	top: 20px;
	right: 20px;}
ul.top-right-btn li a {
	display: block;
	float: left;
	width: 125px;
	height: 125px;
	background: url(/images/top-right-logo.png) top center no-repeat;}
div.bottom-left-logo {
	position: absolute;
	width: 200px;
	height: 200px;
	bottom: 20px;
	left: 20px;}
ul.main-bl li a {
	display: block;
	float: left;
	width: 200px;
	height: 150px;}
ul.main-bl li a {
	background: url(/images/icon-1-large.png) top center no-repeat;}
ul.sub-bl {
	width: 200px;
	height: 50px;}
ul.sub-bl li a {
	width: 65px;
	height: 50px;
	display: block;
	float: left;}
ul.sub-bl li.sub-bl-1 a {
	background: url(/images/icon-1.png) top center no-repeat;}
ul.sub-bl li.sub-bl-2 a {
	background: url(/images/icon-2.png) top center no-repeat;}
ul.sub-bl li.sub-bl-3 a {
	background: url(/images/icon-3.png) top center no-repeat;}

#background-cover {
	position: fixed;
	z-index: 99;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(/images/back-cover.png) top center repeat;}
#concept-content {
	z-index: 100;
	width: 375px;
	position: absolute;
	float: left;
	left: 560px;
	top: 20px;}
#concept-content-p2 {
	z-index: 100;
	width: 520px;
	position: absolute;
	float: left;
	left: 20px;
	top: 188px;}
#justification-content, #sanctification-content, #glorification-content {
	z-index: 100;
	width: 700px;
	position: absolute;
	float: left;
	left: 230px;
	bottom: 20px;}
#about-content {
	z-index: 100;
	width: 650px;
	position: absolute;
	float: right;
	right: 160px;
	padding-left: 50px;
	top: 20px;}
#about-content .content-bottom {
	margin-bottom: 15px !important;}

div.content-middle p, div.content-middle-sm p, div.content-middle-mid p {
	padding: 8px 23px;
	margin-bottom: 0;}
div.content-middle-sm p {
	width: 275px;
	float: left;
	padding-right: 0;}

div.close-btn a {
	position: absolute;
	float: right;
	display: block;
	right: 9px;
	top: 15px;
	width: 42px;
	height: 50px;
	background: url(/images/close-btn.png) top center no-repeat;}
div.close-btn-reverse a {
	position: absolute;
	float: left;
	display: block;
	left: 9px;
	top: 15px;
	width: 42px;
	height: 50px;
	background: url(/images/close-btn-reverse.png) top center no-repeat;}
	
div.content-top-mid {
	float: left;
	width: 520px;
	height: 12px;
	background: url(/images/content-top-mid.png) top center no-repeat;}
div.content-middle-mid {
	float: left;
	width: 520px;
	background: url(/images/content-middle-mid.png) top center repeat-y;}
div.content-bottom-mid {
	float: left;
	width: 520px;
	height: 12px;
	background: url(/images/content-bottom-mid.png) top center no-repeat;}

div.content-top-sm {
	float: left;
	width: 325px;
	height: 12px;
	background: url(/images/content-top-sm.png) top center no-repeat;}
div.content-middle-sm {
	float: left;
	width: 325px;
	background: url(/images/content-middle-sm.png) top center repeat-y;}
div.content-bottom-sm {
	float: left;
	width: 325px;
	height: 12px;
	background: url(/images/content-bottom-sm.png) top center no-repeat;}

div.content-top {
	width: 650px;
	height: 12px;
	background: url(/images/content-top.png) top center no-repeat;}
div.content-middle {
	width: 650px;
	background: url(/images/content-middle.png) top center repeat-y;}
div.content-bottom {
	width: 650px;
	height: 12px;
	background: url(/images/content-bottom.png) top center no-repeat;}


div.social ul {
	position: absolute;
	width: 125px;
	height: 125px;
	display: block;
	float: left;
	top: 155px;
	right: 10px;}
div.social ul li a {
	display: block;
	width: 43px;
	height: 43px;
	float: left;
	margin: 5px;}
li.social-tumblr a {background: url(/images/social-tumblr.png) 0 0 no-repeat;}
li.social-tumblr a:hover {background: url(/images/social-tumblr.png) 0 -43px no-repeat;}
li.social-facebook a {background: url(/images/social-fb.png) 0 0 no-repeat;}
li.social-facebook a:hover {background: url(/images/social-fb.png) 0 -43px no-repeat;}
li.social-twitter a {background: url(/images/social-twitter.png) 0 0 no-repeat;}
li.social-twitter a:hover {background: url(/images/social-twitter.png) 0 -43px no-repeat;}
li.social-shop a {background: url(/images/social-shop.png) 0 0 no-repeat;}
li.social-shop a:hover {background: url(/images/social-shop.png) 0 -43px no-repeat;}

#prevslide-below, #nextslide-below {
	position: absolute;
	display: block;
	z-index: 1;
	height: 43px;
	width: 43px;
	top: 50%;
	margin-top: -21px;}
#prevslide-below{
	left: 20px;
	background: url('/images/back-below.png') 0 0;}
#nextslide-below{
	right: 20px;
	background: url('/images/forward-below.png') 0 0;}

#bottom-right-info {
	position: absolute;
	float: left;
	bottom: 20px;
	right: 20px;
	width: 325px;}
	
#slidecaption {
	position: relative;
	padding: 8px 23px;	
	float: left;
	font-size: 10px;
	font-family: 'NobileRegular';}
	
h2 {	
	color: #fff;
	font-size: 14px;}
	
div.anycontent h2 {
	color: #fff;
	font-size: 14px;
	padding: 8px 0 0 23px;}


/* -------------------- END Structure CSS -------------------- */

/*
Supersized - Fullscreen Slideshow jQuery Plugin
Version: 3.2.6
Site: www.buildinternet.com/project/supersized
Author: Sam Dunn
Company: One Mighty Roar (www.onemightyroar.com)
License: MIT License / GPL License
*/

* {
	margin: 0;
	padding: 0;}
body {
	background: #111;
	height: 100%;}
	img {border: none;}
#supersized-loader {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 0;
	width: 60px;
	height: 60px;
	margin: -30px 0 0 -30px;
	text-indent: -999em;
	background: url(/images/progress.gif) no-repeat center center;}
#supersized {
	display: block;
	position: fixed;
	left: 0;
	top: 0;
	overflow: hidden;
	z-index: -999;
	height: 100%;
	width: 100%;}
#supersized img {width: auto;
	height: auto;
	position: relative;
	display: none;
	outline: none;
	border: none;}
#supersized.speed img {
	-ms-interpolation-mode: nearest-neighbor;
	image-rendering:  -moz-crisp-edges;}	/*Speed*/
#supersized.quality img {
	-ms-interpolation-mode: bicubic;
	image-rendering:  optimizeQuality;}			/*Quality*/
#supersized li {
	display: block;
	list-style: none;
	z-index: -30;
	position: fixed;
	overflow: hidden;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #111;}
#supersized a {
	width: 100%;
	height: 100%;
	display: block;}
#supersized li.prevslide {
	z-index: -20;}
#supersized li.activeslide {
	z-index: -10;}
#supersized li.image-loading {
	background: #111 url(/images/progress.gif) no-repeat center center;
	width: 100%;
	height: 100%;}
#supersized li.image-loading img {
	visibility: hidden;}
#supersized li.prevslide img, #supersized li.activeslide img {
	display: inline;}

/*--Controls Bar--*/
#controls-wrapper {
	margin: 0 auto;
	height: 42px;
	width: 100%;
	bottom: 0px;
	left: 0;
	z-index: 4;
	background: url(/images/nav-bg.png) repeat-x;
	position: fixed;}
#controls {
	overflow: hidden;
	height: 100%;
	position: relative;
	text-align: left;
	z-index: 5;}
#slidecounter {
	float: left;
	color: #999;
	font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-shadow: #000 0 -1px 0;
	margin: 0px 10px 0 15px;
	line-height: 42px;}
/*--  #slidecaption {
	overflow: hidden;
	float: left;
	color: #FFF;
	font: 400 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-shadow: #000 1px 1px 2px;
	margin: 0 20px 0 0;
	line-height: 42px;}  --*/
#navigation {
	float: right;
	margin: 0px 20px 0 0;}
#play-button{
	float: left;
	margin-top: 1px;border-right: 1px solid #333;
	background: url('../img/bg-hover.png') repeat-x 0 44px;}
#play-button: hover{
	background-position: 0 1px;
	cursor: pointer;}
#prevslide, #nextslide{
	position: absolute;
	z-index: 2;
	height: 43px;
	width: 43px;
	top: 50%;
	margin-top: -21px;
	opacity: 1.0;}
#prevslide{
	left: 20px;
	background: url('/images/back.png');}
#nextslide{
	right: 20px;
	background: url('/images/forward.png');}
#prevslide: active, #nextslide: active{
	margin-top: -19px;}
#prevslide: hover, #nextslide: hover{
	cursor: pointer;}
ul#slide-list{
	padding: 15px 0;
	float: left;
	position: absolute;
	left: 50%;}
ul#slide-list li{
	list-style: none;
	width: 12px;
	height: 12px;
	float: left;
	margin: 0 5px 0 0;}
ul#slide-list li.current-slide a, ul#slide-list li.current-slide a: hover{
	background-position: 0 0px;}
ul#slide-list li a{
	display: block;
	width: 12px;
	height: 12px;
	background: url('/images/nav-dot.png') no-repeat 0 -24px;}
ul#slide-list li a: hover{
	background-position: 0 -12px;
	cursor: pointer;}
#tray-button{
	float: right;
	margin-top: 1px;
	border-left: 1px solid #333;
	background: url('/images/bg-hover.png') repeat-x 0 44px;}
#tray-button: hover{
	background-position: 0 1px;
	cursor: pointer;}
	
/*--Progress Bar--*/
#progress-back{
	z-index: 5;
	position: fixed;
	bottom: 42px;
	left: 0;
	height: 8px;
	width: 100%;
	background: url('/images/progress-back.png') repeat-x;}
#progress-bar{
	position: relative;
	height: 8px;
	width: 100%;
	background: url('/images/progress-bar.png') repeat-x;}