/* CSS Document */

* {
   padding:0;
   margin:0;
}
body {
	background:#E8E8E8
}
/*#contentResume a {
	border: none;
	text-decoration: none;
	display:block;
	
}*/
#pageWrap {
	padding: 10px 0 0 0;
	margin: auto;
	width:959px;
	height:100%;	
}
#contentContainer {
	border:1px solid #C0C0C0 ;
	width:957px;
	height:590px;
	background-color: #FFFFFF;
} 
#outside{
	float:right;
	padding: 119px 116px 0 0 ;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	margin: 0;
}
/*#outside{
	position:absolute;
	top:130px;
	left:930px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
}*/
#contentTop {
	font-family: Arial, Helvetica, sans-serif;
	height: 463px;
	width: 553px;
	padding: 0px 202px 0px 202px;
	z-index: 4;
}
#contentTopPort {
	font-family: Arial, Helvetica, sans-serif;
	height: 463px;
	width: 553px;
	padding: 0px 134px 0px 134px;
	z-index: 4;
}
#contentBrendan {
	width:553px;
	position:absolute;
	top:158px;
}
#contentBlagbrough {
	width:553px;
	position:absolute;
	top:130px;
}
#contentDesign {
	width:553px;
	position:absolute;
	top:138px;
}
#contentResume {
	width:568px;
	position:absolute;
	top:198px;
	z-index: 4;
}
.title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000000;
	font-weight: bold;
}
.titleLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000000;
	font-weight: bold;
	display:block;
}
.text {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
	font-size: 12px;
	margin: 0 0 10px 0;
	line-height: 16px;
}
.textClose {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
	font-size: 12px;
	margin: 0;
	line-height: 16px;
}
.lineBreak{
	margin: 10px 0 0 0;
}
.terraFirma{
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
}
#arrow{
	position:absolute;
	top:235px;
	z-index:3;
	background-color:#00CC00;
}

#nav ul {
	list-style: none;
	width: 957px;
	height: 80px;
	position:absolute;
	top:475px;
	z-index:2;
	margin: 0px;
}
#nav li {
	float: left;
	margin: 0px;
}
img.behind {
	position:absolute;
	top:475px;
}
a {
	text-decoration:none;
	color:#000000;
}
#brendan a:hover {
	background-image:url(images/brendanButtonOn.gif);
	height: 80px;
	width: 180px;
	display:block;
}
#blagbrough a:hover {
	background-image:url(images/blagbroughButtonBlankOn.gif);
	height: 80px;
	width: 256px;
	display:block;
}
#design a:hover {
	background-image:url(images/designButtonOn.gif);
	height: 80px;
	width: 138px;
	display:block;
}
#portfolio a:hover {
	background-image:url(images/portfolioButtonBlankOn.gif);
	height: 80px;
	width: 224px;
	display:block;
}
#resume a:hover {
	background-image:url(images/resumeButtonOn.gif);
	height: 80px;
	width: 159px;
	display:block;
}
#brendanFacts{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
	text-align: center;
	height: 12px;
	width: 957px;
	float: left;
	margin: 5px 0 0 0;
	position:absolute;
	top:558px;

}
/*suckerfishNav code*/
#nav li ul {
	left: -999em;
}

#nav li:hover ul {
	left: auto;
}
#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}
/*end suckerfishNav code*/

/* portfolioStyles */
#portfolioContainer {
	width:691px;
	z-index: 4;
}
#portfolioGraphic {
	float:left;
	width:345px;
	margin: 0px;
	z-index: 4;
}
#portfolioWood {
	float:right;
	width:345px;
	margin: 0px;
	z-index: 4;
}
#graphic{
	float: left;
	margin: 0px;
	text-decoration: none;
	padding: 0px 0px 0px 255px;
	font-size: 16px;
	font-weight: bold;
	display:block;
}
#wood{
	float: left;
	margin: 0px;
	text-decoration: none;
	padding: 0px 0px 0px  7px;
	font-size: 16px;
	font-weight: bold;
	display:block;
	}
ul.portfolioContainer {
	float: left;
	clear: right;
	margin: 0px;
	padding: 0px 5px;
	text-decoration: none;
	z-index: 4;
}
ul.portfolioContainer li {
	clear: both;
	margin: 10px 0px;
	padding: 0px;
	height: 57px;
	width: 57px;
	border: 1px solid #C0C0C0;
	text-decoration: none;
	display:block;
}
.portfolioContainer img {
	border: none;
	text-decoration: none;

}
ul.portfolioContainer .blank {
	border: 1px solid #FFFFFF;
	text-decoration: none;
}
ul.portfolioContainer .category {
	border: 1px solid #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	height:12px;
	margin-top: -5px;
	display:block;

}
/*endPortfolioStyles*/