@charset "utf-8";
/* CSS Document */
/* ------------------------------------------------------------------------
CSS sheet for heatandpowerproducts
Author: Jason Montour
Date Created: 6/8/2010

All inquiries for this document should be directed to information@virtualtech.com.

--------------------------------------------------------------------------

COLORS:
Dark Blue: #063869;
Darker Blue #002f5d;
Orange: #c42903;

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

/* -----------------------------------------------------------------------
=MAIN DESIGN ELEMENTS
-------------------------------------------------------------------------*/

* {
	margin: 0px;
	padding: 0px;
}
.clear {
	clear: both;
}
.center {
	text-align: center;
}	
.pushDownOver {
	margin: 10px 0px 10px 200px;
}
.pushDown {
	margin: 10px 0px;
}
a {
	outline: none;
	color: #0066CC;
	text-decoration: none;
}
body {
	background: #063869 url(../images/holes.png);
	font-family: Arial, Helvetica, sans-serif;
	color: #002f5d;
}
#outer {
	width: 1020px;
	background: url(../images/shadow.png) repeat-y;
	margin: 0 auto;
	position: relative;
}
#wrapper {
	width: 1000px; 
	background: #fff;
	margin: 0 auto;
}
#banner {
	height: 150px;
}	
#main {	
	position: relative;
	margin-bottom: 10px;
	min-height: 150px;
	background: url(../images/mainBG.jpg) top no-repeat;
}
#footer {
	text-align: center;
	font-size: smaller;
	padding: 20px 0px;
	background: #ccc url(../images/mainBGline.png) top no-repeat;
}

/* -----------------------------------------------------------------------
=TOP NAVIGATIONS
-------------------------------------------------------------------------*/
#topNavUpperWrap {
 	width: 1020px; 
	height: 35px;
	background: url(../images/navUpperBG.png) no-repeat;
	margin: 0 auto;
}
#topNavUpper, #topNavLower {
	font-size: 14px;
}
#topNavUpper {
	width: 1000px;
	margin: 0 auto;
	padding-left: 65px;
}
#topNavUpper a {
	font-weight: bold;
	display: block;
	float: left;
	color: #EEE;
	padding: 0px 17px 0px 17px;
	height: 35px;
	line-height: 34px;
	border-right: 1px solid #000033;
	border-left: 1px solid #003399;
}
#topNavUpper a:hover {	
	background: url(../images/btnHover.png) repeat-x;
	color: #FFF;
}
#topNavUpper a.first {
	border-left: none;
	padding: 0px 17px 0px 18px;
}
#topNavUpper a.first:hover {
	border-left: 1px solid #003399;
	padding: 0px 17px 0px 17px;
}
#topNavUpper a.last {
	border-right: none;
	padding: 0px 18px 0px 17px;
}
#topNavUpper a.last:hover {
	border-right: 1px solid #000033;
	padding: 0px 17px 0px 17px;
}
#topNavLower {
	height: 35px;
	background: url(../images/navLowerBG.jpg) repeat-x;
	padding-left: 4px;
}
#topNavLower a {
	font-weight: bold;
	display: block;
	float: left;
	color: #EEE;
	padding: 0px 7px 0px 7px;
	height: 35px;
	line-height: 34px;
	border-right: 1px solid #CC0000;
	border-left: 1px solid #CC6600;
}
#topNavLower a:hover {	
	background: url(../images/btnHover.png) repeat-x;
	color: #FFF;
}
#topNavLower a.first {
	border-left: none;
	padding: 0px 14px 0px 15px
}
#topNavLower a.first:hover {
	border-left: 1px solid #CC6600;
	padding: 0px 14px 0px 14px
}
#topNavLower a.last {
	border-right: none;
	padding: 0px 15px 0px 14px
}
#topNavLower a.last:hover {
	border-right: 1px solid #CC0000;
	padding: 0px 14px 0px 14px
}
/* -----------------------------------------------------------------------
=MAIN CONTENT ELEMENTS
-------------------------------------------------------------------------*/
#banner h1 {
	text-indent: -9999px;
}
#facebook {
	position: absolute;
	top: 196px;
	right: 20px;
	z-index: 100;
	font-size: 9pt;
	height: 16px;
	line-height: 16px;
	font-style: italic;
	font-weight: bold;
}
#facebook img {
	display: block;
	float: right;
	margin-left: 8px;
	border: none;
}
#main h3 {
	padding: 16px;
	color: #c42903;
	text-align: center;
}
#main p {
	padding: 16px;
}
#logos {
	width: 700px;
	margin: 20px auto;
	text-align: center;
}
#logos img {
	margin: 10px;
	border: none;
}
#logos a {
	border: none;
}
#logoLinks {
	text-align: center;
}
#logoLinks img {
	border: none;
	margin: 10px 22px;
}
#education #logos {
	width: 900px !important;
}
#columns {
	background: url(../images/mainBGline.png) top no-repeat;
	padding: 30px 0px;
}
#columns .products {
	margin-top: 20px;
	padding-bottom: 30px;
	background: url(../images/smallLine.jpg) bottom no-repeat;
}
#columns h3 {
	text-align: left;
	text-indent: -9999px;
	width: 150px;
	height: 39px;
	padding: 10px 0px;
	margin-left: 170px;
}
#columns div ul, #columns div p {
	float: right;
	padding: 0px 10px;
	list-style: none;
	width: 250px;
}
#columns div ul li {
	padding: 6px 0px;
}
ul.styledList {
	list-style: circle !important;
}
ul.otherStuff {
	list-style: circle;
	margin-left: 200px;
}
#columns div img {
	float: left;
	width: 200px;
	height: 150px;
}
#columns a {
	color: #0066CC;
}
#fulton h3 {
	background: url(../images/logos/fulton.jpg) no-repeat;
}
#ve h3 {
	background: url(../images/logos/ve.jpg) no-repeat;
}
#bfs h3 {
	background: url(../images/logos/bfs.jpg) no-repeat;
}
#les h3 {
	background: url(../images/logos/les.jpg) no-repeat;
}
#ev h3 {
	background: url(../images/logos/ev.jpg) no-repeat;
}
#ic h3 {
	background: url(../images/logos/ic.jpg) no-repeat;
}
#shenandoah h3 {
	background: url(../images/logos/shenandoah.jpg) no-repeat;
}
#flexHose h3 {
	background: url(../images/logos/flexhose.jpg) no-repeat;
}
#miljoco h3 {
	background: url(../images/logos/miljoco.jpg) no-repeat;
}
#tekmar h3 {
	background: url(../images/logos/tekmar.jpg) no-repeat;
}
#heatTimer h3 {
	background: url(../images/logos/heat-timer.jpg) no-repeat;
}
#ludell h3 {
	background: url(../images/logos/ludell.jpg) no-repeat;
}

