/* begin universal css */

body { font-family: verdana, arial, sans-serif;	font-size:11px; color:#666666; background-color:#86796C; font-weight:normal; margin:0; padding:0; }

b  { font-weight:bold; }
h1 { font-size:15px; font-weight:bold; }
h2 { font-size:13px; font-weight:bold; }

a:link { color:#0066CC; text-decoration:underline; }
a:visited { color:#0066CC; text-decoration:underline; }
a:active { color:#0066CC; text-decoration:underline; }
a:hover { color:#0066CC; text-decoration:none; }

a.nav1:link { font-size:11px; color:#FFFFFF; font-weight:bold; text-decoration:none; }
a.nav1:visited { font-size:11px; color:#FFFFFF; font-weight:bold; text-decoration:none; }
a.nav1:active { font-size:11px; color:#FFFFFF; font-weight:bold; text-decoration:none; }
a.nav1:hover { font-size:11px; color:#FFCC00; font-weight:bold; text-decoration:none; }

a.nav2:link { font-size:10px; color:#FFFFFF; text-decoration:none; }
a.nav2:visited { font-size:10px; color:#FFFFFF; text-decoration:none; }
a.nav2:active { font-size:10px; color:#FFFFFF; text-decoration:none; }
a.nav2:hover { font-size:10px; color:#FFCC00; text-decoration:none; }

div.body { width:100%; }
div.header { width:100%; }
div.top_right_nav { text-align:right; margin-top:5px; margin-right:30px; height:25px; }
div.logo { margin-left:30px; height:70px; }
div.stripe { height:30px; text-indent:30px; line-height:25px; background-color:#433C36; }
div.content { background-color:#FFFFFF; }
div.footer { clear:both; }
div.bottom_nav { color: #333333; margin-left:30px; height:30px; margin-top:5px; line-height:20px; }

/* end universal css */

/* begin home css */
div.content_home { width:960px; height:400px; }
div.content_home_flash { width:600px; float:left; }
div.content_home_text { width:330px; margin-top:30px; float:right; }
/* end home css */

/* begin thumbnail pages css */
div.content_thumbnails { overflow:auto; width:990px; padding-left:30px; padding-top:30px; padding-bottom:50px; }
div.thumbnail { float:left; width:180px; height:260px; border:1px solid #999; margin:0 15px 15px 0; padding:20px; }
div.thumbnail_image { width:180px; height:180px; margin-bottom:10px; display:block; margin-left:auto; margin-right:auto; text-align:center; line-height:180px; }
div.thumbnail_description { font-size:9px; color:#666666; margin-top:8px; margin-bottom:8px; }
img.center { display:block; margin-left:auto; margin-right:auto; line-height:180px; }
/* end thumbnail pages css */

/* begin product pages css */
div.content_product { overflow:auto; width:900px; padding-left:30px; padding-top:30px; padding-bottom:50px; }
div.content_product_image { width:500px; border:1px; float:left; }
div.content_product_text { width:370px; margin-top:30px; float:right; }
/* end product pages css */

/* begin text pages css */
div.content_text { width:500px; padding-left:30px; padding-top:30px; padding-bottom:50px; }
/* end text pages css */

/*  
.div { position: absolute; left: 100px; top: 43px }

margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; 
padding-top:0px; padding-bottom:0px; padding-right:0px; padding-left:0px;
border-style:solid; border-width:5px; border-color:red; border-top-style:dotted; border-right-style:solid; border-bottom-style:dotted; border-left-style:solid;
border-top:1px solid #999

inline looks like this: <div style="width:330px">
line-height:14px;

DIV.container {
    min-height: 10em;
    display: table-cell;
    vertical-align: middle }
...
<DIV class="container">
  <P>This small paragraph...
</DIV>


*/