#viewerPackage {
	height: 650px;
	width: 700px;
	border: 1px solid black;
	margin: 50px;
	background-color: white;
	background-repeat: no-repeat;
	}

#pictureFrame {
	height: 347px;
	width: 500px;
	background-color: white;
	border: 1px solid #7C84B1;
	float: left;
	}
	
#additionalJobsBox {
	height: 350px;
	width: 175px;
	position: absolute;
	top: 66px;
	left: 565px;
	background-image: url(img/tab_outline.png);
	background-repeat: no-repeat;
	}
	
#imageBackground {
	height: 377px;
	width: 692px;
	background-image: url(img/blue_background.png);
	padding-top: 15px;
	padding-left: 4px;
	padding-right: 4px;
	}
	
#shadow {
	height: 4 px;
	width: 700px;
	background-image: url(img/picture_background_shadow.png);
	background-repeat: no-repeat;
	}


/** Styles for the description box where the category and job descriptions will be placed **/	
#descriptionBox{
	height: 230px;
	width: 692px;
	background-color: white;
	}
	
#categoryTitle {
	margin: 8 0 0 12;
	}
	
#categoryTitle span {
	display: none;
	}
	
#categoryBlurb {
	height: 120px;
	width: 664px;
	margin: -12 0 0 12;
	float: both;
	}
	
#categoryBlurb p{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: black;
	}
	
#jobBlurb {
	height: 100px;
	width: 664px;
	margin: -30 0 0 12;
	text-align: left;
	float: left;
	}
	
#jobBlurb p{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: black;
	}
	
#contentFinisher {
	height: 44px;
	width: 700px;
	position: absolute;
	top: 668px;
	left: 50px;
}


/** Styles for the display of preview images in "additional jobs box" **/
#categoryImages {
	height: 350px;
	width: 175px;
	margin: 15 5 20 5;
	}

#imagePreview {
	margin: 2 2 2 2;
	float: left;
	}
	
#imagePreview a img{
	border: 1px solid black;
	float: left;
	}
	
#imagePreview a:hover img{
	border: 1px dotted #242C5C;
	float: left;
	}