#armstrong h3 {
	background: url(../images/logos/armstrong.jpg) no-repeat;
}

#ajax h3 {
	background: url(../images/logos/ajax.jpg) no-repeat;
}
#patkel h3 {
	background: url(../images/logos/patkel.jpg) no-repeat;
}
#para h3 {
	background: url(../images/logos/para_logo.gif) no-repeat;
}
#selkirk h3 {
	background: url(../images/logos/selkirk.jpg) no-repeat;
}
#heatfab h3 {
	background: url(../images/logos/heatfab.jpg) no-repeat;
}
#enervex h3 {
	background: url(../images/logos/enervex-logo.png) no-repeat;
}
#cain h3 {
	background: url(../images/logos/cain.jpg) no-repeat;
}
#other #ic h3, #other #shenandoah h3, #other #miljoco h3,
#other #tekmar h3, #other #heatTimer h3 {
	background: transparent;
}

#leftColumn {
	float:left;
	width: 49%;
	border-right: 2px solid #063869;
	text-align: left;
}
#rightColumn {
	float: right;
	width: 49%;
	text-align: left;
}
p.about.last { 
 	margin-bottom: 50px;
}
div.bigLine {
	height: 15px;
	padding-bottom: 50px !important;
	background: url(../images/bigLine.jpg) bottom no-repeat;
}
#education div.bigLine {
	padding-bottom: 20px !important;
}
div.bigLineShort {
	height: 15px;
	background: url(../images/bigLine.jpg) bottom no-repeat;
}
ul.aboutList {
	list-style: dot;
	padding: 0px 40px;
}
ul.thermalList {
	list-style: dot;
	padding: 0px 40px;
}
#represents {
	padding: 0px 15px;
}	
#represents img, #represents p {
	display: block;
	float: left;
}
#represents img, {
	width: 150px;
}
#represents p {
	padding-top: 0px !important;
	width: 780px;
}
#creditCards {
	text-align: center;
}
#creditCards img {
	padding: 10px;
	width: 63px;
	height: 40px;
}
#partsAndService {
	background: url(../images/bigLine.jpg) top no-repeat;
}
#theForm {
	padding: 0px 10px 10px 10px;
}
#theForm .floated {
	width: 250px;
	display: block;
	float: left;
	margin-left: 10px;
}	
#theForm .fieldLabel {
	display: block;
	float: left;
	width: 150px;
	padding: 2px;
}
#theForm .fieldLabelRadio {
	display: block;
	float: right;
	width: 200px;
	padding: 0px 2px;
	margin-right: 15px;
}
#theForm .fieldInput {
	width: 400px;
	padding: 2px;
}
.red {
	color: #CC0000;
}
#contact #main {
	padding: 0px 10px;
}
.person {
	width: 45%;
	float: left;
	display: block;
	padding-left: 20px;
}
.person p {
	line-height: 24px;
}
.person img {
	float: left;
	margin: 10px 10px;
	border: 2px solid #555;
}
#locationInfo {
	text-align: center;
	background: url(../images/bigLine.jpg) bottom no-repeat;
	padding-bottom: 20px;
}

