#content {
	display: block;
	position: absolute;
	top: 30px;
	left: 2%;
	width: 96%; 
	min-width: 630; /* .9 * 630 = 567 */
	z-index: 5;
}

#content p, ul, li {
	color: #111155;
	font-size: 14px;
}

#content h1 {
	text-align: center;
	color: #222266;
	top: -35px;
	position: relative;
	z-index: 6;
}

#left-panel {
	position: absolute;
	top: 15px;
	left: 0px;
	width: 54%;
	min-width: 300px;
	height: 300px;
	overflow: auto;
	padding: 10px;
	border-color: #111155;
	border-width: 1px;
	border-style: solid;
	background: #FAFAFA;
	color: #111155;
	font-size: 14px;
}

#right-panel {
	position: absolute;
	top: 15px;
	right: 0px;
	width: 38%;
	min-width: 255;
	/* 300 + 20, as there is no padding */
	height: 320px;
	overflow: auto;
	padding: 0px;
	/* 
	border-color: #111155;
	border-width: 1px;
	border-style: solid;
	background: #FAFAFA; */
}

.sample {
	border-color: #111155;
	border-width: 1px;
	border-style: solid;
}

.empty_pic {
	border-color: #111155;
	border-width: 1px;
	border-style: solid;
	width:50px;
	height:50px;
	/* background: #FAFAFA; */
}

.prev-next {
	text-align: center;
}

a.menu { font-size:10px; font-weight:lighter;}
a.menu span { font-size:10px; font-weight:lighter; }
a.menu:link    { color:#9A9CCA; text-decoration:none; }
a.menu:visited { color:#989ACA; text-decoration:none; }
a.menu:hover   { color:#9A9CCA; text-decoration:none; }
a.menu:active  { color:#888ABA; text-decoration:none; }


#background_stripe {
	position: absolute;
	top: 375px;
	left: 0px;
	margin:0px;
	background-image: url(images/background-small.jpg); 
	background-repeat: repeat;
	border: none;
	width: 100%;
	height:145px;
}

#flower_bg {
	position: absolute;
	top: 0px;
	left: 0px;
	margin:0px;
	background-image: url(images/main-small.jpg); 
	background-repeat: no-repeat;
	border: none;
	width: 630px;
	height:145px; 
	z-index: 2;
	border: 0px;
}


#web { 
	position: absolute;
	top: 50px;
	left: 200px;
	margin:0px;
	padding:0px;
 	width: 61px; 
 	height: 61px; 
 	background-image: url(images/web-colour-small.jpg);
 	background-repeat: no-repeat;
 	z-index: 3;
}  
#web a { 
 	display: block; 
 	height: 100%; 
 	width: 100%; 
 	background-image: url(images/web-bw-small.jpg);
 	background-repeat: no-repeat;
 	text-align: center;
 	z-index: 4;
 	text-decoration:none;
} 
#web a div {
	width:61px;
	height:33px;
}
#web a:hover { 
 	background-image: url(none); 
 	text-decoration:none;
}
#web a:hover span { 
 	text-decoration:underline;
}


#print { 
	position: absolute;
	top: 50px;
	left: 280px;
	margin:0px;
 	width: 61px; 
 	height: 61px; 
 	background-image: url(images/print-colour-small.jpg);
 	background-repeat: no-repeat;
 	z-index: 3;
}  
#print a { 
 	display: block; 
 	height: 100%; 
 	width: 100%; 
 	background-image: url(images/print-bw-small.jpg); 
 	background-repeat: no-repeat;
 	text-align: center;
 	z-index: 4;
} 
#print a div {
	width:61px;
	height:33px;
}
#print a:hover { 
 	background-image: url(none); 
 	text-decoration:none;
}
#print a:hover span { 
 	text-decoration:underline;
}


#photography { 
	position: absolute;
	top: 50px;
	left: 360px;
	margin:0px;
 	width: 61px; 
 	height: 61px; 
 	background-image: url(images/photography-colour-small.jpg);
 	background-repeat: no-repeat;
 	z-index: 3;
}  
#photography a { 
 	display: block; 
 	height: 100%; 
 	width: 100%; 
 	background-image: url(images/photography-bw-small.jpg); 
 	background-repeat: no-repeat;
 	text-align: center;
 	z-index: 4;
} 
#photography a div {
	width:61px;
	height:33px;
}
#photography a:hover { 
 	background-image: url(none); 
 	text-decoration:none;
}
#photography a:hover span { 
 	text-decoration:underline;
}


#about { 
	position: absolute;
	top: 50px;
	left: 440px;
	margin:0px;
 	width: 61px; 
 	height: 61px; 
 	background-image: url(images/about-colour-small.jpg);
 	background-repeat: no-repeat;
 	z-index: 3;
}  
#about a { 
 	display: block; 
 	height: 100%; 
 	width: 100%; 
 	background-image: url(images/about-bw-small.jpg); 
 	background-repeat: no-repeat;
 	text-align: center;
 	z-index: 4;
} 
#about a div {
	width:61px;
	height:33px;
}
#about a:hover { 
 	background-image: url(none); 
 	text-decoration:none;
}
#about a:hover span { 
 	text-decoration:underline;
}

#contact {
	position: absolute;
	top: 115px;
	left: 160px;
	margin:0px;
 	width: 171px; 
 	height: 17px; 
 	background-image: url(images/contact.jpg);
 	background-repeat: no-repeat;
 	z-index: 2;
}
#contact a {
	z-index: 5;
}
#contact a div {
	width: 171px; 
 	height: 17px; 

}