/* CSS Document */
@import url("rocketsv2.css");
@import url("gallery.css");

/*title*/
#TitlePat {
	width: 460px;
	height: 70px;
	background:url(page_titles/patTitle.png) no-repeat;
	text-indent: -9999px;
	float:left;
}


	/* Adding the thumbnail images */
#content_gallery a.gallery, #content_gallery a.gallery:visited {
    display:block; 
    color:#000; 
    text-decoration:none; 
    border:2px solid #ffffff; 
    margin:1px 2px 1px 2px; 
    text-align:left; 
    cursor:default;
	/*	background-color:#f65100;*/
    }
	
	
	
	#content_gallery a.slide2a {
    background:url(pat/pat_21_t.jpg) no-repeat;
	/*	background-color:#f65100;*/
    height:70px; 
    width:70px;
    }
#content_gallery a.slide2b {
    background:url(pat/pat_22_t.jpg) no-repeat; 
	/*	background-color:#f65100;*/
    height:70px; 
    width:70px;
    }
#content_gallery a.slide2c {
    background:url(pat/pat_23_t.jpg) no-repeat; 
	/*	background-color:#f65100;*/
    height:70px; 
    width:70px;
    }
	
	
	
#content_gallery a.slidea {
    background:url(pat/pat_01_t.jpg) no-repeat;
	/*	background-color:#f65100;*/
    height:70px; 
    width:70px;
    }
#content_gallery a.slideb {
    background:url(pat/pat_02_t.jpg) no-repeat; 
	/*	background-color:#f65100;*/
    height:70px; 
    width:70px;
    }
#content_gallery a.slidec {
    background:url(pat/pat_03_t.jpg) no-repeat; 
	/*	background-color:#f65100;*/
    height:70px; 
    width:70px;
    }
#content_gallery a.slided {
    background:url(pat/pat_04_t.jpg) no-repeat; 
	/*	background-color:#f65100;*/
    height:70px; 
    width:70px;
    }
* html #content_gallery a.slided {
    width:70px; 
    w\idth:70px;
    }
#content_gallery a.slidee {
    background:url(pat/pat_05_t.jpg) no-repeat; 
	/*	background-color:#f65100;*/
    height:70px; 
    width:70px;
    }
#content_gallery a.slidef {
    background:url(pat/pat_06_t.jpg) no-repeat; 
		/*	background-color:#f65100;*/
    height:70px; 
    width:70px;
    }
* html #content_gallery a.slidef {
    width:70px; 
    w\idth:70px;
    }
#content_gallery a.slideg {
    background:url(pat/pat_07_t.jpg) no-repeat; 
		/*	background-color:#f65100;*/
    height:70px; 
    width:70px;
    }
#content_gallery a.slideh {
    background:url(pat/pat_08_t.jpg) no-repeat; 
		/*	background-color:#f65100;*/
    height:70px; 
    width:70px;
    }
#content_gallery a.slidei {
    background:url(pat/pat_09_t.jpg) no-repeat; 
		/*	background-color:#f65100;*/
    height:70px; 
    width:70px;
    }
#content_gallery a.slidej {
    background:url(pat/pat_10_t.jpg) no-repeat; 
		/*	background-color:#f65100;*/
    height:70px; 
    width:70px;
    }
#content_gallery a.slidek {
    background:url(pat/pat_11_t.jpg) no-repeat; 
	/*	background-color:#f65100;*/
    height:70px; 
    width:70px;
    }
* html #content_gallery a.slidek {
    width:70px; 
    w\idth:70px;
    }
#content_gallery a.slidel {
    background: url(images/artist_statement.png) no-repeat; 
	background-color:#ffffff;
    height:70px; 
    width:70px;
    }
	
	
	/* change the thumbnail border color */
#content_gallery a.gallery:hover {
    border:2px solid #e972b9; 
    }

	/*
	When no images are displayed I am left with an uninteresting blank area on the screen. This would look better if I had a default image with perhaps a gallery title displayed. I can do this by adding a background image to the #content_gallery div and, if this image is located in the same area as the span :hover, it will be hidden when I hover over a thumbnail images. */
	
	#content_gallery {
    background:#fff url(pat/pat_13.jpg) no-repeat;
    }