/* ---------------- PORTFOLIO PAGE  ---------------- */   
	
body { color: #FFFFFF; }

#curvesP { background-image: url(images/curvesp.gif); background-repeat: no-repeat; position: absolute; height: 335px; width: 852px; left: 975px; top: 0px; z-index: 2; }
#contentAreaP { background-image: url(images/gradd.jpg); background-position: 0px 589px; background-repeat: repeat-x; left: 313px; position: absolute; width:659px; height: 100%; background-color: #7d94c6; z-index: 1; border-right-style: solid; border-right-color: #FFFFFF; border-left-color: #FFFFFF; border-right-width: 1px; border-left-width: 1px; border-left-style: solid; min-height:850px; _height:850px; }


.infobox {
	border: 20px solid #e0e7f0;
	width: 490px;
	left: 50px;
	top: 60px;
	background-image: url(images/bg_grad_inner.jpg);
	background-repeat: repeat-x;
	background-color: #e1d8be;
	padding: 10px;
	float: left;
}

.horizBar, .portfolioImg, .portfolioBox, .portfolioInfo, #moreBox {
	position: absolute;
	border: 1px solid #BFC2CA;
	background-color: #131b3c;
}

.horizBar{
	background-color: #53565B;
	border-left-style: none;
	border-right-style: none;
	width: 100%;
	height: 122px;
	top: 360px;
	z-index: 1;
}
#gradP_top{ position: absolute; width:659px; height: 48px; left: 314px; background-image: url(images/gradP_top.jpg); background-repeat: repeat-x; z-index: 2;}

.portfolioBox {
	left: 313px;
	top: 48px;
	height: 449px;
	width: 569px;
	border-bottom-style: none;
	z-index: 3;
	/*background-image: url(images/portfolio-box.jpg);*/
	background-repeat: no-repeat;
}
.portfolioInfo {
	background-image: url(images/vert_grad.jpg);
	background-repeat: repeat-y;
	height: 90px;
	width: 569px;
	left: 313px;
	top: 498px;
	z-index: 3;
	display: table-cell;
	vertical-align: middle;
	border-top-style: none;
}
.horizLine {
	background-image: url(images/horiz_bar.jpg);
	position: absolute;
	height: 1px;
	width: 567px;
	left: 0px;
	z-index: 4;
	border: 0px none;
}

.thumb {
	border: 1px none #A6A6A6;
	border-bottom-style: solid;
	height: 89px;
}

