/* CSS Document 
Created by Norton Design Pty Ltd
*/

/*
Client: IAIN DAWSON GALLERY
*/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #333333;
	background-color: #efefef;
	margin: 0px ;
	padding: 0px ;
}
h1, h2, h3, h4 {
	font-family: Georgia, "Times New Roman", Times, serif;color: #666666;
}
.ex_comment 
{font-family: Georgia, "Times New Roman", Times, serif;color: #666666; font-size:10px; }

#ex_comment  
{font-family: Georgia, "Times New Roman", Times, serif;color: #666666; font-size:10px; }

h1 {font-size: 28px; line-height: 30px; margin-top: 0px;}
#imagetable {margin-bottom:20px;}
.holdingbox {
	border: 1px solid #999999;
	background-image: url(../images/common/logo.gif);
	background-repeat: no-repeat;
	background-position: left bottom; 
}
.outer {
	border: 1px solid #999999;
}
#leftpanel2 {padding:0px 0 20px 20px;}
#ex-list {
	font-weight: normal;
	list-style-type: none; margin-left:0px;padding-left:0px; font-size:10px;
}
#ex-list a:link, a:visited {color: #666666; text-decoration: none; font-weight:normal;}
#ex-list a:hover, a:active {color: #333333; text-decoration: none; font-weight:normal;}

.indent {font-size:12px; 	font-family: "century gothic", Arial, Helvetica, sans-serif;}
.indent a:link, a:visited {color: #666666; text-decoration: none;}
.indent a:hover, a:active {color: #333333; text-decoration: none;}

#leftpanel {padding: 20px 0 20px 20px;}

#address {font-family: Georgia, "Times New Roman", Times, serif; font-size:12px; padding:0px 20px 20px 0;}
#address a:link, a:visited {color: #767877; text-decoration: none;}
#address a:hover, a:active {color: #767877; text-decoration: underline;}

#footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 955px;
	margin-right: auto;
	margin-left: auto;
	text-align: right;
	padding-top: 5px;
	padding-right:40px;
}
#footer a:link, a:visited {color: #767877; text-decoration: none;}
#footer a:hover, a:active {color: #333; text-decoration: underline;}

/* NAV */


body#home a#homenav,
body#about a#aboutnav,
body#artists a#artistsnav,
body#exhibitions a#exhibitionsnav,
body#stockroom a#stockroomnav,
body#subscribe a#subscribenav,
body#contact a#contactnav 
{color: #767877;
border-bottom: solid 1px #767877;
}

#nav {
	font-size: 10px; text-align: right; width: 955px; margin-right: auto; margin-left: auto; height: 25px; margin-top: 5px;	font-family: "century gothic", Arial, Helvetica, sans-serif;

}

#nav a:link {color: #333333; text-decoration:none; }
#nav a:visited{color: #333333; text-decoration:none; }
#nav a:hover{color: #767877;text-decoration:none; }
#nav a:active {color: #767877;text-decoration:none; }

#nav ul {list-style: none; margin: 0; padding: 0; }
#nav li {margin: 0 25px 0 0; display: inline;}





#gallery {width:950px; height:550px; padding:20px 0px 0px;  position:relative; }
#gallery b.default {position:absolute; left:20px; top:200px; width:650px; height:450px; text-align:center;}
#gallery b.default img {display:block; margin:20px auto 0px auto; border:1px solid #999;}
#gallery b.default span {display:block;   width:450px; margin:0 auto;}

#gallery ul {list-style:none; padding:0; margin:0; width:170px; position:relative; float:right;}
#gallery ul li {display:inline; width:72px; height:72px; float:left; margin:0 0 5px 5px;}
#gallery ul li a {display:block; width:70px; height:70px; text-decoration:none; border:1px solid #999; border-color:#999;}
#gallery ul li a span {display:none;}
#gallery ul li a img {display:block; width:70px; height:70px; border:0;}
#gallery ul li a:hover {white-space:normal; border-color:#555 #ddd #eee #333; background:#777;}
#gallery ul li a:hover b {position:absolute; left:-660px; top:0; width:650px; height:452px; text-align:center; background:#fff; z-index:20;}
#gallery ul li a:hover span {display:block; width:450px; margin:0 auto;}
#gallery ul li a:hover img {margin:0 auto 10px auto; width:auto; height:auto; border:1px solid #999; border-color:#999;}

#gallery ul li a:active, #gallery ul li a:focus {white-space:normal; border-color:#999; background:#777;}
#gallery ul li a:active b, #gallery ul li a:focus b {position:absolute; left:-660px; top:0; width:650px; height:450px; text-align:center; background:#888; z-index:10;}
#gallery ul li a:active span, #gallery ul li a:focus span {display:block; width:450px; margin:0 auto;}
#gallery ul li a:active img, #gallery ul li a:focus img{margin:0 auto 10px auto; width:auto; height:auto; border:1px solid #999; border-color:#999;}

.bodytext {width: 510px; padding-top: 15px; margin-left: 20px;  margin-right: 35px; margin-bottom: 40px;margin-top: 20px;font-family: "century gothic", Arial, Helvetica, sans-serif;}
.bodytext a:link {color: #333333; text-decoration: none; font-weight:bold;}
.bodytext a:visited {color: #333333; text-decoration: none; font-weight:bold;}
.bodytext a:hover, .bodytext a:active {color: #333333; text-decoration: underline;font-weight:bold;}

.bodytext h1 {font-size: 18px; margin:0px; }
.bodytext h2 {font-size: 14px; margin-bottom:0px;}

.newstext {width: 670px; padding-top: 15px; margin-left: 20px;  margin-right: 35px; margin-bottom: 40px;margin-top: 20px;font-family: "century gothic", Arial, Helvetica, sans-serif;}
.newstext a:link {color: #333333; text-decoration: none; font-weight:bold;}
.newstext a:visited {color: #333333; text-decoration: none; font-weight:bold;}
.newstext a:hover, .newstext a:active {color: #333333; text-decoration: underline;font-weight:bold;}
.newstext h2 {font-size: 14px; margin:0px;}


.imagebox {padding: 30px 30px 30px 0px;  font:10px/14px Arial, Helvetica, sans-serif;}
.imagebox a:link, .imagebox a:visited {color: #666; text-decoration: none; }
.imagebox a:hover, .imagebox a:active {color: #000; text-decoration: underline;}

.imagebox2 {padding: 20px 30px 30px 0px;  font:10px/14px Arial, Helvetica, sans-serif;}
.imagebox2 a:link, .imagebox2 a:visited {color: #666; text-decoration: none; }
.imagebox2 a:hover, .imagebox2 a:active {color: #000; text-decoration: underline;}

#leftimage {
	padding: 30px;
	font-family: "century gothic", Arial, Helvetica, sans-serif;
}
#leftpanel h1 {font-size: 18px; margin:0px; }
#leftpanel h2 {font-size: 12px; margin:0px; }
#leftpanel {font-family: "century gothic", Arial, Helvetica, sans-serif;}
#leftpanel a:link{color: #333333; text-decoration: none; font-weight:bold;}
#leftpanel a:visited {color: #333333; text-decoration: none; font-weight:bold;}
#leftpanel a:hover{color: #333333; text-decoration: underline;font-weight:bold;}
#leftpanel a:active {color: #333333; text-decoration: underline;font-weight:bold;}

#inner {
	padding-right: 20px;
}
.standard {
	width: 250px;
}
input, textarea, select {border: solid 1px #666; padding: 1px;font: Arial, Helvetica, sans-serif; font-size:10px;}

.message {
	font-weight: bold;
	color: #333333;
}
.required {
	font-weight: bold;
	color: #990000;
}

.submit {border: solid 1px #666; padding: 1px; font: Arial, Helvetica, sans-serif; font-size:10px;}
.workstatus {
	color: #990000;
}
.homeimage {
	margin: 20px;
}
#enlargement_links a:link {
	color:#000000;
	text-decoration:none;
	padding: 2px 8px 2px 8px;
	border: 1px solid #333;
	font-weight: normal;
}
#enlargement_links a:visited {color:#666; text-decoration:none; background-color:#FFFFFF; padding: 2px 8px 2px 8px; border: 1px solid #333; font-weight: normal;}
#enlargement_links a:hover, #enlargement_links a:active {color:#fff; text-decoration:none; background-color:#666; padding: 2px 8px 2px 8px; border: 1px solid #333; font-weight: normal;}
.worktitle {
	font-style: italic;
	font-weight: bold;
}
.sm {
	font-size: 10px; 
}
.smArial {
	font-size: 10px;  font-family:Arial, Helvetica, sans-serif; line-height:14px;
}
#smArial2 {
	font-size: 10px;  font-family:Arial, Helvetica, sans-serif; line-height:14px; color:#999; margin: 0px 20px 0px 20px;
}
#pdf  {
	background-image: url(../images/pdf-icon.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 25px;
	height: 20px;
}