/**** REMOVES DEFAULT BROWSER STYLES - CHANGE AND DIE !! ****/

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre,  p, blockquote, td, th
{
	margin:  0;
	padding : 0;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
}

/* Removes list-styles from lists  */
ol, ul
{ list-style : none; }

/* Normalizes font-style and font-weight to normal  */
address, caption, cite, code, dfn, em,  th, var
{font-style : normal; font-weight : normal; }



/* Removes  border from fieldset and img */
fieldset, img
{border : 0; }

/* Left-aligns text in caption and th */
caption, th
{ text-align : left; }

/* Removes  quotation marks from q  */
q:before, q:after
{ content : '' ; }

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

/* MAIN PAGE STYLES START HERE */

body {
	text-align : left;
	background-color: #FFFFFF;
	background-image: url(../graphics/header-bg2.jpg); /* POSSIBLE CHANGE GRAPHIC FOR COLOUR */
	background-repeat: repeat-x;
}

h1,h2,h3,h4,h5,h6, .numbertxt  {
font-weight: normal;
}

p{
	font-weight: normal;
	text-align: left;
	font-size: 13px;	
}


h1 {
	font-size: 27px;
	font-weight: normal;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h2 {
	font-size: 22px;
	font-weight: normal;
	color: #2B4197;
}

/* container */

#container {
	width:960px;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
	height: 1%;
}

/* header */

#header {
	width:960px;
	height: 69px; 
	text-align: center;
	margin-right: 10px;
	margin-left: 10px;
}

/* header roll-over
------------------------------------------------------------------*/

#logotype {
	float: left;
	height: 67px;
	padding-right: 15px;
	padding-top: 4px;
	padding-left: 1px;
}

ul#logotype li {
padding:0;
margin:0;
list-style-type:none;
float:left;
text-indent:-9999px;
}

ul#logotype li a {
	border:0;
	text-decoration:none;
	display:block;
	background-color: transparent;
	background-repeat: no-repeat;
	background-image: url(../graphics/logo-type.gif);
}


li#homel2 a {
width:476px;
	height:67px;
}

li#homel2 a:hover, li#homel2 a:focus {	
	background-position:0px -70px;
	}


/* column wrapper */

#col-wrapper {
	width: 960px;
	height: 1%;
	float: left;
	background-image: url(../graphics/splatter1.jpg); /* POSSIBLE CHANGE GRAPHIC FOR COLOUR */
	background-repeat: no-repeat;
	background-position: 540px -130px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 26px;
	padding-left: 0px;
}

/* left column */

#left-col {
	width: 920px;
	height: 1%;
	float: left;
}

#left-col img{
}

/* right column */

#right-col {
	height: 1%;
	background-image: url(../graphics/pics-bg1.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	width: 720px;
	float: right;
	margin-top: 15px;
	margin-bottom: 15px;
}

#left-col p{
	padding-top: 8px;
	padding-bottom: 8px;
	line-height: 19px;
	color: #333333;
	font-size: 12px;
	margin-right: 100px;
}

#left-col h2{
	padding-top: 8px;
	padding-bottom: 8px;
	padding-right: 30px;
	color: #000000;
	font-weight: bold;
	font-size: 14px;
	background-image: url(../graphics/mini-leaf.gif);
	background-repeat: no-repeat;
	background-position: left;
}


#left-col ul {
	margin-left: 20px;
	margin-right: 10px;
	margin-top: 9px;
	margin-bottom: 9px;
}

#left-col li {
	padding-top: 6px;
	padding-bottom: 6px;
	margin-left: 10px;
	font-size: 12px;
	background-image: url(../graphics/bullet.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 12px;
	color: #262626;
}



/* footer */

#home-footer {
	clear: both;
	width: 940px;
	height: 20px;
	background-image: url(../graphics/footer-line.gif);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 6px;
	margin-top: 24px;
	margin-bottom: 8px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 2px;
}

#home-footer #copyright{
	float: left;
	font-size: 11px;
	color: #FFFFFF;
}

#home-footer #copyright a{
	font-size: 11px;
	color: #CCCCCC;
}

#home-footer #validation{
	float: right;
}

#home-footer #validation a{
	font-size: 10px;
	color: #CCCCCC;
	padding-left: 5px;
}

#footer {
	clear: both;
	width: 940px;
	height: 20px;
	background-image: url(../graphics/rough-line.gif);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 6px;
	margin-top: 24px;
	margin-bottom: 8px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 2px;
}


#footer #copyright{
	float: left;
	font-size: 11px;
	color: #8D8D8D;
}

#footer #copyright a{
	font-size: 11px;
	color: #8D8D8D;
}

#footer #validation{
	float: right;
}

#footer #validation a{
	font-size: 10px;
	color: #8D8D8D;
	padding-left: 5px;
}


.band-wrapper-line{
	width: 100%;
	background-image: url(../graphics/rough-line.gif);
	background-repeat: repeat-x;
	height: 3px;
	float: left;
}

#band{
	width: 100%;
	background-color: #333333;
	padding-top: 16px;
	background-image: url(../graphics/bandwrapper-bg2.jpg);
	background-repeat: repeat;
	float: left;
}

