/* This is a Trade and Value, Corp. design */


/* Please refrain from copying this style sheet */


html{
height: 100%;
background-color: #000000;
/*
background-image: url(../images/elements/brick2.jpg);
background-repeat: repeat;
*/
}


body{
width: 100%;
margin: 0px auto;
}

.site-holder{
width: 900px; 
margin: 0px auto;
margin-top: 20px;
border: 2px solid #383938;
background-color: #000000;
}


/* ===== BANNER ===== */

.top-banner-holder{
width: 900px;
height: 194px;
margin: 0px auto;
background-image: url(../images/elements/top-banner.jpg);
background-repeat: no-repeat;
overflow: hidden;
}

.top-banner-left{
width: 142px;
height: 130px;
float: left;
margin: 0px auto;
overflow: hidden;
}
.top-banner-left h3{
margin: 5px 0px 0px 20px;
text-align: center;
font-family: Arial, Times;
font-size: 14px;
font-weight: bold;
color: #6f2605;
}

.top-banner-right{
width: 398px;
height: 90px;
margin: 0px auto;
float: left;
overflow: hidden;
}
.top-banner-right h2{
margin: 30px 10px 0px 0px;
text-align: right;
font-family: Arial, Times;
font-size: 20pt;
font-weight: bold;
color: #a27a3f;
}





	/* ======== START NAVIGATION =============== */

.top-separator{
width: 900px;
height: 9px;
margin: 0px 0px 0px 0px;
background-image: url(../images/elements/top-separator.jpg);
background-repeat: repeat-x;
overflow: hidden;
}

.nav-holder{
width: 900px;
height: 32px; 
margin: 0px auto;
margin-top: 13px;
padding: 0px 0px 0px 0px;
text-align: center;
overflow: hidden;
}
.nav-holder ul{
list-style: none;
padding: 0px;
margin: 0px 0px 0px 0px;
overflow: hidden;
}
.nav-holder li{
float: left;
padding: 0px;
margin: 10px 5px 0px 5px;
text-align: center;
overflow: hidden;
}

/* Home */
.nav-holder #home a{
width: 65px;
height: 24px;
background-image: url(../images/elements/navigation/home.gif);
background-repeat: no-repeat;
display: block;
}

.nav-holder #home a:hover{
width: 65px;
height: 24px;
background-image: url(../images/elements/navigation/home-h.gif);
background-repeat: no-repeat; 
display: block;
}

/* About */
.nav-holder #about a{
width: 69px;
height: 24px;
background-image: url(../images/elements/navigation/about.gif);
background-repeat: no-repeat; 
display: block;
}

.nav-holder #about a:hover{
width: 69px;
height: 24px;
background-image: url(../images/elements/navigation/about-h.gif);
background-repeat: no-repeat; 
display: block;
}

/* American */
.nav-holder #american a{
width: 105px;
height: 24px;
background-image: url(../images/elements/navigation/american.gif);
background-repeat: no-repeat; 
display: block;
}

.nav-holder #american a:hover{
width: 105px;
height: 24px;
background-image: url(../images/elements/navigation/american-h.gif);
background-repeat: no-repeat; 
display: block;
}

/* Metric */
.nav-holder #metric a{
width: 75px;
height: 24px;
background-image: url(../images/elements/navigation/metric.gif);
background-repeat: no-repeat; 
display: block;
}

.nav-holder #metric a:hover{
width: 75px;
height: 24px;
background-image: url(../images/elements/navigation/metric-h.gif);
background-repeat: no-repeat; 
display: block;
}

/* One of a kind */
.nav-holder #one-of-a-kind a{
width: 144px;
height: 24px;
background-image: url(../images/elements/navigation/one-of-a-kind.gif);
background-repeat: no-repeat; 
display: block;
}

.nav-holder #one-of-a-kind a:hover{
width: 144px;
height: 24px;
background-image: url(../images/elements/navigation/one-of-a-kind-h.gif);
background-repeat: no-repeat; 
display: block;
}

/* Pros VS Joes */
.nav-holder #pros-vs-joes a{
width: 135px;
height: 24px;
background-image: url(../images/elements/navigation/pros-vs-joes.gif);
background-repeat: no-repeat; 
display: block;
}

.nav-holder #pros-vs-joes a:hover{
width: 135px;
height: 24px;
background-image: url(../images/elements/navigation/pros-vs-joes-h.gif);
background-repeat: no-repeat; 
display: block;
}

/* Contact */
.nav-holder #contact a{
width: 89px;
height: 24px;
background-image: url(../images/elements/navigation/contact.gif);
background-repeat: no-repeat; 
display: block;
}

