/* ::::: PORTFOLIO NEW styling ::::: */
.client {
float: left;
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #b6c77b;
}


div.thumbnail {
float: left;
width: 145px;
margin-right: 10px;
text-align: center;
font-size: 80%;
line-height: 20px;
}

.client div.clientinfo {
float: left;
width: 240px;
margin: 0;
padding: 0;
font-size: 90%;
font-weight: bold;
text-transform: uppercase;
color: #3c2d13;
}

.client div.clientinfo h3 {
font-weight: normal;
text-transform: none;
color: #658339;
display:inline;
font-size: 100%;
}

/* ::::: PORTFOLIO main styling ::::: */

#portfolio-page #content {
float: left;
width: 405px;
padding: 0 0 0 25px;
}

#portfolio-page #tightside {
float: left;
padding: 0 0 0 25px;
width: 305px;
}

#portfolio-page dt a {
text-decoration: none;
border: 0;}

#portfolio-page dt a:link {
text-decoration: none;
border: 0;}

#portfolio-thumbs {
display: block;
list-style: none;
}

#portfolio-thumbs li {
list-style: none;
text-align: left;
display: block;
float: left;
color: #ccc;
}

#portfolio-thumbs li a {
width: 197px;
height: 134px;
outline: none;
border: 0;
}

#portfolio-thumbs li a:hover {
width: 197px;
height: 134px;
outline: none;
border: 0;
}

#portfolio-thumbs li a:visited{
width: 197px;
height: 134px;
outline: none;
border: 0;
}

ul#portfolio-thumbs li {
padding:0;
margin:0 0 7px 0;
display:block;
float:left;
text-indent:-9999px;	
padding: 0 5px 0 0;
}


li#joelschettler-thumb  {	
background-image: url(http://www.designbyreese.com/portfolio_images/joelschettlerthumb.jpg);
background-position: 0 0;
background-repeat: no-repeat;
padding: 0;
margin: 0;
}

li#joelschettler-thumb a {	
background-image: url(http://www.designbyreese.com/portfolio_images/joelschettlerthumb.jpg);
background-position: 0 0;
display: block;
padding: 0;
margin: 0;
}


li#joelschettler-thumb a:hover{	
background-image: url(http://www.designbyreese.com/portfolio_images/joelschettlerthumb.jpg);
background-position:  0 -145px;
}

li#lindaformichelli-thumb {	
background-image: url(http://www.designbyreese.com/portfolio_images/lindaformichellithumb.jpg);
background-position: 0 0;
background-repeat: no-repeat;
display: block;
padding: 0;
margin: 0;
}


li#lindaformichelli-thumb a {	
background-image: url(http://www.designbyreese.com/portfolio_images/lindaformichellithumb.jpg);
background-position: 0 0;
display: block;
padding: 0;
margin: 0;
}

li#lindaformichelli-thumb a:hover, 
li#lindaformichelli-thumb a:focus{	
background-image: url(http://www.designbyreese.com/portfolio_images/lindaformichellithumb.jpg);
background-position:  0 -145px;
}

li#inglathcooper-thumb {	
background-image: url(http://www.designbyreese.com/portfolio_images/inglathcooperthumb.jpg);
background-position: 0 0;
background-repeat: no-repeat;
display: block;
padding: 0;
margin: 0;
}

li#inglathcooper-thumb a {	
background-image: url(http://www.designbyreese.com/portfolio_images/inglathcooperthumb.jpg);
background-position: 0 0;
display: block;
padding: 0;
margin: 0;
}

li#inglathcooper-thumb a:hover, 
li#inglathcooper-thumb a:focus{	
background-image: url(http://www.designbyreese.com/portfolio_images/inglathcooperthumb.jpg);
background-position:  0 -145px;
}

li#passionmeetspurpose-thumb {	
background-image: url(http://www.designbyreese.com/portfolio_images/passionmeetspurposethumb.jpg);
background-position: 0 0;
background-repeat: no-repeat;
display: block;
padding: 0;
margin: 0;
}

li#passionmeetspurpose-thumb a {	
background-image: url(http://www.designbyreese.com/portfolio_images/passionmeetspurposethumb.jpg);
background-position: 0 0;
display: block;
padding: 0;
margin: 0;
}

li#passionmeetspurpose-thumb a:hover, 
li#yoursexylife-thumb a:focus{	
background-image: url(http://www.designbyreese.com/portfolio_images/passionmeetspurposethumb.jpg);
background-position:  0 -145px;
}

