/* RESET + FONTS + BASE */
body { 
font: 12px/1.22 arial,helvetica,clean,sans-serif;
*font-size: small;
*font: x-small;
text-align: center;
color: #333;
background: #333333;
margin:0 0 1em;
}
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	margin:.5em 0 0;
}
h1 
{
font-size: 184.62%;
/* 24px (24/13) */
}
h2 
{ 
font-size: 161.54%;
/* 21px (21/13) */
}
h3 
{
font-size:138.46%;
/* 18px (18/13) */
}
h4 
{
font-size:123.08%;
/* 16px (16/13) */
}
h5
{
font-size:107.69%;
/* 14px (14/13) */
}
h6 
{
font-size:100%;
/* 13px */
}
ul,ol,li 
{
padding:0;margin:0;
}
ul,ol,dl,blockquote 
{
margin:1em;
}ul,ol,dl 
{
margin-left:2em;
}
dl dd
 {
 margin-left:1em;
 }
 

 
 /* BODY */
 
 #bd {background:url() repeat-y;margin-bottom:2m;zoom:1;}
 #bd:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
 .column {padding:2px; float:left;}#main {width:450px;padding-bottom:2em;overflow:hidden;}
 

 
 
 
 
 



/* GRIDS */ul.grid {padding:0;margin:0;list-style:none;clear:left;}ul.grid li {padding:0;margin:0;float:left;overflow:hidden;}


/* MAIN GRIDS */

#main ul.grid {

margin-bottom:4px;

}

#main ul.grid li 

{
margin:0 4px 4px 0;
}
#main ul.grid li.last 

{
margin-right:0;
}

#main ul.grid .half 
{

width:450px;}#main ul.grid .quarter {width:220px;}#main ul.grid .third {width:220px;}


/* HOMEPAGE PROMOS */

.promo.xl,.promo.lg {*height:350px;min-height:350px;margin-bottom:1em;}
.promo .half {*height:310px;min-height:310px;}
.promo .quarter {*height:150px;min-height:150px;}
.promo a {color:#fff;display:block;position:relative;cursor:pointer;cursor:hand;}
.promo a:hover {text-decoration:none;}.promo img {background:#ccc;display:block;}
.promo.xl a,.promo.xl img {width:980px;height:350px;}.promo.lg a,
.promo.lg img {width:650px;height:350px;}
.promo.lg a {background:#000;padding-bottom:1em;margin:0 -20px -11px 0;top:-11px;left:-10px;}
.promo .half a,.promo .half img {width:310px;height:310px;}
.promo .quarter a,.promo .quarter img {width:220px;height:150px;}

.promo-txt {
	width:100%;
	color:#999999;
	background:url(promobox/overlaybox1.png) top right;
*background:none;*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='promobox/overlaybox1.png', sizingMethod='crop');	padding-top:10px;
	display:block;
	overflow:hidden;
	position:absolute;
	left:0;
	bottom:0;
}

.promo a:hover .promo-txt {background-position:top left;}






.promo.xl .promo-txt {width:310px;height:320px;padding-top:20px;top:0px;left:10px;}
.promo.lg .promo-txt {width:240px;height:320px;padding-top:20px;top:0px;left:10px;}
.promo.md .promo-txt {height:50px;}.promo.sm .promo-txt {height:20px;}

.promo .blurb {
	font-weight:normal;
	text-transform:uppercase;
	color:#FF9900;
	padding:3px 5px 0;
	display:block;
}
.promo.lg .blurb {font-size:107.69%;}.promo.md .blurb,.promo.sm .blurb {font-size:92.31%;}
.promo .title {padding:0 5px 3px;display:block;}
.promo.xl .title {font-size:276.92%;font-weight:bold;line-height:1;padding:0 0 10px;border-bottom:1px solid #000;margin:0 10px;}
.promo.lg .title {font-size:246.15%;font-weight:bold;line-height:1;padding:0 0 10px;border-bottom:1px solid #000;margin:0 10px;}
.promo.md .title {font-size:169.23%;}
.promo.sm .title {font-size:123.08%;}
.promo .description {font-size:84.62%;padding:0 5px;display:block;}
.promo.xl .description {font-size:123.08%;padding:10px 0;border-top:1px solid #333;margin:0 10px;}
.promo.lg .description {font-size:123.08%;padding:10px 0;border-top:1px solid #333;margin:0 10px;}
.promo.md .description {font-size:92.31%;padding:2px 5px 4px;}
.promo .call-to-action {font-weight:normal;text-transform:uppercase;color:#FF9900;padding:0 5px 4px;display:block;}
.promo.xl .call-to-action,.promo.lg .call-to-action {font-size:123.08%;padding:0 10px 10px;}
.promo.md .call-to-action,.promo.sm .call-to-action {font-size:92.31%;}