/*  @@@@@[  Wrappers  ]@@@@@ */
/* The percentage in the body tag takes care of earlier versions of IE using the percentages (base font size is 16px for IE 6, 16 x 62.5 = 10)... ems should be used in most other style declarations */

body {
	background:url(images/bg_top.gif) repeat-x top;
	background-color: #fff;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #434343;
	line-height: 18px;
	margin: 0px;
	text-align: left;
}
#main_wrapper {
	text-align: left;
	width: 946px;
	padding-left: 34px;
	padding-top: 13px;
	margin: 0 auto;
}
#main_wrapper_in {
	text-align: left;
	width: 946px;
	padding-left: 34px;
	padding-top: 13px;
	margin: 0 auto;
	background:url(images/bg_body.jpg) no-repeat 0px 180px;
}
.index_layout {
	height: 660px;
	position:relative;
}
#wrapper {
	width: 946px;
	background:url(images/bg_content.gif) repeat-y right;
	position:relative;
}
/*  @@@@@[  Navigation  ]@@@@@ */

/*  @@@@@[  Sub Nav  ]@@@@@ */
/* Note that there are styles applied to all "a" tags in .subnav (such as display: block) and then specific styles for "a" tags in .sub1 */
#subnav {
	width: 199px;
	background:url(images/bg_nav.gif) repeat-y;
}
#subnav_bg {
	width: 181px;
	padding-left: 18px;
	padding-top: 12px;
	padding-bottom: 12px;
	background:url(images/bg_nav_bot.gif) no-repeat top right;
}
.index_nav {
	height: 236px;
}
/* Home */
#subnav div.NavLevel0{
  font-size: 14px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  padding: 4px 8px;
  color: #fffffe;
  background:url(images/line.gif) no-repeat bottom;
}
#subnav div.NavLevel1{
	font-size: 14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #fffffe;
}
#subnav div.NavLevel1 a {
	color:#fffffe;
	text-decoration:none;
	display: block;
	padding: 4px 8px;
}
#subnav div.NavLevel1 a:hover {
	color:#fffffe;
	text-decoration:none;
	background:url(images/line.gif) no-repeat bottom;
}
#subnav div.NavLevel1 a.current {
	color:#fffffe;
	text-decoration:none;
	background:url(images/line.gif) no-repeat bottom;
}
#subnav div.NavLevel2, #subnav div.NavLevel3{
	color: #ffffff;
	background:url(images/bg_sub1.gif) repeat-y;
}
#subnav div.NavLevel2{
	font-size: 13px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:0;
	line-height: 15px;
}
#subnav div.NavLevel2 a{
	background:url(images/bullet3.gif) no-repeat 11px 10px;
	display:block;
	color: #FFF;
	text-decoration:none;
	padding:3px 10px 3px 18px;
}
#subnav div.NavLevel3{
	font-size: 11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:0;
	line-height: 13px;
}
#subnav div.NavLevel3 a{
	display:block;
	color: #FFF;
	text-decoration:none;
	padding:3px 10px 3px 25px;
}
#subnav div.NavLevel2 a:hover, #subnav div.NavLevel3 a:hover {
	color:#ff949c;
}
#subnav div.NavLevel2 a.current, #subnav div.NavLevel3 a.current {
	color: #fff;
	text-decoration:underline;
}

/* @@@@@[  Header / Footer  ]@@@@@ */

#footer {
 	width: 723px;
	float:right;
	color: #737373;
	font-size: 11px;
	padding-right: 5px;
	margin-bottom: 15px;
}
.footer_in {
	position:absolute;
	right: 0px;
	bottom: -20px;
	text-align:right;
}
#footer a:link, #footer a:visited, #footer a:active {
	color: #737373;
	text-decoration: none;
}
#footer a:hover {
	color: #737373;
	text-decoration: underline;
}
#footer .seo a:link, #footer .seo a:visited, #footer .seo a:active, #footer .seo a:hover {
	color: #737373;
	text-decoration: none;
}
#footer a.seo:visited, #footer a.seo:active, #footer a.seo:link {
	text-decoration: none;
	color: #737373;
}
#footer a.seo:hover {
	text-decoration: none; cursor: text;
}

