* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background-image:url(../images/BACKGROUNDPORTFOLIO.jpg);
background-repeat:no-repeat;
background-attachment:scroll;
background-position:center top;
background-color:#333;


}
#wrapper { 
 margin: 0 auto;
 width: 922px;

}
#header {
 color: #90C;
 width: 900px;
 float: left;
 font-size:16px;
 padding: 10px;
 text-align:right;
 height: 15px;
 margin: 10px 0px 120px 0px;
  padding-top:95px;

}



#leftcolumn { 
 color: #000;
 margin: 0px 5px 5px 0px;
 padding: 10px;
 height: 305px;
 width: 110px;
 float: left;
}
#rightcolumn { 
 float: right;
 color: #0F0;
 margin: 0px 0px 5px 0px;
 height: 305px;
 width: 784px;
 display: inline;
 text-align:center;
 vertical-align:bottom;
}
/* The containing box for the gallery. */
#container {
    position:relative;
    width:770px;
    height:305px;
    margin:10px auto 0 auto;

    }
	/* Removing the list bullets and indentation */
#container ul {
    padding:0;
    margin:0;
    list-style-type:none;
    }
	/* Remove the images and text from sight */
#container a.gallery span {
    position: absolute;
    width:1px;
    height:1px;
    top:5px;
    left:5px;
    overflow:hidden;
    background:#fff;
    }
	
/* Adding the thumbnail images */
#container a.gallery, #container a.gallery:visited {
    display:block;
    color:#000;
    text-decoration:none;
    border:1px solid #000;
    margin:1px 2px 1px 2px;
    text-align:left;
    cursor:default;
    }
#container a.slidea {
    background:url(../images/web/thumbnails/web_1.jpg);
    height:70px;
    width:70px;
    }
#container a.slideb {
    background:url(../images/web/thumbnails/web_2.jpg);
    height:70px;
    width:70px;
    }
#container a.slidec {
	 background:url(../images/web/thumbnails/web_4.jpg);
    height:70px;
    width:70px;
    }
#container a.slided {
    background:url(../images/web/thumbnails/web_5.jpg);
    height:70px;
    width:70px;
    }
* html #container a.slided {
    width:70px;
    w\idth:70px;
    }
#container a.slidee {
    background:url(../images/purple.jpg);
    height:70px;
    width:70px;
    }
#container a.slidef {
    background:url(../images/purple.jpg);
    height:70px;
    width:70px;
    }
* html #container a.slidef {
    width:70px;
    w\idth:70px;
    }
#container a.slideg {
    background:url(../images/purple.jpg);
    height:70px;
    width:70px;
    }
#container a.slideh {
    background:url(../images/purple.jpg);
    height:70px;
    width:70px;
    }
#container a.slidei {
    background:url(../images/purple.jpg);
    height:70px;
    width:70px;
    }
#container a.slidej {
    background:url(../images/purple.jpg);
    height:70px;
    width:70px;
    }
#container a.slidek {
    background:url(../images/purple.jpg);
    height:70px;
    width:70px;
    }
* html #container a.slidek {
    width:70px;
    width:70px;
    }
#container a.slidel {
    background:url(../images/purple.jpg);
    height:70px;
    width:70px;
    }
/* set the size of the unordered list to neatly house the thumbnails */
#container ul {
    width:230px;
    height:305px;
    }
#container li {
    float:left;
    }
	
	/* move the thumbnails into the correct position */
#container ul {
    margin:5px;
    float:right;
    }
	
	/* change the thumbnail border color */
#container a.gallery:hover {
    border:1px solid #000;
    }
	
	/* styling the :hover span */
#container a.gallery:hover span {
    position:absolute;
    width:505px;
    height:272px;
    top:15px;
    left:5px;
    color:#000;
    background:#000;
    }
	
	#container a.gallery:hover img {
    border:1px solid #000;
    float:left;
    margin-right:5px;
    }
	#container {
    background:#000  url(../images/web/web_1.jpg) 5px 15px no-repeat;
    }
	
#bottom_menu { 
 width: 900px;
 font-size:12px;
 clear: both;
 color: #666;
 text-indent:150px;
 height:25px;
 margin: 0px 0px 0px 0px;
 padding:0px;
 text-align: left;
 
}	
#footer { 
 width: 900px;
 font-size:12px;
 clear: both;
 color: #666;
 text-indent:150px;
 height:10px;
 margin: 0px 0px 0px 0px;
 padding:0px;
 text-align: left;
 
}