body {
background: #210e00 url(images/background.jpg) repeat-x;
background-attachment: fixed;
color: #fff;
font-family: Garamond, "Palatino Linotype", "Times New Roman", serif; 
margin: 75px auto ;
}

#ubercontainer {
border: 2px dotted #600;
background-color: transparent;
color: #000;
margin-right: auto;
margin-left: auto;
overflow: hidden;
padding: 0px;
width: 800px;
}

/* STRUCTURES */

#headerbackground {
border: 0px solid #fff;
color: #000;
height: 225px;
position: relative;
width: 100%;
background-color: #530404;
opacity: 0.7;
z-index: 100;
}

#headerwrapper {
border: 0px solid #fff;
background-color: transparent;
color: #000;
overflow: hidden;
padding: 0px;
position: absolute;
z-index: 200;
width: 800px;
}

#leftheader {
border: 0px solid #fff;
background-color: transparent;
float: left;
margin: 15px 25px;
overflow: hidden;
text-align: center;
z-index: 300;
}

#rightheader {
background-color: transparent;
border: 0px solid #fff;
color: #fff;
float: right;
margin: 25px 25px;
overflow: hidden;
text-align: right;
z-index: 300;
}

.contentwrapper {
background-color: transparent;
background:  url(images/sidebar.gif) repeat-y top right;
border: 0px dotted #fff;
color: #000;
overflow: hidden;
position: relative;
width: 100%;
z-index: 200;
}

#footer {
background-color: #470101;
border: 0px dotted #600;
color: #ffa90a;
display: block;
font: .7em/1.5em "Trebuchet MS", Verdana, sans-serif;
margin-top: 0px;
padding: 20px;
position: relative;
text-align: center;
}


#leftcol {
background-color: transparent;
border: 0px solid #fff;
color: #000;
float: left;
font: .9em/1.5em "Trebuchet MS", Verdana, sans-serif;
margin-right: 0px;
padding: 75px 0px 0px 50px;
width: 450px;
}

#sidebar {
background-color: transparent;
border: 0px solid #fff;
color: #ffa90a;
float: right;
overflow: hidden;
padding: 75px 20px 0px 20px;
position: relative;
width: 200px;	
}

#sidebar .signup {
background-color: #600;
color: #ffc;
font: 1.2em/1em "Palatino Linotype", Garamond, "Times New Roman", serif;
letter-spacing: -1px;
margin-bottom: 20px;
}

#sidebar p {
background-color: transparent;
color: #ffa90a;
font: .7em/1.4em "Trebuchet MS", Verdana, sans-serif;
margin-top: 2px;
}

.form {
background-color: #fff;
border: 1px inset #000;
color: #000;
font: 12px sans-serif;
padding: 3px;
}

.button {
background-color: #ffa90a;
border: 1px outset #000;
color: #900;
font: bold 11px sans-serif;
letter-spacing: 1px;
padding: 2px;
text-transform: uppercase;
}

.hmimg {
background: url(images/slideshow/pens.jpg) no-repeat top left;
border: 1px solid #000;
float: left;
height: 340px;
margin: 10px 15px 10px 0px;
overflow: hidden;
width: 225px;
}

hr {
border: 1px dotted #ee7226;
margin-top: 25px;
margin-bottom: 25px;
}


h1 {
background-color: transparent;
color: #fef7e6;
font: 2.5em "Palatino Linotype", Garamond, "Times New Roman", serif;
text-align: center;
	
}

h2 {
background-color: inherit;
color: #ffc36f;
display: inline;
font: oblique 1.2em/1.7em "Trebuchet Ms", sans-serif;
text-align: center;
}

h3 {
background-color: inherit;
color: #ffc;
display: inline;
font: bold .8em/1.3em arial, sans-serif;
text-align: center;
}

p {
background-color: inherit;
color: #ffc;
font: 1.1em/1.5em "Trebuchet Ms", sans-serif;
}

p.home {
background-color: inherit;
color: #ffc;
font: 1.1em/1.5em "Trebuchet Ms", sans-serif;
}

img {
border: 0px;
}

fieldset {
border: 0px;
}



/** feature **/
.feature {  
background-color: #ffa90a;
border: 8px dotted #ea9903; 
color: #033;
margin-bottom: 50px;
padding: 15px; 
}

h4 {
background-color: inherit;
color: #300;
font: 1.1em/1.2em "comic sans ms", arial, Verdana, Arial, Helvetica, sans-serif;
}

h5 {
background-color: inherit;
color: #900;
font: bold 1.3em/1.2em "comic sans ms", arial, Verdana, Arial, Helvetica, sans-serif;
margin-top: 0px;
margin-bottom: 0px;
}

p.feat {
background-color: inherit;
color: #033;
display: inline;
font: 1.1em/1.4em "Trebuchet Ms", sans-serif;
}

.feat-tab {
background: url(images/feat-tab.gif) no-repeat top right;
color: #300;
font: 1.1em/1.2em "comic sans ms", arial, Verdana, Arial, Helvetica, sans-serif;
margin-left: 10px;
padding: 5px 0 15px 0;
width: 150px;
text-align:center;
margin-top: 25px;
}

.feat-tab-valley {
background: url(images/feat-tab.gif) no-repeat top right;
color: #300;
font: 1.1em/1.2em "comic sans ms", arial, Verdana, Arial, Helvetica, sans-serif;
margin-left: 10px;
padding: 5px 0 15px 0;
width: 150px;
text-align:center;
margin-top: 25px;
}



h6 {
background-color: inherit;
color: #ffa90a;
display: inline;
font: bold 1.3em/1.3em arial, sans-serif;
text-align: center;
}

