* {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	text-align: center;
	background: #fff url(../img/body_bg.gif) repeat-x;
	color: #666;
	font: 65.5% 'Lucida Grande', 'Trebuchet MS', verdana, arial, sans-serif
}

a:link, a:visited { color: #eee; text-decoration: none }
a:hover { text-decoration: underline }
h2{ font-size:11px; color:#666; margin-bottom:10px}
.clear { clear:both}
.Mastheadcenter{ text-align:center; margin:18px auto}
#Masthead { height: 80px; background: transparent url(http://tme-art.com/img/logo.gif) center center no-repeat; color:#666; font-weight:lighter;}
#Masthead a{ padding: 40px 140px 10px 40px; margin:80px 0 0 -130px; text-decoration:none; position: relative; top:30px;}
	
#OuterContainer {
	padding: 0;
	margin: 0 auto;
	background: transparent
}

#Container {
	position: relative;
	height: 200px;
	width: 200px;
	margin: 0 auto;
	background-color: #dedede;
	border: 5px solid #ccc;
	font-size: 0px;
}

#Photo {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
}

#Loading {
	height: 25%;
	width: 100%;
	position: absolute;
	top: 40%;
	left: 0%;
	text-align: center;
	z-index: 0;
	line-height: 0px;
}

#LinkContainer {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	/* filter:alpha(opacity:80); /* Specify opacity for IE */
}

#PrevLink, #NextLink {
	cursor: pointer;
	width: 48%;
	height: 100%;
	background: transparent url(../img/c.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
}

#PrevLink span, #NextLink span { display: none; }

#PrevLink { left: 0; float: left; }
#NextLink { right: 0; float: right; }

/* background image for IE */
#PrevLink:hover, #PrevLink:visited:hover { background: url(../img/prev_minus.gif) 20% 50% no-repeat; }
#NextLink:hover, #NextLink:visited:hover { background: url(../img/next_plus.gif) 80% 50% no-repeat; }

/* backgroudn image for compliant browsers */
#LinkContainer>#PrevLink:hover, #LinkContainer>#PrevLink:visited:hover { background: url(../img/prev_chevron.png) 20% 50% no-repeat; }
#LinkContainer>#NextLink:hover, #LinkContainer>#NextLink:visited:hover { background: url(../img/next_chevron.png) 80% 50% no-repeat; }

#CaptionContainer {
	margin: 0 auto;
	width: 200px;
	text-align: left;
	background-color: #ccc;
	}

#CaptionContainer p {
	padding: 5px 10px 10px 10px;
	font-size: 11px;
	color:#333
}

#Counter {
	color: #333;
	padding-right: 5px;
}
/*----------------------Tumbnailrow --------*/
#ThumbnailRow img{ border: 3px solid #ccc; margin: 30px 15px}
#ThumbnailRow ul{ width: 100%}
#ThumbnailRow ul li { display: inline}
/*--------------------- NAV ----------------*/
#bigActive a{ color:#FF6600}
#AboutToggle{ background: url(../img/menu.gif) no-repeat 0 0; float:left; height:27px; width:127px; position: relative; color:#eee; padding-top: 6px}
#About #active a{
	width:100px;
	color:#FF6600;
	background:#555;
	list-style: none;
	color:#FF6600;
	padding:1px 3px 1px 0px
}
#About #gallri ul, #About #exhib ul, #About #commis ul, #About #links ul{ border-right:1px solid #999; width:199px; margin:0 0 8px 19px; height:123px}/* Height for right border*/

#About li{ margin-left:20px;padding:1px 7px 1px 1px; list-style:none}
#About #gallri{  top:139px; position:absolute}
#About #Collectet{ margin-left: 185px; top:140px; position:absolute}
#About #exhib{ margin-left: 185px; top:99px; position:absolute}
#About #commis{ margin-left: 369px; top:99px; position:absolute}
#About #links { margin-left: 569px; top:99px; position:absolute}

