/* style changes

1. Increased #all border from 1px to 2px and changed color to #444
2. Increased border-radius from 25px to 35px
3. Increased box-shadow size 
4. Added light gray background-color to #all
5. Increased title font-size from 3em to 3.5em
6. Added dark blue text color to title
7. Added a border radius to the main picture

*/

#all {
	border:2px solid #444;              /* border width increased and color changed */
	border-radius:35px;                   /* larger rounded corners */
	position: absolute;
	width: 1000px;
	height: 1100px;
	box-shadow:8px 8px 15px #666666;     /* larger shadow */
	background-color:#f5f5f5;            /* light gray background added */
}

#headline {
	font-size: 3.5em;                      /* larger title text */
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: center;
	position: absolute;
	top: 30px;
	left: 350px;
	text-decoration:underline;
	color:darkblue;                       /* title color added */
}

#thumbnails {
	position: absolute;
	top: 175px;
	left: 50px;
	width: 150px;
	height:auto;
	opacity:0.5;
}

#thumbnails li{
	list-style:none;
}

#thumbnails:hover{
	cursor:pointer;
	opacity:1;
}

.smallimg {
	width: 100px;
	margin:10px;
	float: left;
}

#largearea {
	position: absolute;
	top: 138px;
	left: 300px;
	width: 650px;
}

#mainphoto {
	width: 650px;
	float: left;
	margin:50px 15px 50px 0px;
	border-radius:15px;         /* added a border radius */
}

#caption {
	font-size: 18px;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
	position: absolute;
	top: 135px;
	left: 300px;
	width: 650px;
}