/* 
	Resets defualt browser settings
	reset.css
*/
/*
	Page style
*/

#container {
	width:1000px;
	padding:0;
	margin:0 auto;
	position:relative;
	z-index:0;
}

#example {
	width:1000px;
	height:308px;
	position:relative;
}



/*
	Slideshow
*/

#slides {
	z-index:100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:1000px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container div.slide {
	width:1000px;
	height:308px;
	display:block;
}


/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
	position:absolute;
	top:273px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}
.next-arrow {
	background:url(../images/arrow-next.png) no-repeat bottom;
	height:12px;
	width:6px;
	float:left;
	}
.next-arrow:hover {
	background:url(../images/arrow-next.png) no-repeat top;
	cursor:pointer;
	}
.prev-arrow {
	background:url(../images/arrow-prev.png) no-repeat bottom;
	height:12px;
	width:6px;
	float:left;
	}
.prev-arrow:hover {
	background:url(../images/arrow-prev.png) no-repeat top;
	cursor:pointer;
	}
#slides .prev {
	left:821px;
}
#slides .next {
	right:58px;
}

/*
	Pagination
*/

.pagination {
	margin:0 auto;
	width:100px;
}

.pagination li {
	float:left;
	margin:0 6px 0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../images/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
	position:relative;
	z-index:9999;
	top:-35px;
	left:387px;
}

.pagination li.current a {
	background-position:0 -12px;
}

/*
	Caption
*/

.caption {
	z-index:500;
	position:absolute;
	bottom:-35px;
	left:0;
	height:30px;
	padding:5px 20px 0 20px;
	background:#000;
	background:rgba(0,0,0,.5);
	width:540px;
	font-size:1.3em;
	line-height:1.33;
	color:#fff;
	border-top:1px solid #000;
	text-shadow:none;
}

/*
	Footer
*/

#footer {
	text-align:center;
	width:580px;
	margin-top:9px;
	padding:4.5px 0 18px;
	border-top:1px solid #dfdfdf;
}

#footer p {
	margin:4.5px 0;
	font-size:1.0em;
}

/*
	Anchors
*/

a:link,a:visited {
	color:#599100;
	text-decoration:none;
}

a:hover,a:active {
	color:#599100;
	text-decoration:underline;
}

.order-now {
	position:absolute;
	top:198px;
	left:503px;
	}
.order-now-btn {
	border:none;
	background:url(../images/order-now.png) no-repeat top;
	height:34px;
	width:138px;
	}
.order-now-btn:hover {
	background:url(../images/order-now.png) no-repeat bottom;
	cursor:pointer;
	}

.banner-txt {
	display:block;
	right:0;
	width:100%;
	position:absolute;
	}	
.banner-title {
    display: block;
    float: right;
    margin-top: 40px;
    width: 50%;
}
.banner-txt h3 {
    color: #FFFFFF;
    display: block;
    float: left;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 16px;
    font-style: italic;
    font-variant: normal;
    font-weight: normal;
    line-height: 22px;
    text-align: right;
    width: 79%;
}	

.banner-txt h1 {
    color: #FFFFFF;
    display: block;
    float: left;
    font-family: 'HelveticaNeueLTStdBold';
    font-size: 29px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
	line-height:34px;
    text-align: right;
    width: 95%;
}

.banner-bottom-txt {
    display: block;
    float: right;
    width: 100%;
}

.banner-bottom-txt p {
    color: #FFFFFF;
    display: block;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 21px;
    margin-left: 354px;
    margin-top: 16px;
    text-align: center;
    width: 100%;
}

h1.sports {
    width: 99%;
	letter-spacing:-1px;
	line-height:34px;
}

h1.mugs {
    width: 88%;
	line-height:34px;
}

.read-moer {
	position:absolute;
	right:64px;
	bottom:77px;
	}
.read-more-btn {
	border:none;
	background:url(../images/read-more.png) no-repeat top;
	height:34px;
	width:141px;
	}
.read-more-btn:hover {
	background:url(../images/read-more.png) no-repeat bottom;
	cursor:pointer;
	}