#About p {
	margin: 0 20px;
	padding: 5px 0;
	font-size: 12px;
	font-weight: bold;
	color:#eee
}
#About h2{ color:#eee; font-size:16px; margin:0 20px 0 39px}
#About h2 a:link { font-weight:bold}
#About {
	width: 100%;
	text-align: left;
	background: #666;
	border-bottom: 3px solid #999
}

#AboutBody {margin-top: 0px; padding-top:20px}
#AboutBody p {
	font-weight: normal;
	font-size: 11px;
	line-height: 1.4em;
	margin: 0 20px 10px 39px;
	padding: 8px 0;
	border-top: 1px solid #999
}
#cv { border: 1px solid #999; padding:8px}
#cv h1{ font-size: 15px}
#mainNavWrapper { text-align:center; position:relative; top: 45px; margin:43px 0; text-align:center; background:url(../img/diagonal.gif); height:45px}
#mainNavWrapper ul{ border-right:0;  width:100%; margin:0}
#mainNavWrapper li{ display:inline; position: relative; top:10px; font-size:16px}

#About a:link, a:visited { color: #eee; text-decoration: none; font-weight:lighter}
#About a:hover, a:visited:hover { text-decoration: underline; }
#AboutBody .noBorder{ border-top:0px}
.withe{ color:#eee; font-weight:bold; margin-top:5px; font-size:11px}
/*------------------------ Text Content ---------------------*/
#textWrapper { margin: 0 auto; width: 400px}
#textContent { text-align:left}
#textContent a { color:#369; font-weight:bold}
#textContent ul li { list-style:none}
.center{ text-align:center}
/*----------------------- Form ------------------------------*/
form { width: 375px; border: 3px solid #ccc; text-align:center; margin-top: 13px}
textarea, .formBdr{ width: 320px; border: 1px solid #666; padding: 3px}
.formp{ color: #eee; margin: 8px 0 0 0; background:url(../img/form_flang.gif) 50% 0 no-repeat; position:relative;}
.butt { background:#666; color:#eee; margin-bottom: 3px; border: 1px solid #ccc}
/*----------------------- Footer ---------------------------*/
#footer {
	position: relative;
	text-align: center;
	vertical-align: bottom;
	padding: 140px;
	font-size:9px; color:#333
}
#footer a { color:#66c}
/*-------------------- Tool tips --------------------------*/
a.info{ position:relative; text-decoration: none; color:#eee}

a.info:hover{ text-decoration: none; color:#eee}

a.info span{display: none}

a.info:hover span{
	z-index: 1000;
    display:block;
    position:absolute;
    top:3em; left:5em; width:150px;
    text-align: left;
	color:#fff;
	text-decoration:none;
	padding: 5px;
	font: 11px "Trebuchet MS",georgia,verdana,helvetica,arial,sans-serif;
	background:#000;
	border:3px solid #999;
	opacity:0.7}
	/* FRONT */
a.front{ position:relative; text-decoration: none; color:#eee}

a.info.front{ text-decoration: none;color:#eee}

a.front span{display: none}

a.front:hover span{
	z-index: 1000;
    display:block;
    position:absolute;
    top:-186px; left:15px; width:150px;
    text-align: left;
	color:#fff;
	text-decoration:none;
	padding: 5px;
	font: 11px "Trebuchet MS",georgia,verdana,helvetica,arial,sans-serif;
	background:#000;
	border:3px solid #999;
	opacity:0.7}
	
	/* HOME */
a.navHome{ position:relative; text-decoration: none; color:#eee}

a.navHome:hover{ text-decoration: none;color:#eee}

a.navHome span{display: none}

a.navHome:hover span{
	z-index: 1000;
    display:block;
    position:absolute;
    top:4px; left:0em; width:5em;
    text-align: center;
	color:#fff;
	text-decoration:none;
	padding: 5px;
	font: 13px "Trebuchet MS",georgia,verdana,helvetica,arial,sans-serif;
	background:#000;
	border:1px solid #666;
	opacity:0.7}