.cap {
background-color: inherit;
color: #ffc;
display: inline;
font: bold 1.6em/1.2em Garamond, "Palatino Linotype", "Times New Roman", serif;
}










/* CONTENT LINKS */
a.type1:link {
background-color: inherit; 
color: #ffc;
text-decoration: underline;
padding: 1px 2px;
}
a.type1:visited {
background-color: inherit; 
color: #ccc;
text-decoration: underline;
padding: 1px 2px;
}
a.type1:hover {
background-color: #48260e;
border-bottom: 2px dotted #815a09;
color: #fff;
text-decoration: none;
padding: 1px 2px;
}
a.type1:active {
background-color: inherit; 
color: #f93;
text-decoration: underline;
padding: 1px 2px;
}
/* END CONTENT */


/* FEATURE LINKS */
a.type2:link {
background-color: inherit; 
color: #300;
text-decoration: underline;
text-align: center;
}
a.type2:visited {
background-color: inherit; 
color:#963;
text-decoration: none;
text-align: center;
}
a.type2:hover {
background-color: inherit;
color: #630;
text-decoration: underline;
text-align: center;
}
a.type2:active {
background-color: inherit; 
color:#c3760a;
text-decoration: none;
text-align: center;
}
/* END FOOTER */



/* BUTTON LINKS  */
a.type3:link {
background-color: #470101; 
color:#ffa90a; 
font: bold 11px sans-serif;
text-decoration: none;
padding: 3px 6px 3px 6px;
border: 1px outset #c30;
}

a.type3:visited {
background-color: #860f0f; 
color:#ffa90a; 
font: bold 11px sans-serif;
text-decoration: none;
padding: 3px 6px 3px 6px;
border: 1px outset #c30;
}

a.type3:active {
background-color: #860f0f; 
color:#ffa90a; 
font: bold 11px sans-serif;
text-decoration: none;
padding: 3px 6px 3px 6px;
border: 1px outset #c30;
}

a.type3:hover {
background-color: #860f0f; 
color: #fc0; 
font: bold 11px sans-serif;
text-decoration: none;
padding: 3px 6px 3px 6px;
border: 1px outset #c30;
}



/* FOOTER LINKS */
a.type4:link {
background-color: inherit; 
color: #ffa90a;
text-decoration: none;
text-align: center;
}
a.type4:visited {
background-color: inherit; 
color:#ffa90a;
text-decoration: none;
text-align: center;
}
a.type4:hover {
background-color: inherit;
color: #f90;
text-decoration: underline;
text-align: center;
}
a.type4:active {
background-color: inherit; 
color:#f93;
text-decoration: none;
text-align: center;
}
/* END FOOTER */




/* MENU  */
.tabs {  
height: 26px; 
list-style:none; 
position: relative;
border-bottom: 1px solid #000; 
padding-left: 10px; 
margin: 0px;
background-color: #530404;
opacity: 0.7;
display: block;
}

.tabs li {
float: left; 
margin-right: -4px; 
margin-bottom: -1px;
}

.tabs li a {
font: bold .8em/1.7em verdana, arial, sans-serif;
display: block; 
text-decoration:none;
}

.tabs li a em {
background: #c3760a;
border: 1px solid #000; 
border-right: 0px; 
color: #ffc;
display: block; 
font-style: normal; 
float: left; 
height: 25px;
padding: 0px 15px; 
text-align: center;

}

.tabs li a span {display:none;}

.tabs li a b {
background: url(images/tab.gif);
border-bottom: 1px solid #000; 
display: block; 
float: left; 
position: relative; 
width: 2px; 
z-index: 100; 
}

.tabs li a b.p1 {height:25px; margin-top:1px;}
.tabs li a b.p2 {height:23px; margin-top:3px;}
.tabs li a b.p3 {height:21px; margin-top:5px;}
.tabs li a b.p4 {height:19px; margin-top:7px;}

.tabs li a b.p5 {
background: #000; 
border: 0px;
font-size: 1px; 
height: 18px;
line-height: 0;  
margin-top: 9px; 
width: 1px;
}

.tabs li a:hover {
color: #300; 
white-space: normal;}

.tabs li a:hover em {
background: #ffa90a; 
border-bottom-color: #ffaa0d; 
color: #300; 
cursor: pointer; 
position: relative; 
z-index: 300;
}

.tabs li a.selected em {
background: #ffa90a; 
border-bottom-color: #ffa909; 
color: #300; 
position: relative; 
text-decoration: none; 
z-index: 400;
}

.tabs li a.selected:hover em {
cursor: default;
}
.tabs li a.selected:hover b {
cursor: default;
}

.tabs li a.selected b {
background-position: 0 -33px; 
border-bottom-color: #ffa90a; 
cursor: pointer;
z-index: 400; 
}

.tabs li a:hover b {
background-position: 0 -33px; 
border-bottom-color: #ffa90a; 
cursor: pointer;
}

.tabs li a:hover b.p5, .menu li a.selected b.p5 {
background: #000;
}

/** bottom hover msg **/
.tabs li a:hover span {
color: #300;
display: block; 
font: bold .9em verdana, arial, sans-serif;
left: 10px;
position:absolute; 
top: 33px; 
white-space: nowrap;
}

.tabs li a.selected:hover span {display:none;}








/** not used **/
.message {
background: #ffa90a; 
border-bottom: 8px dotted #ea9903; 
border-top: 0; 
text-align: right; 
padding: 5px 10px; 
margin: 0 0px 0px 0; 
color: #fff; 
font-size: 10px;
}