/* ---------------
	General
----------------- */
* {
	padding: 0px;
	margin: 0px;
}
body {
	background: #788 url(/images/bg/squares.gif);
	font: 11px Arial, Helvetica, sans-serif;
}
#fade {
	background: url(/images/bg/squares_fade.jpg) repeat-x;
	text-align: center;
}
#container {
	background: #c8d9e1;
	border: 10px solid #eee;
	margin: 0px auto;
	text-align: left;
	width: 740px;
	_width: 760px;
}
img, fieldset {
	border: 0px;
}
a {
	text-decoration: none;
}
p {
	line-height: 1.5em;
}
.clear {
	clear: both;
}

/* ---------------
	Top Nav
----------------- */
#header1 {
	background: #344 url(/images/bg/black_fade.jpg) repeat-x;
	height: 131px;
	position: relative;
}
#header1 .my {
	display: block;
	position: absolute;
	right: 0px;
	top: 0px;
}
#header1 fieldset {
	background: url(/images/header1/search.gif) no-repeat left top;
	height: 34px;
	position: absolute;
	right: 86px;
	top: 0px;
	width: 169px;
}
#header1 .query {
	float: left;
	margin: 7px 10px 0px 15px;
	width: 100px;
}
#header1 .submit { display: block; float: left; }
#header1 h1 {
	background: url(/images/header1/cti.gif) no-repeat;
	height: 54px;
	left: 33px;
	position: absolute;
	text-indent: -5000px;
	top: 34px;
	width: 85px;
}
#header1 h1 a {
	display: block;
	height: 100%;
	width: 100%;
}
#header1 p {
	color: #fff;
	padding: 0px 150px 0px 150px;
}
#header1 .tag {
	color: #eeb;
	font: italic 14px /*Georgia, */Times New Roman, Times, serif;
	padding-top: 35px;
}

/* ---------------
	Footer
----------------- */
#footer1 {
	background: #7a8b8b url(/images/footer1/bg.gif) right;
	height: 71px;
	position: relative;
}
#footer1 h1 {
	background: url(/images/footer1/cti.gif) no-repeat;
	height: 69px;
	position: absolute;
	text-indent: -5000px;
	top: 2px;
	width: 99px;
}
#footer1 h1 a {
	display: block;
	height: 100%;
	width: 100%;
}
#footer1 ul {
	list-style: none;
	padding: 15px 0px 0px 105px;
}
#footer1 li {
	color: #fff;
	display: inline;
	padding: 0px 10px;
}
#footer1 p {
	color: #fff;
	padding: 15px 0px 0px 115px;
}
#footer1 li a, #footer1 p a {
	color: #fff;
}
#footer1 li a:hover, #footer1 p a:hover {
	text-decoration: underline;
}

/* ---------------
	Blue Footer
----------------- */
#blue-footer {
	background: #c8d9e1 url(/images/bg/ltblue_fade.jpg) repeat-x bottom;
	color: #036;
	width: 100%;
}
#blue-footer ul {
	list-style: none;
}
#blue-footer li {
	background: url(/images/footer1/blt.gif) no-repeat 5px 9px;
	padding: 5px 0px 0px 20px;
}
#blue-footer h2 {
	padding: 0px 0px 5px 20px;
	font-size: 16px;
}
#blue-footer .left {
	float: left;
	padding: 25px 0px 0px 25px;
}
#blue-footer .clear {
	height: 25px;
}
#blue-footer a {
	color: #036;
}
#blue-footer a:hover {
	background: #eee;
	text-decoration: underline;
}

/* ---------------
	lots of rules
	for nav
----------------- */
#right-nav { left: 410px; }
.nav {
	list-style: none;
	position: absolute;
	top: 102px;
}
.nav li {
	float: left;
	height: 29px;
	text-indent: -5000px;
}
.nav li a {
	display: block;
	height: 100%;
	width: 100%;
}
#right-nav li a:hover, #left-nav li a:hover { background-position: left bottom; }
#main, #main-active, #about, #about-active { width: 68px; }
#training, #training-active { width: 103px; }
#products, #products-active { width: 85px; }
#support, #support-active { width: 86px; }
#contact, #contact-active { width: 78px; }
#purchase, #purchase-active { width: 156px; }
#downloads, #downloads-active { width: 96px; }
#main a { background: url(/images/nav/main.jpg); }
#main-active a { background: url(/images/nav/main_active.jpg); }
#products a { background: url(/images/nav/products.jpg); }
#products-active a { background: url(/images/nav/products_active.jpg); }
#support a { background: url(/images/nav/support.jpg); }
#support-active a { background: url(/images/nav/support_active.jpg); }
#about a { background: url(/images/nav/about.jpg); }
#about-active a { background: url(/images/nav/about_active.jpg); }
#training a { background: url(/images/nav/training.jpg); }
#training-active a { background: url(/images/nav/training_active.jpg); }
#contact a { background: url(/images/nav/contact.jpg); }
#contact-active a { background: url(/images/nav/contact_active.jpg); }
#purchase a { background: url(/images/nav/purchase.jpg); }
#purchase-active a { background: url(/images/nav/purchase_active.jpg); }
#downloads a { background: url(/images/nav/downloads.jpg); }
#downloads-active a { background: url(/images/nav/downloads_active.jpg); } 

/* ---------------
	Main page, left
	and right columns
----------------- */
#left {
	background: #768888;
	border-bottom: 2px solid #123;
	display: inline;
	float: left;
	position: relative;
	width: 410px;
}
#right {
	display: inline;
	float: right;
	position: relative;
	width: 330px;
}

