body {
	background-color: #e4e1e1;
	font-size: 1em;
	font-family:  verdana, arial, sans-serif;
	margin: 0;padding:0;border:0;
}
body#home_idx {background-color: #fff;}
img {border:0;}
.hiddenpic {display: none;}

.wrapper {
	position: relative;
	height: 600px;
	width: auto;
	margin: 10px auto;
	background-color: #ccc;
	background: url(large_images/index_image_3.jpg) top no-repeat;
}

/* ---------- LINKS ----------- */

a:link {color: #333;}
a:visited {color: #639;}
a:hover {color:#fff;}
a:active {color: blue;}

/* ---------- TITLE ----------- */

#title {position: absolute;clear:left; width:100%; height: 40px; z-index: 2; padding: 0px; margin: 0px;border:0; background-color: #999; }

/* ---------- PAGES ---------- */

#fixedcol { position: fixed; top: 0; left: 0;width: 100px;height: 100%; margin:0px;padding:0;}

#page { position: absolute; top: 0; left: 0; width:100%;height: auto; margin-left: 100px;padding:0;}

/* ----------- INDEX PAGE ---------- */
.index_image {position: absolute; top  margin: 20; padding: 0px; }

/* ----------- H1 ---------- */
h1 { position: absolute;top: 1.8em; left: 1.6em;width:600px;text-align: left; font-size:3.5em; font-weight: 100; }
h1 a {text-decoration: none; color:#fff;}
h1 a:hover {color: #666;}
/* ----------- H2 ---------- */
h2 {
	position: absolute;top: 193px;left:104px;
	width: auto;height: 1em;
	margin: 0px;
	padding: 0px;
	text-align: left;
	font-size: 0.85em;
	letter-spacing: 3.1px;
	color: #fff;
	font-weight: 100;
	}
/* ----------- H3 ---------- */
h3 { width: 600px; margin: 60px 0px 20px 0px; padding: 0px; text-align: center; color: #fff; font:italic 100 1em verdana; }
h3, h5 a {text-decoration:none; color: #fff;}
h3, h5 a:hover {text-decoration:none; color: #ccc;}
/* ----------- H4 ---------- */
h4, h6 {width:100%;height: 1em;text-align: left; font-size: 1em; font-weight: 100; color: #333;padding: 10px 0 0 14px;margin:0px; }
h4 a {text-decoration:none; color: #333; } 
h4 a:hover {text-decoration:none; color: #fff; } 
h4 small { font: italic 0.8em 'times new roman'; }
/* ----------- H5 ---------- */
h5 { width: 100%; text-align: left; padding: 0px 0 20px 0px; color: #333; font-weight: 100; font-size: 1.2em;margin:0;}
h6 {font-style:italic;padding: 0;}
/* ----------- TEXT ----------- */

.text {
	display: block;
	width: 500px;
	text-align: left;
	margin: 100px 0 0 60px;
	color: #333;
	font-weight: 100;
	font-size: 1em;
	line-height: 1.2em;
}
.text p {margin-left: 14px; }
.text a {text-decoration: none; color:#0076cc;}

.text a:hover {color: #ccc;}
.text2 { width: 100%; text-align: left; padding: 0px 0 0 0px; color: #333; font-weight: 100; font-size: 1.2em; }



/* ---------- MAIN NAVIGATION ----------- */

#home .home, #paintings .paintings, #watercolours .watercolours, #prints .prints, #sculptures .sculptures, #contact .contact, #resume .resume, #progress .progress, #exhib .exhibition, #techniques .techniques .{ color: #333; font-weight: 600; }

/* ---------- FOOTER NAVIGATION ----------- */

#home .home2, #paintings .paintings2, #watercolours .watercolours2, #prints .prints2, #sculptures .sculptures2, #contact .contact2, #resume .resume2, #exhib .exhib, #sitemap .sitemap, #progress .progress2, #exhibition .exhibition  #techniques .techniques2{ color: #fff;}

/* ---------- MENU2 ----------- */

#menu2 {position: relative;width: 100px; margin: 100px 0 0 14px;padding:0px;z-index: 120;}
#menu2 ul { display: block; padding:  0px; margin: 0px; list-style: none;  }
#menu2 ul li { display: block;width: 100px; margin: 0px; padding: 0px;}
#menu2 ul li a {
	display: block;
	padding: 0 0 6px 0px;
	margin: 0px;
	text-decoration : none;
	text-align: left;
	font-weight: 100;
	font-size:  0.75em;
}
#menu2 a {color: #666;}
div#menu2 a:hover {color: #ccc;}

/* ---------- main_images ----------- */
.main_images {width:100%;margin: 100px 0px 0px 160px; padding:0px;}
.main_images ul { display: block; padding:  0px; margin: 0px; list-style: none; }
.main_images ul li { width:400px; padding: 0px 0px 50px 0px; margin: 0px 30px 0px 0px; text-align: left; }
.main_images ul li p {display: block;
	color: #333;
	font-family: verdana, Helvetica, sans-serif;
	font-weight: 100;
	font-size:0.9em;
	line-height: 2em;
}
/* ---------- MENU4 ----------- */
#menu4 {width:100%;margin: 100px 0px 0px 100px; padding: 0px;  }
#menu4 ul { display: block; padding:  0px; margin: 0px; list-style: none; }
#menu4 ul li {
	float: left;
	width: 125px;
	padding:0px;
	margin: 0px 10px 0px 0px;
	text-align: left;
}
#menu4 ul li p { font: 100 0.9em verdana, Helvetica, sans-serif; line-height: 1.2em; padding-left:2px;}
#menu4 ul li a {width: 125px;display:block; padding: 0px;text-decoration: none;color: #333;}	
#menu4 ul li a:hover {border-color: #ccc;color: #ccc;}
#menu4 ul li:hover {color: #666;}	


/* ----------- FOOTER ----------- */

.footer {
	width:600px;
	font: 100 0.8em helvetica,trebuchet,sans-serif;
	padding-top: 4em;
	position: relative;
	display:block;
	clear: both;
	color: #666;
	text-align: center;
	letter-spacing: 0.5px;
	text-transform: lowercase;
}
.footer a {color: #666;text-decoration: none;border-left:1px solid #666;padding:0px 4px;}
.footer a:first-child {border-left:0px solid #333;}
.footer a:hover {color: #333;}
.footer a#dog {color: #666;}
.footer a#dog:hover {text-decoration: underline;}


/* ---------- SITE MAP ---------- */
.map {width:auto;margin: 100px 0px 0px 160px; padding: 0px;}
.map ul { display: block; padding:  0 0 14px 10px; margin: 0px; list-style: none; }
.map ul li {
	line-height: 1.5em;
	text-align: left;
	list-style-type: none;
	list-style-position:inside;color:#333;text-transform: capitalize;
	}
.map ul ul li { list-style-type: circle; list-style-position: inside; }
.map ul ul li a {
    text-decoration: none;
    color: #666;
    text-align: justify;
	font:italic 100 0.9em verdana; 
	padding: 0px;
	border-bottom: #993333 dotted 1px;
	text-transform: capitalise;
	}

.map ul li a:hover {color:#6666FF;text-decoration: underline;border:none;}


/* search bits */

#search {position: relative;
  z-index: 10; 
  text-align: left; padding: 10px 0 0 0;}
#search h4 {display: none;}
#search form {margin: 0; padding: 2px 1em 0;}
#search input[type="text"] {width: 14em; border: 2px inset #999;}
#search small {display: block;width:130px; margin: 6px 16px; padding: 0;
  text-align: left; line-height: 1;}
#search small a {background: #FFF; color: #668; font-style: italic;}