/* andreas07 - an open source xhtml/css website layout by Andreas Viklund - http://andreasviklund.com . Free to use for any purpose as long as the proper credits are given for the original design work.

Version: 1.1, November 28, 2005 */

/* 2007-07-10: Colour customizations, using 'web-safe' colours                */
/*              White: #ffffff  - content background                          */
/*          Dark Grey: #333333  - content font                                */
/*          Dark Blue: #000033  - nav background, content h1 links            */
/*     Reddish-Purple: #990033  - content h2-h6, content link hover           */
/*             Yellow: #ffff99  - nav font                                    */

/**************** Page and tag styles ****************/

body { margin:0; padding:0; color:#333333; text-align: justify;
  background:#ffffff; background: #ffffff; font:76% Verdana,Tahoma,sans-serif;}
  
p { margin-bottom: 20px; }

ul { list-style:circle; margin:15px 0 20px 0; font-size:0.9em; clear:both;}

li { margin:0 0 8px 25px;}

a { color:#000033; font-weight:bold; text-decoration:none;}

a:hover { color:#990033; text-decoration:underline;}

img { float:left; margin:0 15px 15px 0; padding:1px; background:#ffffff;
  border:1px solid #d0d0d0;}

a img { border-color:#d85d5d;}

a img:hover { background:#d85d5d; border-color:#d85d5d;}


/**************** Miscelaneous styles ****************/

.tal {text-align: left;}
.tac {text-align: center;}
.tar {text-align: right;}
.floatright
{float:right}
.floatleft
{float:left}
.clearfix
{clear:both; visibility:hidden; height:0}

/**************** Sidebar area styles ****************/

#sidebar {
  position:absolute; top:0; left:0; width:220px; height:100%; overflow:auto;
  background: /*#000033 */ /*#a5a6c4 */ #6B6DA0 url(img/bgleftmenu.jpg) repeat-x; text-align:right;}

body > #sidebar { position:fixed; }

#sidebar h1 {
  margin:20px 18px 0 5px; color:#ffff99; font-size:1.6em; letter-spacing:-2px;
  text-align:right;}

#sidebar h2, #sidebar h3 {
  margin:0 0 18px 0; color:#ffff99; font-size:1.1em; font-weight:bold;
  letter-spacing:-1px; text-align:right; text-align:center;}

#sidebar h3 { margin:20px 0 4px 0; color:#ffff99;}

#sidebar p { color:#ffff99; font-size:0.8em;}

#sidebar a { color:#ffff99;}

#sidebar img {
  margin:0px 10px; text-align: center; padding:10px 0 0 0; border:0 none; background: transparent /*#000033*/;}

/**************** Navigation menu styles ****************/

#menu a {
  display:block; width:202px; padding:3px 18px 3px 0; color:#ffff99;
  /*background: #45466f;*/ font-size:1.4em; font-weight:normal; text-decoration:none;
  letter-spacing:-1px; border-bottom: 1px solid #000033; }

#menu a:hover {
  color:#ffff99; background:#990033 url(img/bgleftmenuon.jpg) repeat-x; border-bottom: 1px solid #ffff99;}

#menu a.active {
  padding:3px 18px 3px 0; color:#000033; background:#ffffff;
  border-bottom: 1px solid #ffff99;}

#menu a.active:hover { color:#ffff99; background:#990033 url(img/bgleftmenuon.jpg) repeat-x;}

#page-menu { background: /*#bfbfbf*/ #8d8d8d url(img/bgpagemenu.jpg) repeat-x; }
#page-menu a {
  font-size: 1.2em; font-weight: bold; color: #000033;}


/**************** Content area styles ****************/

#content {
  width:520px; margin:0 0 0 240px; padding:20px 0; background:#ffffff;}

#content p {
  margin:0 0 20px 0; line-height:1.5em;}

#content h1 {
  margin:0; color:#990033; font-size:4em; letter-spacing:-5px; text-align:center;}

#content h2 {
  margin:0; color:#000033; font-weight:normal; font-size:2.5em; letter-spacing:-2px;
  text-align:center;}

#content h3 {
  clear:both; margin:30px 0 10px 0; color:#990033; font-weight:normal; font-size: 2em;
  letter-spacing:-2px;}

#content h1 a { color: #990033; text-decoration: none; }
#content h3 a { color: #990033; text-decoration: none; }

h4 {font-size: 1.3em; color: #3f3f3f;}
h5 {font-size: 1.1em; color: #6f6f6f;}
h6 {font-size: 1.0em; color: #9f9f9f;}


/*************** Product area styles *****************/
.product { padding: 10px 0 10px 0;}

.product img {
  float:left; margin:0 0 15px 0; padding:1px; background:#ffffff;
  border:1px solid #d85d5d;}

.product ul {
  list-style:circle; margin:15px 0 20px 0; font-size:1.1em; clear:both;}
  
/*************** Contact page styles ******************/

#contact p { padding-left: 2em; font-size: 1.2em; }
#contact a { padding-left: 2em; font-size: 1.2em; }