@charset "utf-8";
/* CSS Document */

#portfoliotitle{
	Color:#990000;
	font-style:italic;
	font-size:18px;
	text-align:center;
	padding-right:0px;
	height:30px;
	font-weight:Bolder;
}

#PortfolioBlock {
	width:385px;
	height:90px;
	position:absolute;
	left:83px;
	top:376px;
}

#PortfolioBlockStructural {
	width:385px;
	height:105px;
	position:absolute;
	left:83px;
	top:365px;
}

#portfolioinfo{
	position:absolute;
	top:30px;
	left:0px;
	width:385px;
	height:60px;
}
#portfolioinfoleft1 {
	position:absolute;
	top:0px;
	left:0px;
	width:190px;
	height:15px;
	color:#666666;
	text-align:right;
	font-size:12px;
	font-weight:bolder;
}
#portfolioinfoleft2 {
	position:absolute;
	top:15px;
	left:0px;
	width:190px;
	height:15px;
	color:#666666;
	text-align:right;
	font-size:12px;
	font-weight:bolder;
}
#portfolioinfoleft3 {
	position:absolute;
	top:30px;
	left:0px;
	width:190px;
	height:15px;
	color:#666666;
	text-align:right;
	font-size:12px;
	font-weight:bolder;
}
#portfolioinfoleft4 {
	position:absolute;
	top:45px;
	left:0px;
	width:190px;
	height:15px;
	color:#666666;
	text-align:right;
	font-size:12px;
	font-weight:bolder;
}

#portfolioinfoleft5 {
	position:absolute;
	top:60px;
	left:0px;
	width:190px;
	height:15px;
	color:#666666;
	text-align:right;
	font-size:12px;
	font-weight:bolder;
}

#portfolioinforight1 {
	position:absolute;
	top:0px;
	left:195px;
	width:190px;
	height:15px;
	color:#666666;
	text-align:left;
	font-size:12px;
}
#portfolioinforight2 {
	position:absolute;
	top:15px;
	left:195px;
	width:190px;
	height:15px;
	color:#666666;
	text-align:left;
	font-size:12px;
}
#portfolioinforight3 {
	position:absolute;
	top:30px;
	left:195px;
	width:190px;
	height:15px;
	color:#666666;
	text-align:left;
	font-size:12px;
}
#portfolioinforight4 {
	position:absolute;
	top:45px;
	left:195px;
	width:190px;
	height:15px;
	color:#666666;
	text-align:left;
	font-size:12px;
}

#portfolioinforight5 {
	position:absolute;
	top:60px;
	left:195px;
	width:190px;
	height:15px;
	color:#666666;
	text-align:left;
	font-size:12px;
}

#portfolioPictureTopLeft{
	Position:absolute;
	top:492px;
	left:50px;
	width:450px;
	height:338px;
	
}


#portfolioPicturebottom1{
	Position:absolute;
	top:380px;
	left:510px;
	width:300px;
	height:200px;
	
}

#portfolioPicturebottom2{
	Position:absolute;
	top:630px;
	left:510px;
	width:300px;
	height:200px;

}

#portfoliomainbody {
position:relative;
left:-31px;
background-image:url(../Pictures/main_background.png);
background-repeat:repeat-y;
width:862px;
height:760px;
}

#PorfolioBar1{
position:absolute;
top:380px;
left:500px;
height:458px;
width:1px;
background-color:#CCCCCC;
}

#PorfolioBar2{
	position:absolute;
	top:600px;
	left:510px;
	height:1px;
	width:295px;
	background-color:#CCCCCC;
}

#PorfolioBar3{
	position:absolute;
	top:478px;
	left:45px;
	height:1px;
	width:445px;
	background-color:#CCCCCC;
}


#Project1{
position:absolute;
left:50px;
top:362px;
width:370px;
height:180px;
}

#Project2{
position:absolute;
left:440px;
top:362px;
width:370px;
height:180px;
}

#Project3{
position:absolute;
left:50px;
top:567px;
width:370px;
height:180px;
}

#Project4{
position:absolute;
left:440px;
top:567px;
width:370px;
height:180px;
}

#Project5{
position:absolute;
left:50px;
top:772px;
width:370px;
height:180px;
}

#Project6{
position:absolute;
left:440px;
top:772px;
width:370px;
height:180px;
}



#MainProjectName{
	position:absolute;
	Top:12px;
	left:220px;
	Height:150px;
	Width:126px;
	color:#990000;
	font-weight:800;
	font-style:italic;
	font-size:15px;
	text-align:center;
	font-family: arial;
	line-height: 150px;
}

#MainProjectTitle{
	position:absolute;
	Top:100px;
	left:150px;
	Height:20px;
	Width:195px;
	color:#999999;
	font-family: arial;
	font-style:italic;
	font-size:14px;
	text-align:right;
}

#MainProjectupperleft{
position:absolute;
top:0px;
left:0px;
width:16px;
height:17px;
background-image:url(../Pictures/BoxPics/ul.png);
background-repeat:no-repeat;
}