/* ---------------
	Main page, left
	column stuff
----------------- */
.tan {
	background: #e7e6b2 url(/images/bg/tan_fade.jpg) repeat-x;
	border: 2px solid #e7e6b2;
	margin: 0px 10px 10px;
	padding: 0px 10px 10px 14px
}
.picture {
	background: url(/images/main/simatic555.jpg);
	height: 161px;
	margin: 10px;
	padding: 0px 20px;
}
.picture h2 {
	color: #fff;
	font-size: 16px;
	padding-top: 80px;
}
.picture p {
	color: #eeb;
}
.tan h3 {
	color: #600;
	font-size: 14px;
}
.product h3 {
	padding-left: 60px;
}
.tan h3 a {
	color: #600;
}
.tan h3 a:hover {
	text-decoration: underline;
}
.product p {
	padding-left: 60px;
}
.product {
	border-bottom: 1px solid #a29465;
	padding: 20px 0px 15px 0px;
	position: relative;
	width: 100%;
}
.tan .thumb {
	border: 1px solid #000;
	float: left;
	position: absolute;
}

/* ---------------
	Main page, right
	column stuff
----------------- */
.blue {
	background: #59b url(/images/bg/blue_fade.jpg) repeat-x;
	border: 10px solid #59b;
	padding: 12px;
}
.blue p {
	color: #fff;
	padding: 5px 0px;
}
.white {
	background: #fff;
	border: 2px solid #c8d9e1;
	padding: 10px 15px;
}
.blue label {
	color: #fff;
	font-size: 11px;
	font-weight: bold;
}
.info input {
	display: block;
	margin-bottom: 5px;
}
.info .text {
	width: 125px;
}
.info .address {
	width: 125px;
	height: 50px;
	margin-bottom: 10px;
	font: 12px Arial, Helvetica, sans-serif;
}
.interests p {
	color: #fff;
	padding: 2px 0px;
}
.info {
	width: 125px;
	float: left;
	display: inline;
}
.interests {
	width: 140px;
	float: left;
	display: inline;
	margin-left: 15px;
	padding-bottom: 3px;
}
.interests .hr {
	border-top: 1px solid #479;
	margin: 5px 0px;
}
.interests .hr hr {
	display: none;
}
.blue .clear {
	height: 2px;
}
.white h2 {
	color: #036;
	float: left;
	font-size: 16px;
	padding-right: 10px;	
}
.white p {
	color: #079;
	padding: 5px 0px;
}
.white p em {
	color: #600;
}
.white .archives {
	padding-top: 0px;
}
#right .forum {
	margin-left: 148px;
}

/* ---------------
	Secondary Page
----------------- */
#main1 {
	border: 10px solid #768888;
}
#main2 {
	border: 10px solid #59b;
	background: #fff;
	padding: 20px;
}
#main1 .tan, #main1 .picture {
	margin: 0px;
}
#main1 .tan {
	padding: 15px 20px;
}
#main1 .tan h2 {
	color: #600;
	font-size: 20px;
	padding: 3px 0px;
}
#main1 .tan h3 {
	color: #036;
	font-size: 16px;
	padding: 3px 0px;
}
#main1 .tan p {
	padding: 7px 0px;
}
#main1 .tan ul {
	list-style: square;
	padding: 7px 25px;
}
.forum2 {
	border-top: 2px solid #123;
	text-align: right;
}
.forum2 img {
	margin: 1px 2px 0px 0px;
}
#main1 a {
	color: #600;
	text-decoration: underline;
}
#main1 a:hover {
	background: #eee;
}
#main1 .category {
	float: left;
	padding-bottom: 15px;
	width: 325px;
}
#main1 .right {
	float: right;
	margin-top: 30px;
	padding-bottom: 15px;
	width: 300px;
}
#main1 .hr {
	border-bottom: 1px solid #a29465;
	clear: both;
	margin-bottom: 15px;
}
#main1 .hr hr {
	display: none;
}
.inset-left {
	border: 1px solid #000;
	display: relative;
	float: left;
	margin: 10px 20px 5px 0px;
}
.inset-right {
	border: 1px solid #000;
	display: relative;
	float: right;
	margin: 10px 0px 5px 20px;
}
.wtp {
	margin-bottom: 15px;
}

/* ---------------
	Product Page
----------------- */
#product1 {
	background: #fff url(/images/bg/white_fade.jpg) repeat-x;
	border: 10px solid #768888;
	padding: 20px;
	position: relative;
}
#product1 ul, .white ul, #main2 ul {
	list-style: none;
	padding-bottom: 7px;
}
#product1 li, .white li, #main2 li {
	background: url(/images/footer1/blt.gif) no-repeat 0px 9px;
	padding: 5px 0px 0px 15px;
}
#product1 a, .white a, #main2 a {
	color: #036;
}
#product1 a:hover, .white a:hover, #main2 a:hover {
	background: #eee;
	text-decoration: underline;
}
#product1 h2, #main2 h2 {
	color: #036;
	font-size: 22px;
}
#product1 h3, #main2 h3 {
	color: #036;
	font-size: 16px;
	padding: 3px 0px;
}
#product1 p, #main2 p {
	color: #000;
	padding: 7px 0px;
}
#product1 img {
	float: right;
	margin: 40px 20px 10px 75px;
	position: relative;
}
.small {
	font-size: 10px;
}