.loading {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
 z-index:100000;
 background:url(../images/loading.gif) no-repeat center center #fff;
}

/* Romeral font */
@font-face {
 font-family: 'RomeralRegular';
 src: url('romeral-webfont.eot');
 src: url('romeral-webfontd41d.eot?#iefix') format('embedded-opentype'),
      url('romeral-webfont.woff') format('woff'),
      url('romeral-webfont.ttf') format('truetype'),
      url('romeral-webfont.svg#RomeralRegular') format('svg');
 font-weight: normal;
 font-style: normal;
}

 
/* Slider */
#slider {
width: 998px;
 height: 388px;
  position:relative;
 background:#fff url('images/loading.gif') no-repeat 50% 50%;
 z-index:100;
}

#slider img {
width: 998px;
 height: 388px;
 position:absolute;
 top:0px;
 left:0px;
 display:none;
}

#slider a {
 border:0;
 display:block;
}

#slider .nivo-controlNav {
 position:absolute;
 left:31%;
 bottom:-34px;
 margin-left:-40px; /* Tweak this to center bullets */
}

a.nivo-control {
 float: left;
 color: black;
 text-indent:-9999px;
 background: url("../images/bullet.png") left top no-repeat;
 display: block;
 width: 12px;
 height: 12px;
 margin-right: 5px;
 position:relative;
 _top:15px;
}

div.line1 {
 background: url("../images/line1.png");
 float: left;
 width: 185px;
 height: 12px;
}

div.line2 {
 background: url("../images/line2.png");
 float: left;
 width: 185px;
 height: 12px;
}

a.nivo-control:hover, a.active {
 position:relative;
 top:0px;
 background: url("../images/bullet_active.png");
}

#slider .nivo-directionNav a {
 display:block;
 width:30px;
 height:30px;
 text-indent:-9999px;
 border:0;
}

#slider a.nivo-nextNav {
 width: 35px;
 height: 35px;
 background: url('../images/arrowRight.png');
 right:10px;
}

#slider a.nivo-prevNav {
 width: 35px;
 height: 35px;
 background: url('../images/arrowLeft.png');
 left:10px;
}

#shadow {
 width: 998px;
 height: 49px;
 background: url('../images/shadow.png') center top no-repeat;
 margin-top: -27px;
 margin-bottom: 51px;
 _margin-top:-15px;
 position:relative;
 z-index:9;
} 
 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	top:20px;
	z-index:8;
}
.nivo-caption p p{
 padding:5px;
 margin:0;
 font-family: RomeralRegular;
 font-size: 21px;
 letter-spacing: 0.7px;
 color: #fff;
 line-height: 25px;
 padding: 10px;
 background: #ac3b2f;
}
.nivo-caption span {
 font-family: Arial, sans-serif;
 font-size: 13px;
 padding: 10px;
 color: #fff;
 background: #ac3b2f; 
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:9;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}