/*general styles for Rob Hooper updated Sep 16 2009*/

/* reset browser defaults
------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; 
	padding: 0 ;
	border: 0;
	vertical-align: baseline;
}
h1, h2, h3, h4, h5, h6, pre, code {
	font-size: 1em;
}
ul, ol { 
	list-style-type: none;
}
a:link, a:visited {
	text-decoration: underline;
}
a:hover {
	text-decoration: underline;
}
a img, :link img, :visited img {
	border: none;
}

/* basic
------------------------------------------*/
body {
	color: #333333;
	text-align: center;
	font: 11px  Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #C7C7C7;
}
a:link, a:visited{
	color: #333333;
}
a:hover {
	color: #EC4106;
}
p {
	margin: 0 0 1em 0;
}
img{
	display: block;
}
.clear {
	clear: both;
	display: block;
	font-size: 1px;
	height: 1px;
	line-height: 1px;
}

/* layout
---------------------------------*/
#outer {
	line-height: 1.4em;
	margin: 0 auto;
	text-align: left;
	width: 800px;
	background-color: #FFFFFF;
overflow: auto; /*Jul11*/
}
#header{
	width: 670px;
	margin-left: 75px;
	padding-top: 75px;
	padding-bottom: 4px;
	border-bottom: 1px solid #8C8C8C;
	position: relative;
}
.content{
	width: 670px;
	margin-left: 75px;
	margin-top: 50px;
	padding-bottom: 20px;
	overflow: auto;  /*Jul11*/
}
.imgCol{
	width: 220px;
	float: left;
}
.contentCol{
	width: 405px;
	float: left;
	margin-left: 45px;
}
.landing{
	margin-left: 155px;
}
#footer{
	padding-top: 45px;
	width: 670px;
	margin-left: 75px;
}
/* header
---------------------------------*/
h1.logo{
	text-indent: -9999px;
	background: url(images/logo.gif) 0 0 no-repeat;
}
h1.logo a{
	background: url(images/logo.gif) 0 0 no-repeat;
	width: 220px;
	height: 22px;
	display: block;
	overflow: hidden;
}
ul.mainnav{
	padding-left: 45px;
	position: absolute;
	top: 75px;
	right: 0;
}
ul.mainnav li{
	height: 22px;
	overflow: hidden;	
	display: inline;
}
ul.mainnav li a{
	display: block;
	float: left;
	height: 22px;
	text-indent:-9999px;
	overflow: hidden;
}
ul.mainnav li.about{
	background: url(images/n_about.gif) 0 0 no-repeat;
	width: 76px;
}
ul.mainnav li.about a{
	background: url(images/n_about.gif) 0 0 no-repeat;
	width: 76px;
}
ul.mainnav li.galleries{
	background: url(images/n_galleries.gif) 0 0 no-repeat;
	width: 70px;
}
ul.mainnav li.galleries a{
	background: url(images/n_galleries.gif) 0 0 no-repeat;
	width: 70px;
}
ul.mainnav li.paintings{
	background: url(images/n_paintings.gif) 0 0 no-repeat;
	width: 83px;
}
ul.mainnav li.paintings a{
	background: url(images/n_paintings.gif) 0 0 no-repeat;
	width: 83px;
}
ul.mainnav li.exhibitions{
	background: url(images/n_exhibitions.gif) 0 0 no-repeat;
	width: 90px;
}
ul.mainnav li.exhibitions a{
	background: url(images/n_exhibitions.gif) 0 0 no-repeat;
	width: 90px;
}
ul.mainnav li.news{
	background: url(images/n_news.gif) 0 0 no-repeat;
	width: 86px;
}
ul.mainnav li.news a{
	background: url(images/n_news.gif) 0 0 no-repeat;
	width: 86px;
}
ul.mainnav li:hover{
	background-position: 0 -22px;
}
ul.mainnav li a:hover,
ul.mainnav li a.current{
	background-position: 0 -22px;
}

/* content
---------------------------------*/
.landing .caption{
	font-size: 12px;
	margin-top: 12px;
	width: 405px;
}
.caption .enter{
	margin-top: 12px;
	margin-bottom: 50px;
	text-align: center;
}
.enter a{
	color: #C63E0D;
	font-size: 18px;
	text-decoration: none;
}
.enter a:hover{
	text-decoration: underline;
}
.imgCol .caption{
	margin-top: 12px;
	padding-bottom: 25px;
}
.imgCol .caption em,
.contentCol .caption em{
	font-style: italic;
}
.contentCol h3{
	clear: left;
	padding-top: 1.4em;
	color: #EC4106;
	font-weight: normal;
	font-size: 13px;
}
.contentCol h4{
	font-weight: normal;
	color: #222222;
	font-size: 12px;
	margin-top: .6em;
}
.contentCol h2{
	color: #EC4106;
	font-size: 15px;
	font-weight: normal;
}
.contentCol p{
	margin-top: .75em;
}
.contentCol ul{
	margin-top: 1em;
	margin-bottom: 12px;
}
.contentCol ul li{
	background: url(images/bullet.gif) 0 .5em no-repeat;
	padding-left: 15px;
	padding-bottom: 4px;
}
.contentCol .textFlow{
	float: left;
	width: 200px;
	margin-right: 20px;
	margin-top: .75em;
}
.contentCol .textFlowRight{
	width: 185px;
	float: left;
}
.contentCol .newsLink{
	font-weight: normal; 
	display: block;
	padding-top: 3px;
}
/* thumbnails*/
.imgCol .thumbnails{
	margin-top: 30px;
}
 .thumbnails li{
	display: inline;
 }
