


/* home page */
#roguehome_wrapper{
   height:75%;
   background: url("../images/home/wood.jpg") 0 0px repeat transparent;
   width: 100%;

}
.homediv{
   height:772px;
   background-position: center 0;
   background-repeat: no-repeat;
   background-color: transparent;
   position:relative;
   margin:0 auto;
   max-width: 1500px;
   width: 100%;
}
#roguehome{
    height: 100%; 
    width: 100%;
	background-position: center 0;
	background-repeat: no-repeat;
	background-color: transparent;
	position: relative;
	margin: 0 auto;
	max-width: 1500px;
}
.homesprite {
	display: inline-block;
	background: url("../images/home/sprites.png") 0 0px no-repeat;
	text-indent: 999px;
}
a.sliderlink {
	display: block;
	width: 100%;
	height: 700px;
}
.in-slide-content {
	position: relative;
	width: 100%;
	height: 720px;
	z-index: 300;
	margin: 0;
	left: 0; bottom: 40px;
}
.arrow {
	display: block;
	background-position: -400px -190px;
	width: 40px; height: 100px;
	position: absolute;
}

.positionme:hover .arrow, .newslink:hover .arrow {
	background-position: -450px -190px;
	width: 100px;
	margin-left: 2px;
}

.arrow:hover {
	background-position: -450px -190px;
	width: 100px;
}
.boldtitle {
	font-family:"SquareSlabserif711W01-B";
	font-size: 32px;
	color: #2b2828;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	line-height: 1em;
}
.hpcaption {
	font-family:"SquareSlabserif711W01-L";
	color: #2b2828;
	font-size: 24px;
	letter-spacing: 0.02em;
}