#locationInfoColumn {
	text-align: center;
	padding-bottom: 20px;
	float: left;
	width: 33%;
}
#locationInfoColumn.down {
	margin-top: 40px;
}
#madison, #milwaukee {
	margin-top: 30px;
}

#lineCard #main img {
	border: none;
}
.brand {
	padding: 0px 15px;
}	
.brand img {
	display: block;
	float: left;
}
.brand p {
	display: block;
	float: right;
	padding-top: 0px !important;
	width: 780px;
}
.brand img, {
	width: 150px;
}
.otherProduct, .fluidProduct {
	width: 48%;
	float: left;
	display: block;
}
.fluidProduct {
	background: url(../images/smallLine.jpg) bottom no-repeat;
}
.otherProduct img {
	float: left;
	padding: 10px;
}
.fluidProduct img {
	float: left;
	padding: 10px;
	height: 120px;
	width: 160px;
}
.otherProduct p {
	float: right;
	padding: 0px 10px;
	width: 250px;
}
.fluidProduct p, .fluidProduct ul {
	float: right;
	padding: 0px 10px;
	width: 250px;
}
.fluidProduct ul {
	list-style: dot;
	margin-left: 6px;
}
.otherMfg {
	background: url(../images/bigLine.jpg) top no-repeat;
	border-bottom: 1px solid #000033;
}
#fluidFlow .brand {
	background: url(../images/bigLine.jpg) top no-repeat;
}
/*.otherMfg h3 {
	display: none;
}*/
#about #leftImages {
	float: left;
	width: 220px;
	margin-top: 100px;
}
#home #leftImages {
	float: left;
	width: 200px;
}
#home #leftImages img {
	width: 150px;
	height: 150px;
	margin: 10px 30px;
}
#about #leftImages img {
	width: 200px;
	margin: 15px;
}
#thermal #leftImages {
	width: 150px;
	float: left;
	text-align: center;
}
#thermal #leftImages img {
	border: none;
	margin: 40px 0px;
}
#mainRight {
	float: left;
	width:  750px;
}
#whiteboard {
	position: absolute;
	top: 100px;
	left: 600px;
}
#thermalInfo {
	background: url(../images/mainBGline.png) top no-repeat;
	padding: 30px 0px;
}
#sweetheatImage {
	width: 420px;
	padding: 80px 0px 0px 0px;
	margin: 0 auto;
}
h3.lined {
	background: url(../images/bigLine.jpg) bottom center no-repeat;
}
.column {
	width: 33%;
	float: left;
	display: block;
	text-align: center;
}	
.flexItem {
	padding-bottom: 20px;
	background: url(../images/smallLine.jpg) bottom center no-repeat;
}
table.flexInfo .left, table.flexInfo .right {
	padding: 0px 8px 10px 8px;
}
.right img {
	width: 75px !important;
	height: 75px !important;
}
table.flexInfo .title {
	padding: 0px 8px 8px 8px;
}
#request2 #main {
	min-height: 500px;
}

.edFloatImgR {
	float: right;
	padding: 5px;
	border: 1px solid #aaa;
	background: #FFF;
	margin-top: 20px;
}
.edFloatImgL {
	float: left;
	padding: 5px;
	border: 1px solid #aaa;
	background: #FFF;
	margin-left: 50px;
	margin-right: 180px;
}
.thinner {
	width: 700px;
	margin: 0px auto;
}
.smaller {
	font-size: 10pt;
	color: #5183a9;
}
#eNews {
	width: 760px;
	display: block;
	float: right;
	border: 1px solid #E5E5E5;
	padding: 10px;
	margin-right: 10px;
}
#eNewsForm {
	display: block;
	height:100%;
	width: 100%;
	padding: 10px 0px;
}
#eNews .block {
	display: block;
	float: left; 
	margin: 0px 10px 12px 10px;
	width: 350px;
}	
#eNews .fieldLabel {
	margin-right: 10px;
	float: left;
	margin-left: 16px
}
#eNews .fieldInput {
	padding: 1px; 
	width: 200px;
	float: right;
}
#eNews #submit {
	margin-left: 6px;
}

.brand img.modSync {
	display: block;
	float: left;
	margin: 35px -25px 0 -175px;
	clear: both;
}

/* -----------------------------------------------------------------------
=FOOTER
-------------------------------------------------------------------------*/
.copy {
	margin-top: 20px;
}
.copy a {
	color: #002f5d;
	text-decoration: underline;
}
.copy a:hover {
	color: #c42903;
	text-decoration: none;
}
/* -----------------------------------------------------------------------
=BOTTOM NAVIGATION
-------------------------------------------------------------------------*/

#bottomNavA, #bottomNavB, #yearsOfService, #locInfo {
	float: left;
	width: 20%;
	text-align: left;
	padding: 10px 0px 10px 20px;
	margin: 0px 0px 0px 24px;
}
#bottomNavA a, #bottomNavB a {
	display: block;
	text-align: left;
	text-decoration: none;
	color: #002f5d;
}
#bottomNavA a:hover, #bottomNavB a:hover {
	color: #c42903;
	text-decoration: underline;
}