.portfolioList {
text-align: center;
padding-left: 100px;
}


.portfolioList_cell {
float: left;
margin-right: 13px;
}

.portfolioList_cell_end {
float: left;
margin-right: 0px;
}

.portfolioList_cell, .portfolioList_cell_end {
text-align: center;
margin-bottom: 4px;
}


.portfolioList_image {
height:162px;
text-align: center;
padding: 10px;
margin-bottom: 10px;
background-image:url(http://www.flohmedia.com/--images/portfolioList_image_bg.png);
background-position:5px 6px;
background-repeat:no-repeat;
}

.portfolioList_image img {
border: solid 1px #333333;
}

.portfolioList_title a:link, .portfolioList_title a:active, .portfolioList_title a:visited {
font-size: 14px;
font-weight:bold;
color:#333333;
text-decoration: none;
}

.portfolioList_title a:hover {
color:#009dbc;
text-decoration: none;
}




.portfolioDetail_content {
	padding-left: 110px;
	width: 576px;
}

.portfolioDetail_content p {
	font-size: 12px;
	padding-bottom: 20px;
}

.portfolioDetail_content h2 {
	font-size: 30px;
	color:#009dbc;
	font-weight: lighter;
	padding-top: 20px;
	padding-bottom: 20px;
}

.portfolioDetail_content div {
	font-size: 10px;
	padding-bottom: 5px;
	padding-top: 15px;
}

.portfolioDetail_content h3 {
	font-size: 18px;
	font-weight: bold;
	color:#333333;
	padding-bottom: 5px;
}

#portfolioDetail_ExampleNav {
  /*padding-bottom: 30px;
  width: 140px;*/
}

.portfolioDetail_content div a:link, .portfolioDetail_content div a:active, .portfolioDetail_content div a:visited {
	font-weight: bold;
	color: #009dbc;
	text-transform:uppercase;
	padding-bottom: 5px;
	text-decoration:none;
}

.portfolioDetail_content div a:hover {
	color:#333333;
}



.portfolioDetail_leftColumn {
float: left;
width: 236px;
margin-right: 75px;

}

.portfolioDetail_rightColumn {
float: left;
width:512px;
}

.portfolioDetail_title {
font-size: 30px;
padding-bottom: 30px;
/*margin-left: 276px;*/
}

.portfolioDetail_summary {
font-size:12px
}

.portfolioDetail_back {}



.portfolioDetail_image {
text-align: right;
width: 100%;
padding-bottom: 40px;
}

.portfolioDetail_image img {
border:solid 1px #CCCCCC;
}

.portfolioDetail_imageSummary {
text-align: left;
padding-top: 10px;
font-size:12px;
padding-bottom:10px;
}















/********************************************
* Album list                                *
********************************************/
/* table cell containing one album */
table#kpg-albums td {
	padding: 0 10px 20px 0;
	vertical-align: top;
}

/* the album picture thumbnail */
table#kpg-albums td img.kpg-thumb {
	border: solid 1px black;
}

/* the link with the name of the album */
table#kpg-albums td div.kpg-title a {
	font-weight: bold;
}

/* the album summary */
table#kpg-albums td div.kpg-summary {
}

/* the album location */
table#kpg-albums td div.kpg-location {
	font-style: italic;
}

/* the number of photos in the album */
table#kpg-albums td div.kpg-nbPhotos {
	margin-top: 15px;
}

/* PLEASE TAKE CARE WHEN EDITING THE TWO CLASSES BELOW */
/* They are used to style the output differently depending if there are one or more albums per row */
table#kpg-albums td img.kpg-thumb-onePerRow {
	float: left;
	margin-right: 10px;
}
table#kpg-albums td img.kpg-thumb-multiplePerRow {
	clear: both;
}

/********************************************
* Picture list (in an album)                *
********************************************/
/* the "Back to album list" link container */
div#kpg-backLink {
	padding-bottom: 20px;
}



/* the box with the album description */
div#kpg-album-description {
	padding: 10px;
	margin-bottom: 30px;
	background-color: #FFFFE1;
	border: solid 1px #CECF8E;
}

/* the album title */
div#kpg-album-description div#kpg-title {
	font-weight: bold;
}

/* the album summary */
div#kpg-album-description div#kpg-summary {
}

/* the album location */
div#kpg-album-description div#kpg-location {
	font-style: italic;
}

/* the number of photos in the album */
div#kpg-album-description div#kpg-nbPhotos {
}



/* table cell containing he picture + caption */
table#kpg-pictures td {
	text-align: center;
	padding-bottom: 20px;
	vertical-align: top;
}

/* the picture caption */
table#kpg-pictures td div.kpg-summary {
}

/* the picture thumbnail */
table#kpg-pictures td img.kpg-thumb {
	border: solid 1px black !important;
}

/********************************************
* Paginator                                 *
********************************************/
/* block containing the paginator */
div#kpg-paginator {
	font-weight: bold;
	text-align: center;
	line-height: 30px;
}

/* the current page */
div#kpg-paginator span.kpg-on {
	border: solid 1px #C0C0C0;
	padding: 4px;
}

/* the other pages */
div#kpg-paginator a {
	border: solid 1px #F0F0F0;
	padding: 4px;
}