h1 {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.blogbg h3 {
	font-family:"SquareSlabserif711W01-B";
	font-weight: normal;
	font-size: 22px;
	line-height: 1em;
	color: #fff;
	letter-spacing: 0.05em;
	margin-top: 255px;
	text-transform: uppercase;
}
.blogbg h3 a {
	color: #fff;
}
.blogbg h3 a:hover {
	text-decoration:underline;
}
.blogbg .blogdate {
	font-family:"SquareSlabserif711W01-L";
	font-style: italic;
	font-size: 14px;
	color: #fff;
	letter-spacing: 0.05em;
}
.blogbg .blogtxt {
	padding:  0 25px;
}
.blogbg .blogimg_adjust{
    max-width: 280px;
    max-height: 190px;
    line-height: 190px;
	text-align: center;
	vertical-align: bottom;
}
.blogbg .blogimg {
	width: 280px;
	height: 190px;
	overflow: hidden;
	position: absolute;
	right: 0; top: 50px;
	z-index: 0;
	display:inline-block;
	background-position: center center;
	background-repeat:no-repeat;
	background-color: transparent;
		line-height: 190px;
	text-align: center;
	vertical-align: bottom;
}
.blogbg .bloglinks{
	position: absolute;
	right: 25px;
	bottom: 0px;
	width: 280px;
	height: 134px;
	display: inline-block;
}
.blogbg .bloglinks.beer{
	right: 0px;
	width: 329px;
	height: 73px;
}
.blogbg .bloglinks.spirits{
	right: 25px;
	width: 220px;
}
/***/
#roguefarm {
   height:572px;
   position:relative;
   margin:0 auto;
   max-width: 1500px;
   width: 100%;
}
#roguefarm .farmsection_image_wrapper{
   width: 100%;
   height: 100%;
   position: absolute;
   left: 0px;
   top:0;
   overflow: hidden;
}
#roguefarm .farmsection_image{
   background-position: center 0;
   background-repeat: no-repeat;
   background-color: transparent;
   width: 100%;
   height: 100%;
   position: absolute;
   left: 0px;
   top:0;
}
#roguefarm .hpcaption {
	width: 600px; height: 100px;
	position: absolute;
	text-align: right; right: 43px;
}
#roguefarm .maintitle {
	background-position: 0 -180px;
	width: 400px; height: 60px;
	margin-right: 37px;
}
#roguefarm .arrow {
	left: 500px;
	top: 4px;
}
#roguefarm .blog_wrapper{
	display: block;
	width: 329px; height: 535px;
	position: absolute;
	top: 70px; right: 0;
	overflow: hidden;
}
#roguefarm .blogbg {
	display: block;
	background: url("../images/home/farms_blog.gif") no-repeat bottom right;
	width: 329px; height: 510px;
	position: absolute;
	top: 25px; right: 0;
}
#roguefarm .positionme {
	width: 540px;
	margin: 0 auto;
	position: absolute;
	top: 475px;
	text-align: right;
	left: 26%;
}
/***/
#roguebeer.homediv {
	background: url("../images/home/beer_bg_leaf.png") 0 0 no-repeat;
	z-index: 0;
	height: 872px;
	margin-top: 60px;
}
#roguebeer .maintitle {
	display: block;
	background-position: 0 -120px;
	width: 230px; height: 60px;
	float: right;
	z-index: 20;
	margin-right: 37px;
}
#roguebeer .homebeerbg {
	width: 100%;
	height: 720px;
	position: relative;
	top:200px;
	overflow-x: hidden;
}
#roguebeer .beerdeco {
	display: block;
	width: 60%; height: 589px;
	z-index: 0;
	position: absolute;
	right: 0;
	background-repeat: no-repeat;
	background-position: top right;
	background-size: contain;
}
#roguebeer .boldtitle {
	float: right;
	z-index: 20;
	margin-right: 43px;
}
#roguebeer .arrow {
	left: 305px;
	top: 4px;
	height: 50px;
	z-index: 20;
}
#roguebeer .hpcaption {
	width: 300px; height: 100px;
	float: right;
	z-index: 20;
	margin-right: 43px;
}
#roguebeer .positionme {
	text-align: right;
	position: relative;
	left: 7%;
	top: 230px;
	width: 350px;
	z-index: 21;
}
#roguebeer .blogbg {
	display: block;
	background: url("../images/home/beer_blog.gif") bottom right no-repeat;
	width: 330px; height: 432px;
	position: absolute;
	top: 230px; right: 0;
}
#roguebeer .blogbg .blogimg {
	 top: 30px;
}
#roguebeer .blogbg h3 {
	margin-top: 230px;
}
/***/
#roguespirits.homediv {
   height: 620px;
   background-position: 0 0;
   margin-top: 118px;
}
#roguespirits .spiritssection_image{
	height: 720px;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-color: transparent;
	position: absolute;
	left:0px;
	top:0;
	width: 100%;
}
#roguespirits .positionme {
	position: relative;
	left: 46%;
	top: 100px;
	width: 350px;
}
#roguespirits .arrow {
	left: 280px;
	top: 7px;
	height: 50px;
}
#roguespirits .maintitle {
	display: block;
	background-position: 0 -55px;
	width: 280px; height: 60px;
	margin-bottom: 15px;
}
#roguespirits .hpcaption {
	width: 330x; height: 100px;
}
#roguespirits .blogbg {
	display: block;
	background: url("../images/home/spirits_blog.gif") bottom right no-repeat;
	width: 328px; height: 494px;
	position: absolute;
	top: 20px; right: 0;
}
#roguespirits .spiritdeco {
	display: block;
	width: 490px; height: 135px;
	position: absolute;
	bottom: 40px;
	left: 490px;
	z-index: 15;
}
#roguespirits .blogbg .blogimg {
	 top: 30px;
}
#roguespirits .blogbg h3 {
	margin-top: 230px;
}
.boldtitle{font-style: italic;}
/***/
#roguehalls.homediv{
	background: url("../images/home/map_dirt.gif") 0 -141px no-repeat;
	z-index: 0;
	margin-top: 150px;
}
#roguehalls .hallssection_image{
	height: 720px;
	background-position: center 0;
	background-repeat: no-repeat;
	background-color: transparent;
	position: absolute;
	left:0%;
	top:0;
	width: 100%;
	z-index: 1;
	overflow-x: hidden;
}
#roguehalls .allhallmaps {
	position: relative; 
	width: 1000px;
	left: 50%;
	margin-left: -500px;
}
#astoria_or1 {
	position: absolute;
	top: 5px;
	left: 310px;
}
#atlanta_or1 {
	position: absolute;
	top: 160px;
	left: 680px;
}
#eugene_or1 {
	position: absolute;
	top: 247px;
	left: 247px;
	z-index: 1;
}
#independence_ca1 {
position: absolute;
top: 262px;
left: 62px;
}

#independence_ca3{
position: absolute;
top: 244px;
left: -48px;
}

