body{
padding:0px;
margin:0px;
background:#ffffff url(http://www.brendanfirem.com/images/backgroundBF.jpg);
background-repeat:repeat-x;
}

#wrapper{
width:100%;
height:900px;
text-align:center;

}

#page{
width:1100px;
margin:0px auto !important;  /* top&bottom left&right, keeps page centered */
}

.nav{
float:left;
text-align: right;
width:200px;
height:600px;
color: cccccc;
margin:50px 0px 0px 0px; /* top right bottom left */
}

.line{
float:left;
text-align: left;
width:50px;
height:700px;
margin:100px 0px 0px 0px; /* top right bottom left */
}

.portfolio{
float:left;
text-align: left;
width:800px;
height:550px;
overflow:hidden;
margin:0px 0px 0px 50px; /* top right bottom left */
}


/* text style */
.h1{
	font-size: 20px; 
	font-weight: bold;
	font-family:Geneva, Arial, Helvetica, sans-serif; 
	color: #cccccc;
	float:left;
	text-align: left;
	width:700px;
	height:40px;
	overflow:hidden;
	margin:100px 0px 0px 50px; /* top right bottom left */
}


.Normal{
	font-size: 13px; 
	font-weight: normal;
	font-family:Geneva, Arial, Helvetica, sans-serif; 
	color: #999999;
}

A:link  {
	font-size: 13px; 
	font-weight: normal;
	font-family:Geneva, Arial, Helvetica, sans-serif; 
	color: #999999 ; /*   # has to be there or generic blue shows up */
	text-decoration: none;
}

A:hover {
	font-size: 13px; 
	font-weight: normal;
	font-family:Geneva, Arial, Helvetica, sans-serif; 
	color: #636EA0 ;
	text-decoration: none;
}

A:visited   {
	font-size: 13px; 
	font-weight: normal;
	font-family:Geneva, Arial, Helvetica, sans-serif; 
	color: #999999 ;
	text-decoration: none;
}

A:active    {
	font-size: 13px; 
	font-weight: normal;
	font-family:Geneva, Arial, Helvetica, sans-serif; 
	color: #636EA0 ;
	text-decoration: none;
}