﻿
div#portfoliocontainer
{
	padding:0;
	margin:70px auto;
	width:850px;
}

div#header
{
	position:absolute;
	padding-top:10px;
}

h3
{
	color:#298492;	
	font-weight:normal;
}

div#portfoliocontainer .what-we-do
{
	position:relative;
	padding:0px 0px;
	margin:0px 0px 0px 40px;
	top:5px;
	width:166px;
	height:73px;
	background:transparent url('/images/what-we-do-sub-news.png') no-repeat scroll 0 0;
}

div#portfoliocontainer .what-we-do:hover
{
	width:166px;
	height:73px;
	background:transparent url('/images/what-we-do-sub-news-box.png') no-repeat scroll;
}



div#portfoliocontainer .how-we-do-it
{
	padding:0;
	margin:0px 0px 0px 25px;

	width:183px;
	height:73px;
	background:transparent url('/images/how-we-do-it-sub-news.png') no-repeat scroll 0 0;
}

div#portfoliocontainer .how-we-do-it:hover
{
	width:183px;
	height:73px;
	background:transparent url('/images/how-we-do-it-sub-news-box.png') no-repeat scroll;
}


div#portfoliocontainer .home-link
{
	position:relative;
	left:280px;
	padding:0;
	margin:0;
	width:121px;
	height:66px;
	background:transparent url('/images/home-sub-news.png') no-repeat scroll 0 0;
}

div#portfoliocontainer .home-link:hover
{
	width:121px;
	height:66px;
	background:transparent url('/images/home-sub-news-arrow.png') no-repeat scroll;
}

div#wrapper
{
	padding-top:55px;
}

div#leftcolumn
{
	float:left;
	width:150px;

}

div#rightcolumn
{
	float:left;
	background:url('/images/portfolio-back.png') no-repeat 0px 0px;
	width:673px;
	height:660px;
	padding:0px;
}

div#leftcolumn-portfolio
{
	float:left;
	width:170px;
}

div#leftcolumn-portfolio ul
{
	padding:0;
	margin:0px 0px 0px 10px;
}


div#leftcolumn-portfolio li
{
	list-style:none;
	padding:1px 0px 2px 0px;
}


div#leftcolumn-portfolio li a
{
	text-decoration:none;
}



div#leftcolumn-portfolio li a:hover
{
	color:black;
}



div#rightcolumn-portfolio
{
	float:left;
	width:643px;
	padding:0px;
}

div#rightcolumn-projects
{
	float:left;
	width:653px;
	padding:0px;
}


div#subnav
{
	position:absolute;
	top:590px;
	padding:30px 0px;
	vertical-align:bottom;
}

div#subnav ul
{
	padding:0;
	margin:0;
	list-style:none;
}


div#subnav li
{
	padding:0;
	margin:0;
	padding:15px 0px 15px 0px;

}


div#subnav a
{
	color:#298492;
	text-decoration:none;
}

div#portfoliocontent-wrapper
{

	padding:80px 30px 40px 40px;
}



div#projects-back
{
	margin-top:50px;
	background:white;
	height:400px;
}


div#portfoliocontent
{
	height:500px;
	overflow:auto;
}


div#portfoliocontent table
{
	width:100%;
	padding:0;
	margin:0;
}



div#portfoliocontent table td
{
	padding:15px;
	margin:0;
	width:100%;
	border: 2px solid #808080;
}


div#portfoliocontent h1
{
	margin:0;
	padding:0;
	font-weight:bold;
	font-size:28px;
	text-align:center;
}

div#portfoliocontent .portfolioimage
{
	float:right;
	margin:5px;
	border:1px black solid;
}

div#leftcolumn ul
{
	list-style:none;
	margin:0;
	padding:0;
}


div#leftcolumn li
{
	font-size:12px;
	margin:0;
	padding:0;
	font-weight:bold;

}


div#leftcolumn li li
{
	font-size:14px;
	margin:0;
	padding:0;
	font-weight:normal;
	padding-top:5px;

}


div#subnav li
{

	margin:0;
	padding:0;
	font-weight:normal;

}


div#portfoliocontent .project-view
{
	position:absolute;
	padding:0px 0px;
	margin:160px 0px 0px 35px;
	width:145px;
	height:63px;
	background:transparent url('/images/view-portfolio-project.png') no-repeat scroll 0 0;
}

div#portfoliocontent .project-view:hover
{
	width:145px;
	height:63px;
	background:transparent url('/images/view-portfolio-project-arrow.png') no-repeat scroll;
}

div#portfoliocontent .client-collage
{
	margin-left:50px;
	margin-top:90px;
}

div#subwrapper
{
	clear:both;
}

div#footer
{
	margin-top:50px;
	clear:both;
}

