@charset "utf-8";

/* main site blocks */
#wrapper {margin: 15px auto 0; position:relative; width: 980px;}
#header {position:relative;} 
#column1 {
	float:left;
	position:relative;
}
#column2 {float:left; position:relative;}
#column3 {position:relative;}
#column4 { 
	float:right;
	position:relative;
}
#footer {
	background: #FFFFFF url(/assets/templates/default/site_images/footer.png) no-repeat center bottom;
	color:#999999;
	padding: 18px 9px 9px;
	margin-top: -1px;
	width: 962px;
	margin-right: auto;
	margin-left: auto;
}

/* Grid */
.grid {float: left;}
.grid-1 {width: 96px;} 
.grid-1M {width: 78px; margin: 9px;} /* 60 -18 */
.grid-2 {width: 192px;} 
.grid-2M {width: 174px; margin: 9px;} /* 192 -18 */
.grid-3 {width: 288px;} 
.grid-3M {width: 270px; margin: 9px;} /* 288 -18 */
.grid-4 {width: 384px;} 
.grid-4M {width: 366px; margin: 9px;} /* 384 -18 */
.grid-5 {width: 480px;} 
.grid-5M {width: 462px; margin: 9px;} /* 480 -18 */
.grid-6 {width: 576px;} 
.grid-6M {width: 558px; margin: 9px;} /* 576 -18 */
.grid-7 {width: 672px;} 
.grid-7M {width: 654px; margin: 9px;} /* 672 -18 */
.grid-8 {width: 768px;} 
.grid-8M {width: 750px; margin: 9px;} /* 768 -18 */
.grid-9 {width: 864px;} 
.grid-9M {width: 846px; margin: 9px;} /* 864 -18 */
.grid-10 {width: 960px;}
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-1M, .grid-2M, .grid-3M, .grid-4M, .grid-5M, .grid-6M, .grid-7M, .grid-8M, .grid-9M {float:left;} 


/*apply class to any layout blocks to seperate them verically */
.paddingAll {padding: 9px;}
.paddingRL {margin: 0px 9px 0px 9px; }
.floatLeft {float:left; }
.floatRight {float:right;}
.marginAll {margin: 9px; }
.marginL {margin-left: 9px; }
.marginB {margin-bottom: 0px; }
.marginTB {margin: 9px 0px; }
.marginTRB {margin: 9px 9px 9px 0; }
.marginTBL {margin: 9px 0px 9px 9px; }
.marginTRL {margin: 9px 9px 0px 9px; }
.marginRL {margin: 0px 9px; }
.ninemarginbtm {margin-bottom: 9px; !important;}
.column .block {margin-bottom: 18px;}
.marginImg {margin: 3px 9px 3px 0;}
img {display:block;} /*if you dont float images, just apply margins, they dont fit for some reason in any browser */

/* Classes and HR used for clearing */
.clearBoth {clear: both; height: 1%;}
.clearLeft {clear: both; height: 1%;}
.clearRight {clear: both; height: 1%;}
hr {display:block; height:1px; margin:1px 0px; clear: both; background: #eee; color: #eee; border-style: none;  }
hr.hr2 {display:block; height:1px; margin:-6px 0px 6px; background: #eee; color: #eee; border-style: none;  }