#band-wrapper{
	height: 1%;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}

#band-left{
	width: 700px;
	margin-left: 10px;
}

#band-left p{
	color: #E6E6E6;
	font-size: 12px;
	line-height: 22px;
	padding-bottom: 6px;
	padding-top: 6px;
}

#band-left a{
	color: #E6E6E6;

}

#band-left h2{
	color: #FFFFFF;
	font-size: 15px;
	line-height: 22px;
	font-weight: bold;
}

#band-right{
	width: 200px;
}


A:link	{
	text-decoration:underline;
	font-weight: normal;
	color: #086b8c;
	font-size: 12px;
}
A:visited	{
	text-decoration:underline;
	font-weight: normal;
	color: #086b8c;
	font-size: 12px;
}
A:hover	{
	text-decoration:underline;
	font-weight: normal;
	color: #000000;
	font-size: 12px;
}
A:active	{
	text-decoration:underline;
	color: #086b8c;
	font-size: 12px;
}


#top-nav{
	margin-top: 12px;
	margin-bottom: 12px;
	height: 29px;
	width: 900px;
}

ul#nav {
}

ul#nav li {
padding:0;
margin:0;
list-style-type:none;
float:left;
text-indent:-9999px;
}

ul#nav li a {
	border:0;
	text-decoration:none;
	display:block;
	background-color: transparent;
	background-image: url(../graphics/finalnav.gif);
	background-repeat: no-repeat;
}


li#home a {
    width:68px;
	height:29px;
}

li#about a {
	width:116px;
	height:29px;
}

li#paintings a {
	width:117px;
	height:29px;
}

li#exhibitions a {
	width:129px;
	height:29px;
}

li#links a {
	width:67px;
	height:29px;
}

li#contact a {
	width:129px;
	height:29px;
}


li#home a:hover, li#home a:focus {
	background-position:0px -29px;
	}
	 
	 
li#about a:link, li#about a:visited {	
	background-position:-68px 0px;
	}
	
li#about a:hover, li#about a:focus {	
	background-position:-68px -29px;
	}
	

li#paintings a:link, li#paintings a:visited {	
	background-position:-186px 0px;
	}
	
li#paintings a:hover, li#paintings a:focus {	
	background-position:-186px -29px;
	}
		
	
li#exhibitions a:link, li#exhibitions a:visited {	
	background-position:-302px 0px;
	}
	
li#exhibitions a:hover, li#exhibitions a:focus {	
	background-position:-302px -29px;
	}	
	
	
li#links a:link, li#links a:visited {	
	background-position:-431px 0px;
	}
	
li#links a:hover, li#links a:focus {	
	background-position:-431px -29px;
	}	
	
	
li#contact a:link, li#contact a:visited {	
	background-position: -498px 0px;
	}
	
li#contact a:hover, li#contact a:focus {	
	background-position: -498px -29px;
	}


/* Main navigation "active tabs"
------------------------------------------------------------------*/
body#home-page ul#nav li#home a {
	background-position:0px -58px;
	}
body#about-page ul#nav li#about a {
	background-position:-68px -58px;
	}
body#paintings-page ul#nav li#paintings a {
	background-position:-186px -58px;
	}
body#exhibitions-page ul#nav li#exhibitions a {
	background-position:-302px -58px;
	}	
body#links-page ul#nav li#links a {
	background-position:-431px -58px;
	}
body#contact-page ul#nav li#contact a {
	background-position:-498px -58px;
	}		




#home-paintings{
	height: 165px;
	width: 384px;
	margin-top: 12px;
	margin-bottom: 12px;
}

/* header h1 img replacement - images with seo benefit
------------------------------------------------------------------*/
#home-heading {
	width: 384px;
	height: 165px;
	position: relative;
	font-size: 12px;
	color: #000000;
	margin-top: 40px;
	margin-bottom: 25px;
	}

#home-heading span {
position: absolute;
width: 100%;
height: 100%;
background-image: url(../graphics/home-blurb.gif);
background-repeat: no-repeat;
text-indent: -5000px;
}
	
#about-heading {
	width: 136px;
	height: 29px;
	position: relative;
	font-size: 11px;
	margin-bottom: 8px;
	margin-top: 0px;
	}

#about-heading span {

	position: absolute;

	width: 100%;

	height: 100%;

	background-image: url(../graphics/about-header.gif);

	background-repeat: no-repeat;

	}
	
#exhibitions-heading {
	width: 153px;
	height: 29px;
	position: relative;
	font-size: 11px;
	margin-bottom: 8px;
	margin-top: 0px;
	}

#exhibitions-heading span {

	position: absolute;

	width: 100%;

	height: 100%;

	background-image: url(../graphics/exhibitions-header.gif);

	background-repeat: no-repeat;

	}	
	
#paintings-heading {
	width: 131px;
	height: 34px;
	position: relative;
	font-size: 11px;
	margin-bottom: 8px;
	margin-top: 0px;
	}

