/*
/////////////////////////////////////////////////////////////////////////////	

	26/10/11
	 
	
	
	ainh.css
	
	thumbnails:  V:47w x 60h & H:40h x 60w
	larger:     373 x 250
	small pics: 100px high 
	
	
	Nov '09:  Removed Gallery2 from view but retained code
	Oct '11:  Removed Display and Workshop pages but retained code

/////////////////////////////////////////////////////////////////////////////	
*/	


/*
/////////////////////////////////////////////////////////////////////////////	

	General    			
	
/////////////////////////////////////////////////////////////////////////////	
*/


#mapBox {
		float: left;
		width: 418px;		
		height: 250px;
		border: solid black 1px;
		}


* {
		margin: 0;
		padding: 0;
		}

body {
		background: #777;
		}

#wrapper {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 776px;   /* 960px; */
		height: 540px;  /*  600px;  */
		margin-left: -390px;
		margin-top: -260px;
		overflow: hidden;
		border: solid 3px #ff9933; /* #197045;  */
		background: #000;
		}
		
a:link, a:visited {
		color: #fff;  /*  #009966;  */
		}
		
a:hover {
		color: #ff9933;
		}
		
/*
/////////////////////////////////////////////////////////////////////////////	

	Structure

/////////////////////////////////////////////////////////////////////////////	
*/	
		
#banner {
		margin-top: 40px;
		height: 41px;
		color: #fff;
		background: #326AB4;       /*  #006699;    #191970;  */
		}
				
/*
/////////////////////////////////////////////////////////////////////////////	
	
	Fonts and Headers
	
/////////////////////////////////////////////////////////////////////////////	
*/

h1 { /* banner */
	font: 32px Arial, sans-serif;  /* font: 2.0em */
	font-weight: bold;
	text-align: center;
	color: #fff;
	}
	
h2 { /* homePage inset */
	font: 22px Arial, sans-serif;  /* font: 1.7em */
	font-weight: bold;
	text-align: center;
	padding-top: 160px;
	color: #fff;
	}
h3 { /* homePage inset */
	font: 22px Arial, sans-serif;  /* font: 1.7em */
	font-weight: bold;
	text-align: center;
	color: #fff;
	}
	
h4 { /* workshopPage */
	font: 18px Arial, sans-serif;  /* font: 1.7em */
	font-weight: bold;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 5px;
	color: #aaa;
	}
		
h5 { /* workshopPage */
	font: 18px Arial, sans-serif;  /* font: 1.7em */
	font-weight: bold;
	text-align: center;
	padding-bottom: 5px;
	color: #aaa;
	}
	
h6 { /* workshopPage */
	font: 16px Arial, sans-serif;  /* font: 1.7em */
	font-weight: bold;
	text-align: center;
	padding-bottom: 5px;
	color: #aaa;
	}	
	
p {
	font: 15px/20px Arial, sans-serif;  /* font: 1.1em */
	padding-bottom: 10px;
	color: #fff;
	}
	
#displayTitle { /* displayPage */
	font: 22px Arial, sans-serif;  /* font: 1.7em */
	font-weight: bold;
	margin-top: 10px;
	text-align: center;
	color: #aaa;
	}	
#textDisplay p {
	font: 16px Arial, sans-serif;  /* font: 1.1em */
	text-align: center;
	color: #fff;
	}	
	
#boxRefs p {
	font: 13px/20px Arial, sans-serif;  /* font: 1.1em */
	padding-bottom: 10px;
	color: #fff;
	}
			
/*
/////////////////////////////////////////////////////////////////////////////	

	Navigation     

/////////////////////////////////////////////////////////////////////////////	
*/	

#nav 	{
		float: left;
		margin-left: 0px;
		margin-bottom: 9px;
		}

#nav ul {
  		float: left;
		margin-top: 10px;
		margin-left: 0px;
		padding: 0px;
		}
	
