/* $Id: grid12-960.css,v 1.1.2.1 2009/12/02 00:47:46 sociotech Exp $ */

/* Layout - 12 column grid, 960px fixed width, 20px gutters
-------------------------------------------------------------- */

/* grid widths */
.grid12-1 {width: 80px;}
.grid12-2 {width: 160px;}
.grid12-3 {width: 240px;}
.grid12-4 {width: 320px;}
.grid12-5 {width: 400px;}
.grid12-6 {width: 480px;}
.grid12-7 {width: 560px;}
.grid12-8 {width: 640px;}
.grid12-9 {width: 720px;}
.grid12-10 {width: 800px;}
.grid12-11 {width: 880px;}
.grid12-12 {width: 960px;}

/* block indents */
.grid12-indent-1 {margin-left: 80px;}
.grid12-indent-2 {margin-left: 160px;}
.grid12-indent-3 {margin-left: 240px;}
.grid12-indent-4 {margin-left: 320px;}
.grid12-indent-5 {margin-left: 400px;}
.grid12-indent-6 {margin-left: 480px;}
.grid12-indent-7 {margin-left: 560px;}
.grid12-indent-8 {margin-left: 640px;}
.grid12-indent-9 {margin-left: 720px;}
.grid12-indent-10 {margin-left: 800px;}
.grid12-indent-11 {margin-left: 880px;}

/* gutters (2 x margin) */
.block .inner {
  margin-left: 10px;
  margin-right: 10px;
}

/* hack to fix node-top & node-bottom being off-grid */
#content-content .node .first .inner {
    margin-right: 20px;
}

body,
div.full-width {
  min-width: 960px;
}
.myButton {
	background-color: #008572;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	display: inline-block;
	cursor: pointer;
	color: #ffffff;
	font-family: Arial;
	font-size: 14px;
	text-decoration: none;
	text-shadow: 0px 1px 0px #4d3534;
	font-weight: bold;
	width: 95px;
	padding-top: 6px;
	padding-right: 24px;
	padding-bottom: 6px;
	padding-left: 24px;
	text-align: center;
	margin-right: 4px;
	margin-left: 4px;
	line-height: 18px;
	margin-top: 4px;
	margin-bottom: 4px;
	background-position: bottom;
}
.myButton:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #634b30), color-stop(1, #7d5d3b));
	background: -moz-linear-gradient(top, #634b30 5%, #7d5d3b 100%);
	background: -webkit-linear-gradient(top, #634b30 5%, #7d5d3b 100%);
	background: -o-linear-gradient(top, #634b30 5%, #7d5d3b 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#634b30', endColorstr='#7d5d3b',GradientType=0);
	background-color: #B01E24;
	background-position: bottom;
}
.myButton:active {
	position: relative;
	top: 1px;
	color: #FFF;
}
.myButton a {
	color: #FFF;
	text-decoration: none;
	}
#season1 {
	background-image: url(http://rrnew.com/promofiles/img/Four-seasons-40.png);
	background-repeat: no-repeat;
	height: 401px;
	width: 100%;
	margin-bottom: 35px;
}
#season2 {
	background-image: url(http://rrnew.com/promofiles/img/Four-seasons-50.png);
	background-repeat: no-repeat;
	height: 401px;
	width: 100%;
	margin-bottom: 35px;
}
#season3 {
	background-image: url(http://rrnew.com/promofiles/img/Four-seasons-60.png);
	background-repeat: no-repeat;
	height: 401px;
	width: 100%;
	margin-bottom: 35px;
}
#season4 {
	background-image: url(http://rrnew.com/promofiles/img/Four-seasons-70.png);
	background-repeat: no-repeat;
	height: 401px;
	width: 100%;
	margin-bottom: 35px;
}
.copyright {
	color: #666;
	font-size: 0.75em;
	line-height: 16px;
}
