/*--------------------------------------------Reset All--------------------------------------------
-------------------------------------------------------------------------------------------------*/


html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input
{
	margin: 0;
	padding: 0;
}

h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th
{
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
}

ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }

table
{
	border-collapse: collapse;
	border-spacing: 0;
}

a:focus, a:active {outline: none}


/*--------------------------------------------Fonts-----------------------------------------------
-------------------------------------------------------------------------------------------------*/

body {
	font: 62.5% Arial, Verdana, sans-serif;
	color: #bbbbbb;
	text-align: center;
	min-width: 900px;
	/*background-color: #ff0000;*/
	}
	
#content h1 {
	font: 2em Verdana, sans-serif;
	color: lime;
	}
/*--------------------------------------------Structure--------------------------------------------
-------------------------------------------------------------------------------------------------*/

#wrapper {
	width: 850px;
	margin: 20px auto;
	/*background-color: #34d11b;*/
	text-align: left;
	}

#header {
	height: 65px;
	/*background-color: #0000ff;*/
	
	}

#divider	{
	clear: both;
	border-top: 0.2em solid #777777;
	margin: 0 0 4em 0;
	}

#navContainer {
	height: 100px;
	/*background-color: #ffaa00;*/
	}


#content {
	width: 850px;
	height: 700px;
	background-color: #ffffff;
	margin: 0 0 2em 0;
	}
	

.sectionExhibitions #content { height: 700px;}

/*--------------------------------------------Header-----------------------------------------------
-------------------------------------------------------------------------------------------------*/

/*<preload=logo down state>*/

#header img {
	width: 300px;
	height: 35px;
	margin-top: -13px;
	visibility: hidden;

	}

#header a {
	display: block;
	float: left;
	width: 300px;
	height: 35px;
	background: url(../images/dw_logo.gif) no-repeat;
	text-indent: -9999px;
	margin-top: 30px;
	}
	
#header a:hover {
	background: url(../images/dw_logo_over.gif) no-repeat;
	}

/*--------------------------------------------Navigation-------------------------------------------
-------------------------------------------------------------------------------------------------*/

a, a:link, a:visited {
	text-decoration: none;
	}
	
#navContainer ul {
	list-style-type: none;
	top: 0px;
	left: 0px;
	width: 735px;
	}

#navContainer li {
	display: block;
	float: left;
	text-indent: -9999px;	
	}
	
#navContainer li a {
	border:0;
	display: block;
	}
	
#navContainer li a:hover {
	border:0;
	display: block;
	}
	
/*<group=mainNav>*/

ul#mainNav {
	height: 22px;
	background: /*#aeaeae*/ url(../images/mainNav_over.gif) no-repeat;
	padding-bottom: 2em;
	}


ul#mainNav li a {
	height: 22px;
	background: url(../images/mainNav.gif) no-repeat;
	}

ul#mainNav li a:hover {
	background-image: url(../images/mainNav_over.gif);
	}

/*<navigation=mainNav ids>*/

li#imagesLink a {
	width: 103px;
	}

li#exhibitionsLink a {
	width: 182px;
	}

li#exhibitionsLink a:link,
li#exhibitionsLink a:visited,
li#exhibitionsLink a:hover {
	background-position: -103px 0px;
	}

li#reviewsLink a {
	width: 130px;
	}

li#reviewsLink a:link, 
li#reviewsLink a:visited, 
li#reviewsLink a:hover {	
	background-position: -285px 0px;
	}
	
li#biographyLink a {
	width: 172px;
	}

li#biographyLink a:link,
li#biographyLink a:visited,
li#biographyLink a:hover {	
	background-position: -410px 0px;
	}

li#contactLink a {
	width: 148px;
	}

li#contactLink a:link, 
li#contactLink a:visited, 
li#contactLink a:hover {	
	background-position: -582px 0px;
	}

/*<navigation=mainNav active ids>*/

.sectionImages #imagesLink a {
	background-image: url(../images/mainNav_over.gif);
	}
	
.sectionExhibitions #exhibitionsLink a {
	background-image: url(../images/mainNav_over.gif);
	}
	
.sectionReviews #reviewsLink a {
	background-image: url(../images/mainNav_over.gif);
	}
	
.sectionBiography #biographyLink a {
	background-image: url(../images/mainNav_over.gif);
	}

.sectionContact #contactLink a {
	background-image: url(../images/mainNav_over.gif);
	}
	


/*<group=subNav>*/

ul#subNav {
	height: 18px;
	padding-bottom: 10px;
	}
	
ul#subNav li a {
	height: 18px;
	}
	



/*<group=subNav.images>*/

ul#subNav.images {background: /*#757575*/ url(../images/subNavImages_over.gif) no-repeat;}

ul#subNav.images li a {background: url(../images/subNavImages.gif) no-repeat;}