#nav li {
		float: left;
		margin-left: 2px;
  		display: inline;
  		list-style-type: none;
  		margin-bottom: 0;
		}
		
#nav a {
  		display: block;
  		text-align: center;
  		width: 127px;
  		line-height: 29px;
  		padding-bottom: 2px;
  		background: #009966;   /* #701945;   #009933;   */
		text-decoration: none;
		font: 16px Arial, sans-serif;  /* font: 1.1em */
  		font-weight: bold;
  		color: #fff;
		}	
		
#nav a:hover {
  		background: #663366;  /* #666666;   #777777;  */
  		color: #fff; 
		}
		
/*
/////////////////////////////////////////////////////////////////////////////	

	Identifiers     

/////////////////////////////////////////////////////////////////////////////	
*/

.homePage #Home, .whyPage #Why, .galleryPage #Gallery, .gallery2Page #Gallery, .displayPage #Display, .workshopPage #Workshops, 
.aboutPage #About, .refsPage #References, .contactPage #Contact { 
  		background: #326AB4;     /*  #006699;  #0000cc;  */
  		color: #fff;
		}

/*
/////////////////////////////////////////////////////////////////////////////	

	Home Page

/////////////////////////////////////////////////////////////////////////////	
*/

#imgOneHome {
	float: left;
	padding-left: 50px;
	margin-top: 41px;
	}

#boxHomeRight {
	float: right;
	width: 250px;
	height: 303px;
	padding-right: 36px;
	margin-top: 40px;
	margin-bottom: 10px;
	}

#www {
		clear: both;
		padding-top: 30px;
		font: 10px Arial, sans-serif;
		text-align: center;
		}
			
/*
/////////////////////////////////////////////////////////////////////////////	

	Why Page - and also used on Workshops Page

/////////////////////////////////////////////////////////////////////////////	
*/

#UppertextWhyPage {
	float: left;
	padding-left: 30px;
	margin-top: 10px;
	width: 450px;
	}

#LowertextWhyPage {
	float: left;
	padding-left: 30px;
	margin-top: 20px;
	width: 730px;
	}

#SpicWhyPage {
	position: absolute;
	top: 150px;
	right: 25px;
 	width: 250px;
 	height: 250px; 
	}
	
/*
/////////////////////////////////////////////////////////////////////////////	

	Gallery Pages  (Gallery2 Page omitted)

/////////////////////////////////////////////////////////////////////////////	
*/		
		
#mainColumn {
  width: 760px;
  float: left;
  background: #000;
}

#galleryText {
	float: right;
	margin-right: 10px;
	font: 14px Arial, sans-serif;  /* font: 1.1em */
	padding-top: 25px;
	color: #fff;
	}	
	
#galleryRight {
	clear: both;
	float: right;
	margin-top: 30px;
	margin-right: 10px;
	width: 350px;
	}

#gallery2Right { /* Gallery 2 */
	clear: both;
	float: right;
	margin-top: 64px;
	margin-right: 10px;
	width: 300px;
	}

#gallery3Right { /* Gallery 3 */
	clear: both;
	float: right;
	margin-top: 30px;
	margin-right: 10px;
	width: 240px;
	}
			
.thumbnails {
  	float: right;
  	margin: 5px;
  	width: 47px;
  	height: 60px;
	border: 1px solid white;
}			
	
.thumbnailsH {
  	float: right;
  	margin: 5px;
  	margin-left: 7px;
  	width: 60px;
  	height: 47px;
	border: 1px solid white;
}
	
.thumbnailsPanorama { /* Gallery 3 */
  	float: right;
  	margin: 5px;
  	width: 152px;
  	height: 47px;
	border: 1px solid white;
}

.thumbnailsWide { /* Gallery 3 */
  	float: right;
  	margin: 5px;
  	width: 60px;
  	height: 47px;
	border: 1px solid white;
}

