body 
{
margin: auto;
font-family: Verdana, Arial, san-serif;
font-size: 13px;
font-weight: normal;
line-height: 140%; 
text-align: left;
color:#fff; 
background-color:#000;
}

h1, h2, h3, h4, h5, h6
{
font-family: Verdana, Arial, san-serif;
font-weight: normal;
margin: 0px;
padding: 0px;

}

h1  
{
font-size: 20px;
color: #fff; 
line-height: 100%;
}

h2  
{
font-size: 18px;
color: #fff;
line-height: 100%;
}

h3  
{
font-size: 16px;
color: #fff;
}

h4  
{ 
font-size: 14px;
color: #fff;
}

h5
{
font-size: 14px;
color: #fff;
text-transform: uppercase;
line-height: 250%;
}

h6
{
font-size: 14px;
color: #fff; 
line-height: 150%;
text-transform: uppercase;
}

ul
{
margin:.5em 0 0 2em; 
padding: 0;
}

ul li
{
margin:0 0 .35em 1.75em; 
padding: 0;
list-style: none;
}

a:link{text-decoration:none; color:#fff;}
a:visited{text-decoration:none; color:#fff;}
a:hover{text-decoration:none; color:#B5A390;}
a:active, a.active{text-decoration:none; color:#B5A390;}

a#footerLink:link{font-size: 11px; text-decoration:none; color:#fff;}
a#footerLink:visited{font-size: 11px; text-decoration:none; color:#fff;}
a#footerLink:hover{font-size: 11px; text-decoration:none; color:#B5A390;}
a#footerLink:active, a#footerLinkactive{font-size: 11px; text-decoration:none; color:#B5A390;}

a#linksLink:link{text-decoration:underline; color:#fff;}
a#linksLink:visited{text-decoration:underline; color:#fff;}
a#linksLink:hover{text-decoration:underline; color:#000000;}
a#linksLink:active, a.active{text-decoration:underline; color:#fff;}

a.portfolioLink:link{text-decoration:none; color:#B5A390;}
a.portfolioLink:visited{text-decoration:none; color:#B5A390;}
a.portfolioLink:hover{text-decoration:none; color:#fff;}
a.portfolioLink:active, a.portfolioLinkActive{text-decoration:none; color:#fff;}

a.topNavLink:link{text-decoration:none; color:#fff;}
a.topNavLink:visited{text-decoration:none; color:#fff;}
a.topNavLink:hover{text-decoration:none; color:#B5A390;}
a.topNavLink:active, a.topNavLinkactive{text-decoration:none; color:#B5A390;}

/* TOP NAVIGATION TOP NAVIGATION TOP NAVIGATION TOP NAVIGATION TOP NAVIGATION */
/* TOP NAVIGATION TOP NAVIGATION TOP NAVIGATION TOP NAVIGATION TOP NAVIGATION */
/* TOP NAVIGATION TOP NAVIGATION TOP NAVIGATION TOP NAVIGATION TOP NAVIGATION */
/* TOP NAVIGATION TOP NAVIGATION TOP NAVIGATION TOP NAVIGATION TOP NAVIGATION */

.logoArea
{
width: 850px;
height: 92px;
text-align: right;
padding: 114px 0 0 0;
margin: auto;
background-image: url(images/header_bg.gif);
background-position: top;
background-repeat: repeat-x;
}

.topNav
{
width: 850px;
height: 30px;
margin: auto;
padding: 0px 0 0 0;
font-family: Tahoma, Geneva, sans-serif; 
font-weight: normal;
font-size: 15px;
text-align: center;
text-transform: uppercase;
display: block;
white-space: nowrap;
}

/* HOME HOME HOME HOME HOME HOME HOME HOME HOME HOME HOME */
/* HOME HOME HOME HOME HOME HOME HOME HOME HOME HOME HOME */
/* HOME HOME HOME HOME HOME HOME HOME HOME HOME HOME HOME */
/* HOME HOME HOME HOME HOME HOME HOME HOME HOME HOME HOME */

.bodyContainerHome
{
width:842px; min-height: 500px; padding: 4px; background-color: #837260;
margin: auto;
}

.homeText
{
width: 850px;
margin: 25px auto;
}

/* PORTFOLIO PORTFOLIO PORTFOLIO PORTFOLIO PORTFOLIO PORTFOLIO PORTFOLIO */
/* PORTFOLIO PORTFOLIO PORTFOLIO PORTFOLIO PORTFOLIO PORTFOLIO PORTFOLIO */
/* PORTFOLIO PORTFOLIO PORTFOLIO PORTFOLIO PORTFOLIO PORTFOLIO PORTFOLIO */
/* PORTFOLIO PORTFOLIO PORTFOLIO PORTFOLIO PORTFOLIO PORTFOLIO PORTFOLIO */

/* also for this section refer to picture-slides.css file in the css folder of the site. */
/* also for this section refer to picture-slides.css file in the css folder of the site. */
/* also for this section refer to picture-slides.css file in the css folder of the site. */
/* also for this section refer to picture-slides.css file in the css folder of the site. */

.bodyContainerPortfolio
{
width: 850px;
min-height: 450px;
margin: auto;
padding: 0;
display: block;
overflow: hidden;
}

.bodyContainerPortfolio p
{
padding: 0;
margin: 3px 0 0px 0;
}

.portfolioSideMenu
{

font-size: 11px;
padding: 10px;
width: 144px;
height: 430px;
background-color: #000;
margin: 1px 0 0 1px;
text-align: right;
float: left;
line-height:13px;
}

.portfolioSideMenu h5
{
margin-top: 22px;
margin-bottom: 8px;
padding-bottom: 0px;
line-height: 110%;
color:#CBC3B0;
font-size: 12px;
}


.thumbnailRow
{
border-top: 0px solid #3E362D;
width: 780px;
height: 92px;
margin: 10px auto 0;
padding: 0 10px;
}

/* BIO BIO BIO BIO BIO BIO BIO BIO BIO */
/* BIO BIO BIO BIO BIO BIO BIO BIO BIO */
/* BIO BIO BIO BIO BIO BIO BIO BIO BIO */
/* BIO BIO BIO BIO BIO BIO BIO BIO BIO */

.bodyContainerBio
{
width:336px;
min-height: 510px;
padding: 0 0 0 514px;
background-color: #837260;
margin: auto;
background-image: url(images/bio_pic.jpg);
background-position: left top;
background-repeat: no-repeat;
}

.bioText
{
width: 306px;
padding: 15px;
font-size: 12px;
line-height: 150%;
}

/* PRICING PRICING PRICING PRICING PRICING PRICING */
/* PRICING PRICING PRICING PRICING PRICING PRICING */
/* PRICING PRICING PRICING PRICING PRICING PRICING */
/* PRICING PRICING PRICING PRICING PRICING PRICING */

.bodyContainerPricing
{
width:502px;
min-height: 510px;
padding: 0 0 0 348px;
background-color: #837260;
margin: auto;
background-image: url(images/pricing_pic.jpg);
background-position: left top;
background-repeat: no-repeat;
}

.pricingText
{
width: 462px;
padding: 20px 20px 0 20px;
font-size: 12px;
}

/* LINKS LINKS LINKS LINKS LINKS LINKS */
/* LINKS LINKS LINKS LINKS LINKS LINKS */
/* LINKS LINKS LINKS LINKS LINKS LINKS */
/* LINKS LINKS LINKS LINKS LINKS LINKS */

.bodyContainerLinks
{
width:750px;
overflow: hidden;
font-size: 12px;
background-color: #837260;
margin: auto;
padding: 30px 50px 30px 50px;
}

.bodyContainerLinks p
{
margin: 3px 0 15px 0;
}

.linkContainer
{
width: 210px;
padding: 20px;
float: left;
}

.linkContainer h4
{
color: #000000;
}

/* TESTIMONIALS TESTIMONIALS TESTIMONIALS TESTIMONIALS TESTIMONIALS TESTIMONIALS */
/* TESTIMONIALS TESTIMONIALS TESTIMONIALS TESTIMONIALS TESTIMONIALS TESTIMONIALS */
/* TESTIMONIALS TESTIMONIALS TESTIMONIALS TESTIMONIALS TESTIMONIALS TESTIMONIALS */
/* TESTIMONIALS TESTIMONIALS TESTIMONIALS TESTIMONIALS TESTIMONIALS TESTIMONIALS */

.bodyContainerTestimonials
{
width:520px;
height: 510px;
padding: 0 0 0 330px;
background-color: #837260;
margin: auto;
background-image: url(images/testimonials_pic.jpg);
background-position: left top;
background-repeat: no-repeat;
}

.testimonialText
{
width: 470px;
padding: 30px 20px;
font-size: 12px;
}

.testimonial
{
border-bottom: 1px solid #fff; font-style: italic;
margin: 0 0 8px 0;
padding: 0 0 8px 0;
}

.testimonialLast
{
font-style: italic;
}

/* CONTACT CONTACT CONTACT CONTACT */
/* CONTACT CONTACT CONTACT CONTACT */
/* CONTACT CONTACT CONTACT CONTACT */
/* CONTACT CONTACT CONTACT CONTACT */

.formselectLink
{
font-size:16px;
font-weight:bold;
vertical-align:middle;
}
.formselectLink a
{
text-decoration:underline;
color:#fff;
}
.formselectLink a:visited
{
text-decoration:underline;
color:#fff;
}
.formselectLink a:active
{
text-decoration:underline;
color:#fff;
}
.formselectLink a:hover
{
text-decoration:underline;
color:#CCCC99;
}


.bodyContainerContact
{
width:750px;
overflow: hidden;
font-size: 12px;
background-color: #837260;
margin: auto;
padding: 30px 50px 30px 50px;
}

.bodyContainerContact h3
{
color:#CCCC99;
font-size: 18px;
margin-top:20px;
margin-bottom:20px;
}

.twentyFive
{
width: 25%; float: left; height: 55px;
}

.thirtyThree
{
width: 33%; float: left;
}

.fifty
{
width: 50%;
float: left;
}

.contactRow
{
border-bottom: 1px solid #A69685;
overflow: hidden;
margin: 0 0 5px 0;
padding: 5px 0;
}

/* FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER */
/* FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER */
/* FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER */
/* FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER */

.footerTop
{
width: 850px;
color: #fff;
margin: auto;
padding: 15px;
font-size: 11px;
line-height: 125%;
}

.footerBottom
{
width: 920px;
margin: 20px auto 0px;
padding: 0 0 50px 0;
text-align: center;
}
/* Used in conjunction with mailer script */
	.nojunkplease {
	visibility: hidden;
	}
/* END Used in conjunction with mailer script */   





.fadecontentwrapper{ /* Total width: 350px+5px+5px=360px Read relative width relations for the other two containers below! */
position: relative;
width: 780px;
height: 125px; /* Set height to be able to contain height of largest content shown
border: 5px solid maroon;*/
overflow: hidden;
float: left;
background-color: #000;
}

.fadecontent{ /*style for each fade content DIV within wrapper. Total width: 330px+10px+10px=350px (".fadecontentwrapper" width minus its padding and borders, if any) */
position: absolute;
padding: 0px;
visibility: hidden;
background-color: #000;
width: 780px;
height: 92px;
float: left;
text-align: center;
}

.fadecontenttoggler{ /*style for DIV used to contain toggler links. Total width: 350px+5px+5px=360px */
width: 35px;
height: 82px;
overflow: hidden;
float: left;
display: block;
margin: 25px 0 0 0;
}

.fadecontenttoggler a{ /*style for every navigational link within toggler */
text-decoration: none;
/* border-right: 2px solid maroon;*/
padding: 0px 0px 0 0px;
display: block;
font-weight: bold;
color: #967C2D;
}

.fadecontenttoggler a:hover{
/* background: #C03021;*/
color: #967C2D;
}

.fadecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}

.fadecontenttoggler a.prev{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
color: #967C2D;
margin: 0 0 0 0px;
}

.fadecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
color: #967C2D;
}

.fadecontenttoggler a.prev:hover, .fadecontenttoggler a.next:hover{
color: #967C2D;
}

.fadecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
/* background: #C03021;*/
color: black;
}