#portland_or1 {
	position: absolute;
	top: 154px;
	left: 943px;
	z-index: 1;
}
#san_francisco_ca1 {
	position: absolute;
	top: 359px;
	left: 245px;
}
#issaquah_wa1 {
	position: absolute;
	top: 20px;
	left: 667px;
}
#newport_or1 {
	position: absolute;
	top: 73px;
	left: 158px;
}

#tyghvalley_or1 {
	position: absolute;
	top: 290px;
	left: 655px;
}
#independence_ca2 {
	position: absolute;
	top: 237px;
	left: 159px;
}
#newport_or2 {
	position: absolute;
	top: 107px;
	left: 73px;
}
#portland_or2 {
position: absolute;
top: 147px;
left: 779px;
z-index: 1
}
#newport_or3 {
	position: absolute;
	top: 124px;
	left: 249px;
}
#portland_or3 {
position: absolute;
top: 96px;
left: 862px;
}

#roguehalls .positionme {
	position: absolute;
	margin: 0 auto;
	left: 20%;
	top: 513px;
	width: 660px;
	z-index: 1;
}
#roguehalls .maintitle {
	display: block;
	background-position: 0 0px;
	width: 600px; height: 58px;
	margin-left: 50px;
}
#roguehalls .arrow {
	left: 612px;
	margin-top: 3px;
	height: 50px;
}
#roguehalls .boldtitle, #roguehalls .hpcaption {
	text-align: right;
	margin-right: 43px;
}
#roguehalls .hallsdeco_wrapper{
	display: block;
	width: 432px; 
	height: 100%;
	position: absolute;
	top: 0px;
	right:0px;
	z-index: 1;
	overflow: hidden;
}
#roguehalls .hallsdeco{
	display: block;
	background: url("../images/home/meeting_mo.png") no-repeat;
	width: 262px;
	height: 352px;
	position: absolute;
	top: 0px;
	right: 70px;
	z-index: 1;
	margin-top: 350px;
}
/*****/

#roguenews.homediv{
   height: 910px;
   	margin-top: 130px;
}

#roguenews .newssprite {
	display: block;
	background: url("../images/home/news_sprites.png") no-repeat;
}

#roguenews a.newslink{
	position: relative;
	display: block;
	width: 100%;
	height: 120px;
	top: 80px;
}
#roguenews .arrow {
	top: 29px;
	right: 77px;
	margin-top: 3px;
	height: 50px;
	background: url("../images/shared/sprites.png") 0 0px no-repeat;
	width: 100px;
	height: 46px;
}
#roguenews .newslink:hover .arrow {
	background-position: 0px -50px;
}
#roguenews .leftcol_wrapper{
	position: relative;
	width: 45%;
	top: 103px;
	left:0%;
	height: 420px;
	overflow: hidden;
}
#roguenews .leftcol {
	position: absolute;
	width: 400px;
	top: 0;
	right:0%;
	height: 420px;
}
#roguenews .leftcol .colhead{
	display: block;
	background-position: 0 23px;
	width: 100%;
	height: 57px;
	margin-bottom: 37px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#roguenews .rightcol_wrapper{
	position: absolute;
	width: 53%;
	top: 225px;
	right: 0%;
	height: 475px;
	overflow: hidden;
}
#roguenews .rightcol {
	position: absolute;
	width: 600px;
	top: 0;
	left: 0%;
	height: 450px;
}
#roguenews .rightcol .colhead {
	display: block;
	background-position: -425px 23px;
	width: 425px;
	height: 60px;
	margin: 0 auto;
	text-indent: -99999px;
}
#roguenews .leftcol .leftfooter {
	position: absolute;
	height: 35px;
	bottom: 0; 
}

#roguenews .leftcol .nation_link {
	position: absolute;
	background-position: 0 -150px;
	width: 160px; height: 35px;
	left:0;
	bottom: 0; 
}

#roguenews .leftcol .citizen_link {
	position: absolute;
	background-position: -160px -150px;
	width: 240px; height: 35px;
	left:160px;
	bottom: 0; 
}

#roguenews .leftnews {
	height: 260px;
	background-color: rgba(255,255,255,0.3);
	padding: 20px 20px 10px 20px;
	overflow-x: hidden;
	overflow-y: hidden;
}
#roguenews .hungryfeed_feed_title, #roguenews .hungryfeed_feed_description {
	display: none;
}
#roguenews .leftcol h5 {
	font-family:"SquareSlabserif711W01-B";
	font-size: 18px;
	color: #2b2828;
	letter-spacing: 0.05em;
	font-weight: normal;
}
#roguenews .leftcol p, #roguenews .leftcol .datetime {
	font-family:"SquareSlabserif711W01-L";
	font-size: 14px;
	color: #2b2828;
}
#roguenews .rightcol .feed4 .feedtext {
	font-family:"SquareSlabserif711W01-L";
	font-size: 18px;
	color: #2b2828;
}
#roguenews .leftcol .datetime {
	font-style: italic;
}
#roguenews .rightcol .feed4 .feedtext a{display:inline-block;}

