@charset "utf-8";
/* CSS Document */

* {
	border: 0px;
	margin: 0px;
	padding: 0px;
	}

html {
	width: auto;
	height: auto;
	}

body {	
	/*background:#FFFFFF;
	font-size:10px;
	font-family:Verdana, Helvetica, sans-serif;
	color:#666666;*/
	border: 0px dashed pink;
	width: auto;
	height: auto;
	text-align:left;
	}
	
.wrapper {
    /*margin:0px auto;
    padding-top:0px;
    padding-left:0px;
    padding-right:0px;
    padding-bottom:0px;
    width:650px;
    border: 0px solid #000;
    text-align:left;*/
	border: 0px dashed blue;
	width: auto;
	height: auto;
}
/*.show_title a {
    font-size:12px;
    text-decoration:none;
    color:#999;
}*/
.image_info a {
    border: 0px dashed pink;
	text-decoration:none;
    color:#000000;
}
img {
	/*border-width: 0;*/
	border: 0px solid blue;
}
.image {
    position: relative; /*used to reposition images*/
	margin-top: 18px; /*used to reposition images*/
	border: 0px dashed green;
	width: 100% auto;
	height: 100% auto;
	font-size:10px;
	font-family:Verdana, Helvetica, sans-serif;
	color:#666666;
}
.image img {
    border: 0px solid #000000;
	/*
	padding:6px;
    display:block;
    background-color: #ffffff;
    margin-top: 10px;
	max-height: 1000px;
	overflow:visible;*/
	/*border: 7px solid grey; THIS SECTION OF CODE MADE THE IMAGES APPEAR SMALL IN IE.  There seemed to be an issue with applying Styles directly to the image.  ".image" was all i needed to touch.
	width: 100% auto;
	height: 100% auto;*/
}
.thumbnail_row {
    /*margin-top: 1px;*/
	border: 0px solid yellow;
	width: 450px;
}
.thumbnail_row img {
    /*border:0px solid #aaa;
    margin-top:10px;*/
	border: 0px dashed orange;
	height: 30px;
	width: 30px;
}
.thumbnail_center {
    /*padding:1px;*/
    border: 1px solid #fff; !important;
	height: 30px;
	width: 30px;
}
.small, .small a {
    /*margin-top: 20px;
    text-decoration:none;
    color:#777;*/
}
/*.navigation, .navigation a {
	text-decoration: none;
    color:#fff;
    margin-top:9px;
    font-weight:bold;
}*/