/* Work Styles */
#pageAll {
    font-size: 11px;
}
.portThumb1, .portThumb2, .portThumb3, .portThumb4 { /*.portThumb2 no link, .portThumb3 side by side, .portThumb4 last image */
    float: right;
	padding:1px;
	background-image: url(/images/i/dot1.gif);
	background-repeat: repeat;
}
.portThumb1 {
    margin-top: 20px;
	margin-bottom: 30px
}
.portThumb3 {
    margin-top: 20px;
	margin-bottom: 50px
}
.portThumb4 {
    clear: both;
    margin-top: 40px;
}
.portThumb2 div {
    border:5px solid #fff;
}
.portThumb1 div a:link, .portThumb1 div a:visited, .portThumb3 div a:link, .portThumb3 div a:visited, .portThumb4 div a:link, .portThumb4 div a:visited, .portThumb5 div a:link, .portThumb5 div a:visited, .portThumb6 div a:link, .portThumb6 div a:visited {
	display:block;
	border:5px solid #fff;
}
.portThumb1 div a:hover, .portThumb1 div a:active, .portThumb3 div a:hover, .portThumb3 div a:active, .portThumb4 div a:hover, .portThumb4 div a:active, .portThumb5 div a:hover, .portThumb5 div a:active, .portThumb6 div a:hover, .portThumb6 div a:active {
    border:5px solid #ccc;
}
.portThumb5, .portThumb6 { /* image 5-full row, 6-partial row */
    width: 129px;
	float: left;
	padding:1px;
	margin-top: 20px;
	margin-bottom: 30px;
	margin-right: 10px;
	background-image: url(/images/i/dot1.gif);
	background-repeat: repeat;
}
.portThumb6 {
	float: right;
}
#portBrief {
    color: #ccc;
	font-size: 26px;
	line-height: 20px;
	padding-bottom: 8px;
}
#portLink {
    height: 28px;
	font-size: 26px;
	text-align: right;
}
#portLink a:link, #portLink a:visited, #portBrief a:link, #portBrief a:visited, #portIndex a:link, #portIndex a:visited {
    color: #ccc;
}
.indexBlock {
    height: 100px;
}
.indexBlock img {
	float: right;
}
a:link span.portIndex, a:visited span.portIndex {
    display: block;
    color: #ccc; /* changed in doc */
	cursor: pointer; /* for IE */
}
a:hover span.portIndex, a:active span.portIndex {
    display: block;
    color: #000; /* changed in doc */
	cursor: pointer; /* for IE */
}
a:link p.indexDesc, a:visited p.indexDesc {
    display: block;
    color: #999;
	cursor: pointer; /* for IE */
}
a:hover p.indexDesc, a:active p.indexDesc {
    display: block;
    color: #666; /* changed in doc */
	cursor: pointer; /* for IE */
}
a:link div.indexBlock img, a:visited div.indexBlock img {
    border: 1px solid #fff;
	cursor: pointer; /* for IE */
}
a:hover div.indexBlock img, a:active div.indexBlock img {
    border: 1px solid #000; /* changed in doc */
	cursor: pointer; /* for IE */
}
.indexTitle {
    margin-top: 10px;
	margin-bottom: 10px;
}
.indexDesc {
    margin-left: 20px;
	margin-right: 100px;
}
.portIndex {
    color: #ccc;
	font-size: 26px;
	line-height: 30px;
	padding-bottom: 5px;
}
/* print page */
#linksBlockWork {
    clear: both;
	float: right;
    padding-top: 60px;
	text-align: right;
}
.linksWork {
    font-size: 26px;
	margin-bottom: 40px;
}
.linkInfoWork {
    font-size: 14px;
	display: block;
	padding-top: 5px;
}
a:link .linksWork, a:visited .linksWork {
    color: #ccc;
	cursor: pointer; /* for IE */
}
a:hover .linksWork, a:active .linksWork {
    color: #f99d3b;
	cursor: pointer; /* for IE */
}
a:link .linkInfoWork, a:visited .linkInfoWork {
    color: #999;
}
a:hover .linkInfoWork, a:active .linkInfoWork {
    color: #444;
}
/* content styles */
#pageAll u {
    color: #252525; /* changed in index pages */
	text-decoration: none;
}