@charset "UTF-8";
/* CSS Document */

body {

	margin: 0; padding: 0; background-image: url(../Images/bodyBkg.jpg); background-repeat: repeat-x; font-family: Arial, Helvetica, sans-serif; background-color: #F7F7F7;

}

a {text-decoration: underline; color:#000033;}

a:hover{color:#FFFFFF; background:#000033;}

#theStuff { width: 870px; height: 2000px; margin-right: auto; margin-left: auto; border: 0px solid black;}

#header { width: 100%; height: 237px; margin:auto; padding-top: 17px; border:0px solid red; }

#nav { width: 100%; height: 35px; padding-bottom: 4px; border: 0px solid green; background-image: url(../Images/NavBkg.gif); background-repeat: no-repeat;}

#menu {width: 834px; margin-left: 16px; border: 0px solid orange; height: 35px; }

#menu ul { list-style: none; float: left; margin: 8px 0 0 30px; padding: 0; font-family:Arial, Helvetica, sans-serif; font-size:17px;

font-weight: bold; color: #ffffff;}

#menu li {float: left; padding-left: 6px; display: block;}

#menu li a {text-decoration: none; color: #ffffff;}

#menu li a:hover{ color:#000033; text-decoration: none; background: none;}

#productThumbs {width: 100%; height: 100px; padding-top: 11px; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color: #000000; border: 0px solid orange;}

#productThumbs a {display: block; padding: 4px 2px 2px 2px; text-decoration: none; color: #000000;}

#productThumbs a:hover {background: #cccccc; border: 0px dashed #CCCCCC; }

#main { width: 1000px; height: 1000px; margin: auto; padding: 2px 10px; border: 1px dashed red; }

#mainTop {width: 870px; height: 410px; border: 0px solid orange;}

#productInfo{width: 515px; height: 400px; border: 0px solid green; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; float: left;}

#demoBoxSection{ width: 344px; height: 259px; float: right; border: solid 0px blue; background-image:url(../Images/demoSectionBKG.gif); background-repeat: no-repeat;
					margin:  25px 0 0 0; padding: 15px 0 0 0; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px;}
					
#autoCadNavisBox {width: 344px; float: right; border: 0px solid blue; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif;}

#autoCadNavisBox a {display: block; padding: 4px 2px 2px 2px; text-decoration: none; color: #000000;}

#autoCadNavisBox a:hover  {background: #cccccc; border: 0px dashed #CCCCCC; }

#defaultInfo{ width: 515px; height: 400px; border: 0px dashed orange; background:; background-repeat: no-repeat;}


#industrialInfo{ width: 515px; height: 400px; border: 0px dashed orange; background: url(../Images/productInfoIndImage.gif); background-repeat: no-repeat;}


#commercialInfo{ width: 515px; height: 400px; border: 0px dashed red; background: url(../Images/productInfoComImage.gif); background-repeat: no-repeat;}

#hvacInfo{ width: 515px; height: 400px; border: 0px dashed black; background: url(../Images/productInfoHvacImage.gif); background-repeat: no-repeat;}

#electricalInfo{ width: 515px; height: 400px; border: 0px dashed #red; background: url(../Images/productInfoElecImage.gif); background-repeat: no-repeat;}

#artraInfo{ width: 515px; height: 400px; border: 0px dashed yellow; background: url(../Images/productInfoArtraImage.gif); background-repeat: no-repeat;}

#topPart {width:100%; height: 67%; border: 0px solid blue;}

#rightSide {float: right; width: 227px; border: 0px solid red;}

#bottomPart {float: none;}

#newsBox {width: 866px; height:274px; background-image:url(../Images/newsBkg.gif); background-repeat: no-repeat; padding: 8px 0 0 7px; margin: 4px 0 0 2px;
				font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}
				
#newsBox a {text-decoration:none; color:#000033;}

#newsBox a:hover {color:#FFFFFF; background:#000033}
				
#aboutBox {width: 866px; height: 500px; background-image:url(../Images/aboutBkg.gif); background-repeat: no-repeat; padding: 8px 0 0 7px; margin: 4px 0 0 2px;
				font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}


.newsAboutTitle {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #ffffff;}

#mainTopLeft { width: 525px; height: 300px;  padding: 10px; background-color: #efefef; float: left;}

#mainTopRight { width: 400px; height: 350px;  padding: 10px; background-color: ; float: right;}

.medTitle {font-size: 16px; font-weight: bold;}

.smallText {font-size:9px;}

.greyText {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color:#999999;}

.orangeText {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color:#FF9900; }

.orangeText a {text-decoration: underline; color: #FF9900; padding: 2px;}

.orangeText a:hover {text-decoration:none; color: #ffffff; background: #ff9900; padding: 2px;}

#center { text-align:center;}

#intro {margin: 0px 0px 5px 22px; width: 813px; height: 175px;  background-image: url(../Images/roundedBoxBkg.gif);
		background-repeat: no-repeat; padding: 1px 0px 5px 10px;  border: 0px dashed blue; font-family: Arial, Helvetica, sans-serif; font-size: 13px; }

h1 {font-family:Arial, Helvetica, sans-serif; color:#000033; padding-top: 4px;}
h2 {font-family:Arial, Helvetica, sans-serif; color:#000033;}
h3 {font-family:Arial, Helvetica, sans-serif; font-size: 16px }
h3 a {text-decoration:none; color: #000033;}
h3 a:hover {color:#FFFFFF; background: #000033;}
h4 {font-family:Arial, Helvetica, sans-serif; font-size: 14px;}

dl {
  width: 813px;
  margin: 0 0 20px 20px;
  background: #E1E5EB url(../images/boxBottom.gif)
  no-repeat bottom left;
  }

dt {
  margin: 0;
  padding: 10px 10px 4px 10px;
  background: #E1E5EB url(../images/boxTop.gif)
  no-repeat top left;
  }

dd {
  margin: 0;
  padding: 5px 10px 0px 10px;
  }
  
  dl table {font-size: 14px;}
  
.twelve {font-size: 12px;}

.thirteen {font-size: 13px;}

.fourteen {font-size: 14px;}

.sixteen {font-size: 16px; font-weight: bold;}

.eighteen {font-size: 18px; font-weight: bold;}
  
.note {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: red; text-align:left;}
.noteSmall {font-family: Georgia, "Times New Roman", Times, serif; font-size: 9px; text-align:left;}

.noteLarge {font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: red; text-align:left;}
.noteLarge a {text-decoration: none; color: red; text-align: center;}
.noteLarge a:hover {color: #ffffff; background: red; text-align: center;}
.noteLarge2 {font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: red; text-align:left;}
.noteLarge2 a {text-decoration: none; color: red; text-align: center;}
.noteLarge2 a:hover {color: #ffffff; background: red; text-align: center;}

#rightmenubox A { color: #000033; text-decoration: none}

#rightmenubox A:hover { color: #FFFFFF; background-color: #000033;}

#rightmenubox ul { margin: 0px; padding: 0px 0px 0px 5px; list-style: none;}

.listtop { border-top: 1px dashed #000033;}

#rightmenubox li a{ display: block; width: 100%; padding: 5px 0px 2px 2px; font-weight: bold; color:#000030; text-decoration: none; text-align:left; border-bottom: 1px dashed #000033;}

#rightmenu li a:hover{ display: block; width:100%; color: #ffffff; background: #000033; text-decoration: none;}

#rightmenubox li.listbottom a{ border: none;}

.heading {font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000033;
	background: #E1E5EB;
	width: 98%; display: block;
	padding: 4px 0px 4px 5px;
}