/* LAYOUT */
*{
	margin:0; padding:0;
}

body { 
	font-family: Century Gothic, Arial, Helvetica, sans serif;
	background: #404b5e url("../img/body_bg5.gif") repeat-x;
}

#container {
	width: 850px; height: 585px; 
	position: relative; 
	margin: auto;
	background: transparent;
}

#columnleft {
	width: 250px;
	height: 415px;
	float: left;
	background: #fff;
	padding: 30px;
	display: inline;
}

#content {
	width: 480px;
	height: 415px;
	float: left;
	display: inline;
	background: transparent;
	padding: 30px;
}

#logotop {
	width: 850px; height: 80px;
	background: url("../img/ec_logotop6.gif") no-repeat;
}

p {
	font-size: 10px;
	line-height: 2;
	letter-spacing: .25px;
	color: #4e5b72;
}

p a, p a:visited {
	color: #4e5b72;
	text-decoration: none;
}

p a:hover {
	text-decoration: none;
	color: #9caabf;
}


h1 {
	font-size: 12pt; 
	font-weight:bold; 
	color:#4e5b72; 
	text-transform:uppercase; 
	letter-spacing: 2px; 
}

h2 { 
	font-size: 10pt; 
	font-weight:bold; 
	color:#4e5b72; 
	letter-spacing: .25px; 
}


/* HOME PAGE */

#logo {
	width: 460px; height: 130px; 
	background: url("../img/ec_logo4.gif") no-repeat; 
	margin-top: 135px; 
	float: right;
}

#rotator {
	width: 390px; height: 130px; 
	margin-top: 135px; 
	float: right;
}

#address {
	width: 390px; height: 275px;
	font-size: 8pt; 
	text-transform:uppercase; color: #fff;
	padding-top: 15px; 
	float:right; 
	letter-spacing: .25em;
	line-height:2.5;
}

/* ARTWORK PAGE - IMAGE HOVER */

.thumbnail:hover {
	background-color: transparent; text-decoration:none;
}

.thumbnail img {
	border:none;
}

.thumbnail span { /* CSS for enlarged image */
	position: absolute;
	background-color: #ccc;
	left: -1000px;
	visibility: hidden;
	text-decoration: none;
}

.thumbnail:hover span { /* CSS for enlarged image */
	visibility: visible;
	top: 110px;
	left: 280px; /* position where enlarged image should offset horizontally */
	z-index: 50;
}

/* ARTWORK PAGE - ARTIST NAME LIST */

#artist { /* ARTIST NAME LIST CONTAINER */
	width:220px; 
	height: 415px;
	background: #fff;
}

#artist p, #artist dl {
	font-size: 11px;
}

#artist dl a, #artist dl a:visited {
	text-decoration:none; 
	color: #9caabf;
}

#artist dl a:hover {
	color: #4e5b72;
}

#artist dt {
	padding-bottom: .75em;
}

/* INDIVIDUAL ARTIST GALLERY*/

#name {
	width: 280px; height: 50px;
	background: transparent;
	float: left;
	padding: 30px 0 0 30px;
}
	
.ecgallery {
	position:relative;
}

.gallery_demo { /* GALLERY THUMB CONTAINER */
	width: 120px; 
	height: 395px;
	float:left; 
	display: inline;
	background: transparent;
	margin-left: 30px;
}

.gallery_demo li { /* THUMB BACKGROUND COLOR */
	width:60px;
	height:60px;
	border:3px double #111;
	margin: 0 2px 2px 0;
	background: #fff;
}

.gallery_demo li.hover {
	border-color:#bbb;
}

.gallery_demo li.active {
	border-style:solid;
	border-color:#222;
}

.galleria_container { /* ARTWORK IMAGE CONTAINER */
	height:445px;width:540px; 
	padding-top: 30px;
	float: right; 
	display: inline;
	text-align: center; 
	background: transparent; 
}

.caption { /* TEXT STYLE FOR ARTWORK DESCRIPTION */
	font-size: 10px;
	color: #4e5b72; 
}


/* NAVIGATION */

#navcontainer {
	width:480px; height:30px; 
	background: transparent; 
	float: left;
	padding-left: 20px;
}

#navlist li {
	display: inline;
	list-style-type: none;
	padding: 0 10px;
	border-right: 1px solid #9CAABF;
}

#navlist_last li {
	display: inline;
	list-style-type: none;
	padding: 0 10px;
	border-right: none;
}

#navlist li , #navlist a, #navlist a:visited {
	font-size: 10px; 
	text-transform:uppercase; 
	color: #fff; 
	text-decoration: none;
}

#navlist a:hover {
	color:#9CAABF; 
}

/*COPYRIGHT*/

#copyright {
	width: 350px; height: 30px; 
	background: transparent;
	float: left;
	display: inline;
	text-align: right;
	line-height: 30px;
}

#copyright li, #copyright li a, copyright li a:visited {
	color: #9CAABF; 
	font-size: 8px; 
	text-transform: uppercase; 
	letter-spacing:1.5px; 
	text-decoration:none;
	display: inline;
	list-style-type: none;
}

#copyright li a:hover {
	color: #fff; 
	text-decoration: none;
}