ul#subNav.images li a:hover {background-image: url(../images/subNavImages_over.gif);}
	

/*<navigation=subNav.images ids>*/

ul#subNav.images li#sculptureLink a {
	width: 115px;
	}

ul#subNav.images li#worksonpaperLink a {
	width: 189px;
	}

ul#subNav.images li#worksonpaperLink a:link,
ul#subNav.images li#worksonpaperLink a:visited,
ul#subNav.images li#worksonpaperLink a:hover {
	background-position: -115px 0px;
	}
	
/*<navigation=subNav.images active ids>*/

ul#subNav.images #sculptureLink.active a {
	background-image: url(../images/subNavImages_over.gif);
	}
	
ul#subNav.images #worksonpaperLink.active a {
	background-image: url(../images/subNavImages_over.gif);
	}
	



/*<group=subNav.exhibitions>*/

ul#subNav.exhibitions {background: /*#757575*/ url(../images/subNavExhibitions_over.gif) no-repeat;}

ul#subNav.exhibitions li a {background: url(../images/subNavExhibitions.gif) no-repeat;}

ul#subNav.exhibitions li a:hover {background-image: url(../images/subNavExhibitions_over.gif);}
	

/*<navigation=subNav.exhibitions ids>*/

ul#subNav.exhibitions li#soloLink a {
	width: 133px;
	}

ul#subNav.exhibitions li#groupLink a {
	width: 237px;
	}

ul#subNav.exhibitions li#groupLink a:link,
ul#subNav.exhibitions li#groupLink a:visited,
ul#subNav.exhibitions li#groupLink a:hover {
	background-position: -133px 0px;
	}
	
/*<navigation=subNav.exhibitions active ids>*/

ul#subNav.exhibitions #soloLink.active a {
	background-image: url(../images/subNavExhibitions_over.gif);
	}
	
ul#subNav.exhibitions #groupLink.active a {
	background-image: url(../images/subNavExhibitions_over.gif);
	}
	



/*<group=subNav.reviews>*/

ul#subNav.reviews {background: /*#757575*/ url(../images/articles.gif) no-repeat;}

/*<group=subNav.biography>*/

ul#subNav.biography {background: /*#757575*/ url(../images/curriculumVitae.gif) no-repeat;}

/*<group=subNav.contact>*/

ul#subNav.contact {background: /*#757575*/ url(../images/contactDetails.gif) no-repeat;}

/*--------------------------------------------Content----------------------------------------------
-------------------------------------------------------------------------------------------------*/

#contentLeft {
	float: left;
	width: 350px;
	}

#contentRight {
	float: right;
	width: 500px;
	text-align: right;
	}
	


/*--------------------------------------------Left Content Shows Nav -------------------------
-------------------------------------------------------------------------------------------------*/


#exhibitionList {
    width: 350px; 
    height: 700px;

    position: relative;
    }

#exhibitionList li {
    display:block;
    position: absolute;
    text-indent: -999px;
    }
    
#exhibitionList a {
    width: 350px; 
	height: 15px;
    display: block;
    }



/*<group=exhibitionList.solo>*/

#exhibitionList.solo { background: url(../images/soloListNav.gif);}
 
#s01 { left:0; top: 0; height: 12px;}
#s02 { left:0; top: 20px; height: 16px;}
#s03 { left:0; top: 44px; height: 16px;}
#s04 { left:0; top: 68px; height: 15px;}
#s05 { left:0; top: 92px; height: 15px;}

#s01 a:hover {background: transparent url(../images/soloListNav.gif) -350px 0px no-repeat;}
#s02 a:hover {background: transparent url(../images/soloListNav.gif) -350px -20px no-repeat;}
#s03 a:hover {background: transparent url(../images/soloListNav.gif) -350px -44px no-repeat;}
#s04 a:hover {background: transparent url(../images/soloListNav.gif) -350px -68px no-repeat;}
#s05 a:hover {background: transparent url(../images/soloListNav.gif) -350px -92px no-repeat;}
	


/*<group=exhibitionList.group>*/

#exhibitionList.group { background: url(../images/groupListNav.gif);}