#roguenews .rightcol .feed1 {
	position: absolute;
	width: 210px; height: 140px;
	padding: 10px;
	background-color: #fff;
	top: 100px; left: 0;
	z-index: 0;
  -webkit-transform: rotate(-2deg); 
     -moz-transform: rotate(-2deg); 
      -ms-transform: rotate(-2deg); 
       -o-transform: rotate(-2deg); 
          transform: rotate(-2deg); 
	-webkit-box-shadow: 2px 2px 4px 0px #666;
          box-shadow: 2px 2px 4px 0px #666;
}
#roguenews .rightcol .feed1 a {
	display: block;
	overflow: hidden;
	width: 210px; height: 140px;
}
#roguenews .rightcol .feed2 {
	position: absolute;
	width: 150px; height: 150px;
	padding: 0;
	background-color: #c5c265;
	top: 110px; left: 250px;
	z-index: 0;
}
#roguenews .rightcol .feed3 {
	position: absolute;
	width: 230px;
	padding: 10px;
	background-color: #231F20;
	top: 270px;
	left: 130px;
	z-index: 5;
	-webkit-box-shadow: 4px 4px 6px 0px #000;
	box-shadow: 4px 4px 6px 0px #000;
}
#roguenews .rightcol .feed3 .playbtn{
	width: 68px;
	height: 45px;
	background: url("../images/home/play.png") no-repeat;
	position: absolute;
	left: 96px;
	top: 72px;
	z-index: 1;	
}
#roguenews .rightcol .feed3:hover .playbtn{background-position: 0 bottom;}
#roguenews .rightcol .feed1 img{width:100%;}
#roguenews .rightcol .feed2 img{width:100%;}
#roguenews .rightcol .feed3 img{
	width:100%;
}

#roguenews .rightcol .feed4 {
	background: url("../images/home/news_feedcard.png") no-repeat;
	position: absolute;
	width: 241px; height: 400px;
	top: 80px; right: 0;
	z-index: 8;
}
#roguenews .rightcol .feed4 .fb {
	background-position: -450px -150px;
	width: 36px; height: 36px;
	margin: 12px auto 6px auto;
	display: block;
}
#roguenews .rightcol .feed4 .tw {
	background-position: -500px -150px;
	width: 36px; height: 36px;
	margin: 12px auto 6px auto;
	display: block;
}
#roguenews .rightcol .feed4 .feedtext {
	width: 140px; height: 219px;
	margin: 0 auto; overflow: hidden;
	background: url("../images/home/news_feedcard.png") no-repeat;
	background-position: -49px -54px;
}
#roguenews .rightcol .feed4 .fb_feed{
   position: absolute;
   left:50px;
   top:0;
   z-index: 2;
}
#roguenews .rightcol .feed4 .tw_feed{
   position: absolute;
   left:50px;
   top:0;
   z-index: 1;
}
#roguenews .rightcol .feed4 .feedtext a .img{display: none;}
#roguenews .socialbg {
	width: 886px;
	margin: 200px auto 0;
	height: 58px;
	display: block;
	z-index: 50;
}

