div#banner{ background-image: url("../images/logo-bottom_03.gif"); background-repeat:no-repeat; width:798px; clear:both; margin:0;}
#logo{
	width:798px;
	background-repeat: no-repeat;
	background-image: url(../images/solar-craft_01.gif);
	height: 54px;
}
#logo img{
	float:right;
}
div#logo p{
	text-align:right;
	margin:0;
	font-size:10px;
	color: rgb(11,56,93);
	padding: 10px 12px 0 0;
}
.blue a{
	color:rgb(7,54,118);
	text-decoration:none;
	margin-top: 10px;
}

.contentslide{
width: 798px;
height: 192px;
margin: 0;
padding: 0;
border-right: 1px solid rgb(11,56,93);
}

.contentslide .opacitylayer{ /*Do not edit this rule unless you're familiar with CSS opacity behavior*/
width: 100%;
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;

}

.contentslide .contentdiv{
display: none;

}


.pagination{
	width:560px;
	margin:0 238px;
	padding:0;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	height:19px;
	
	}
	
*html .pagination{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/
width: 600px; /*IE5 width*/
w\idth: 600px; /*IE6 width*/


}


.pagination a{
padding:4px 0;
width:140px;
display:block;
float:left;
text-align:center;
text-decoration: none; 
color: #333;
background-image: url("../images/tabs/offbg.gif");
background-repeat:no-repeat;
margin:0 0 -4px 0 ;
font-family: "Trebuchet MS", Helvetica, sans-serif;
font-weight:normal;
font-size: 11px;
}

.pagination a.selected{
color: #fff;
background-image: url("../images/tabs/onbg.gif");
background-repeat:no-repeat;}


.pagination a:hover{ 
color: rgb(149,149,149);
background-image: url("../images/tabs/overbg.gif");
background-repeat:none;
}


/*hide from ie mac*/
   /* \*/
        .statictabs {
           display:none;
            }
        /* */