/*
		File: 	slider.css
		Auth:	Creativeink Design Group | web@creativeink.ca
		~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
----------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------- 
 SLIDER
-----------------------------------------------------------------------------*/
#slider1_container {
	position:absolute;
	margin:0 auto;
	overflow:hidden;
	height:100%;
}

#slider1_container, #slider1_container img, .slider_img, .slider_wrapper, .slider_wrapper img {
}


/*---------------------------------------------------------------------------- 
 ARROW NAVIGATION
-----------------------------------------------------------------------------*/
.jssora21l, .jssora21r, .jssora21ldn, .jssora21rdn
{
	position: absolute;
	cursor: pointer;
	display: block;
	background: url(slider/arrows.png) center center no-repeat;
	overflow: hidden;
	z-index:10000;
}
.jssora21l { background-position: -3px -33px; }
.jssora21r { background-position: -63px -33px; }
.jssora21l:hover { background-position: -123px -33px; }
.jssora21r:hover { background-position: -183px -33px; }
.jssora21ldn { background-position: -243px -33px; }
.jssora21rdn { background-position: -303px -33px; }

.jssora21l { width:55px; height:55px; left:8px; }
.jssora21r { width:55px; height:55px; right:8px }





/*---------------------------------------------------------------------------- 
 BULLET NAVIGATION
-----------------------------------------------------------------------------*/
.jssorb21 div, .jssorb21 div:hover, .jssorb21 .av
{
	background: url(slider/bullets.png) no-repeat;
	overflow:hidden;
	cursor: pointer;	
}
.jssorb21 {
	position:absolute;	
	bottom:9px !important;
	right:500px !important;	
}
.jssorb21 div { background-position: -5px -5px; }
.jssorb21 div:hover, .jssorb21 .av:hover { background-position: -35px -5px; }
.jssorb21 .av { background-position: -65px -5px; }
.jssorb21 .dn, .jssorb21 .dn:hover { background-position: -95px -5px; }






/*---------------------------------------------------------------------------- 
 SOCIAL MEDIA BUTTONS
-----------------------------------------------------------------------------*/
.share-icon {
	display: inline-block;
	float: left;
	margin: 4px;
	width: 32px;
	height: 32px;
	cursor: pointer;
	vertical-align: middle;
	background-image: url(slider/share-icons.png);
}

.share-facebook {
background-position: 0px 0px;
}

.share-facebook:hover {
background-position: 0px -40px;
outline:2px solid #a92d34;
}

.share-twitter {
background-position: -40px 0px;
}

.share-twitter:hover {
background-position: -40px -40px;
outline:2px solid #a92d34;
}

.share-pinterest {
background-position: -80px 0px;
}

.share-pinterest:hover {
background-position: -80px -40px;
outline:2px solid #a92d34;
}

.share-linkedin {
background-position: -240px 0px;
}

.share-linkedin:hover {
background-position: -240px -40px;
outline:2px solid #a92d34;
}


.share-googleplus {
background-position: -120px 0px;
}

.share-googleplus:hover {
background-position: -120px -40px;
outline:2px solid #a92d34;
}


.share-stumbleupon {
background-position: -360px 0px;
}

.share-stumbleupon:hover {
background-position: -360px -40px;
outline:2px solid #a92d34;
}

.share-email {
background-position: -320px 0px;
}

.share-email:hover {
background-position: -320px -40px;
outline:2px solid #a92d34;
}