/* CSS Document */
body { margin:0; color:#686868; }


/* slideup */
#slideup-content {padding:0;font-size:11px;	margin:auto; width:932px;}

.slideup {height:148px; width:218px; float:left;	 position:relative; z-index:99; }

.slide-content{	position:absolute;left: 0px; top:0px; }
.slide-content h2{width:198px; text-transform:uppercase; font-family:'Raleway', sans-serif; font-size:14px; margin:0px; padding:11px 0 8px 20px; font-weight:normal; line-height:18px}

.slide-content h2.giant{background:url(../images/giant-bg.gif) no-repeat 0 13px #fff; color:#293352; font-family:'Raleway', sans-serif; font-weight:600;}
.slide-content h2.neutral{background:url(../images/neutral-bg.gif) no-repeat 0 13px #fff; color:#308d90; font-family:'Raleway', sans-serif; font-weight:600;}
.slide-content h2.bright{background:url(../images/bright-bg.gif) no-repeat 0 13px #fff; color:#a26f12; font-family:'Raleway', sans-serif; font-weight:600;}
.slide-content h2.laser{background:url(../images/laser-bg.gif) no-repeat 0 13px #fff; color:#a2122c; font-family:'Raleway', sans-serif; font-weight:600;}



.slide-content a:link{ color:#FFF; text-decoration:none;}
.slide-content a:hover{ color:#FFF; text-decoration:underline;}
.slide-content a:visited{ color:#FFF; text-decoration:none; }

#slideup-1,#slideup-2,#slideup-3 { margin-right:20px;  }
#slideup-4 { margin-right:0px;}

#slideup-1-content{ border-top:4px solid #215968!important;}
#slideup-2-content{ border-top:4px solid #25955a !important;}
#slideup-3-content{ border-top:4px solid #a26f12 !important;}
#slideup-4-content{ border-top:4px solid #a2122c !important;}   

#slideup-1-content, #slideup-2-content,#slideup-3-content, #slideup-4-content
{position:absolute; width:218px; height:148px;	left: -1px;	bottom:-1px; margin: 0 0 -3px 0; overflow:hidden; text-align:justify;}

.slideup-slideup-1 { border-color:#3E3E3C !important;}
.slideup-slideup-2 { border-color:#3E3E3C !important;}
.slideup-slideup-3 { border-color:#3E3E3C !important;}
.slideup-slideup-4 { border-color:#3E3E3C !important;}


.slideup-1:hover #slideup-1-content{ 
	height:290px;
	position:absolute;
	left: -1px;
	bottom: -1px;
	visibility: visible;
	display:block;	
	z-index:6;
	vertical-align:top;
	
}

.slideup-2:hover #slideup-2-content{
	height:290px;
	position:absolute;
	left: -1px;
	bottom: -1px;
	visibility: visible;
	display:block;
	z-index:6;
	vertical-align:top;
}

.slideup-3:hover #slideup-3-content{
	height:290px;
	position:absolute;
	left: -1px;
	bottom: -1px;
	visibility: visible;
	display:block;
	z-index:6;
	vertical-align:top;
}

.slideup-4:hover #slideup-4-content{
	height:290px;
	position:absolute;
	left: -1px;
	bottom: -1px;
	visibility: visible;
	display:block;
	z-index:6;
	vertical-align:top;
}

.content-wrapper{ margin-top:135px; padding:8px 0;}