.portfolioImg, .printWork {	top: 102px;	left: 102px; width: 363px; height: 285px;}
.printWork { position:relative; background-color: #10285e; border: 1px solid #4d5f87; }
.pwTL, .pwBL, .pwTR, .pwBR, .pwC, .pwTC, .pwBC { position: absolute; font-family: "Trebuchet MS"; font-size: 12px; }
.pwTL { top: 14px; left: 14px;}
.pwBL { bottom: 14px; left: 14px;}
.pwTR { top: 14px; right: 14px; text-align: right;}
.pwBR { bottom: 14px; right: 14px; text-align: right;}
.pwC {top: 50px; left: 108px; text-align: center;}
.pwTC {top: 14px; left: 108px; text-align: center;}
.pwBC {bottom: 14px; left: 108px; text-align: center;}
.pwTL img, .pwBL img, .pwTR img, .pwBR img, .pwC img, .pwTC img, .pwBC img { border: 1px solid #8A99BD; cursor: pointer; }
#pwClick { position:absolute; top:395px; width: 570px; font-size: 12px; text-align: center; }
.pageName {	position: absolute;	left: 101px; top: 52px;}
.portLabel, .portInfo, .portInfo20, .viewBtns, .viewWeb {
	font-family: "Trebuchet MS";
	margin-left: 0px;
}
.portLabel
{
    position: absolute;
    font-size: 10px;
    top: 6px;
    right: 465px;
    text-align: right;
    z-index: 200;
}
.portInfo, .portInfo20
{   
    position: absolute;
    font-size: 24px;
    top: 24px;
    left: 57px;
    width: 370px;
}
.portInfo20 {font-size: 18px; left: 57px;width: 350px;}

.linkBox
{
    position: relative;
    left: 440px;
    top: 26px;
    width: 80px;
    height: 63px;
    text-align: left;
}

.viewBtns, .viewWeb
{
    position: relative;
    font-size: 11px;
    color: #FFFFFF;
    text-decoration: none;
    clear: both;
    line-height: 15px;
}
.viewWeb{position: absolute; color: #a2b4d8; left: 440px; top: 7px;}
a.viewWeb:hover {color: #FFFFFF;}

/*.viewWeb {top: 27px;}
.viewPw {top: 41px;}
.viewLogo {top: 55px;}
.viewGraphics {top: 69px;}*/
.viewBtnPrivate
{
    color: #999EA4;
    font-size: 10px;
    top: 7px;
    left: 440px;
    position: absolute;
}

a.viewBtns:link{color: #FFFFFF;text-decoration: none;}
a.viewBtns:hover{color: #a2b4d8;text-decoration: none;}
a.portInfo:link{color: #FFFFFF;text-decoration: none;}
a.portInfo:visited{color: #FFFFFF;text-decoration: none;}
a.portInfo:hover{color: #a2b4d8;text-decoration: none;}
a.portInfo20:link{color: #FFFFFF;text-decoration: none;}
a.portInfo20:visited{color: #FFFFFF;text-decoration: none;}
a.portInfo20:hover{color: #a2b4d8;text-decoration: none;}

.copyright {bottom: 5px; left: 312px; width: 660px; position: absolute; font-size: 10px; text-align: center; z-index: 3;}

#moreBox
{
    background-position: 23px 17px;
    position: absolute;
    border: 1px none #A6A6A6;
    border-bottom-style: solid;
    border-top-style: solid;
    width: 89px;
    height: 89px;
    left: 884px;
    top: 498px;
    z-index: 50;
    background-image: url(images/more.gif);
    background-repeat: no-repeat;
}

.portBack, .portNext
{
    position: absolute;
    top: 44px;
    height: 27px;
    width: 38px;
}
.portBack {left: 1px;}
.portNext {left: 48px;}

/* -------------- THUMBS ROLLOVER --------------- */ 
.thumbPanel1, .thumbPanel2 { position: absolute; border: 1px solid #BFC2CA; background-color: #131b3c; left: 884px; top: 48px; height: 449px; width: 89px; border-left-style: none; z-index: 3; background-color: transparent; background-image: url(images/pg1.jpg); } /*background-position: 0px 4px;*/
.thumbPanel2 {background-image: url(images/pg2.jpg);}

.thumbPanel1 ul, .thumbPanel2 ul {margin:0; padding:0;border-width: 0px; border-style: none; }
.thumbPanel1 li, .thumbPanel2 li { list-style-type:none; width: 89px; display:inline;border-width: 0px; border-style: none;  }
.thumbPanel1 input, .thumbPanel2 input { display:block; float:left; height:0px; overflow:hidden; color:#000; background-color: transparent; padding-top:90px; background-image: url(images/pg1_ro.jpg); background-repeat: no-repeat; background-position: 600px 600px; border-width: 0px; border-style: none; cursor: pointer;}
.thumbPanel2 input {background-image: url(images/pg2_ro.jpg);}
/* don't forget to set thumbSpacer class correctly */
.thumbPanel1 input#tn1:hover, .thumbPanel2 input#tn1:hover { background-position: 0px 0px; line-height: 0px; }
.thumbPanel1 input#tn2:hover, .thumbPanel2 input#tn2:hover { background-position: 0px -90px; line-height: 0px; }
.thumbPanel1 input#tn3:hover, .thumbPanel2 input#tn3:hover { background-position: 0px -180px; line-height: 0px;} 
.thumbPanel1 input#tn4:hover, .thumbPanel2 input#tn4:hover { background-position: 0px -270px; line-height: 0px;}
.thumbPanel1 input#tn5:hover, .thumbPanel2 input#tn5:hover { background-position: 0px -360px; line-height: 0px;}
.thumbSpacer { width: 90px; height:90px; border-style: none; border-width: 0px; }

.normCursor { cursor: default; width: 90px; }
/*.normCursor1 {background-position: 0px 0px;}
.normCursor2 {background-position: 0px -90px;}
.normCursor3 {background-position: 0px -180px;}
.normCursor4 {background-position: 0px -270px;}
.normCursor5 {background-position: 0px -360px;}*/

/* -------------- showcase page --------------- */ 

#showcase { background-color: #131b3c; margin: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; }
#imageBox { margin-right: auto; margin-left: auto; text-align: center; margin-top: 30px; }
#imageBox img
{
    border: 2px solid #AAC4D2;
    margin-top: 0px;
}
#btnBox
{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}
.flipBtn {font-size: 12px; color: #FFFFFF; text-decoration: none; position: relative;}
.clearBoth {clear: both;}