.thumbnails li a{
	display: block;
	float: left;
	width: 40px;
	height: 40px;
	margin-right: 5px;
	margin-bottom: 5px;
	text-indent:-9999px;
	overflow: hidden;
}
.thumbnails li.img01 a{
	background: url(images/th_coronation.jpg) 0 0 no-repeat;
}
.thumbnails li.img02 a{
	background: url(images/th_sea_escape.jpg) 0 0 no-repeat;
}
.thumbnails li.img03 a{
	background: url(images/th_forest_floor.jpg) 0 0 no-repeat;
}
.thumbnails li.img04 a{
	background: url(images/th_hearts_revenge.jpg) 0 0 no-repeat;
}
.thumbnails li.img05 a{
	background: url(images/th_absolution.jpg) 0 0 no-repeat;
}
.thumbnails li.img06 a{
	background: url(images/th_looking_down.jpg) 0 0 no-repeat;
}
.thumbnails li.img07 a{
	background: url(images/th_mirror_pond.jpg) 0 0 no-repeat;
}
.thumbnails li.img08 a{
	background: url(images/th_cranberry_swing.jpg) 0 0 no-repeat;
}
.thumbnails li.img09 a{
	background: url(images/th_the_call.jpg) 0 0 no-repeat;
}
.thumbnails li.img10 a{
	background: url(images/th_the_loading.jpg) 0 0 no-repeat;
}
.thumbnails li.img11 a{
	background: url(images/th_the_walkway.jpg) 0 0 no-repeat;
}
.thumbnails li.img12 a{
	background: url(images/th_tangled_up.jpg) 0 0 no-repeat;
}
.thumbnails li.img13 a{
	background: url(images/th_blessed.jpg) 0 0 no-repeat;
}
.thumbnails li.img14 a{
	background: url(images/th_equinox.jpg) 0 0 no-repeat;
}
.thumbnails li.img15 a{
	background: url(images/th_on_the_threshold.jpg) 0 0 no-repeat;
}
.thumbnails li.img16 a{
	background: url(images/th_ascension.jpg) 0 0 no-repeat;
}
.thumbnails li.img17 a{
	background: url(images/th_the_resting_place.jpg) 0 0 no-repeat;
}
.thumbnails li.img18 a{
	background: url(images/th_hope_springs.jpg) 0 0 no-repeat;
}
.thumbnails li.img19 a{
	background: url(images/th_rivers_edge.jpg) 0 0 no-repeat;
}
.thumbnails li.img20 a{
	background: url(images/th_celtic_walls.jpg) 0 0 no-repeat;
}
.thumbnails li.img21 a{
	background: url(images/th_depth_perception.jpg) 0 0 no-repeat;
}
.thumbnails li.img22 a{
	background: url(images/th_looking_in.jpg) 0 0 no-repeat;
}
.thumbnails li.img23 a{
	background: url(images/th_glad_youre_back.jpg) 0 0 no-repeat;
}
.thumbnails li.img24 a{
	background: url(images/th_sense_of_her.jpg) 0 0 no-repeat;
}
.thumbnails li a:hover{
background-position: 0 -40px;
}

/*large paintings*/
.largePainting{
	margin-top: 15px;
	margin-bottom: 35px;
}

/* footer
---------------------------------*/
.contact{
	font-size: 11px;
	padding-bottom: 9px;
	border-bottom: 1px solid #7C7C7C;
	overflow: auto;
}
.contactDetails li{
	display: inline;
	margin-right: 15px;
}
ul.contactDetails{
	float: left;
	width: 340px;
}
.copyright{
	font-size: 10px;
	color: #777777;
	margin-top: 8px;
	padding-bottom: 35px;
	width: 300px;
	float: left;
}
.contact h5{
	font-weight: normal;
	text-size: 10px;
}
.socialBadges {
	display: inline;
	width: 268px;
	overflow: auto;
	float: right;
}
.socialBadges dt{
	float: left;
}
.socialBadges dd{
	display: inline;
	float: left;
	padding-left: 10px;
}