.grid-container {
	position: relative;
}

.grid-container-665 {
	width: 665px;
}

.grid-container-300 {
	width: 300px;
}

.grid-item {
	position: relative;
}

.grid-item-top-15 {
	margin-top: 15px;
}

.grid-item-top-20 {
	margin-top: 35px;
}

.grid-item-top-25 {
	margin-top: 40px;
}

.grid-item-bottom-15 {
	margin-bottom: 15px;
}

.grid-item-bottom-20 {
	margin-bottom: 35px;
}

.grid-item-bottom-25 {
	margin-bottom: 40px;
}

.grid-item-top {
	background-repeat: no-repeat;
	position: absolute;
	width: 100%;
	left: 0;
}

.grid-item-bottom {
	background-repeat: no-repeat;
	position: absolute;
	width: 100%;
	left: 0;
}

.grid-item-black {
	background: #000;
	color: #FFF;
}

.grid-item-top-right 
{
	height: 25px;
	top: -25px;
	background-position: bottom right;
}

.grid-item-top-left
{
	height: 20px;
	top: -20px;
	background-position: bottom left;
}

.grid-item-bottom-right {
	background-position: left top;
	height: 20px;
	bottom: -20px;
}

.grid-item-bottom-left {
	background-position: left top;
	height: 25px;
	bottom: -25px;
}

.grid-item-blank 
{
	margin: 26px 0 -15px;
}
.grid-item-blank .topNoContent
{
    margin-top:-26px;
}
.grid-item-blank .bottomNoContent
{
    margin-top:-26px;
}
.grid-item-topAdvert
{
    margin: 26px 0 -15px;
}
.grid-item-topAdvert .noContent
{
    margin-top:-26px;
}
.grid-item-bottomAdvert
{
    margin: -15px 0 -15px;
    background-color:blue;
}
.grid-item-bottomAdvert .noContent
{
    
}

.grid-item-black .grid-item-top-left {
	background-image: url(../img/grid/black-top-left-670.png);
}

.grid-item-black .grid-item-top-right {
	background-image: url(../img/grid/black-top-right-670.png);
}

.grid-item-black .grid-item-bottom-right {
	background-image: url(../img/grid/black-bottom-right-670.png);
}

.grid-item-black .grid-item-bottom-left {
	background-image: url(../img/grid/black-bottom-left-670.png);
}

.grid-item-white {
	background: #FFF;
}

.grid-item-white .grid-item-top-left {
	background-image: url(../img/grid/white-top-left-670.png);
}

.grid-item-white .grid-item-bottom-right {
	background-image: url(../img/grid/white-bottom-left-670.png);
}

.grid-item-steel {
	background: #818179 url(../img/grid/steel-background.png) repeat-y left top;
	color: #fefefe;
}

.grid-item-dark a,
.grid-item-steel a {
	color: #FFF;
}

.grid-item-steel .grid-item-top-left {
	background-image: url(../img/grid/steel-top-left-670.png);
}

.grid-item-steel .grid-item-top-right {
	background-image: url(../img/grid/steel-top-right-670.png);
}

.grid-item-steel .grid-item-bottom-left {
	background-image: url(../img/grid/steel-bottom-left-670.png);
}

.grid-item-steel .grid-item-bottom-right {
	background-image: url(../img/grid/steel-bottom-right-670.png);
}

.grid-item-dark .grid-item-top-left {
	background-image: url(../img/grid/dark-top-left-670.png);
}

.grid-item-dark {
	background: url(../img/grid/dark-background.png) repeat-y left top;
	color: #fefefe;
}

.grid-item .dotted 
{
	position: relative;
	z-index: 10;
	background: url(../img/grid/steel-h-dots-shadowed.png) repeat-x center bottom;
}

.grid-item .no-dots
{
	position: relative;
	z-index: 10;
	background-image: none;
}

.grid-item-teal .grid-item-top-left, .grid-item-top-left-teal {
	background-image: url(../img/grid/teal-top-left-670.png) !important;
}

.grid-item-green .grid-item-top-left, .grid-item-top-left-green {
	background-image: url(../img/grid/green-top-left-670.png) !important;
}

.grid-item-teal .grid-item-top-right, .grid-item-top-right-teal {
	background-image: url(../img/grid/teal-top-right-670.png) !important;
}

.grid-item-orange .grid-item-top-right, .grid-item-top-right-orange {
	background-image: url(../img/grid/orange-top-right-670.png) !important;
}

.grid-header 
{
	line-height: 38px;
	background-position: left top;
	background-repeat: repeat-x;
	padding: 0 15px 5px 15px;
	position: relative;
	z-index: 1;
	font-size: 18px;
	font-weight: bold;
}
 

.grid-content .grid-header 
{
	padding: 0;
}

.grid-header .more {
	position: absolute;
	right: 15px;
	top: 0;
	padding: 0 22px 0 0;
	line-height: 41px;
	height: 38px;
	color: #FFF;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	background: url(../img/ui/white-circled-arrow.png) no-repeat right center;
}

.grid-header-teal {
	background-image: url(../img/grid/teal-background.png);
	background-color: #166063;
	text-shadow: 1px 1px #143e41;
}

.grid-header-green {
	background-image: url(../img/grid/green-background.png);
	background-color: #989a00;
	text-shadow: 1px 1px #505100;
}

.grid-header-teal a.more:hover {
	text-shadow: 1px 1px #000;
	color: #83dadf;
}

.grid-header-orange {
	background-image: url(../img/grid/orange-background.png);
	background-color: #f87f00;
	text-shadow: 1px 1px #7d4400;
}

.grid-header-orange a.more:hover {
	text-shadow: 1px 1px #000;
	color: #f8d9b8;
}

.grid-content {
	padding: 15px 0;
	margin: 0 15px;
	position: relative;
}

.grid-content>:first-child {
	margin-top: 0;
}

.grid-content>:last-child {
	margin-bottom: 0;
}

.grid-container-300 .grid-item-top-25 
{
	margin-top: 26px;
}

.grid-container-300 .grid-item-bottom-25 
{
	margin-bottom: 26px;
}

.grid-container-300 .grid-item-top-20 
{
	margin-top: 26px;
}

.grid-container-300 .grid-item-bottom-20 
{
	margin-bottom: 26px;
}

.grid-container-300 .grid-item-top-right
{
	height: 11px;
	top: -11px;
}

.grid-container-300 .grid-item-bottom-right
{
	height: 11px;
	bottom: -11px;
}

.grid-container-300 .grid-item-top-right-steel
{
	background-position: left top;
}