#MainProjectupperright{
position:absolute;
top:0px;
left:346px;
width:24px;
height:17px;
background-image:url(../Pictures/BoxPics/ur.png);
background-repeat:no-repeat;
}

#MainProjecttopmiddle{
position:absolute;
top:0px;
left:16px;
width:330px;
height:17px;
background-image:url(../Pictures/BoxPics/top.png);
background-repeat:repeat-x;
}

#MainProjectbottomleft{
position:absolute;
top:157px;
left:0px;
width:16px;
height:23px;
background-image:url(../Pictures/BoxPics/ll.png);
background-repeat:no-repeat;
}

#MainProjectbottomright{
position:absolute;
top:157px;
left:346px;
width:24px;
height:23px;
background-image:url(../Pictures/BoxPics/lr.png);
background-repeat:no-repeat;
}

#MainProjectbottommiddle{
	position:absolute;
	top:157px;
	left:16px;
	width:330px;
	height:23px;
	background-image:url(../Pictures/BoxPics/bottom.png);
	background-repeat:repeat-x;
}

#MainProjectleft{
position:absolute;
top:17px;
left:0px;
width:16px;
height:140px;
background-image:url(../Pictures/BoxPics/left.png);
background-repeat:repeat-y;
}

#MainProjectright{
position:absolute;
top:17px;
left:346px;
width:24px;
height:140px;
background-image:url(../Pictures/BoxPics/right.png);
background-repeat:repeat-y;
}

#MainProjectPicture{
	position:absolute;
	top:12px;
	left:10px;
	width:200px;
	height:150px;
}

.MainProjectLink{
position:absolute;
top:0px;
left:0px;
width:370px;
height:125px;
}

.MainProjectLink:visited{
color:#FFFFFF;
}

.MainProjectLink:link{
color:#FFFFFF;
}

#PortfolioBottomBurronBar{
	position:absolute;
	width:798px;
	height:25px;
	left:32px;
	top: 900px;
}

#PortfolioBottomButton1{
	position:absolute;
	top:0px;
	left:1px;
	width:131px;
	height:25px;

}

#PortfolioBottomButton2{
	position:absolute;
	top:0px;
	left:134px;
	width:131px;
	height:25px;
}

#PortfolioBottomButton3{
	position:absolute;
	top:0px;
	left:267px;
	width:131px;
	height:25px;
}

#PortfolioBottomButton4{
	position:absolute;
	top:0px;
	left:400px;
	width:131px;
	height:25px;
}

#PortfolioBottomButton5{
	position:absolute;
	top:0px;
	left:533px;
	width:131px;
	height:25px;
}

#PortfolioBottomButton6{
	position:absolute;
	top:0px;
	left:666px;
	width:131px;
	height:25px;
}

#PortfolioBottomButton0{
	position:absolute;
	top:0px;
	left:267px;
	width:131px;
	height:25px;
	text-align:center;

}

#PortfolioBottomButton7{
	position:absolute;
	top:0px;
	left:400px;
	width:131px;
	height:25px;
	text-align:center;

}

.PortfolioButtonStyle {
	display:block;
	position:relative;
	color:#000000;
	width:131px;
	height:25px;
	font-size: 9px;
	font-style:italic;
	font-weight: bolder;
	line-height:25px;
	text-align:center;
	background-image:url(../Pictures/inactivebuttonbackground.png);
}

.PortfolioButtonStyle2 {
	display:block;
	position:relative;
	color:#000000;
	width:131px;
	height:25px;
	font-size: 9px;
	font-style:italic;
	font-weight: bolder;
	line-height:25px;
	text-align:center;
	background-image:url(../Pictures/inactivebuttonbackground.png);
}

.PortfolioButtonStyleNext {
	color:#990000;
	font-size:9px;
	font-style:italic;
	font-weight: bolder;
	line-height:25px;
}

.PortfolioButtonStyle:hover {
color:#FFFFFF;
background-image:url(../Pictures/activebuttonbackground.png);
background-repeat:repeat-x;
}




#PorfolioPage1 #PortfolioBottomButton1 a{
	color:#FFFFFF;
	background-image:url(../Pictures/activebuttonbackground.png);
}

#PorfolioPage2 #PortfolioBottomButton2 a{
	color:#FFFFFF;
	background-image:url(../Pictures/activebuttonbackground.png);
}


#PorfolioPage3 #PortfolioBottomButton3 a{
	color:#FFFFFF;
	background-image:url(../Pictures/activebuttonbackground.png);
}

#PorfolioPage4 #PortfolioBottomButton4 a{
	color:#FFFFFF;
	background-image:url(../Pictures/activebuttonbackground.png);
}

#PorfolioPage5 #PortfolioBottomButton5 a{
	color:#FFFFFF;
	background-image:url(../Pictures/activebuttonbackground.png);
}

#PorfolioPage6 #PortfolioBottomButton6 a{
	color:#FFFFFF;
	background-image:url(../Pictures/activebuttonbackground.png);
}