/* CSS */

/* ___________Colors


__________________*/


/* ___________Globals */

* { margin:0; padding:0; font:normal normal 12px Arial, Helvetica, sans-serif; }

a img { border:0; }

a { color:#999933; text-decoration:none;  }
a:hover { text-decoration:underline; }

#Main {
width:825px;background-color:#4e604a;
}

#Header {
width:825px;
height:125px;
}


#navcontainer ul li
{
list-style-type: none;
text-align: center;
height:33px;
display: block;
background-color:#778B6E;
float:left;
}

#HomeButton {
	width:70px;
}

#ResourcesButton {
	width:220px;
}

#DesignersButton {
	width:150px;
}

#PortfolioButton {
	width:100px;
}

#CommunityButton {
	width:110px;
}

#NewsButton {
	width:70px;
}

#navcontainer a
{
font: 12px Arial, Helvetica, sans-serif; color:#313F2E;
text-decoration: none;
font-weight:bold;
display: block;
height:33px;
line-height:33px;
vertical-align:middle;
letter-spacing:3px;
}
#navcontainer a:visited { color: #313F2E; }
#navcontainer li#active { background-color:#c4d3bb; }
#navcontainer a:hover { background-color:#c4d3bb;font-weight:bold;color:#ffffff; }

.navhome-on
{
background-color:#c4d3bb;
color:#ffffff;
}

.navresources-on
{
background-color:#c4d3bb;
color:#ffffff;
}

.navcommunity-on
{
background-color:#c4d3bb;
color:#ffffff;
}

.navnews-on
{
background-color:#c4d3bb;
color:#ffffff;
}

.navdesigners-on
{
background-color:#c4d3bb;
color:#ffffff;
}

.navportfolio-on
{
background-color:#c4d3bb;
color:#ffffff;
}

#Content {
width:825px;
color:#ffffff;
text-align:left;
}

#Content-Back {
width:825px;
color:#ffffff;
text-align:left;
background-image:url('images/backpage-page-gradient.jpg');
background-repeat:repeat-x;
background-color:#aac09c;
}

#LeftContent {
width:240px;
height:388px;
padding:50px 20px 0 20px;
color:#ffffff;
text-align:left;
float:left;
background-color:#4e5f49;
line-height:105%;
}

#LeftContent-Back {
width:119px;
height:358px;
padding:20px 40px 60px 15px;
color:#8e8552;
font-size:11px;
line-height:20px;
text-align:left;
float:left;
}

#RightContent-Back {
width:590px;
padding:30px 36px 0 0;
float:right;
}

.RightContent-BackHeadline {
color:#a59a60;
font-size:18px;
font-weight:bold;
}

.RightContent-BackMainCopy
{
color:#2d4020;
text-align:left;
}

#FlashContent {
width:545px;
float:right;
background-color:#ffffff;
}

#BottomLogos {
color:#ffffff;
background-color:#A59A60;
line-height:150%;
height:125px;
text-align:center;
clear:left;
}

.logos{
vertical-align:middle;
margin:8px 75px 0 0;
}

#ServicesBar a, visited, active, hover {color:#6e6f71;}


#Footer {
font:normal normal 10px Arial, Helvetica, sans-serif;
color:#313F2E;
width:825px;
text-align:right;
padding:10px 0px 10px 0px;
clear:both;
}

#Footer a:visited { color:#929497; }

#Footer a { font:normal normal 10px Arial, Helvetica, sans-serif; color:#929497; margin:0px 0px 0px 0px;} 

#Footer a:hover { color:#163969 }

#RightContent-Bottom {
width:825px;
padding:10px 0 10px 0;
clear:both;
}