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

html {background-color: #909295; background-image:url(../images/gray-bg.jpg); background-position: center; background-repeat: repeat-y; }

body {padding: 0; margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}

#top-bar {background-color: #1e427c; height: 37px;}
	#top-bar-inner {width: 1012px; margin: 0px auto;}

#logo-bar {background-color: #ebefea; height:90px;}
	#logo-bar-inner {width: 1012px; margin: 0 auto; padding: 15px 0 25px;}

#main {background-color: #ebefea;}
	#main-inner {width: 1012px; margin: 0px auto; height: 450px; padding-bottom: 28px;}
		#main-inner td {vertical-align: top;}
	
	
		#image-container {width: 245px; height: 450px; background-repeat: no-repeat;}
			#home #image-container {background-image: url(../images/left-home.jpg);}
			#motion-control #image-container {background-image: url(../images/left-mc.jpg);}
			#engineers-toolbar #image-container {background-image: url(../images/left-et.jpg);}	
			#servo-handbook #image-container {background-image: url(../images/left-sh.jpg);}	
			#motioneering #image-container {background-image: url(../images/left-ma.jpg);}	
		
		
		#content {width: 426px; height: 407px; 
				  background-image: url(../images/inner-bg.jpg); background-repeat: no-repeat;
				  padding: 20px 28px 23px 15px;}
		
		#home #image-container {float: left;}
				  
		#home #content-top {float: left; width: 703px; height: 191px; 
							background-image: url(../images/home-top.jpg); background-repeat:no-repeat;
							padding: 17px 49px 29px 14px}
		
		#home .content-bucket {float: left; width: 295px; height: 184px;
							   background-image:url(../images/home-bucket.jpg); background-repeat:no-repeat;
							   padding: 7px 0 21px 72px;}	  
				
		#home .content-bucket .screenshot {margin-left:25px;}
				  
				  
		#form {width: 296px; height: 450px;}
			#form table {margin-left: 12px;}
			input {height: 12px; font-size: 10px; margin-top: 6px; margin-bottom:2px;}
			input.short {width: 125px;}
			input.long {width: 262px;}
			input.state {width: 20px; margin-right:5px;} input.zip {width: 35px;}
			button {border-width: 0; padding:0; margin:0; width: 286px; cursor: pointer; background-color: #ebefea;}


#footer-bar1 {clear: both; height: 125px; background-image: url(../images/footer-bar1-bg.jpg); background-repeat:repeat-x;}
#footer-bar2 {height: 51px; background-image:url(../images/footer-bar2-ie6.jpg); background-repeat: repeat-x; background-position: center top;}
	#footer-bar-inner {width: 1012px; margin: 0 auto; padding-top:10px;}
	#footer-bar2 p {font-size: 10px; color: #FFFFFF;} 
	#footer-bar2 a {color: #FFFFFF; text-decoration:none;} #footer-bar2 a:hover {text-decoration:underline;}