/* CSS Document */
/* filename: main_style.css */
/* Structure: 3-Column, Fixed, Centered */
/* Version: v0.1, 19/11/2011 */
/* Validation: PENDING */
/* ======================================================================== */
    

/* Basic Format Section --------------------------------------------------- */

body{

margin:0;
padding:0;
line-height: 1em;
}

/* ========================================================================= */
 

/* Main Page Parameters ---------------------------------------------------- */

#maincontainer{
width: 840px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

/* ========================================================================= */


/* Header Parameters ------------------------------------------------------- */

#topsection{
background: white;
height: 230px; /*Height of top section - Distance between header/main*/
}
 
#topsection h1{
line-height: 0.5em;
margin: 0;
padding-top: 15px;
padding-left: 450px;
font-family: Arial, Sans-Serif;
font-size: 0.625em;
text-align: right;
}

.logo {
float:left;
margin:10px
}

#header {
	clear:both;
	float:left;
	width:100%;
}
#header {
	border-bottom:1px solid #000;
}
#header p,
#header h1,
#header h2 {
	padding:.4em 15px 0 15px;
	margin:0;
}
#header ul {
	clear:left;
	float:left;
	width:100%;
	list-style:none;
	margin:10px 0 0 0;
	padding:0;
}
#header ul li {
	display:inline;
	list-style:none;
	margin:0;
	padding:0;
}
#header ul li a {
	display:block;
	float:left;
	margin:0 0 0 1px;
	padding:3px 9px;
	text-align:center;
	background:#eee;
	color:#000;
	text-decoration:none;
	position:relative;
	left:15px;
	line-height:1.3em;
}

#header a.not_active{
  color:#000000;	
}

#header a.not_active:hover{
  color:#ffffff;
  background:#dcdcdc;	
}

#header ul li a:hover {
	background:#369;
	color:#fff;
}
#header ul li a.active,
#header ul li a.active:hover {
	color:#fff;
	background:#000;
	font-weight:bold;
}
#header ul li a span {
	display:block;
}

/* ========================================================================= */


/* Center Column Parameters ------------------------------------------------ */

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin: 0 190px 0 180px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#onecolumncontent{
margin: 0 0px 0 0px; /*Margins for one column pages*/
}

/* Context Menu Parameters for one column pages------------------------------ */

#onecolumncontent ul {
	clear:left;
	float:left;
	width:100%;
	list-style:none;
	margin:10px 0 0 0;
	padding:0;
}
#onecolumncontent ul li {
	display:inline;
	list-style:none;
	margin:0;
	padding:0;
}
#onecolumncontent ul li a {
	display:block;
	float:left;
	margin:0 0 0 1px;
	padding:3px 10px;
	text-align:center;
	background:#eee;
	color:#000;
	text-decoration:none;
	position:relative;
	left:15px;
	line-height:1.3em;
}
#onecolumncontent ul li a:hover {
	background:#369;
	color:#fff;
}
#onecolumncontent ul li a.active,
#onecolumncontent ul li a.active:hover {
	color:#fff;
	background:#000;
	font-weight:bold;
}
#onecolumncontent ul li a span {
	display:block;
}

/* Center Column Data Alignment */


.float
{
float:left;
margin-top:5px; /* distance between photo and title */
margin-right: 10px; /* distance between photo and text*/
margin-bottom: 2px; /* distance between photo and next section */
vertical-align:text-bottom;
}

.right
{
float:right;
width:200px; /* text width */
}

.left
{
float:left;
width:100px; /* photo width */
margin-top:5px; /* distance between photo and title */
margin-right: 10px; /* distance between photo and text*/
margin-bottom: 5px; /* distance between photo and next section */
vertical-align:text-bottom;
}

/* ========================================================================= */


/* Left Column Parameters -------------------------------------------------- */

#leftcolumn{
float: left;
width: 180px; /*Width of left column in pixel*/
margin-left: -840px; /*Set margin to that of -(MainContainerWidth)*/
background: #e2e2e2;
}

#leftcolumn_void{
float: left;
width: 180px; /*Width of left column in pixel*/
margin-left: -840px; /*Set margin to that of -(MainContainerWidth)*/
background: #ffffff;
}

/* ========================================================================= */


/* Right Column Parameters ------------------------------------------------- */

#rightcolumn{
float: left;
width: 190px; /*Width of right column*/
margin-left: -190px; /*Set left margin to -(RightColumnWidth)*/
background: #FFFFFF;
}