#g01 { left:0; top: 0; height: 12px;}
#g02 { left:0; top: 20px; height: 16px;}
#g03 { left:0; top: 44px; height: 16px;}
#g04 { left:0; top: 68px; height: 15px;}
#g05 { left:0; top: 92px; height: 15px;}
#g06 { left:0; top: 116px; height: 16px;}
#g07 { left:0; top: 140px; height: 16px;}
#g08 { left:0; top: 165px; height: 15px;}
#g09 { left:0; top: 188px; height: 16px;}
#g10 { left:0; top: 212px; height: 16px;}
#g11 { left:0; top: 236px; height: 16px;}
#g12 { left:0; top: 260px; height: 16px;}
#g13 { left:0; top: 284px; height: 16px;}
#g14 { left:0; top: 308px; height: 16px;}
#g15 { left:0; top: 332px; height: 16px;}
#g16 { left:0; top: 355px; height: 16px;}
#g17 { left:0; top: 380px; height: 16px;}
#g18 { left:0; top: 404px; height: 15px;}
#g19 { left:0; top: 428px; height: 16px;}
#g20 { left:0; top: 452px; height: 16px;}
#g21 { left:0; top: 476px; height: 16px;}
#g22 { left:0; top: 500px; height: 16px;}
#g23 { left:0; top: 524px; height: 16px;}
#g24 { left:0; top: 548px; height: 16px;}
#g25 { left:0; top: 572px; height: 16px;}
#g26 { left:0; top: 596px; height: 16px;}
#g27 { left:0; top: 620px; height: 16px;}
#g28 { left:0; top: 644px; height: 16px;}


#g01 a:hover {background: transparent url(../images/groupListNav.gif) -350px 0px no-repeat;}
#g02 a:hover {background: transparent url(../images/groupListNav.gif) -350px -20px no-repeat;}
#g03 a:hover {background: transparent url(../images/groupListNav.gif) -350px -44px no-repeat;}
#g04 a:hover {background: transparent url(../images/groupListNav.gif) -350px -68px no-repeat;}
#g05 a:hover {background: transparent url(../images/groupListNav.gif) -350px -92px no-repeat;}
#g06 a:hover {background: transparent url(../images/groupListNav.gif) -350px -116px no-repeat;}
#g07 a:hover {background: transparent url(../images/groupListNav.gif) -350px -140px no-repeat;}
#g08 a:hover {background: transparent url(../images/groupListNav.gif) -350px -165px no-repeat;}
#g09 a:hover {background: transparent url(../images/groupListNav.gif) -350px -188px no-repeat;}
#g10 a:hover {background: transparent url(../images/groupListNav.gif) -350px -212px no-repeat;}
#g11 a:hover {background: transparent url(../images/groupListNav.gif) -350px -236px no-repeat;}
#g12 a:hover {background: transparent url(../images/groupListNav.gif) -350px -260px no-repeat;}
#g13 a:hover {background: transparent url(../images/groupListNav.gif) -350px -284px no-repeat;}
#g14 a:hover {background: transparent url(../images/groupListNav.gif) -350px -308px no-repeat;}
#g15 a:hover {background: transparent url(../images/groupListNav.gif) -350px -332px no-repeat;}
#g16 a:hover {background: transparent url(../images/groupListNav.gif) -350px -355px no-repeat;}
#g17 a:hover {background: transparent url(../images/groupListNav.gif) -350px -380px no-repeat;}
#g18 a:hover {background: transparent url(../images/groupListNav.gif) -350px -404px no-repeat;}
#g19 a:hover {background: transparent url(../images/groupListNav.gif) -350px -428px no-repeat;}
#g20 a:hover {background: transparent url(../images/groupListNav.gif) -350px -452px no-repeat;}
#g21 a:hover {background: transparent url(../images/groupListNav.gif) -350px -476px no-repeat;}
#g22 a:hover {background: transparent url(../images/groupListNav.gif) -350px -500px no-repeat;}
#g23 a:hover {background: transparent url(../images/groupListNav.gif) -350px -524px no-repeat;}
#g24 a:hover {background: transparent url(../images/groupListNav.gif) -350px -548px no-repeat;}
#g25 a:hover {background: transparent url(../images/groupListNav.gif) -350px -572px no-repeat;}
#g26 a:hover {background: transparent url(../images/groupListNav.gif) -350px -596px no-repeat;}
#g27 a:hover {background: transparent url(../images/groupListNav.gif) -350px -620px no-repeat;}
#g28 a:hover {background: transparent url(../images/groupListNav.gif) -350px -644px no-repeat;}

/*--------------------------------------------Biography---------------------------------------------
-------------------------------------------------------------------------------------------------*/

#scrollbox {
	width: 850px;
	height: 700px;
	float: left;
	overflow: auto;
	}

/*--------------------------------------------Contact----------------------------------------------
-------------------------------------------------------------------------------------------------*/

a.emailLink {
	display: block;
	width: 227px;
	height: 13px;
	text-indent: -9999px;
	background: url(../images/studio@douglaswhite.gif);
	}
	
a.emailLink:hover {
	background: url(../images/studio@douglaswhite_over.gif);
	}

/*--------------------------------------------Footer----------------------------------------------
-------------------------------------------------------------------------------------------------*/

#footer {
	clear: all;
	/*background-color: #ffd100;*/
	height: 11px;
	}
	
#footer img {
	float: right;
	width: 358px;
	height: 11px;
	}