body  {
background: #F4F4F4;
margin: 0;
}

#container { 
position:relative;
width: 780px;
 height:700px;
margin:0    auto 0 auto;
background: #FFFFFF;
 background:#fff url(../images/swiss/back.jpg) 400px 150px  no-repeat; 
}

#container ul{
padding:0;
margin:0;
list-style-type:none;
    width:264px; 
    height:400px;
}

#container li {
    float:right;
    }


/* Remove the images and text from sight */

#container a.gallery span {
position:absolute;
width:1px;
height:1px;
top:5px;
left:5px;
overflow:hidden;
background:#ffffff;
}

/* Adding the thumbnail images */

#container a.gallery, #container a.gallery:visited {
    display:block; 
    color:#000; 
    text-decoration:none; 
    border:1px solid #000; 
    margin:20px 2px -15px 2px; 
    text-align:left; 
    cursor:default;
  
}

#container a.slidea {
    background:url(../images/swiss/pic3_tn.jpg); 
    height:60px; 
    width:80px;
    }

#container a.slideb {
    background:url(../images/swiss/pic2_tn.jpg); 
    height:60px; 
    width:80px;
    }


#container a.slidec {
    background:url(../images/swiss/pic1_tn.jpg); 
    height:60px; 
    width:80px;
    }


#container a.slided {
    background:url(../images/swiss/pic6_tn.jpg); 
    height:60px; 
    width:80px;
    }


#container a.slidee {
    background:url(../images/swiss/pic5_tn.jpg); 
    height:60px; 
    width:80px;
    }


#container a.slidef {
    background:url(../images/swiss/pic4_tn.jpg); 
    height:60px; 
    width:80px;
    }


#container a.slideg {
    background:url(../images/swiss/pic9_tn.jpg); 
    height:60px; 
    width:80px;
    }

#container a.slideh {
    background:url(../images/swiss/pic8_tn.jpg); 
    height:60px; 
    width:80px;
    }


#container a.slidei {
    background:url(../images/swiss/pic7_tn.jpg); 
    height:60px; 
    width:80px;
    }

#container a.slidej {
    background:url(../images/swiss/pic12_tn.jpg); 
    height:60px; 
    width:80px;
    }

#container a.slidek {
    background:url(../images/swiss/pic11_tn.jpg); 
    height:60px; 
    width:80px;
    }


#container a.slidel {
    background:url(../images/swiss/pic10_tn.jpg); 
    height:60px; 
    width:80px;
    }

#container a.slidem {
    background:url(../images/swiss/pic15_tn.jpg); 
    height:60px; 
    width:80px;
    }

#container a.sliden {
    background:url(../images/swiss/pic14_tn.jpg); 
    height:60px; 
    width:80px;
    }

#container a.slideo {
    background:url(../images/swiss/pic13_tn.jpg); 
    height:60px; 
    width:80px;
    }

#container a.slidep {
    background:url(../images/swiss/pic18_tn.jpg); 
    height:60px; 
    width:80px;
    }

#container a.slideq {
    background:url(../images/swiss/pic17_tn.jpg); 
    height:60px; 
    width:80px;
    }

#container a.slider {
    background:url(../images/swiss/pic16_tn.jpg); 
    height:60px; 
    width:80px;
    }

/* change the thumbnail border color */
#container a.gallery:hover {
    border:1px solid #fff; 
    }

/* styling the :hover span */
#container a.gallery:hover span {
    position:absolute; 
    width:372px; 
    height:372px; 
    top:150px; 
    left:400px; 
    color:#000; 
    background:#fff;
    }

#header { 
padding: 45px 0 20px 40px;
} 

#header a {
color: #121212;
text-decoration: none;
font-size: 30px; 
font-family: "Myriad Pro", "Arial Narrow";
}

#menu {
background-color: #3b7687; 
padding: 6px 0 6px 40px;
}

#menu a {
color: #c5d6db;
text-decoration: none; 
font-size: 14px; 
font-family: "Arial Narrow", "Myriad Pro";
}

#menu a:hover {
color: #ecf2f3;
}

#sidebar {
float: left;
width: 120px;
padding: 30px 0 0 40px;
margin: 0;
background-color: #E6E6E6;
}

#sidebar a:link{color:#3399CC}
#sidebar a:visited{color:#3399CC}
#sidebar a:active{color:#33CCCC}
#sidebar a:hover{color:#33CCCC}

h1 {
margin: 0px;
text-decoration: none;
color: #869843; 
font-size:24px; 
font-family: "Arial Narrow", "Myriad Pro"; 
font-weight: normal;
}

h2 {
text-decoration: none;
color: #3b7687;
font-size: 15px; 
margin: 20px 0 5px 0;
}

#main { 
margin: 0 0 0 180px;
padding: 35px 40px 30px 0;
text-decoration: none;
color: #444444;
font-family: "Georgia";
font-size: 13px; 
line-height: 18px;
text-align: justify;
} 

#main a {
color: #3b7687; 
text-decoration: none;
}

#main a:hover {
color: #444444;
}

#footer {
padding: 6px 40px 6px 40px;
background: #d6d6d6; 
font-family: "Lucida Sans Unicode";
color: #444444;
font-size: 11px;
text-align: right;
}

#footer a {
text-decoration: none; 
color: #262626;
}

#footer a:hover {
color: #666666;
}

.separator {
font-size:11px;
color:#FFFFFF;
}