﻿body
{
	background-color:#F8F8F8; /*#FEF7F7; /*#FFEFEF;*/
	font-family:Arial;
}

p
{
	text-align:left;
	color:#4C4C4C;
}

.main
{
	height:570px;
	width:640px;
}

.nav
{
	height:475px;
	width:95px;
	float:left;
	vertical-align:middle;
	text-align:left;
}

.navPanel
{
	margin-top:0px; /*35px;*/
}

.content
{
	float:right;
	height:475px;
	width:535px;
}


.panelLeft
{
	float:left;
	height:470px;
	width:362px;
}

.panelRight
{
	float:right;
	height:470px;
	width:162px;
}

.portfolioPic
{
	margin-top:35px;	
	height:479px;
	width:529px;
}

.portfolioThumb
{
	height:47px;
	width:529px;
}

.portfolioNav
{
	height:23px;
	width:529px;
}

.portfolioPrev
{
	float:left;
}

.portfolioNext
{
	float:right;
}

.thumb
{
 	height:36px;
	width:36px;
}

.portfolioImageContainer
{
	height:385px;
	width:529px;
}

.portfolioImage
{
	outline-color:Red;
	outline-style:solid;
	outline-width:thin;
	margin-top:15px;
}


.img-wrapper {
	background: url(Images/shadow.gif) no-repeat right bottom;
	float: left;
	margin-left:97px;
}

.img-wrapper div {
	background: url(Images/mask.png) no-repeat left top !important;
	background: url(Images/mask.gif) no-repeat left top;
	padding: 0 5px 5px 0;
	float: left; /* :KLUDGE: Fixes bug in IE/Mac */
}
 
.img-wrapper img {
	background-color: #fff;
	border: 1px solid #a9a9a9;
	padding: 4px;
}

.panelImage
{
	margin-top:11px;
	margin-bottom:11px;
}


.link
{
	margin-top:25px;
}

.link img
{
	border-style:none;
}

.textarea
{
	margin-top:85px;
	width:500px; /*250px;*/
}

#progress 
{
	vertical-align:middle;
}
