/*
=================================================================
			s3maphor3 main CSS file. Defines layout and style
			Author: 	Ferdy Christant
			Version:	v3.0
			Date:		Feb, 2007
=================================================================
	This file defines the layout of s3maphor3.org
=================================================================
*/

body {
background: #000;
font-family: trebuchet ms, tahoma, verdana, arial, helvetica;
font-size:11px;
line-height: 1.3em;
margin:0;
}

#header {
height:30px;
background-color:#000
font-size: large;
padding: 0.3em 0;
color:#fff;
}

#footer {
height:40px;
text-align: center;
padding-top: 0px;
background: url(../img/bg_ftr.gif);
color:#fff;
}

#content {				
width: 600px;
}

#col1 {
background: url(../img/bg_col1.gif) no-repeat;
background-color:#333;
color:#ccc;
padding: 0 10px;        
padding-top: 50px;
width:160px;
}

#content {
background: url(../img/bg_content.gif) repeat-x;
background-color:#fff;
padding: 0 20px;
padding-top: 30px;
min-height:400px;
}

#col2 {
background: url(../img/bg_col2.gif) no-repeat;
background-color:#333;
color:#ccc;
padding: 0 10px;        
padding-top: 50px;
width:160px;
}

a, a:link, a:active {
color: #690;
}

#col1 td, #col2 td, #content td {
padding:3px;
}

h1 {
font-size:1.5em;
}

h2 {
font-size:1.3em;
}

#col1 h1, #col2 h1 {
font-size:1.5em;
color:#fff;
}

#content h2 {
background:#ccc;
color:#333;
padding:3px;
}

#col2 h2 {
color:#690;
font-size:1.1em;
font-weight:bold;
margin-bottom:0px;
margin-top:10px;
}

img.wrap { 
    float: left; 
    margin: 4px; 
}

.navcontainer { width: 150px; }

.navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
}

.navcontainer a
{
display: block;
padding: 3px;
width: 90px;
background-color: #333;
}

.navcontainer a:link, .navlist a:visited
{
color: #690;
text-decoration: none;
}

.navcontainer a:hover
{
background-color: #690;
color: #fff;
}

.product_header {
background: #ccc;
font-weight:bold;
}

.product_header h2 {
margin:0;
padding:0;
}

.product_body {
color:#000;
border: 1px solid #ccc;
}

td product_body {
padding:5px;
}

.screenshot img {
  background:#ccc;
  padding: 5px;
  border:1px solid #999;
}