#roguenews .newssocial a:hover {

  -webkit-transform: rotate(7.5deg); 
     -moz-transform: rotate(7.5deg); 
      -ms-transform: rotate(7.5deg); 
       -o-transform: rotate(7.5deg); 
          transform: rotate(7.5deg); 

}
/*
#roguenews .newssocial a.tw {
	display: block;
	background-position: 500px 500px;
	position: absolute;
	top: 10px; left: 112px;
	width: 33px; height: 33px;
}
#roguenews .newssocial a.tw:hover {
	background-position: -112px -389px;
}
#roguenews .newssocial a.fb {
	display: block;
	background-position: 500px 500px;
	position: absolute;
	top: 10px; left: 175px;
	width: 33px; height: 33px;
}
#roguenews .newssocial a.fb:hover {
	background-position: -175px -389px;
}
#roguenews .newssocial a.gp {
	display: block;
	background-position: 500px 500px;
	position: absolute;
	top: 10px; left: 238px;
	width: 33px; height: 33px;
}
#roguenews .newssocial a.gp:hover {
	background-position: -238px -389px;
}
#roguenews .newssocial a.ig {
	display: block;
	background-position: 500px 500px;
	position: absolute;
	top: 10px; left: 300px;
	width: 33px; height: 33px;
}
#roguenews .newssocial a.ig:hover {
	background-position: -300px -389px;
}
#roguenews .newssocial a.fl {
	display: block;
	background-position: 500px 500px;
	position: absolute;
	top: 10px; left: 425px;
	width: 33px; height: 33px;
}
#roguenews .newssocial a.fl:hover {
	background-position: -425px -389px;
}
#roguenews .newssocial a.yt {
	display: block;
	background-position: 500px 500px;
	position: absolute;
	top: 10px; left: 361px;
	width: 33px; height: 33px;
}
#roguenews .newssocial a.yt:hover {
	background-position: -361px -389px;
}
#roguenews .newssocial a.pi {
	display: block;
	background-position: 500px 500px;
	position: absolute;
	top: 10px; left: 485px;
	width: 33px; height: 33px;
}
#roguenews .newssocial a.pi:hover {
	background-position: -485px -389px;
}
#roguenews .newssocial a.tm {
	display: block;
	background-position: 500px 500px;
	position: absolute;
	top: 10px; left: 550px;
	width: 33px; height: 33px;
}
#roguenews .newssocial a.tm:hover {
	background-position: -550px -389px;
}
#roguenews .newssocial a.ut {
	display: block;
	background-position: 500px 500px;
	position: absolute;
	top: 10px; left: 611px;
	width: 33px; height: 33px;
}
#roguenews .newssocial a.ut:hover {
	background-position: -611px -389px;
}*/

/*********/
#roguestore.homediv {
   height: 670px;
   background: url("../images/home/store_bg.gif") left bottom no-repeat;
   margin-top: 30px; overflow-x: hidden;
}
#roguestore .storedeco {
	display: block;
	width: 558px; height: 280px;
	position: absolute;
	top: 160px;
	left: 0px;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-color: transparent;
}
#roguestore .storedeco2 {
	display: block;
/*	background: url("../images/home/store_tuna.png") no-repeat;*/
	width: 177px; height: 89px;
	float: right; 
	margin-top: 25px;
	margin-right: 0px;
}
#roguestore .storedeco3 {
	display: block;
/*	background: url("../images/home/store_t.png") no-repeat;*/
	width: 372px; height: 443px;
	float: right;
	margin-top: -10px;
	margin-right: 0;
}
#roguestore .maintitle {
	background-position: -287px -60px;
	width: 277px; height: 120px;
	margin-top: 50px;
	margin-right: 107px;
}
#roguestore .positionme {
	width: 793px;
	position: absolute;
	top: 100px;
	right: 0;
	text-align: right;
}
#roguestore .arrow {
	top: 120px;
	left: 315px;
	height: 50px;
}
#roguestore .hpcaption {
    height: 100px;
    left: -9px;
    position: absolute;
    text-align: right;
    top: 185px;
    width: 323px;
}

/*** events ***/
#rogueevents.homediv {	
	height: 545px;
	padding-top: 173px;
	background-repeat: repeat-x;
	max-width: 100%;
}
#rogueevents .imageset {
	display: block;
	width: 980px;
	height: 255px;
	margin: 0 auto 0;
}
#rogueevents .imageset a img{
    max-width: 244px;
}
#rogueevents a#roguenation {
	display: block; clear: both;
	width: 100%; height: 200px;
	position: absolute;
	bottom: 50px; 
}

/*#rogueevents .imageset a:hover img, .newslink:hover .arrow, .positionme:hover .arrow {
  -webkit-animation-name: rotate;
	-moz-animation-name: rotate;
	-o-animation-name: rotate;
	animation-name: rotate;
	-webkit-animation-duration: 0.4s;
	   -moz-animation-duration: 0.4s;
	     -o-animation-duration: 0.4s;
	        animation-duration: 0.4s;
	-webkit-animation-fill-mode: both;
	   -moz-animation-fill-mode: both;
	     -o-animation-fill-mode: both;
	        animation-fill-mode: both;
	 opacity:0.8;
	 filter:alpha(opacity=80); 
}
*/

