﻿/*Stylesheet for eckertmachines.com*/

/*this designates the background colors for the pages*/

body{
background-color:#434343;
}


/*This part is to designate the text fonts, styles and colors to be used in the website*/

p{
	font-family: Arial;
	font-size: 12px;
	color:#023F88;
	margin:7px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}

h1{font-family: "Arial Black"; color:#F7931D; margin:5px; font-size: 27px; text-transform:none; text-align:center}

h2{font-family: "Arial Black"; color:#F7931D; margin:5px; font-size: 21px; font-variant:small-caps; text-align:left}

h3{
	font-family: Arial;
	color:#F7931D;
	font-size: 18px;
	font-variant:normal;
	text-align:left;
	margin:5px
}

h4{font-family: "Arial Black"; color:#F7931D; font-size: 15px; margin:5px; text-transform:none; text-align:center}

h5{font-family: "Arial"; font-size: 16px; color:#023F88; text-transform:none; text-align:left}

h6{font-family: "Arial", "Verdana"; font-size: 12px; color:#023F88; font-style: italic; text-align: center}

h7{font-size: 14px; font-family: "Arial Black", "Dutch801 XBd BT"; color:#F7931D ; text-align: center}

ul{
	font-family: "Arial", "Verdana", "Times New Roman";
	color:#023F88;
	font-size: 12px;
	list-style-position:outside;
	list-style-type: circle;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}

.emph {font-style: italic; font-weight:bold}

a:link{font-weight:bold; color:#F7931D; text-decoration:underline}

a:visited{font-weight:bold; color:gray; text-decoration:underline}

a:hover{font-weight:bolder; color:red; text-decoration:underline}

a:active{font-weight:bolder; color:red; text-decoration:underline}

/*This Defines the tables*/

.content {
width:99%;
border:0px;
}

.feature {
	background-color:#FFFFFF;
	text-align:center;
	position:relative;
	width:58%;
	height:auto;
	border:0px;
	font-style: normal;
	vertical-align: top;
}

.widefeature{
background-color:#FFFFFF;
text-align:justify;
position:relative;
width:70%;
height:auto;
border:0px;
}

.product{
background-color:#FFFFFF;
text-align:left;
position:relative;
width:98%;
height:auto;
border:0px;
}

.blank2{
background:none;
width:58%;
position:relative;
}

.events{
	background-color:#FFFFFF;
	text-align:left;
	vertical-align:text-top;
	position:relative;
	width:26%;
}

.events2{
	background-color:#FFFFFF;
	text-align:center;
	position:relative;
	width:26%;
}

.blank3{
	background:none;
	width:26%;
	position:relative;
}

.blank4{
	background:none;
	width:14%;
	position:relative;
}

.menu {
	background-color:#FFFFFF;
	text-align:left;
	position:relative;
	width:11%;
}

.blank1{
	background:none;
	width:11%;
	position:relative;
}

.center{text-align:center;}


/*this is to establish the properties of the news column*/


#archive{position:absolute; top: 15px; left:20%; width:60%; text-align:left}

#center{text-align:center}

#left{text-align:left}