/* @@@@@[  index Page  ]@@@@@ */
#main_wrapper #left_col {
	width: 199px;
	float:left;
	padding-left: 14px;
	padding-bottom: 250px;
	background:url(images/bg_body1.jpg) no-repeat  bottom left;
}
#home_wrapper #left_col {
	width: 199px;
	float:left;
	padding-left: 14px;
	position:absolute;
	left: 0px;
	top: 101px;
}
#right_col {
	width: 733px;
	float:right;
	background:url(images/bg_content_top.gif) no-repeat top;
}
#right_col_top {
	height: 40px;
	text-align: right;
	padding-right: 12px;
	padding-top: 7px;
}
#right_col_top a {
	color: #434343;
	text-decoration:none;
}
#right_col_top a:hover {
	color: #434343;
	text-decoration:none;
}
.img_in {
	padding-left: 14px;
}
#content_in {
	width: 230px;
	top: 407px;
	left: 70px;
	position:absolute;
}
#nav_right {
	width: 750px;
	position:absolute;
	top: 40px;
	right: 0px;
	height:580px;
}
/* @@@@@[  Secondary Page  ]@@@@@ */
#content_sec {
	width: 493px;
	padding-left: 31px;
	float:left;
}
#content_sec ul {
	margin: 0px;
	padding-left: 15px;
	margin-bottom: 13px;
}
#content_sec ul li {
	list-style:none;
	background:url(images/bullet.gif) no-repeat 0px 7px;
	padding-left: 8px;
}
#content_sec ol{
	margin: 0px;
	padding-left: 20px;
	padding-bottom: 13px;
}
#content_sec ol li ol, #content_sec ul li ul{
	margin-bottom: 0px;
}
#sidebar {
	float:right;
	padding-right: 20px;
	width: 153px;
}
.callout_top {
	width: 125px;
	padding-left: 13px;
	padding-right: 15px;
	background:url(images/bg_callout_top.gif) no-repeat top;
	background-color: #49586b;
	color: #fff;
	padding-bottom: 3px;
}
.callout_top h2 {
	font-size: 18px;
	color:#FFEFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:22px;
	padding-top: 10px;
	margin-bottom: 10px;
	font-weight: normal;
}
.callout_bot {
	width: 125px;
	height: 28px;
	background:url(images/bg_callout_bot.gif) no-repeat;
	padding-left: 13px;
	padding-right: 15px;
	padding-top: 7px;
	font-size: 13px;
}
.col2 {
	float: left;
	width: 235px;
	padding-right: 10px;
}

#sidebar .callout_bot a {
	color:#FEFFFF;
	text-decoration:none;
	background:url(images/bullet1.gif) no-repeat right;
	padding-right: 15px;
}
#sidebar .callout_bot a:hover {
	color:#af000f;
	text-decoration:none;
	background:url(images/bullet1.gif) no-repeat right;
	padding-right: 15px;
}
.quote {
	width: 153px;
	padding-top: 27px;
	font-size: 15px;
	color: #455e7f;
	font-style:italic;
	line-height:22px;
}
.name {
	font-size: 11px;
	color: #2b2b2c;
}
a.more {
	background-image: url(images/more_bullet.gif);
	background-repeat: no-repeat;
	padding-left: 13px;
	background-position: left 3px;
}
.iconText {
	margin-left: 70px;
	margin-bottom: 20px;
}
.iconTextSmall {
	margin-left: 25px;
	margin-bottom: 10px;
}



table.data {
	margin-bottom:15px;
	border: 1px solid #999;
	border-collapse:collapse;
}
table.data td, table.data th {
	padding:3px 5px;
	vertical-align:top;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}
table.data th {
	text-align:right;
	font-weight:bold;
}
.float_boost_pic{float:left; width:246px; text-align:center; padding-bottom:10px;}


/* @@@@@[  Redefined Tags / Classes  ]@@@@@ */
a:link, a:visited, a:active {
	color: #af000f;
	text-decoration: underline;
}
a:hover {
	color: #af000f;
	text-decoration: none;
	}
.view_larger_link:link, .view_larger_link:visited, .view_larger_link:active, .view_larger_link:hover {font-size:11px;}
h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 23px;
	background:url(images/bg_h1.gif) bottom repeat-x;
	background-color: #e1e1e2;
	font-weight:normal;
	color: #010101;
	margin-top: 10px;
	margin-right: 20px;
	padding: 9px 18px;
	margin-bottom: 20px;
	margin-left: 14px;
	line-height: 24px;
}
h2 {
	font-weight: normal;
	color: #af000f;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 8px;
	font-size:20px;
	line-height: 20px;
}
h3 {
	font-weight: bold;
	color: #434343;
	margin-top: 0px;
	padding-top: 5px;
	margin-bottom: 5px;
	font-size:13px;
	padding-bottom: 4px;
	border-bottom: solid 1px #b5b5b5;
	text-transform: uppercase;
}
h4 {
	font-size: 13px;
	color: #AF000F;
	padding: 0px;
	margin-bottom: 6px;
}

p {
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 13px;
}

/* Logix News Styles 11/18/2009 */
p.example {
  font-size: 120%;
  font-weight: bold;
  font-style: italic;
  color: rgb(255,0,0);
  text-indent: 3em;
  line-height: 1.2em;
  letter-spacing: 0.1em;
}

p.month {
  font-size: 100%;
  font-weight: bold;
  color: #253e7f;
  margin-top: 2em;
  letter-spacing: .5em;
}

