body {background-color: #222222 ; /*a1936e 8d846b 9e957d */
margin: 0}

a:link {color: #dddddd; text-decoration: none; }
a:visited {color: #dddddd; text-decoration: none; }
a:hover {color: #bbbbbb; text-decoration: none; }
a:active {color: #272315; text-decoration: none;}

/*Header*/

div.logo{
margin: 0px;
height: auto;
width: auto;
float: left;
position:absolute; left:15px; top:12px;
opacity:1;filter:alpha(opacity=100);
z-index=0
}


.jc {background-color: transparent; 
color: #999999; 
font-family: "Copperplate Gothic Light"; 
font-size: 36px;
position:absolute; left:125px; top:17px}

.photo {background-color: transparent; 
color: #eeeeee; 
font-family: helvetica; 
font-size: 32px;
font-weight: normal;
letter-spacing: 10px;
position:absolute; left:245px; top:39px}



.hometext {background-color: transparent; 
color: #000000; 
font-family: "helvetica";
font-size: 18px;
font-weight: normal;
text-align:center;
position:absolute; left:50px; top:280px

}


div.container{
align: center;
position:absolute; left:500px; top:150px
}

.trust {background-color: transparent; 
color: #777777; 
font-family: "helvetica";
font-size: 24px;
font-weight: normal;
letter-spacing: 5px;
text-align:center;
}

.success {background-color: transparent; 
color: #777777; 
font-family: "helvetica";
font-size: 24px;
font-weight: normal;
letter-spacing: 5px;
text-align:center;}




.titlelinecontainer{
overflow: hidden;
width: auto;
height: 75px;
}

#titleline{
clear: both;
padding: 0;
width: 100%; 
height: 8px;
line-height: 8px;
position:relative; left:450px; top:27px;
background: transparent; /*upper border color*/
border-bottom: 1px solid #999999;}

.contactinfo {background-color: transparent; 
color: #dddddd; 
font-family: helvetica; 
font-size: 14px;
font-weight: normal;
text-align: center;
line-height: 100%; 
position:absolute; right:75px; top:20px}

div.img{
border: 0px:
margin: 0px;
height: auto;
width: auto;
position:absolute; left:250px; top:100px
}

div.scrolllt{
float:left;
margin: 0px;
height: auto;
width: auto;
padding: 5px;
border-style: solid;
border-width: 1px;
}

div.scrollrt{
float:right;
margin: 0px;
height: auto;
width: auto;
padding: 5px;
border-style: solid;
border-width: 1px;
}


div.navigation {background-color: transparent;
color: #dddddd;
font-family: helvetica;
font-size: 24px;
position:absolute; left:600px; top:57px;}

.boxtext{
color: #111111;
font: 15px helvetica, Verdana, sans-serif black;
padding: 10px;
text-transform: none;
letter-spacing: normal;
text-align: left;
position:absolute; left:230px; top:125px;
}

.boxtextthanks{
color: #333333;
font: 15px helvetica, Verdana, sans-serif black;
padding: 10px;
text-transform: none;
letter-spacing: normal;
text-align: left;
position:absolute; left:325px; top:125px;
}


.boxtextform{
font: 14px helvetica, Verdana, sans-serif black;
padding: 10px;
text-transform: none;
letter-spacing: normal;
text-align: center;
position:absolute; left:360px; top:125px;
}

#list{
padding:0; 
margin:0;
}

#list li{
font-family: helvetica;
font-size: 12px;
font-style: bold;
} 

div.ambassador {background-color: transparent;
color: #555555;
font-family: helvetica;
font-size: 18px;
text-align: center;
position:absolute; left:25px; top:500px;}


/*Footer*/

div.wppi {background-color: transparent;
color: #444444;
font-family: helvetica;
font-size: 12px;
position:absolute; left:260px; bottom:45px;}

#footerline{
clear: both;
padding: 0;
width: 100%;
height: 8px;
line-height: 8px;
position:absolute; bottom: 42px;
background: transparent; /*upper border color*/
border-bottom: 2px solid #3e4352 ;}

div.copyright {background-color: transparent;
color: #999999;
font-family: helvetica;
font-size: 12px;
position:absolute; left:385px; bottom:2px;}

div.textnav {background-color: transparent;
color: #666666;
font-family: helvetica;
font-size: 12px;
position:absolute; left:238px; bottom:5px;}

div.serving {background-color: transparent;
color: #999999;
font-family: helvetica;
font-size: 12px;
position:absolute; bottom:25px; left:425px; 
}


div.fb{
border: 0px;
position:absolute; right:20px; bottom:5px;
opacity:1;filter:alpha(opacity=100)}

div.wp{
border: 0px;
position:absolute; left:60px; bottom:5px;
opacity:0.5;filter:alpha(opacity=50)}

div.rss{
border: 0px;
position:absolute; left:20px; bottom:40px;
opacity:0.75;filter:alpha(opacity=75)}




/*Form*/

input {
background: #dddddd !important;
margin: 1px; 
color: #000000;
} 

textarea{
margin: 0px 3px 3px 3px;
}

#form{
background: white;
border: double #333333 3px; 
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
padding: 8px; 
position:absolute; top:210px; left:29px;
}

.title{
background: white;
color: black; 
font-family: helvetica; 
font-size: 14px;
font-weight: bold;
width: 285px;
padding: 3px;
border: double #333333 3px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
position:absolute; left:29px; top:183px;
}

.label{
background: transparent;
color: #333333; 
font-family: helvetica; 
font-size: 14px;
font-weight: bold;
}




/*Navigation*/

#invertedtabs{
margin-left: 45%;
position:absolute; top: 112px; /*moves tabs vertically must allow 11px for line&bar if used*/
padding: 0;
width: 498px; /* width of entire menu - need to set to keep scrollbars off screen*/
background: transparent; /* background block for entire menu*/
voice-family: "\"}\"";
voice-family: inherit;
padding-left: 5px;}

#invertedtabs ul{
font: bold 11px "helvetica", Verdana, sans-serif;
margin:0; /*margin between tabs and line*/
margin-bottom: 1em; /*margin between menu and rest of content - em is a font-size multiplier (was 1em)*/
padding:0;
list-style:none;}

#invertedtabs li{
display:inline;
margin:0 2px 0 0;
padding:0;
text-transform:uppercase;
line-height: 1.5em; /* height of tabs*/
}

#invertedtabs a{
float:left;
color: #bbbbbb; /*tab text color*/
background: #625A43 url(media/color_tabs_left2.gif) no-repeat left bottom;            /*tab color*/
margin:0 2px 0 0;
padding:0 0 0 3px;
text-decoration:none;
letter-spacing: 1px;
}

#invertedtabs a span{
float:left;
display:block;
background: transparent url(media/color_tabs_right2.gif) no-repeat right bottom;
padding:3px 9px 3px 6px;
}

#invertedtabs a span{
float:none;
}
#invertedtabs a:hover{
background-color: #3e4352 ;  /*needs to match hover color*/
}

#invertedtabs a:hover span{
background-color: #3e4352 ; /*hover color*/
}

#invertedtabs #current a, #invertedtabs #current span{ /*currently selected tab*/
background-color: #3e4352;
}

#invertedtabsline{
clear: both;
padding: 0;
width: 100%;
height: 8px;
line-height: 8px;
position:absolute; top: 100px;
background: #AFA589; /*upper border color*/
border-bottom: 4px solid #3e4352 ; /*Remove this to remove border between bar and tabs*  blue color - 6a738d 3e4352 
brick reds-7c0004 690013 590f1d/
}