* {
	margin: 0;
	padding: 0;
}

body
	{
		margin: 0px;
		padding: 0px;
	}

#topborder
	{
		background: url(images/yell.gif) repeat-x;
		width: 100%;
		height: 44px;
	}

#container
	{
		/*margin: auto;*/
		margin: 37px 0px 0px 48px;
		width: 644px;
	}

#banner
	{
		margin: 0px;
		padding: 0px;
		background: url(images/profero_banner.gif) no-repeat;
		width: 604px;
		height: 30px;
	}
	
#content
	{
		margin: 40px 0px 0px 0px;
		padding: 0px;
		clear: both;
	}
	
a
	{
		text-decoration: none;
		color: #707070;
	}
a:hover
	{
		text-decoration: none;
		color: #000000;
	}
a:active
	{
		color: #000000;
		text-decoration: none;
	}
a.selected
	{
		text-decoration: none;
		color: #000000;
	}
	
ul, li
	{
		margin: 2px 0px 0px 0px;
		padding: 0px;
		font-size: 14px;
		font-weight: normal;
		list-style: none;
	}
	
img
	{
		border: none;
	}

div#copy {
	float: right;
	width: 400px;
	display: inline;
}

div#thumbnailDiv {
		margin: 0px 0px 40px 0px;
		display: block;
		float: left;
}

img#thumbnail {
		width: 230px;
}
	
/* TEXT */
h1
	{
		font-family: verdana, arial, helvetica;
		color: #707070;
		margin: 0px 0px 30px 0px;
		padding: 0px;
		font-size: 21px;
		font-weight: bold;
	}
h2
	{
		font-family: verdana, arial, helvetica;
		color: #707070;
		margin: 1em 0px 2px 0px;
		padding: 0px;
		font-size: 15px;
		font-weight: bold;
	}
	
h3
	{
	font-family: verdana, arial, helvetica;
	font-size: 10px;
	color: #707070;
		margin: 2px 0px 0px 0px;
		padding: 0px;
		font-size: 14px;
		font-weight: normal;
	}
	
h4
	{
	font-family: verdana, arial, helvetica;
	font-size: 10px;
	color: #707070;
		margin: 2px 0px 0px 4px;
		padding: 0px;
		font-size: 12px;
		font-weight: normal;
	}

p {
	font-family: verdana, arial, helvetica;
	font-size: 10px;
	color: #707070;
	margin: 0 0 1em 0;
}

ul, li {
	font-family: verdana, arial, helvetica;
	font-size: 10px;
	color: #707070;
	margin: 0 0 1em 0;
	list-style-type: disc;
	padding-left: 15px;
}

h2.viewWork {
	width: 368px;
	padding: 8px 16px;
	background: #e3e3e3;
	font-size: 13px;
	margin: 2em 0 5px 0;
}

a.workLink {
	display: block;
	width: 368px;
	padding: 8px 16px;
	background: url(images/tb_bg2.gif) left top repeat;
	font-family: verdana, arial, helvetica;
	font-size: 10px;
	font-weight: bold;
	margin: 5px 0;
}

a.workLink em {
	font-weight: normal;
	font-style: normal;
	font-size: 9px;
}

a.workLink span.workTitle {
	width: 298px;
	display: block;
	float: left;
}
/* /TEXT */




/*BACK BUTTON----TO BE DELETED*/
#back {position:absolute;top:9px;left:10px;font-weight:bold;color:white;font-size:18px;}
a {color:#707070;text-decoration:none;}
a:link {color:#707070;}
a:hover {color:#707070;text-decoration:underline;}
a.white, a.white:active, a.white:hover{color:#ffffff;text-decoration:none;}




/* clearing */
.stretch,
.clear {
	clear:both; 
	height:1px; 
	margin:0; 
	padding:0; 
	font-size: 15px;
	line-height: 1px;
}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
}

.clearboth {
	clear: both;
}

.error {
	color: #f00;
}