.thumbnailsSquare { /* Gallery 3 */
  	float: right;
  	margin: 5px;
  	width: 47px;
  	height: 47px;
	border: 1px solid white;
}

.Vpic {
	position: absolute;
 	width: 250px;
 	height: 373px; 
}

.Hpic {
	position: absolute;
  	width: 373px;
  	height: 250px;
}

.Ppic { /* Gallery 3 */
	position: absolute;
  	width: 373px;
  	height: 99px;
}

.Spic { /* Gallery 3 */
	position: absolute;
  	width: 250px;
  	height: 250px;
}

#galleryNext {
 	position: absolute;
 	top: 480px;
 	right: 50px;
	font: 14px Arial, sans-serif;  /* font: 1.1em */
	color: #fff;
	}

/*
/////////////////////////////////////////////////////////////////////////////	

	Display Page

/////////////////////////////////////////////////////////////////////////////	
*/

#textDisplayBox {
	display: inline;
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	width: 390px;
	height: 390px;
	}	

#textDisplay {
	margin-top: 20px;
	margin-bottom: 20px;
	}

#mapBox {
		display: inlne;
		float: left;
		margin-top: 10px;
		margin-left: 30px;
		width: 300px;
		height: 390px;
		}
	
/*
/////////////////////////////////////////////////////////////////////////////	

	Workshops Page (see also Why Page)

/////////////////////////////////////////////////////////////////////////////	
*/

#workshop ul {
  		float: left;
		margin-top: 20px;
		margin-left: 0px;
		padding: 0px;
  		list-style-position: inside;
		}
	
#workshop li {		
		margin-left: 2px;
  		margin-bottom: 0px;
  		padding-bottom: 10px;
		font: 15px/20px Arial, sans-serif;
		color: #fff;
  		list-style-position: inside;
		}

#textWorkshopPage {
	float: left;
	padding-left: 30px;
	margin-top: 18px;
	width: 400px;
	height: 385px;
	}

#info {
	margin-top: 0px;
	}

#workshopBox {
		display: inline;
		float: left;
		margin-top: 50px;
		margin-left: 20px;
		width: 300px;
		height: 342px;
		}

/*
/////////////////////////////////////////////////////////////////////////////	

	About Page

/////////////////////////////////////////////////////////////////////////////	
*/	


#col1About {
	float: left;
	padding-left: 40px;
	width: 250px;
	padding-top: 40px;
	}

#col2About {
	float: left;
	padding-left: 20px;
	width: 250px;
	height: 390px;
	padding-top: 40px;
	padding-right: 20px;
	border-right: solid 1px #fff;
	}
	
#imgAbout {
	position: absolute;
	top: 160px;
	right: 52px;
	}

/*
/////////////////////////////////////////////////////////////////////////////	

	Refs Page

/////////////////////////////////////////////////////////////////////////////	
*/

#boxRefs {
	float: right;
	width: 500px;
	height: 420px;
	margin-top: 12px;
	padding-right: 24px;
	}
	
#imgRefsOne {
	position: absolute;
	top: 130px;
	left: 17px;
	z-index: 1;
	}
	
#imgRefsTwo {
	position: absolute;
	top: 310px;
	left: 67px;
	z-index: 2;
	}	
	
/*
/////////////////////////////////////////////////////////////////////////////	

	Contact Page

/////////////////////////////////////////////////////////////////////////////	
*/		
	
#textContactPage {
	float: left;
	padding-left: 28px;
	padding-top: 40px;
	width: 400px;
	}
	
#mailContact {
	margin-top: 30px;
	margin-bottom: 40px;
	text-align: center;
	font: 1.1em Arial, sans-serif;
	}
.telContact p{
	text-align: center;
	font: 1.1em Arial, sans-serif;
	font-weight: bold;
	}
	
#imgContactPage	{
	float: right;
	margin-top: 70px;
	padding-right: 40px;
	width: 280px;
	height: 340px;
	}