#paintings-heading span {

	position: absolute;

	width: 100%;

	height: 100%;

	background-image: url(../graphics/paintings-header.gif);

	background-repeat: no-repeat;

	}	

#links-heading {
	width: 61px;
	height: 29px;
	position: relative;
	font-size: 11px;
	margin-bottom: 8px;
	margin-top: 0px;
	}

#links-heading span {

	position: absolute;

	width: 100%;

	height: 100%;

	background-image: url(../graphics/links-header.gif);

	background-repeat: no-repeat;

	}	
	
#contact-heading {
	width: 160px;
	height: 29px;
	position: relative;
	font-size: 11px;
	margin-bottom: 8px;
	margin-top: 0px;
	}

#contact-heading span {

	position: absolute;

	width: 100%;

	height: 100%;

	background-image: url(../graphics/contact-header.gif);

	background-repeat: no-repeat;

	}	
	
	#error-heading {
	width: 69px;
	height: 29px;
	position: relative;
	font-size: 11px;
	margin-bottom: 8px;
	margin-top: 0px;
	}

#error-heading span {

	position: absolute;

	width: 100%;

	height: 100%;

	background-image: url(../graphics/error-header.gif);

	background-repeat: no-repeat;

	}	
	
	#thanks-heading {
	width: 93px;
	height: 29px;
	position: relative;
	font-size: 11px;
	margin-bottom: 8px;
	margin-top: 0px;
	}

#thanks-heading span {

	position: absolute;

	width: 100%;

	height: 100%;

	background-image: url(../graphics/thanks-header.gif);

	background-repeat: no-repeat;

	}	

/* paintings page - gallery etc
------------------------------------------------------------------*/

#paintings-gallery{
	width: 960px;
	margin-top: 12px;
	margin-bottom: 8px;
}

#paintings-gallery img{
	border: 1px solid #CCCCCC;
	padding: 4px;
	margin-right: 7px;
	margin-bottom: 7px;
	background-color: #FFFFFF;
}

#paintings-gallery a:hover img{
	border: 1px solid #666666;
	padding: 4px;
	margin-right: 7px;
	margin-bottom: 7px;
	background-color: #FFFFFF;
}

/* contact page form
------------------------------------------------------------------*/

#contactform {
	width: 480px;
	text-align: left;
	clear: left;
	border: 1px solid #D9D9D9;
	padding: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 12px;
	line-height: 22px;
}

#contact-submit {
	padding: 0;
	background: transparent;
	margin-top: 10px;
	text-align: center;
	width: 420px;
}

#paintblocks-wrapper{
	float: left;
	height: 1%;
	width: 900px;
}

#paintblocks-wrapper .paintings-block{
	margin-right: 14px;
	margin-bottom: 14px;
}

.paintings-block{
	float: left;
	height: 160px;
	width: 400px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}

.paintings-block img{
	float: right;
	margin: 4px;
	border: 1px solid #CCCCCC;
}

#paintblocks-wrapper p a{
	font-size: 13px;
	font-weight: bold;
	padding-left: 26px;
	float: left;
	padding-top: 63px;
	display: block;
	padding-right: 18px;
	padding-bottom: 63px;
	width: 145px;
}

#home-gallery{
	height: 1%;
	width: 941px;
	float: left;
}


#home-largepic{
	float: left;
	height: 1%;
}

#home-largepic img{
	padding: 6px;
	border: 1px solid #999999;
}

#home-thumbs{
	height: 1%;
	width: 450px;
	float: right;
}

#home-thumbs img{
	border: 1px solid #CCCCCC;
	padding: 4px;
	margin-bottom: 4px;
	margin-left: 4px;
}

#home-thumbs a:hover img{
	border: 1px solid #666666;
	padding: 4px;
	margin-bottom: 4px;
	margin-left: 4px;
}

#home-box{
	width: 920px;
	float: left;
	height: 1%;
	margin-bottom: 10px;
}

#home-flash{
	float: left;
	height: 288px;
	width: 488px;
	border: 1px solid #CCCCCC;
	padding: 6px;
	margin-right: 30px;
	margin-bottom: 15px;
	margin-top: 6px;
}

#home-blurb{
	height: 1%;
	width: 384px;
	float: left;
}

.float-right{
	float: right;
	padding: 6px;
	margin-bottom: 12px;
	margin-left: 12px;
	border: 1px solid #CCCCCC;
	margin-top: 4px;
	background-color: #FFFFFF;
}

/* viewmore roll-over
------------------------------------------------------------------*/

#viewmore{
	height: 67px;
	padding-right: 15px;
	padding-top: 4px;
	padding-left: 1px;
}

ul#viewmore li {
	padding:0;
	list-style-type:none;
	float:left;
	text-indent:-9999px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

ul#viewmore li a {
	border:0;
	text-decoration:none;
	display:block;
	background-color: transparent;
	background-repeat: no-repeat;
	background-image: url(../graphics/view-examples.gif);
	margin-left: -20px;
}


li#viewl2 a {
width:317px;
	height:26px;
}

li#viewl2 a:hover, li#viewl2 a:focus {	
	background-position:0px -26px;
	}