p.event {
  font-size: 110%;
  font-weight: normal;
  font-style: normal;
  color: #af000f;
  line-height: 1em;
 }

p.location {
  font-size: 110%;
  font-style: italic;
  color: #000000;
  line-height: 1em;
}

p.date {
  font-size: 110%;
  color: rgb(0,0,0);
  line-height: 1em;
}

span.event {
  font-size: 110%;
  font-weight: normal;
  font-style: normal;
  color: #af000f;
  line-height: 1em;
 }

span.location {
  font-size: 110%;
  font-style: italic;
  color: #000000;
  line-height: 2.2em;
}

span.date {
  font-size: 110%;
  color: rgb(0,0,0);
  line-height: 1em;
}

p.visit {
  font-size: 110%;
  line-height: 1.2em;
}

p.visit a {
  color: rgb(0,0,200);
}


hr {
	color: #B5B5B5;
	padding: 0px;
	height: 1px;
	margin-top: 5px;
	margin-bottom: 15px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #B5B5B5;
}

blockquote {
	margin: 0px 35px 13px 30px;
	padding: 0px;
}
.clrSolo {
	clear: both;
 	font-size: 1px;
 	line-height: 1px;
 	margin: 0px;
 	padding: 0px;
 	visibility: hidden;
}
.clr {
 	clear: both;
}
.left {
 	float: left;
	width:auto;
}
.right {
 	float: right;
	width:auto;
}
.center {text-align:center;}
.imgRight {
	margin-bottom: 10px;
	margin-left: 10px;
	margin-top: 5px;
	float: right;
	width:auto;
	padding: 1px;
	border: 1px solid #999;
}
.imgLeft {
 	margin-bottom: 10px;
 	margin-right: 10px;
	margin-top: 5px;
 	float: left;
	width:auto;
	padding: 1px;
	border: 1px solid #666;
}
.imgLeft2 {
 	margin-right: 10px;
	margin-top: 5px;
 	float: left;
	width:auto;
	padding: 1px;
	border: 1px solid #666;
}
.imgRight_noborder {float:right; text-align:center; margin:0px 0px 10px 10px;}
.imgLeft_noborder {float:left; text-align:center; margin:0px 10px 10px 0px;}
.img_border {
	padding: 1px;
	border: 1px solid #666;}
.imgFrame {
	padding: 1px;
	border: 1px solid #666;
}
/* @@@@@[  Form Elements  ]@@@@@ */
input, textarea, select {
	font-size: .9em;
	color: #666;
	background-color:#FFFFFF;
	border-top: 1px solid #7a7369;
	border-left: 1px solid #7a7369;
	border-right: 1px solid #d5d9cb;
	border-bottom: 1px solid #d5d9cb;
	margin-bottom: 10px;
}
input.clean {
	border-style: none;
	background: none;
}
/*img{ behavior: url(images/iepngfix.htc) };*/

/* @@@@@[  Content styles  ]@@@@@ */
.screw_animation {position:relative; margin:0 auto 15px auto; width:318px; height:200px; top:0px;left:0px}
.airunit_animation {width:395px; margin:0 auto 15px auto; position:relative;top:0px;left:0px}
.condenser_animation {width:288px; margin:0 auto 15px auto; position:relative;top:0px;left:0px;}
#home_wrapper{position:relative; height:650px;}

#engine_icon { position: relative; width: 375px; padding: 10px; border: 1px solid #ccc; margin-left: 5px; text-align: center; }
#engine_icon_ani1 {position: absolute; top: 87px; left: 31px; }
#engine_icon_ani2 {position: absolute; top: 35px; left: 271px; }
#engine_icon_ani3 {position: absolute; top: 35px; left: 310px; }
#engine_icon_ani4 {position: absolute; top: 94px; left: 334px; }

#ice_rink { position: relative; width: 300px; padding: 5px; border: 1px solid #ccc; margin: 25px 0 20px 179px; text-align: center; }
#ice_rink_ani1 {position: absolute; top: 101px; left: 133px; }
#ice_rink_ani2 {position: absolute; top: 101px; left: 234px; }

#winery { position: relative; width: 300px; padding: 5px; border: 1px solid #ccc; margin: 25px 0 20px 179px; text-align: center; }
#winery_ani1 {position: absolute; top: 45px; left: 123px; }
#winery_ani2 {position: absolute; top: 45px; left: 226px; }
#winery_ani3 {position: absolute; top: 35px; left: 282px; z-index: 100; }

.line { border-top: 1px dashed #af000f; margin: 10px 0;}

.txt_nml { font-style: normal; }
.require{ color:#af000f;}
.width-input{ width: 300px; height: 20px;}
.width-input2{
	width: 300px;
}

.steps { margin-left: 125px; margin-top: 10px; }
.stepsimg { float: left; margin-left:40px; margin-top: 8px; padding-bottom: 10px; }
