BODY  {
text-align : center;
color : #666666;
margin : 0;
padding : 0;
font : 0.8em Tahoma, Arial, Helvetica, sans-serif;
letter-spacing : 0.02em;
background-color : #C6C1BA;
}

div.squares
{
height:232px;
width:260px;
float:left;
margin-right:12px;
margin-left:12px;
border-left:#b5ccdc 1px solid;
border-top:#b5ccdc 1px solid;
overflow:visible;
}

div.textsquares
{
height:47px;
width:260px;
clear:both;
float:left;
}

p.squareswhite
{
text-align:left;
color:#547a98;
margin-left:12px;
font-family: "Times New Roman", Times, serif;
font-size:11px;
margin-bottom:0px;
padding-top:0px;
}

p.squaresdescwhite
{
text-align:left;
margin-left:10px;
font-family: "Times New Roman", Times, serif;
font-size:15px;
margin-top:0px;
color:#547a98;
}



div.squareshome
{
height:260px;
width:890px;
float:left;
margin-right:0px;
margin-left:0px;
border-left:#b5ccdc 0px solid;
border-top:#b5ccdc 0px solid;
overflow:visible;
}

div.squaresnobord
{
height:260px;
width:890px;
float:left;
margin-right:0px;
margin-left:0px;
overflow:visible;

}

div.imageareahome {
width : 890px;
margin-right : 5px;
padding-left : 0;
padding-top :8px;
height:267px;
background-image : url('images/winterbottom.gif');
background-repeat : no-repeat;
background-position : top center;

}


div.imagearea {
width : 890px;
height : 38px;
text-align : center;
margin : 0 auto;
margin-top:0px;
background-image : url('images/wintermidbanner.gif');
background-repeat : no-repeat;
background-position : top center;

}



div.backteska {
width : 890px;
height : 130px;
text-align : center;
margin : 0;
background-image : url('images/wintertop3.gif');
background-repeat : no-repeat;
background-position : top center;

}

/* slideshow on homepage */

#s3slider {
   width: 890px; /* important to be same as image width */
   height: 260px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
    
}

#s3sliderContent {
   width: 900px; /* important to be same as image width or wider */
   position: absolute; /* important */
   bottom: 0; /* important */
   margin-left: 0px; /* important */
   margin-right: 0px; /* important */
    overflow: hidden; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
       
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/10px Verdana, Arial, Helvetica, sans-serifArial, Helvetica, sans-serif;
   text-align:left;
   padding: 4px 4px;
   width: 891px;
   background-color: #fff;
   filter: alpha(opacity=90); /* here you can set the opacity of box with text */
   -moz-opacity: 0.9; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.9; /* here you can set the opacity of box with text */
   opacity: 0.9; /* here you can set the opacity of box with text */
   color: #0E4D85;
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
} 

#bottombox {
float : left;
width : 210px;
border : 0px solid #547a98;
background : #EAE9EA;
}

#headingbox {
float : left;
width : 210px;
padding : 0px 0px;
border : 0px solid #547a98;
text-align : left;
background : #0E4D85;
}

#bottomboxsort {
float : left;
border : 0px solid #547a98;
background : #b5ccdc;
width:100%;
}

#headingboxsort {
float : left;
width:100%;
margin-top:20px;
padding : 5px 0px;
border : 0px solid #547a98;
text-align : left;
background : #547a98;
}