/* General */

body {
  font-family: Arial, sans-serif;
  size: 10pt;
  text-align: center;
  background-color: #887;
  overflow: auto;
}
/* The top area. */
#page {
  text-align: left;
  top: 0px;
  width: 850px;
  margin: 0 auto;
  height: 101%;
}
#page-body-body{
    clear: both;
    margin-top: 10px;

}
#page-body {
    background-color: #fdfdfd;
    clear: both;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    border-left: 1px solid black;
    min-height: 75%;

}

#top {
  background-image: url("images/head.png");
  height: 100px;
    cursor: pointer;
}


/* The nav bar */

#navigation { 
    margin-left: auto;
    margin-right: auto;
    height: 26px;
    background-image: url(images/buttonbg.gif);
    background-color: #999;
    font-size: 10pt;
    border-bottom: 1px solid black;

}

#navigation a {
    color: black;
    
}


#content { 
  width: 500px;
  padding-top: 15px;
  padding-left: 18px;
  padding-right: 18px;
  font-size: 10pt;
  text-align: justify;
  float: left;
}
#content-full { 
  padding-top: 15px;
  padding-left: 18px;
  padding-right: 18px;
  font-size: 10pt;
  text-align: justify;
  clear: both;
}

/* Sidebar */

#sidebar { 
  font-size: 10pt;
  width: 285px;
  float: right;
  padding-right: 15px;
}

#sidebar h2 { 
  border-bottom: 1px solid #c15728;
}
#sidebar ul { 
  padding: 6px;
}

/* Footer */

#footer { 
  clear: both;
  width: 800px;
  text-align: center;
  font-size: 10pt;
  padding-top: 10px;
  padding-bottom: 30px;
}


/* Links */
a img { 
  border: none;
}


a:link, a:visited, a:hover, a:active { 
  color:#c15728; text-decoration:none; 
}

/* Headers */

h2 { 
  font-family: Arial Black, sans-serif;
  font-weight: normal;
  font-size: 12pt;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

h3 { 
  font-size: 10pt;
  margin-top: 0px;
  font-style: italic;
}

h2 a:link, h2 a:visited, h2 a:hover, h2 a:active    { 
text-decoration:none; 
}

h3 a:link, h3 a:visited, h3 a:hover, h3 a:active { 
text-decoration:none; 
}

/* Images */

img { 
  padding: 0px;
}

.group {
    float: left;
    background-image: url(images/buttonbg.gif);
    background-repeat: repeat-x;
    background-color: #999;
    width: 90pt; 
}
div.page {
    float: left;
}
.page {
    padding: 5px;
}
.group .page {
    float: none;
}
.pullout {
	width: 180px;
    display: none;
    border: 1px solid black;
    padding-left: 10px;
    padding-right: 18px;
    background-image: url(images/buttonbg.gif);
    background-repeat: repeat-x;
    background-color: #999;
}
.pullout-title {
    font-weight: bold;
    display: none;
    padding-left: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.story {
		padding-top: 5px;
		padding-bottom: 15px;
}
.story-title {
		font-size: 12pt;
		font-weight: bold;
		text-align: left;
}
.story-date {
		padding-left: 8px;
		font-size: 10pt;
		font-style: italic;
}
.story-body {

}
.dummy-footer {
		clear: both;
}
.hidden {
    background-color: #DDD;
    display: none;
    text-align: right;
    padding: 5px;

}
img.indexProductImage {
	float: right;
	padding-left: 10px;
}
img.productImage {
	padding-top: 10px;
	float: right;
	padding-left: 5px;
}
img.screenshot-thumb {
	padding: 15px;

}