﻿ /* ---------------------------------------------------- */  
 /* GLOBAL 
 /* ---------------------------------------------------- */  
/* ---------------------------------------------------- */  
 /* SLIDESHOW 
 /* ---------------------------------------------------- */  
 #slideshow {  
 width:660px; 
  margin:0px 0px 20px 0px;
 }  
   
#slideshow ul {  
 margin: 0;  
 padding: 0;  
list-style-type: none;  
height: 1%; /* IE fix */}  
   
 #slideshow ul:after {  
 content: ".";  
clear: both;  
display: block;  
 height: 0;  
 visibility: hidden;}              
   
 /* ---------------------------------------------------- */  
/* SLIDESHOW > SLIDES 
# /* ---------------------------------------------------- */  
#slideshow .slides {  
 overflow: hidden;  
 width:660px;}  
   
#slideshow .slides ul {  
 /* total width of all slides - 
# 960px multiplied by 3 in this case */  
 width:2640px;}  
  
#slideshow .slides li {  
 /*width: 920px;padding: 20px;*/  
 float: left;
 height:275px;  
 width:660px;
 }  
 
#slideshow .slides li p
 {
    margin:0px 300px 10px 40px;
 }
 

.slide
{
    padding: 0px 0px 0px 0px;
    margin: 0px;
    border: solid 1px #B5B5B5;
    height: 275px;
    width: 660px;
    background-color:#fff;
}

.securitySlide
{
    
    height:275px;
    width:440px;
    background-image: url('../Images/ist2_2329278-computer-servers.jpg');
    background-repeat: no-repeat;
    background-position: right top;
    float:left; 
}

.text
{
    float:right;
    width:180px;
    height:225px;
    padding: 30px 20px 20px 20px;
    background-color:#8F1210;
    background-image: url('../Images/red_back.jpg');
    background-repeat:repeat-x;
    background-position: left top;
    color:#fff;
}

.text h5
{
    font-family: Verdana;
    color: #fff;
    font-size: 18px;
    font-weight: normal;
    line-height: 150%;
}

.text a
{
    font-weight:bold;
    font-size:12px;
}

.supportSlide
{
    height:275px;
    width:440px;
    color: #ffffff;
    background-image: url('../Images/support.jpg');
    background-repeat: no-repeat;
    background-position: right top;
    float:left;
    
}

.solutionSlide
{
    height:275px;
    width:440px;
    color: #ffffff;
    background-image: url('../Images/solutions.jpg');
    background-repeat: no-repeat;
    background-position: right top;
    float:left;
    
}

.managerSlide
{
    height:275px;
    width:440px;
    color: #ffffff;
    background-image: url('../Images/remote_manager.jpg');
    background-repeat: no-repeat;
    background-position: right top;
    float:left;
    
}

 
#slideshow .slides h2 {  
 margin-top: 0;}  
   
/* ---------------------------------------------------- */  
/* SLIDESHOW > NAVIGATION 
 /* ---------------------------------------------------- */  
#slideshow .slides-nav
{
    background-color: #6B6868;
    padding:10px;
}  
  
#slideshow .slides-nav li {  
float: left;}  

/*.js #slideshow .slides-nav li.on
.js #slideshow .slides-nav li.on a {
background-color: #eee;}*/

#slideshow .slides-nav li a
{
    border:solid 1px #ffffff;
    margin:0px 10px 0px 0px;
    display: block;
}

.js #slideshow .slides-nav li.on .security  {

    border:solid 1px #EE1C23;
    margin:0px 10px 0px 0px;
}

.js #slideshow .slides-nav li.on .support  {

    border:solid 1px #EE1C23;
    margin:0px 10px 0px 0px;

}


.js #slideshow .slides-nav li.on .solution  {

    border:solid 1px #EE1C23;
    margin:0px 10px 0px 0px;
}

.js #slideshow .slides-nav li.on .manager  {

    border:solid 1px #EE1C23;
    margin:0px 10px 0px 0px;
}