li#garyking-thumb {	
background-image: url(http://www.designbyreese.com/portfolio_images/garykingthumb.jpg);
background-position: 0 0;
background-repeat: no-repeat;
display: block;
padding: 0;
margin: 0;
}

li#garyking-thumb a {	
background-image: url(http://www.designbyreese.com/portfolio_images/garykingthumb.jpg);
background-position: 0 0;
display: block;
padding: 0;
margin: 0;
}

li#garyking-thumb a:hover, 
li#yoursexylife-thumb a:focus{	
background-image: url(http://www.designbyreese.com/portfolio_images/garykingthumb.jpg);
background-position:  0 -145px;
}

li#karmelajohnson-thumb {	
background-image: url(http://www.designbyreese.com/portfolio_images/karmelajohnsonthumb.jpg);
background-position: 0 0;
background-repeat: no-repeat;
display: block;
padding: 0;
margin: 0;
}

li#karmelajohnson-thumb a {	
background-image: url(http://www.designbyreese.com/portfolio_images/karmelajohnsonthumb.jpg);
background-position: 0 0;
display: block;
padding: 0;
margin: 0;
}

li#karmelajohnson-thumb a:hover, 
li#karmelajohnson-thumb a:focus{	
background-image: url(http://www.designbyreese.com/portfolio_images/karmelajohnsonthumb.jpg);
background-position:  0 -145px;
}

/* portfolio client list */


#clientlistcontainer
{
width: 315px;
display: block;
margin: 12px 0 0 0;
}

#clientlist 
{
display: block;
list-style: none;
font-size: 90%;
}

#clientlist li
{
list-style: none;
text-align: left;
display: block;
float: left;
color: #ccc;
background: #f3f5e1 url(http://www.designbyreese.com/img/clientlistbg2.jpg) repeat-x 0 100%;
}

#clientlist li a
{
padding: 2px 0 2px 5px;
border-top: 1px solid #fff;
border-right: 1px solid #322113;
font-weight: normal;
display: block;
width: 148px;
text-decoration: none;
color: #36461f;
background: #f3f5e1 url(http://www.designbyreese.com/img/clientlistbg2.jpg) repeat-x 0 100%;
}

#clientlist li a:hover {
color: #fff;
background: #332214;
}


/* portfolio features */

dl#inglathcooperpreview {
float: left;
width: 250px;
margin: 0;
padding: 0 20px 5px 0;
clear: left;
text-align: center;
}

dl#inglathcooperpreview dt {
float: left;
padding: 5px 5px 0 0;
}

dl#inglathcooperpreview dt a {
display: block;
background: url(http://www.designbyreese.com/img/numbers-active.gif) no-repeat 50% 10%;
padding: 2px 17px 5px 15px;
color: #fff;
text-decoration: none;
font-weight: bold;
margin: 0;
}

dl#inglathcooperpreview dt a:hover {
display: block;
padding: 2px 17px 3px 15px;
color: #332214;
text-decoration: none;
font-weight: bold;
margin: 0;
}

dl#joelschettlerpreview {
float: left;
width: 250px;
margin: 0;
padding: 0 20px 5px 0;
clear: left;
text-align: center;
}

dl#joelschettlerpreview dt {
float: left;
padding: 5px 5px 0 0;
}

dl#joelschettlerpreview dt a {
display: block;
background: url(http://www.designbyreese.com/img/numbers-active.gif) no-repeat 50% 10%;
padding: 2px 17px 5px 15px;
color: #fff;
text-decoration: none;
font-weight: bold;
}

dl#joelschettlerpreview dt a:hover {
display: block;
padding: 2px 17px 3px 15px;
color: #332214;
text-decoration: none;
font-weight: bold;
}


dl#lindaformichellipreview {
float: left;
width: 250px;
margin: 0;
padding: 0 20px 5px 0;
clear: left;
text-align: center;
}

dl#lindaformichellipreview dt {
float: left;
padding: 5px 5px 0 0;
}

dl#lindaformichellipreview dt a {
display: block;
background: url(http://www.designbyreese.com/img/numbers-active.gif) no-repeat 50% 10%;
padding: 2px 17px 5px 15px;
color: #fff;
text-decoration: none;
font-weight: bold;
}

dl#lindaformichellipreview dt a:hover {
display: block;

padding: 2px 17px 3px 15px;
color: #332214;
text-decoration: none;
font-weight: bold;
}

