/*
Skin Name: Nivo Slider Default Theme
Skin URI: http://nivo.dev7studios.com
Description: The default skin for the Nivo Slider.
Version: 1.3
Author: Gilbert Pellegrom
Author URI: http://dev7studios.com
Supports Thumbs: true
*/
@media only screen and (max-width : 540px) {
	.theme-default .nivoSlider {
		position: relative;
		background: #fff url(loading.gif) no-repeat 50% 50%;
		margin-bottom: 0px;
		padding-bottom: 0px;
		z-index: 1;
		height: 334px;
	
	}
	.theme-default .nivoSlider img {
		position: absolute;
		top: 0px;
		left: 0px;
		display: none;
	}
	.theme-default .nivoSlider a {
		border:0;
		display:block;
	}
	
	.theme-default .nivo-controlNav {
		text-align: center;
		padding-right: 0;
		padding-left: 0;
		position: absolute;
		z-index: 99;
		width: 100%;
		margin-top: -40px;
	}
	.theme-default .nivo-controlNav a {
		display:inline-block;
		width:22px;
		height:22px;
		background:url(bullets.png) no-repeat;
		text-indent:-9999px;
		border:0;
		margin: 0 2px;
	}
	.theme-default .nivo-controlNav a.active {
		background-position:0 -22px;
	}
	
	.theme-default .nivo-directionNav a {
		display:block;
		width:30px;
		height:30px;
		background:url(arrows.png) no-repeat;
		text-indent:-9999px;
		border:0;
		opacity: 0;
		-webkit-transition: all 200ms ease-in-out;
		-moz-transition: all 200ms ease-in-out;
		-o-transition: all 200ms ease-in-out;
		transition: all 200ms ease-in-out;
	}
	.theme-default:hover .nivo-directionNav a { opacity: 1; }
	.theme-default a.nivo-nextNav {
		background-position:-30px 0;
		right:15px;
	}
	.theme-default a.nivo-prevNav {
		left:15px;
	}
	
	.theme-default .nivo-caption {
		font-family: Helvetica, Arial, sans-serif;
		padding-bottom: 20px;
		height: 95px;
	}
	.theme-default .nivo-caption a {
		color:#fff;
		border-bottom:1px dotted #fff;
	}
	.theme-default .nivo-caption a:hover {
		color:#fff;
	}
	
	.theme-default .nivo-controlNav.nivo-thumbs-enabled {
		width: 100%;
	}
	.theme-default .nivo-controlNav.nivo-thumbs-enabled a {
		width: auto;
		height: auto;
		background: none;
		margin-bottom: 5px;
	}
	.theme-default .nivo-controlNav.nivo-thumbs-enabled img {
		display: block;
		width: 120px;
		height: auto;
	}
}
@media only screen and (min-width : 541px) {
	.theme-default .nivoSlider {
		position: relative;
		background: #fff url(loading.gif) no-repeat 50% 50%;
		z-index: 0;
	
	}
	.theme-default .nivoSlider img {
		position: absolute;
		top: 0px;
		display: none;
		width: 100%;
	}
	.theme-default .nivoSlider a {
		border:0;
		display:block;
	}
	
	.theme-default .nivo-controlNav {
		text-align: center;
		z-index: 1;
		position: relative;
		margin-top: -70px;
		padding-top: 20px;
		padding-right: 0;
		padding-bottom: 20px;
		padding-left: 0;
		margin-left: 60%;
		width: 340px;
	}
	.theme-default .nivo-controlNav a {
		display:inline-block;
		width:22px;
		height:22px;
		background:url(bullets.png) no-repeat;
		text-indent:-9999px;
		border:0;
		margin: 0 2px;
	}
	.theme-default .nivo-controlNav a.active {
		background-position:0 -22px;
	}
	
	.theme-default .nivo-directionNav a {
		display:block;
		width:30px;
		height:30px;
		background:url(arrows.png) no-repeat;
		text-indent:-9999px;
		border:0;
		opacity: 0;
		-webkit-transition: all 200ms ease-in-out;
		-moz-transition: all 200ms ease-in-out;
		-o-transition: all 200ms ease-in-out;
		transition: all 200ms ease-in-out;
	}
	.theme-default:hover .nivo-directionNav a { opacity: 1; }
	.theme-default a.nivo-nextNav {
		background-position:-30px 0;
		right:15px;
	}
	.theme-default a.nivo-prevNav {
		left:15px;
	}
	
	
	.theme-default .nivo-caption {
		font-family: Helvetica, Arial, sans-serif;
		width: 340px;
		height: 235px;
		margin-left: 60%;
		
	}
	.theme-default .nivo-caption a {
		color:#fff;
		border-bottom:1px dotted #fff;
	}
	.theme-default .nivo-caption a:hover {
		color:#fff;
	}
	
	.theme-default .nivo-controlNav.nivo-thumbs-enabled {
		width: 100%;
	}
	.theme-default .nivo-controlNav.nivo-thumbs-enabled a {
		width: auto;
		height: auto;
		background: none;
		margin-bottom: 5px;
	}
	.theme-default .nivo-controlNav.nivo-thumbs-enabled img {
		display: block;
		width: 120px;
		height: auto;
	}
}