.nav-holder #contact a:hover{
width: 89px;
height: 24px;
background-image: url(../images/elements/navigation/contact-h.gif);
background-repeat: no-repeat; 
display: block;
}

/* Disclaimer */
.nav-holder #disclaimer a{
width: 117px;
height: 24px;
background-image: url(../images/elements/navigation/warning.gif);
background-repeat: no-repeat; 
display: block;
}

.nav-holder #disclaimer a:hover{
width: 117px;
height: 24px;
background-image: url(../images/elements/navigation/warning-h.gif);
background-repeat: no-repeat; 
display: block;
}


.nav-holder p{
display: inline;
margin: 0px 7px 0px 7px;
text-align: center;
/*
background-image: url(../images/elements/nav-bar.jpg);
background-repeat: x;
*/
overflow: hidden;
}
.nav-holder span{
margin-right: 0px 0px 0px 0px;
font-family: Arial, san-serif; 
font-size: 12pt; 
font-weight: normal; 
text-decoration: none; 
color: #ffffff;
}
.nav-holder a:link, .nav-holder a:active, .nav-holder a:visited {
font-family: Arial, san-serif; 
font-size: 12pt; 
font-weight: normal; 
text-decoration: none; 
color: #bfbf8e;
}
.nav-holder a:hover{
font-family: Arial, san-serif; 
font-size: 12pt;
font-weight: normal; 
text-decoration: none; 
color: #0000ff;
}



/* =========== Main Content CSS ============ */

.mainContent{
width: 900px; 
margin: 0px auto;
background-color: #000000;
font-family: Arial, Times; 
font-size: 11pt;
color: #ffffff;
} 
.mainContent a:link, .mainContent a:active, .mainContent a:visited{
font-size: 10pt; 
font-family: Arial, Times, san-serif; 
font-weight: bold; 
text-decoration: none; 
color: #e57701;
}
.mainContent a:hover{
font-size: 10pt; 
font-family: Arial, Times, san-serif; 
font-weight: bold; 
text-decoration: underline; 
color: #e57701;
}




	/* ====================== Footer ===================== */ 

.bottom-separator{
width: 900px;
height: 9px;
background-image: url(../images/elements/top-separator.jpg);
background-repeat: repeat-x;
overflow: hidden;
}

.footer-holder{
width: 900px;
height: 150px;
margin: 0px auto;
overflow: hidden;
}

.main-footer{
width: 850px;
margin: 0px auto;
margin: 10px 0px 0px 0px;
text-align: center;
}
.main-footer p{
display: inline;
}
.main-footer span{
margin: 0px 4px 0px 4px;
font-weight: bold;
color: #ffffff;
}
.main-footer a:link, .main-footer a:active, .main-footer a:visited {
font-family: Arial, san-serif; 
font-size: 10pt; 
font-weight: normal; 
text-decoration: none; 
color: #ffffff;
}
.main-footer a:hover{
font-family: Arial, san-serif; 
font-size: 10pt; 
font-weight: normal; 
text-decoration: underline; 
color: #ffffff;
}


/* Credits Footer and remaining Custom CSS */

.credits-footer{
width: 900px;
height: 80px;
margin: 0px auto;
margin: 20px 0px 0px 0px;
font-family: Arial, san-serif; 
font-size: 9pt; 
color: #ffffff;
}

.credits-footer p{margin: 10px 0px 0px 0px; text-align: center;}

.credits-footer p span{font-size: 10pt; font-weight: bold;}


.powered-by{
width: 100%;
height: 20px;
margin: 5px 0px 50px 0px;
}
.powered-by a:link, .powered-by a:active, .powered-by a:visited{
font-family: Arial, san-serif; 
font-size: 9pt; 
font-weight: bold; 
text-decoration: none; 
color: #ff9900;
}
.powered-by a:hover{
font-family: Arial, san-serif; 
font-size: 9pt; 
font-weight: bold; 
text-decoration: underline; 
color: #ff9900;
}
.powered-by p{
text-align: center;
font-family: Arial, san-serif; 
font-size: 9pt; 
font-weight: bold; 
color: #ff9900;
}


/* Additional CSS */


a:link, a:active, a:visited{font-size: 8pt; font-family: Arial, san-serif; font-weight: bold; text-decoration: none; color: #b11715;}


a:hover{font-size: 8pt; font-family: Arial, san-serif; font-weight: bold; text-decoration: underline; color: #b11715;}

.clr{
clear: both;
}


	/* End of Custom CSS  */