dl#karmelajohnsonpreview {
float: left;
width: 250px;
margin: 0;
padding: 0 20px 5px 0;
clear: left;
text-align: center;
}

dl#karmelajohnsonpreview dt {
float: left;
padding: 5px 5px 0 0;
}

dl#karmelajohnsonpreview dt a {
display: block;
background: url(http://www.designbyreese.com/img/numbers-active.gif) no-repeat 50% 10%;
padding: 2px 17px 5px 15px;
color: #fff;
text-decoration: none;
font-weight: bold;
}

dl#karmelajohnsonpreview dt a:hover {
display: block;
padding: 2px 17px 3px 15px;
color: #332214;
text-decoration: none;
font-weight: bold;
}


dl#yoursexylifepreview {
float: left;
width: 250px;
margin: 0;
padding: 0 20px 5px 0;
clear: left;
text-align: center;
}

dl#yoursexylifepreview dt {
float: left;
padding: 5px 5px 0 0;
}

dl#yoursexylifepreview dt a {
display: block;
background: url(http://www.designbyreese.com/img/numbers-active.gif) no-repeat 50% 10%;
padding: 2px 17px 5px 15px;
color: #fff;
text-decoration: none;
font-weight: bold;
}

dl#yoursexylifepreview dt a:hover{
display: block;
padding: 2px 17px 3px 15px;
color: #332214;
text-decoration: none;
font-weight: bold;
}

dl#passionmeetspurposepreview {
float: left;
width: 250px;
margin: 0;
padding: 0 20px 5px 0;
clear: left;
text-align: center;
}

dl#passionmeetspurposepreview dt {
float: left;
padding: 5px 5px 0 0;
}

dl#passionmeetspurposepreview dt a {
display: block;
background: url(http://www.designbyreese.com/img/numbers-active.gif) no-repeat 50% 10%;
padding: 2px 17px 5px 15px;
color: #fff;
text-decoration: none;
font-weight: bold;
}

dl#passionmeetspurposepreview dt a:hover {
display: block;
padding: 2px 17px 3px 15px;
color: #332214;
text-decoration: none;
font-weight: bold;
}


.screenthumb {
float: left;
padding: 0 20px 0 0;
}


dl#portfolio-shots dd {
text-align: center;
margin: 0;
padding: 5px 0 0 0;
}

dl#portfolio-quickfacts {
float: right;
width: 180px;
margin: 20px 5px 10px 15px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
border-bottom: 1px solid #754e2e;
border-left: 1px solid #754e2e;
padding: 15px 15px 5px 15px;
background: #b6c67b url(http://www.designbyreese.com/img/quickfactsbg.jpg) repeat-x;

}

dl#portfolio-quickfacts dt {
font-weight: bold;
margin: 0;
padding: 0;
}

dl#portfolio-quickfacts dd {
margin: 0 0 10px 0;
}

p.featureintro{
font-size: 90%;
font-style: italic;
line-height: 100%;
}


.clientname {
color: #332214;
text-transform: uppercase;
font-size: 110%;
border-bottom: 1px dotted #332214;
display: inline;
}

.clientprofession {
margin: 2px 0 10px 0;
font-size: 100%;
color: #754e2e;
font-style: italic;
}

.browse {
text-align: center;
border-top: 1px dotted #332214;
padding: 5px 0 3px 0;
color: #332214;
font-size: 110%;
clear: both;
}

.navigate {
font-size: 90%;
text-align: center;
font-weight: normal;
}

/*  portfolio testimonials  */
#testimonials dl {
background: url(http://www.designbyreese.com/img/openingquote.gif) no-repeat 0 0;
margin: 0;
padding: 0;
}

#testimonials dl dt {
padding: 15px 20px 0 15px;
font-size: 90%;
color: #4b6526;
}

#testimonials dl dd {
text-align: right;
margin: 2px 20px 20px 15px;
padding-top: 2px;
color: #754e2f;
font-weight: bold;
font-size: 90%;
text-transform: uppercase;
border-top: 1px dotted #754e2f;
}

#testimonials dl dd a {
text-transform: none;
font-size: 90%;
font-weight: bold;
text-decoration: none;
color: #352213;
}

#testimonials dl dd a:visited {
text-decoration: none;
color: #303F1B;
}

#testimonials dl dd a:hover {
text-decoration: none;
color: #3D4F22;
border-bottom: 1px dotted #3D4F22;
}