@import url(base.css);
#portfolio a {
border-bottom:1px dotted #6e9695;
}

#content {
margin-top:15px;
}

#portfolio-top {
background:url(../images/img2/middle.gif) top no-repeat #6e9695;
height:170px;
position:relative;
width:100%;
}

#portfolio-top h2 {
background:url(../images/img2/portfolio_title.gif) top no-repeat;
height:56px;
left:23px;
position:absolute;
text-indent:-5000px;
top:31px;
width:238px;
}

#portfolio-top p {
color:#fbfbf6;
font-size:11px;
left:33px;
line-height:16px;
position:absolute;
top:98px;
width:523px;
}

#portfolio-top p a {
background:#e4ec7e;
color:#757e04;
display:inline;
padding:1px 3px;
}

#portfolio-top p a:hover {
background:#fbffcc;
}

#portfolio-middle {
background:url(../images/img2/bottom_arrow.gif) top no-repeat #ADB966;
color:#3c312d;
height:22px;
position:relative;
text-indent:-5000px;
width:100%;
}

#portfolio-middle h3 {
height:9px;
left:11px;
position:absolute;
text-indent:-5000px;
top:32px;
width:74px;
}

#portfolio-middle h2 {
left:354px;
position:absolute;
top:4px;
}



/*#portfolio-middle h2 a:hover {
background-position:0 -69px;
}*/

#portfolio-mainbody {
background-color:#E7F0ED;
color:#3c312d;
float:left;
margin-top:0px;
width:100%;
}

#portfolio-mainbody h3 {
display:none;
}

#portfolio-mainbody .row {
clear:both;
display:inline;
float:left;
padding-bottom:10px;
padding-top:25px;
width:100%;
}

#row2 {
background:url(../images/img2/home_sided.gif) top repeat-x;
}

.left .copy {
color:#3c312d;
display:inline;
float:left;
margin:0 25px;
position:relative;
width:536px;
}

.left img {
border:5px solid #B8D5D4;
height:67px;
width:354px;
}

.left .copy h4 {
color:#3c312d;
font-size:13px;
font-weight:400;
margin:10px 0 5px 3px;
}

.left h2 {
color:#ADB966;
}

.left .copy p {
font-size:11px;
line-height:15px;
margin-left:3px;
}

.project h1 {
color:#3c312d;
font-size:175%;
font-weight:400;
margin:10px 0 5px 3px;
}

.project {
color:#3c312d;
}



.left {
color:#3c312d;
float:left;
line-height:1.2em;
padding-left:20px;
padding-right:10px;
padding-top:10px;
width:366px;
height:350px;
}


.green {
color:#6E9695;
font-size:150%;
}

.brown {
color:#6e9695;
}

.left .intro {
color:#3c312d;
font-size:70%;
line-height:1.3em;
text-align:justify;
}


.left .intro a{
color:#8f9d44;
text-decoration:underline;
}  


.right .green {
font-size:70%;
font-style:italic;
line-height:1.25em;
}

.right .green a {
color:#8f9d44;
text-decoration:underline;
}

.right .brown {
font-size:65%;
line-height:1.25em;
}

.left .subname {
color:#6e9695;
font-size:100%;
line-height:.0025em;
}

.left .copy .h2 {
margin-bottom:0;
}

.right {
float:right;
padding-left:5px;
padding-right:15px;
padding-top:10px;
width:170px;
height:350px;
}

.backtotop {
padding:15px;
margin-top:15px;

}

.backtotop p {
border-bottom:1px dotted #6e9695;
color:#ADB966;
font-size:55%;
text-align:left;

}

#portfolio-middle h2 a {
	display: block;
	width: 296px;
	height: 69px;
	background: url(../images/img2/topersonal.gif) top no-repeat;
	text-indent: -5000px;
	outline: none;
	}
	
#tip {
color:#8f9d44;
width:572px;
font-size:50%;
padding: 10px;
letter-spacing:inherit;
line-height:1.1em;
text-align: center;
border-bottom:1px dotted #cfd6a5;
background-color:#E7F0ED;
}