*                               { margin: 0px; padding: 0px; }
img                             { border: none; }
.clear                          { clear: both; }


body                            { background: /*url(../img/back-ccc.gif) left top repeat-y*/ #eee; }

div#mainwrap                    { position: relative; width: 950px; height: auto; min-height: 400px; padding: 100px 15px 0px; 
                                  background: url(../img/back-gradient.jpg) left 334px repeat-x #fff; border-bottom: 10px solid #36c;
                                  left: 50%; margin-left: -490px; }
  
img#logo                        { position: absolute; left: 8px; top: 12px; }
div#logosmall                   { display: none; }

div#visual                      { padding-bottom: 1px; border-bottom: 10px solid #f60; margin: 0px -15px 20px; height: 224px; }

div#nav                         { float: left; width: 221px; margin-top: 37px; }
div#nav ul.nav                  { width: 215px; }
div#nav li                      { border-top: 1px dotted #ccc; }
div#nav li.first                { border-top: none; }
div#nav li li                   { border-color: #ddd; }
div#nav li a                    { display: block; padding: 2px 0px 2px 15px; }
div#nav li a:hover              { background: #f60; }
div#nav li li a                 { padding-left: 35px; }

ul#metanav                      { position: absolute; left: 0px; top: 0px; text-align: right; width: 100%; }
ul#metanav li                   { margin-right: 10px; display: inline; }
ul#metanav li a                 { display: block; float: right; margin-right: 10px; padding-right: 15px; padding-top: 2px; border-top: 4px solid #999; }
ul#metanav li a:hover           { border-color: #f60; }

ul.nav, ul.nav li               { list-style: none; }
.nav a                          { text-decoration: none; }

div.teasers                     { min-height: 115px; position: relative; margin-bottom: 20px; }
div.teasers div.teaser          { position: relative; float: left; height: 110px; border-left: 1px solid #ccc; width: 220px; 
                                  padding-left: 10px; margin-left: 10px; }
div.teasers div.teaser.first    { padding-left: 0px; border-left: 0px; margin-left: 0px; }
div.teaser h3, div.teaser img, div.teaser p
                                { position: relative; top: -5px; }
div.teaser *                    { cursor: pointer; }

dl.image-teaser                 { clear: both; padding-top: 1em; border-top: 1px solid #ccc; }
dl.image-teaser dt, dl.image-teaser dd
                                { float: left; position: relative; }
dl.image-teaser dt img          { margin-right: 15px; }
dl.image-teaser dt              { width: 135px; }
dl.image-teaser dd              { width: 200px; }


dl.gallery-item                 { width: 150px; float: left; margin-right: 15px; } 

img.gallery-item                { margin: 0 10px 10px 0; } 


div.content                     { float: left; width: 335px; margin-left: 20px; }
div.content.left                { width: 325px; margin-right: 10px; }
div.content h2, div.content h3, div.content p
                                { clear: both; }
               

span.spacer                     { display: block; }

div.boxed, div.boxed-wrap       { padding: 8px 15px 15px; margin: -8px -15px; }
div.boxed-wrap span.clear       { display: block; font-size:1px; clear: both; }

h1                              { position: absolute; top: 281px; left: 235px; padding: 5px 20px; background: url(../img/dark.png) left top repeat; }


div.content li                  { list-style: square; margin-left: 1.5em; }



fieldset                        { border: none; padding-left: 120px; }
div.boxed-wrap fieldset         { padding-left: 105px; }
fieldset label, fieldset input, fieldset textarea
                                { float: left; }
fieldset input.text, fieldset textarea
                                { border: none; width: 200px; padding: 2px 5px; margin-bottom: 8px; }
div.boxed-wrap fieldset input.text, div.boxed-wrap fieldset textarea
                                { width: 185px; }
fieldset label                  { margin-left: -120px; clear: left; }
div.boxed-wrap fieldset label   { margin-left: -105px; clear: left;}
fieldset br                     { clear: left; }
fieldset input.button           { background: none; border: none; cursor: pointer; font-weight: bold; margin: 0px; padding: 2px; text-decoration: underline; }
               

a.additional_gallery_images     { display: none; }               
                                
                                

/* typo */

/* Lucida Sans */
h2                              { font-family: "Lucida Sans", "Lucida Sans Unicode", Arial, sans-serif; font-weight: normal; }

/* Verdana */
h1, h3, h4                      { font-family: Verdana, sans-serif; font-weight: normal; }

/* Tahoma */
body, form *                    { font-family: Tahoma, sans-serif; }


/*  */
h1                              { font-size: 22px; }

/* 16px */
h2, span.spacer                 { font-size: 16px; }

/* 14px */
h3                              { font-size: 14px; }

/* 12px */
div#nav, h4                     { font-size: 12px; }

/* 11px */
body, form *                    { font-size: 11px; }




/* default line height*/
*                               { line-height: 1.5em; }

/* extended line height */
div.content p, div.content li   { line-height: 1.8em; }



/* bottom margins */
h2, h3, span.spacer             { margin-bottom: 0.5em; }

div.content p, div.content ul, div.content dl, div.content div.boxed, div.content div.boxed-wrap
                                { margin-bottom: 1em; }
div.content div.boxed p
                                { margin-bottom: 0; }




/* typo colors */

/* lighter gray */
a                               { color: #999; }

/* corporate gray */
*                               { color: #666; }

/* corporate orange */
a:hover, div.content h2, div#nav a.active, ul#metanav a.active, div.teaser:hover *
                                { color: #f60; }
ul#metanav a.active
                                { border-color: #f60; }

/* white */
h1, div#nav a:hover             { color: #fff; }
div.boxed-wrap fieldset input.text, div.boxed-wrap fieldset textarea
                                { background-color: #fff; }

/* off white */
body, div.boxed, div.boxed-wrap, fieldset input.text, fieldset textarea
                                { background-color: #eee; }






/* specials for rating */

/*
li.crit.pos                     { list-style-image: url('../img/rating-pos.gif'); }
li.crit.neg                     { list-style-image: url('../img/rating-neg.gif'); }
*/

ul.rating li                    { list-style: none; background: url('../img/arrow-side.gif') 0.4em 0.6em no-repeat; margin-left: 0; padding: 0 0.8em 0 1.5em; }
ul.rating li.expanded           { background: url('../img/arrow-down.gif') 0.4em 0.6em no-repeat #eee; margin-bottom: 1em;}
ul.rating li div.details        { padding-bottom: 1px; }

ul.rating li span.title         { cursor: pointer; }
ul.rating li.expanded span.title{ text-decoration: underline; }
ul.rating li img.rating         { margin: 0 0 -2px 5px; }

p.pos                           { color: #0c0; }
p.neg                           { color: #c00; }

dl.rating dt                    { float: left; width: 115px; }