#rightcolumn_void{
float: left;
width: 190px; /*Width of right column*/
margin-left: -190px; /*Set left margin to -(RightColumnWidth)*/
background: #FFFFFF;
}

/* ========================================================================= */


/* Footer Parameters ------------------------------------------------------- */

#footer{
clear: left;
width: 100%;
background: #ffffff;
color: #000;
text-align: center;
padding: 4px 0;
}

#footer h2{
font-family: Arial, Sans-Serif;
font-size: 0.750em;
}

#footer a.not_active {
  color:#dcdcdc;
}

#footer a.not_active:hover{
  color:#ffffff;
  background:#dcdcdc;	
}

/* ========================================================================= */


/* Global Text Parameters -------------------------------------------------- */

a {
	color:#369;
	}

a:visited{
color:#800080;
}
	
a:hover {
	color:#fff;
	background:#369;
	text-decoration:none;
}

a img {
border:none;
}

h1{
font-family: Arial, Sans-Serif;
font-size: 1em;
}

h2 {
font-family: Arial, Sans-Serif;
font-size: 0.750em;
}

h3 {
font-family: Arial, Sans-Serif;
font-size: 1.125em;
}

.title_link_text{
font-family: Arial, Sans-Serif;
font-size: 0.725em;
text-align:left;
}

.intro_text{
font-family: Arial, Sans-Serif;
font-size: 0.625em;
text-align: left;
}

.intro_text_va_centered{
font-family: Arial, Sans-Serif;
font-size: 0.625em;
vertical-align: middle;
}

.legend_left {
font-family: Arial, Sans-Serif;
font-size: 0.625em;
}

.main_text{
font-family: Arial, Sans-Serif;
font-size: 0.725em;
text-align: justify;
}

.review_text{
font-family: "Times New Roman", Serif;
font-size: 1em;
text-align: left;
width:550px;
margin-left: auto;
margin-right: auto;
}

.box_text {
padding:10px;
font-family: Arial, Sans-Serif;
font-size: 0.625em;
text-align: left;
background-color:#d6d6d6;
}


.thumbnail_no_float {
margin:5px;
}

.adPosition_sidebar_l{
margin:10px;
}

.adPosition_728x90_banner{
  margin:10px;
  text-align:center;
}

.list_classic{
list-style-type:disc;
list-style-position:inside;
padding:0px;
margin:0px;
}

.list_classic_numbered{
list-style-type:decimal;
list-style-position:inside;
padding:0px;
margin:0px;
}

.adPosition_sidebar_r{
margin:2px;
border-style:none;
}

.adPosition_sidebar_c{
margin-top:10px;
margin-left:0px;
margin-right:auto;
border-style:none;
}

.table_forum{
border:none;
background-color:#ffffcc;
width:100%;}
.table_forum_h{
text-align:center;
background-color:#ff9900;}
.table_forum_d{
text-align:center;
}

.table_classic {
width:100%;
border:none;
border-collapse:collapse;
background:none;
}

.table_classic_d {
border:none;
border-collapse:collapse;
background:none;
padding:5px;
font-family: Arial, Sans-Serif;
font-size: 0.625em;
text-align:left;
vertical-align:middle
}

.table_contents {
width:100%;
border:none;
border-collapse:collapse;
background:none;
}
.table_contents_h {
border:none;
border-collapse:collapse;
background:none;
padding:5px;
font-family: Arial, Sans-Serif;
font-size: 0.725em;
text-align:left;
vertical-align:middle
}

.table_contents_d {
border:none;
border-collapse:collapse;
background:none;
padding:5px;
font-family: Arial, Sans-Serif;
font-size: 0.625em;
text-align:left;
vertical-align:middle
}

.table_classic_techdata {
width:100%;
border:1px solid #d6d6d6;
border-collapse:collapse;
background:none;
}
.table_classic_techdata_h{
font-family: Arial, Sans-Serif;
font-size: 0.700em;
background-color:black;
color:white;
}
.table_classic_techdata_d {
padding:5px;
font-family: Arial, Sans-Serif;
font-size: 0.625em;
text-align:left;
vertical-align:middle
}

.img_classic {
border-style:none;
margin:10px;
}

.img_border {
border-style:solid;
border-width:1px;
border-color:#d6d6d6;
}

.img_classic_thumb {
border-style:none;
width:150px;
height:100px;
}

.img_classic_thumb_portrait {
border-style:none;
width:100px;
height:150px;
}

.ad_vertical_left_float {
border-style:none;
margin:10px;
float:left;
}

/* ------------------------------------------------------------------------- */






 