/* Background styles. */
BODY {
	background-color: #f5f5f5;
	line-height: normal;
	font-weight: normal;
	font-style: normal;
	color: black;
	font-family: Arial, Trebuchet MS, Verdana, Helvetica, Geneva, sans-serif;
}

#titlepage {background-color:#7F7E79;}

a img { border:0px; } /* don't want auto borders around image links */

a.light:active{
	color:#eeeeee;
}
a.light:visited{
	color:#eeeeee;
}
a.light:link{
	color:#eeeeee;
}

a.dark:active{
	color:#000000;
}
a.dark:visited{
	color:#000000;
}
a.dark:link{
	color:#000000;
}

a.noline{
	text-decoration:none;
}


/* Text Styles */

.body { /* colour override for body (paragraph) text */
	color: #000000;
}

.large_text { /* e.g. contact info */
	text-align: left;
	font-size: 18px;
}

.med_text { /* e.g. paragraph text */
	font-size: 14px;
}

.Copyright {
	padding-top: 5px;
	text-align: left;
  	font-size: 10px;
	color: white;
}

/* Home (front) page headings and navigation */

#home_bigpix{
	position: absolute;
	top: -65px;
	left: 197px;
	width: 487px;
	height: 487px;
	border: 1px solid;
	border-color: #96958F;
}

#home_banner{
	position: absolute;
	top: 17%;
	width: 96%;
	min-width: 885px;
	left: 2%;
 	height: 197px;
	background-color: rgb(65, 49, 80);
}

#home_linklist{
	position: absolute;
	top: 197px;
	left: 686px;
	width: 200px;
	height: 207px;
}

.home_linkitem {
	height: 60px;
	padding-left: 15px;
	padding-top: 15px;
	color: white;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
}

.home_linkitem:hover {
	background-color: #9A9C41;
}

/* Alternate (non-home) page heading and navigation */

#navbar{
	position: absolute;
	top: 169px;
	left: 10px;
	width: 149px;
	bottom: 10px;
	min-height: 410px;
	background-color: #7F7E79;
}

#navhomelink {
	position: absolute;
	top: 10px;
	left: 10px;
	height: 149px;
	width: 149px;
}

.navlink {
	padding-left: 20px;
	padding-right: 20px;
	height: 35px;
	padding-top:5px;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}
.navlink:hover {
	background-color: #4F5031;
}
.navlink.active {
	background-color: #989C41;
	color: white;
}


/* "Portfolio" section styles */

#portfolio_banner { /* purple strip across the top, overlaid with thumbnails */
	position: absolute;
	top: 11px;
	left: 169px;
	height: 80px;
	right: 10px;
	min-width: 930px;
	background-color: rgb(85, 69, 100);
}

#itemlist{ /* The overall block containing the list of portfolio items */
	position: absolute;
	top: 10px;
	left: 169px;
	width: 990px;
	height: 80px;
}

.itemthumb { /* Item list thumbnail */
	border: 1px solid;
	border-color: #96958F;
	padding: 0px;
	width: 80px;
	margin: 0px;
	margin-bottom: 3px;
}
.itemthumb.activeitem { /* Border styling override for active item image */
	border-color: rgb(65, 49, 80);
	color: rgb(65, 49, 80);
	border-bottom: 4px solid;
	margin-bottom: 0px;
}

.itemspacer{ /* padding between thumbnails */
	position:relative;
	margin:0px;
	top:-4px;
}

#bigpix{ /* styling for the "big picture" page section */
	position: absolute;
	top: 102px;
	left: 169px;
	width: 481px;
	height: 481px;
}

.item_big { /* styling for the big picture itself */
	vertical-align:middle;
	border: 1px solid;
	border-color: #96958F;
	padding: 0px;
}

#viewlist{ /* The overall list of item detail views */
	position: absolute;
	top: 102px;
	left: 655px;
	height: 475px;
	width: 45px
}

.viewthumb { /* Detail view thumbnail */
	border: 1px solid;
	border-color: #96958F;
 	width: 40px;
	margin: 0px;
	margin-left: 3px;
	margin-bottom: 10px;
	vertical-align:middle;
	text-align: center;
}
.viewthumb.activeview{ /* border styling override for active view image */
	border-color: rgb(65, 49, 80);
	color: rgb(65, 49, 80);
	border-left: 4px solid;
	margin-left: 0px;
}

#caption{ /* The page section containing the caption/image details */
	position: absolute;
	top: 99px;
	left: 705px;
	right: 10px;
	min-width: 200px;
	max-width: 350px;
	height: 400px;
	padding-left: 10px;
}

.caption { /* text size override for the caption */
	font-size: 13px;
	color: black;
}

#port_copy{ /* Positioning for the Portfolio copyright notice */
	position: absolute;
	height: 15px;
	bottom: 5px;
	width: 100%;
	text-align: center;
	color: white;
}


/* "About" section styles */

#sectionlist{ /* Style for the overall page section containing the vertical menu */
	position: absolute;
	top: 270px;
	left: 169px;
	width: 200px;
	bottom: 10px;
	background-color: #bFbEb9;
	min-height: 309px;
}

.vmenu { /* Vertical left-side menu as used in 'About' */
	border: none ;
	display: block;
	text-align: center;
	text-decoration: none;
	font-size: 14px;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 5px;
	position: relative;
	text-align:left;
	margin-top: 0px;
	margin-bottom: 0px;
	color: black;
}
.vmenu:hover {
	border: medium none ;
	color: white;
	background-color: #4F5031;
}

.vmenu_active {
	color: white;
	background-color: #999C41;
}
.vmenu_active:hover {
	color: white;
	background-color: #999C41;
}

#about_text{ /* styling for text in 'About' section */
	position: absolute;
	top: 100px;
	left: 385px;
	width: 500px;
	height: 500px;
}

#about_pix{ /* styling for image in 'About' section */ 
	position: absolute;
	top: 10px;
	left: 169px;
	width: 200px;
	height: 250px;
	border: none;
}

#about_banner {
	position: absolute;
	top: 10px;
	left: 379px;
	height: 80px;
	right: 10px;
	min-width: 505px;
	background-color: rgb(85, 69, 100);
}