/* CSS Document */

#graphics_display {
    position:absolute; 
	background:#0000;
    width:700px; 
    height:300px; 
    margin:0;
	top:10px;
	z-index:40;
    }
/* Removing the list bullets and indentation */
#graphics_display ul {
    padding:0; 
    margin:20px 0 0 0; 
    float:right; 
	display:inline;
	width:112px; 
    height:300px;
    list-style-type:none; 
    }
#graphics_display li {
    float:left;
    }
/* Remove the images and text from sight */
#graphics_display a.graphics_display span.portfolio {
    position:absolute; 
    width:1px; 
    height:1px; 
    top:0px; 
    left:0px; 
    overflow:hidden; 
    background:#000000;
    }
/* Adding the thumbnail images */
#graphics_display a.graphics_display, #graphics_display a.graphics_display:visited {
    display:block; 
    color:#000;
	padding:1px 2px 1px 2px; 
    text-decoration:none; 
    border:1px solid #000000; 
    text-align:center; 
    cursor:default;
    }
#graphics_display a.thumbs{height:50px;width:50px;}

#graphics_display a.bthumb1 {background:url(images/thumbs/branding_sso.jpg);background-position:center;background-repeat:no-repeat;}
#graphics_display a.bthumb2 {background:url(images/thumbs/branding_ganges_yoga_studio.jpg);background-position:center;background-repeat:no-repeat;}
#graphics_display a.bthumb3 {background:url(images/thumbs/branding_hildes.jpg);background-position:center;background-repeat:no-repeat;}
#graphics_display a.bthumb4 {background:url(images/thumbs/branding_seabrook_medicinals.jpg);background-position:center;background-repeat:no-repeat;}
#graphics_display a.bthumb5 {background:url(images/thumbs/branding_ssi_florist.jpg);background-position:center;background-repeat:no-repeat;}
#graphics_display a.bthumb6 {background:url(images/thumbs/branding_flyingdreams.jpg);background-position:center;background-repeat:no-repeat;}
#graphics_display a.bthumb7 {background:url(images/thumbs/branding_dave_keller.jpg);background-position:center;background-repeat:no-repeat;}
#graphics_display a.bthumb8 {background:url(images/thumbs/branding_fiddleworks.jpg);background-position:center;background-repeat:no-repeat;}

#graphics_display a.pthumb1 {background:url(images/thumbs/print_bachman.jpg);background-position:center;background-repeat:no-repeat;}
#graphics_display a.pthumb2 {background:url(images/thumbs/print_canada_pure.jpg);background-position:center;background-repeat:no-repeat;}
#graphics_display a.pthumb3 {background:url(images/thumbs/print_crayola.jpg);background-position:center;background-repeat:no-repeat;}
#graphics_display a.pthumb4 {background:url(images/thumbs/print_guess_who.jpg);background-position:center;background-repeat:no-repeat;}
#graphics_display a.pthumb5 {background:url(images/thumbs/print_jaime_rt.jpg);background-position:center;background-repeat:no-repeat;}
#graphics_display a.pthumb6 {background:url(images/thumbs/print_lotus_healing.jpg);background-position:center;background-repeat:no-repeat;}
#graphics_display a.pthumb7 {background:url(images/thumbs/print_lisa_maxx.jpg);background-position:center;background-repeat:no-repeat;}
#graphics_display a.pthumb8 {background:url(images/thumbs/print_lysol.jpg);background-position:center;background-repeat:no-repeat;}

#graphics_display a.wthumb1 {background:url(images/thumbs/web_ipa.jpg);background-position:center;background-repeat:no-repeat;}
#graphics_display a.wthumb2 {background:url(images/thumbs/web_jmd.jpg);background-position:center;background-repeat:no-repeat;}
#graphics_display a.wthumb3 {background:url(images/thumbs/web_chandler.jpg);background-position:center;background-repeat:no-repeat;}
#graphics_display a.wthumb4 {background:url(images/thumbs/web_phoebe.jpg);background-position:center;background-repeat:no-repeat;}
#graphics_display a.wthumb5 {background:url(images/thumbs/web_randys_vinyl_tap.jpg);background-position:center;background-repeat:no-repeat;}
#graphics_display a.wthumb6 {background:url(images/thumbs/web_ccf.jpg);background-position:center;background-repeat:no-repeat;}
#graphics_display a.wthumb7 {background:url(images/thumbs/web_child_honouring.jpg);background-position:center;background-repeat:no-repeat;}
#graphics_display a.wthumb8 {background:url(images/thumbs/web_hotels.jpg);background-position:center;background-repeat:no-repeat;}

#graphics_display a.graphics_display:hover {
    border:1px solid #00ff00; 
    }
#graphics_display a.graphics_display:hover span.portfolio {
    position:absolute; 
    width:550px; 
    height:330px; 
    top:0px; 
    left:0px; 
    color:#ffffff; 
    background:#000000;
	margin:0;
    }
	
#graphics_display a.graphics_display:hover img {
    border:0px solid #000000;
	padding:0;
	margin:0;
	background-color:#00FFCC;
    }