.positionme .hpcaption {
	 -webkit-backface-visibility: hidden; 
}

.audiojs{
    position: absolute;
    left:-9999px;
}
#arrow_left, #arrow_right{
    display: inline-block;
    z-index: 3;
}
#arrow_left{
	background: url("../images/shared/sprites.png") 0 -100px no-repeat;
	width: 100px;
	height: 46px;
	position:absolute;
	bottom: 50%;
	margin-bottom: -90px;
	left:40px;
}
#arrow_right{
	background: url("../images/shared/sprites.png") 0 0px no-repeat;
	width: 100px;
	height: 46px;
	position:absolute;
	bottom: 50%;
	margin-bottom: -90px;
	right:0px;
}
#arrow_left:hover{
	background-position: 0px -150px;

}
#arrow_right:hover {
	background-position: 0px -50px;
}

.feed{height:260px;width:360px;position:relative}
.fup{position:absolute;left:175px;top:0}
.fdown{position:absolute;left:175px;bottom:0}
.fcontainer{top:18px}
.hungryfeed_feed_title,.hungryfeed_feed_description{display:none;}
.title a{
	font-family:"SquareSlabserif711W01-B";
	font-size: 18px;
	color: #2b2828;
	letter-spacing: 0.05em;
	font-weight: normal;
}
.title a:hover{color:#de192b;}
.datetime{
	font-family:"SquareSlabserif711W01-L";
	font-size: 14px;
	color: #2b2828;
	line-height: 140%;
	font-style: italic;
}
.description{
	font-family:"SquareSlabserif711W01-L";
	font-size: 14px;
	color: #2b2828;
	line-height: 100%;
	margin-bottom: 20px;
}
.description b{font-weight: normal;}

@-webkit-keyframes rotate {
	0%, 30%, 100% {-webkit-transform: rotate(0deg); }
	60% {-webkit-transform: rotate(7deg)}
	
}

@-moz-keyframes rotate {
	0%, 30%,  100% { -moz-transform: rotate(0deg); }
	60% {-moz-transform: rotate(-7deg); }
	
}

@-o-keyframes rotate {
	0%, 30%,  100% { -o-transform: rotate(0deg); }
	60% { -o-transform: rotate(-7deg); }
	
}
@keyframes rotate {
	0%, 30%,100% {transform: rotate(0deg); }
	60% {transform: rotate(-7deg);}
	
}


@-webkit-keyframes pulse {
    0% { -webkit-transform: scale(1); }
	50% { -webkit-transform: scale(1.1); }
    100% { -webkit-transform: scale(1); }
}
@-moz-keyframes pulse {
    0% { -moz-transform: scale(1); }
	50% { -moz-transform: scale(1.1); }
    100% { -moz-transform: scale(1); }
}
@-o-keyframes pulse {
    0% { -o-transform: scale(1); }
	50% { -o-transform: scale(1.1); }
    100% { -o-transform: scale(1); }
}
@keyframes pulse {
    0% { transform: scale(1); }
	50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}

@media only screen and (min-width: 1120px) and (max-width: 1200px) {
	 #roguenews.homediv {
        background-size: 1150px 227px;
     }  
     	#roguenews .rightcol {
		left: auto;
		right: 0;
	}
	#roguenews .leftnews {
		margin-left: 10px;
	}
	#roguenews .leftcol .nation_link {
		left: 10px;
	}
	#roguenews .leftcol .citizen_link {
		left: 170px;
	}
	#roguestore .storedeco{
	    background-size: 515px 258px;
	}
	#roguestore .positionme {
		width: 750px;
		position: absolute;
		top: 220px;
		right: 0;
		text-align: right;
	}
	#roguespirits .spiritssection_image {
		height: 720px;
		background-position: 0 0;
		background-size: 500px 514px;
	}
	#roguespirits .spiritdeco {
		display: block;
		background: url("../images/home/spirits_bottlehorizontal.png") no-repeat;
		width: 490px;
		height: 135px;
		position: absolute;
		bottom: 40px;
		left: 24%;
	}
	#roguebeer .beerdeco {

	}

}


