body {
background: #eee0f6 url(images/background.jpg) no-repeat top right;
color: #000;
font-family: "century gothic", verdana, arial, serif; 
margin: 0 0; 
}


#ubercontainer {
border: 0px solid black;
background: transparent;
background: url(images/bg-bottom.jpg) repeat-x bottom left;
color: #000;
overflow: hidden;
padding: 0px;
width: 100%; 
}

#container {
border: 3px solid #d9cedf; /*#c3abd0*/
background: transparent;
color: #000;
margin: 30px;
overflow: hidden;
padding: 0px;
z-index: -1;
}


#header {
background: url(images/napa_doula.gif) no-repeat 30px;
color: #000;
height: 200px;
width: 100%;
}



/* STRUCTURES */

#contentwrapper {
border: 0px solid #000;
background-color: transparent;
background: url('images/.jpg') repeat-x;
color: #000;
overflow: hidden;
width: 100%; 
}

#leftcol {
background-color: transparent;
border: 0px solid #000;
color: #000;
float: left;
font: .9em/1.5em "Trebuchet MS", Verdana, sans-serif;
margin-right: 10px; /* 25 */
padding: 75px 25px 20px 20px;
width: 43%;
}

#sidebar {
border-left: 0px solid #000;
background: transparent;
border: 0px solid #000;
color: #000;
float: right;
font: .9em/1.5em "Trebuchet MS", Verdana, sans-serif;
padding: 200px 20px 20px 0px;
position: relative;
width: 43%;
}

#hmimg {
border: 1px dotted #c3abd0;
float: right;
margin-top: 100px;
margin-bottom: 15px;
overflow: hidden;
padding:10px;
margin-left:15px;
width: 200px;height: 226px;
z-index: 1;
}

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

#footer {
background: #c8afe1 url(images/footer.jpg) no-repeat bottom right;
color: #039;
font: .7em/1.5em "Trebuchet MS", Verdana, sans-serif;
padding: 20px;
position: relative;
text-align: center;
opacity: 0.8;
}









h1 {
background-color: transparent;
color: #306;
font: bold 1.3em "century gothic", verdana, arial, serif; 
margin-top: 0px;
padding-top: 150px;
text-align: center;
}

h2 {
background-color: transparent;
color: #639;
font: bold 1.6em/1em "century gothic", verdana, arial, serif; 
text-align: center;
}

h3 {
background-color: transparent;
color: #039;
display: inline;
font: bold 1.2em/1.4em "century gothic", verdana, arial, serif; 
}

h4 {
background-color: transparent;
color: #333;
display: inline;
font: bold 1em/1.2em "century gothic", verdana, arial, serif; 
}

.cap {
background-color: transparent;
color: #333;
display: inline;
font: 2em/1.5em "century gothic", verdana, arial, serif; 
}

p {
background-color: transparent;
color: black;
font: 1em/1.4em "century gothic", verdana, arial, serif; 
}

.smtxt {
background-color: transparent;
color: #333;
font: .7em/1em arial, sans-serif;
}

img {
border: 0px;
}

fieldset {
border: 0px;
}

.button {
background-color: #069;
border: 2px outset #000;
color: #6ff;
font: 10px arial, sans-serif;
letter-spacing: 1px;
padding: 0px;
}

.quote {
background-color: transparent;
color: black;
font: oblique 1.2em/1.4em "times new roman", times, serif; 
margin: 15px;
}


li { 
font: 1em/1.4em "century gothic", verdana, arial, serif; 
}











.iconlist {
background-color: inherit;
color: #000;
font: .8em/1em arial, helvetica, Verdana, sans-serif;
list-style: none;
margin: 0;
padding: 0;
}

li.ph { 
background-image: url(images/ph.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 20px;
margin: .4em 0;
}
 
li.pen { 
background-image: url(images/pen.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 20px;
margin: .4em 0;
}

li.arrow { 
background-image: url(images/arrow.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 20px;
margin: .4em 0;
}

li.acrobat { 
background-image: url(images/acrobat.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 20px;
margin: .4em 0;
}

li.earth { 
background-image: url(images/earth.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 20px;
margin: .4em 0;
}

li.mega { 
background-image: url(images/mega.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 20px;
margin: .4em 0;
}






















/* CONTENT LINKS */
a.type1:link {
background-color: inherit; 
color: #039;
text-decoration: underline;
padding: 1px 2px;
}
a.type1:visited {
background-color: inherit; 
color: #4f5050;
text-decoration: underline;
padding: 1px 2px;
}
a.type1:hover {
color: #0269e9;
text-decoration: underline;
padding: 1px 2px;
}
a.type1:active {
background-color: inherit; 
color: #3c93fe;
text-decoration: underline;
padding: 1px 2px;
}
/* END CONTENT */


/* FOOTER LINKS */
a.type2:link {
background-color: inherit; 
color: #039;
text-decoration: none;
text-align: center;
}
a.type2:visited {
background-color: inherit; 
color: #4f5050;
text-decoration: none;
text-align: center;
}
a.type2:hover {
background-color: inherit;
color: #0269e9;
text-decoration: underline;
text-align: center;
}
a.type2:active {
background-color: inherit; 
color: #3c93fe;
text-decoration: none;
text-align: center;
}
/* END FOOTER */




/*  menuoff.gif */

#ubermenu {
border: 0px solid black;
background: transparent url(images/menuoff.png) no-repeat top left;
display: block;
overflow:hidden;
white-space: nowrap;
width: 100%;
opacity: 0.8;
}


#menu {
display: block;
font: bold .8em Arial,Verdana,Helvitica,sans-serif;
height: 39px;
position: relative;
width: 800px;
}

#menu ul {
list-style-type: none;
margin: 0;
padding: 0;width: auto;
}

#menu ul li {
float: left;
margin: 0;
}

#menu ul li a {
background: transparent url(images/menudiv.gif) no-repeat top right;
float: left;
color: #666;
height: 23px;
padding: 11px 20px 0 20px;
text-decoration: none;
}

#menu ul li a:hover,#menu ul li a.current {
color: #039;
background: #fff url(images/menuon.gif) no-repeat top right;
}