@media only screen and (min-width: 768px) and (max-width: 1120px) {
     #roguenews.homediv {
        background-size: 1000px 197px;
     }  
     #roguenews .arrow {
		top: 10px;
		right: 28px;
	 }
	 #roguenews .leftcol {
		position: relative;
		width: 400px;
		top: 0px;
		left: 1%;
		height: 420px;
	}
	#roguenews .leftnews {
		margin-left: 10px;
	}
	#roguenews .leftcol .nation_link {
		left: 10px;
	}
	#roguenews .leftcol .citizen_link {
		left: 170px;
	}
	#roguenews .rightcol {
		left: auto;
		right: 0;
	}
	#roguespirits .spiritssection_image { 
		height: 720px;
		background-position: 0 0;
		background-size: 329px 338px;
	}
	#roguespirits .positionme {
		left: 38%;
		top: 61px;
		width: 249px;
	}
	
	#roguespirits .spiritdeco {
		display: block;
		background: url("../images/home/spirits_bottlehorizontal.png") no-repeat;
		width: 490px;
		height: 135px;
		position: absolute;
		bottom: 180px;
		left: 18%;
		background-size: 353px 97px;
	}
	#roguespirits div.boldtitle{
	    font-size: 25px;
	}
	#roguespirits .hpcaption {
		font-size: 18px;
		width: 247px;
	}	
	

	#roguestore .storedeco{
	    background-size: 400px 201px;
	}
	#roguestore .positionme {
		width: 750px;
		position: absolute;
		top: 190px;
		right: 0;
		text-align: right;
	}
	#roguefarm{
		background-size: 1100px 520px;
	}
	#roguebeer .positionme {
		text-align: right;
		position: relative;
		left: 1%;
		top: 230px;
		width: 350px;
		z-index: 0;
	}
	#roguebeer .beerdeco {
		margin-top: 100px;
	}
	#roguebeer .hpcaption {
		width: 256px; height: 100px;
		float: right;
		z-index: 20;
		margin-right: 43px;
	}
    #roguefarm .positionme {
		width: 540px;
		margin: 0 auto;
		position: absolute;
		top: 475px;
		text-align: right;
		left: 15%;
	}
	#roguefarm .arrow {
		left: 500px;
		top: 4px;
	}
	#roguehalls .positionme {
		position: absolute;
		margin: 0 auto;
		left: 1%;
		top: 493px;
		width: 660px;
		z-index: 1;
	}


}

@media only screen and (min-width: 310px) and (max-width: 768px) {

	 #roguenews .leftcol {
		position: relative;
		width: 400px;
		top: 0px;
		left: 1%;
		height: 420px;
	}
		#roguenews .rightcol {
		left: auto;
		right: 0;
	}
	#roguestore .storedeco{
	    background-size: 400px 201px;
	}
	#roguestore .positionme {
		width: 750px;
		position: absolute;
		top: 190px;
		right: 0;
		text-align: right;
	}
	#roguefarm{
		background-size: 1100px 520px;
	}
	#roguebeer .positionme {
		text-align: right;
		position: relative;
		left: 1%;
		top: 230px;
		width: 350px;
		z-index: 0;
	}
	#roguebeer .beerdeco {
		margin-top: 100px;
	}
	#roguebeer .hpcaption {
		width: 256px; height: 100px;
		float: right;
		z-index: 20;
		margin-right: 43px;
	}
    #roguefarm .positionme {
		width: 540px;
		margin: 0 auto;
		position: absolute;
		top: 475px;
		text-align: right;
		left: 15%;
	}
	#roguefarm .arrow {
		left: 500px;
		top: 4px;
	}
	#roguehalls .positionme {
		position: absolute;
		margin: 0 auto;
		left: 1%;
		top: 493px;
		width: 660px;
		z-index: 1;
	}
	#roguespirits  .blogbg .blogimg { width: 220px;height: 146px;}
	#roguespirits .blogbg .blogimg {
		top: 60px;
	}
	#roguespirits .blogbg {width: 268px;}
	#roguespirits .spiritssection_image { 
		height: 720px;
		background-position: 0 0;
		background-size: 275px 282px;
	}
	#roguespirits .positionme {
		left: 33%;
		top: 61px;
		width: 249px;
	}
	#roguespirits div.boldtitle{
	    font-size: 25px;
	}
	#roguespirits .hpcaption {
		font-size: 18px;
		width: 247px;
	}	
	#roguespirits .spiritdeco {
		display: block;
		background: url("../images/home/spirits_bottlehorizontal.png") no-repeat;
		width: 490px;
		height: 135px;
		position: absolute;
		bottom: 220px;
		left: 18%;
		background-size: 353px 97px;
	}
}

