#home	{ 
		height:100%; 
}
#library { 
		height: 100%; 
}
#standard { 
		height:100%; 
}
#modified { 
		height: 100%; 
}
#custom { 
		height: 100%;
}
#accessories { 
		height: 100%;
}
#automation { 
		height: 100%;
}
#production { 
		height: 100%;
}
#designer { 
		height: 100%;
}
#industrial { 
		height: 100%;
}		
#contact { 
		height: 100%;
}		
	
	
* body { 
		/*background: transparent url(../images/bg4-1.png) repeat scroll top left;*/
		background:#212121;
	    color: #888888; 
	    height: 100%;
	    margin: 0;
	    font: normal 11px Verdana, Geneva, sans-serif; 
	    text-align: center; 
}

a {
		color: #333333;
		font-family: Verdana, Geneva, sans-serif;
}

a img {
		outline: none;
		border: none;
}

.clear{
clear:both;
}


/*  Header Format  */
.topwrap {
		width:100%;
		height:60px;
		background:transparent url(../images/stainless-steel4.png) repeat-x scroll center top;
		position: absolute;
		z-index: 501;
}

.header { 
		width: 900px;
	    height: 50px;
		margin: 0 auto;
}

#headerleft { 
		position: absolute;
		top: 5px;
        left: 0px;
	    background:transparent url(../images/headerbox1.png) no-repeat scroll 0 0;
	    color:#FFFFFF;
        font-size:0;
		width:20px;
        height:40px;
        line-height:0;
        text-indent:-9999px;  
}

#headerleft:hover {
		background-position: bottom center;
}

#headerright { 
		position: absolute;
		top: 0px;
        left: 10px;
	    background:transparent url(../images/headerlogo1.png) no-repeat scroll bottom center;
	    color:#FFFFFF;
        font-size:0;
		width:275px;
        height:50px;
        line-height:0;
        text-indent:-9999px; 
}

#headerright:hover {
		background-position: top center;	
}




/* Main Navigation*/	

.top { 
width: 100%;
top: 0px;
left:0px;
background: transparent; 
position: relative;
z-index: 201;
/*border-bottom: 5px solid #0072c6;*/
voice-family: "\"}\"";
voice-family: inherit;
height:50px;
}

.top .nav {
background: transparent;
list-style: none;
padding:0;
margin:0;
height:50px;
position: absolute;
right: 0px;
}

.top .nav li {
background: transparent;
float: left;
margin: 0;
padding: 0;
position: relative;
} 

.top .nav li a { 
display: -moz-inline-box;
display: block;
text-align: center;
font-size: 0px;
color: transparent;
text-decoration: none;
/*margin: 20px 0;*/ 
padding: 0;
height:50px; 
outline: none;
}

.top .nav li a:hover {
color:#dddddd;
}
a.nav1{
background: transparent url(../images/Home1.png) no-repeat center 16px;
width: 60px;
position: relative;
z-index: 210;
}

a.nav2{
background: transparent url(../images/Products1.png) no-repeat center 16px;
width: 100px;
position: relative;
z-index: 209;
}

a.nav3{
background: transparent url(../images/Resources1.png) no-repeat center 16px;
width: 110px;
position: relative;
z-index: 208;
}

a.nav4{
background: transparent url(../images/Contact1.png) no-repeat center 16px;
width: 90px;
position: relative;
z-index: 207;
}

a.nav5{
background: transparent url(../images/Company1.png) no-repeat center 16px;
width: 90px;
position: relative;
z-index: 207;
}

#home a.nav1{
background-position: center -24px;
}

a.nav1:hover{
background-position: center -24px;
}

#accessories a.nav2, #standard a.nav2, #modified a.nav2, #custom a.nav2 { 
background-position: center -24px;
}

a.nav2:hover{ 
background-position: center -24px;
}

#library a.nav3, #downloads a.nav3, #ftp a.nav3{ 
background-position: center -24px;
}

a.nav3:hover{ 
background-position: center -24px;
}

#contact a.nav4{ 
background-position: center -24px;
}

a.nav4:hover{ 
background-position: center -24px;
}

 
 
/* ######### CSS for sub menu container below ######### */

.tabsmenucontentclass{
clear: left;
height: 20px;
width: 370px;
padding: 5px;
position:absolute;
top: 45px;
right:-8px;
}

.tabsmenucontentclass ul{
margin: 0;
padding: 2px 0 12px 0;
list-style-type: none;
background: transparent url(../images/drop-down1.png) no-repeat center top;
/*border:1px solid #313131;
border-top: none;*/
font-size:14px;
}

.tabsmenucontentclass li{
display: inline;
margin-right: 1em;
}

.tabsmenucontentclass a{
color:#333333;
text-decoration: none;
}

.tabsmenucontentclass a:hover{
color:#773333;
}



/*  Feature Format  */

.featurewrapper { 
		height: 300px;
		background: #576581;
		color:#333333;
	    width: 100%;
	    margin: auto;
		padding: 20px 0;
		position: relative; 
		top: 50px;
		z-index:500;
}

#featureouter { 
		height:300px;
		/*background: transparent url(../images/placeholder.png) ;*/
		text-align: center;
        width: 900px; 
        margin: 0 auto;
}

#home #featureouter { 
		height:340px;
		background: transparent url(../images/HomeBanner2.jpg) no-repeat center bottom;
		margin-top:-20px;
}

#contact #featureouter { 
		height:320px;
		background: transparent url(../images/bw_business_people.png) no-repeat center bottom;
}

#featureouter a{
		text-decoration: none;
} 

.featureleft {
		width: 400px;
		height: 100%;
		float: left;
}

#home .featureleft {
		text-align:left;
}

#contact .featureleft {
		width:500px;
		text-align:left;
}

#contact .subfeatureleft {
		text-align:left;
		font-size:12px;
		padding:20px 20px 0 0;
		float:right;
}

.featureleft img{
		height:300px;
}

.featureright {
		width: 500px;
		height:100%;
		float: right;
		text-align:left;
}

#contact .featureright {
		text-align:center;
		width: 400px;
}

#broch img{
margin: 0 50px;
border: 1px solid #444444;
}

#broch .featureheadding{
float:left;
}

.featureheadding {
		padding: 20px 0 0 0;
		/*border-bottom: 1px dotted #454545;*/
		font-size:30px;
		text-align:center;
		color:#CCCCCC;
		
}

.subfeature {
		padding: 10px 20px 10px;
		/*border-bottom: 1px dotted #333333;*/
		background:#999999;
		border: 1px #333333 dashed;
		font-size:20px;
}

#home .subfeature {
		border:none;
		background: none;
		color:#bbbbbb;;
}


.featurenav {
		background: transparent;
		list-style: none;
		padding:0;
		margin:0;
}

.featurenav li a {
		display: -moz-inline-box;
		display: block;
		text-align: right;
		font-size: 20px;
		color: #454545;
		text-decoration: none; 
		padding: 10px 20px 10px 0; 
		outline: none;
		border-bottom:1px dotted #454545;
}

.featurenav li a:hover {
		color: #dadada;
		background:#333333;
}

.standardprod1 {
		width:300px; 
		float:left; 
		position: relative; 
		top: 0;
}

.standardprod2 {
		width:300px; 
		float:left; 
		position: relative; 
		top: 50px;
}

.standardprod3 {
		width:300px; 
		float:left; 
		position: relative; 
		top: 150px;
}

#standard .standardprod1 {
		width:150px; 
		float:left; 
		margin: 20px 50px 0 0;
		top:0;
}

#standard .standardprod2 {
		width:150px; 
		float:left; 
		margin: 20px 50px 0 50px;
		top:0;
}

#standard .standardprod3 {
		width:150px; 
		float:left; 
		margin: 20px 50px 0 50px;
		top:0;
}

#standard .standardprod4 {
		width:150px; 
		float:left; 
		margin: 20px 0 0 50px;
		top:0;
}


/*  Main Content Format  */

.breakbar {
		height: 40px;
		width: 100%;
		top: 40px;
		left:0px;
		background: transparent; 
		position: relative;
		background:transparent url(../images/breakbar-bg.png) repeat-x;
		padding: 18px 0 0 0;
		font-size: 15px;
		z-index:501;
		color:aaaaaa;
}

.contentwrapper { 
		/*min-height: 100%;*/
		background: #dddddd;
	    width: 100%;
	    margin: auto;
		position: relative; 
		top: 32px; 
}

.outer { 
		background: #dddddd url(../images/content-bg.png) scroll 0 0 ;
		text-align: center;
        width: 900px; 
        margin: 0 auto;
		padding: 10px 0;
		
}

.inner{
		width: 100%;
		/*position: relative;
		top: 0;
		left: 0;*/
}

.sidecolumn{
		width: 225px;
		padding: 10px 15px 10px 0;
		/*position: absolute;
		top: 0;
		left: 0;*/
		float: left;
		text-align:left;
		color:#444444;
}

.sideentry {
		border-bottom: 1px dotted #444444;
		padding: 0 0 10px;
		margin: 0 0 10px;
}

#subsideentry {
		text-align:justify;
}

#sidebullets {
		width: 85px;
		float: left;
}

#sidesubbullets {
		font-size:12px;
		width: 130px;
		float: right;
		margin: 0 0 10px 0;
}

.productssidemenu ul{
		background: transparent;
		list-style: none;
		padding:0;
		margin:0;
}

.productssidemenu li a {
		display: -moz-inline-box;
		display: block;
		text-align: right;
		font-size: 12px;
		color: #454545;
		text-decoration: none; 
		padding: 5px 20px 5px 0; 
		outline: none;
		/*border-bottom:1px dotted #454545;*/
}

.productssidemenu li a:hover {
		color: #444444;
		background:#cacaca;
}


.maincolumn{
		width: 660px;
		padding: 10px 0 10px;
		/*position: absolute;
		top: 0;
		right: 0;*/
		float: right;
		text-align: justify;
		color: #313131;
}

.entry {
		border-bottom: 1px solid #444444;
		padding: 0 0 10px 20px;
		margin: 0 0 10px;
}

.entrycolumn1 {
		float:left;
		text-align: center;
		width: 110px;
}

.entryimage {
		border: none;
		outline: none;
		height:130px;
		width: 110px;
		text-align: center;
		float:left;
}

#accessories .entryimage img{
		border: none;
		outline: none;
		height:130px;
		width:160px;
		text-align: center;
		float:left;
}

.entrytag {
		border: none;
		outline: none;
		padding:10px 0 0 0;
		width: 210px;
		text-align: center;
		float:left;	
		font-size:15px;	
}


.entrycolumn2 {
		float: right;
		width: 510px;
}

#accessories .entrycolumn2 {
		float: right;
		width: 460px;
}

.entryhead {
		font-size:16px;
		margin: 0 0 10px;
		/*border-bottom: 1px dotted #999999;*/
}

.entryhead a{
		text-decoration:none;
		color:#313131;
}

.subentry {

}


/* Contact Form Format*/
.formcolumn1{
width:320px;
float:left;
}

.formcolumn2{
width:320px;
float:right;
}

#contact .inputer{
margin: 0 0 5px 0;
width:320px;
height:22px;
clear:both;
}

#contact .textlab{
width:90px;
float:left;
text-align:right;
padding: 4px 0 0 0;
}

#contact .textent{
width:210px;
float:right;
}

.invalid { 
border-left: 3px solid red; 
}

#contact .button1{
margin: 10px auto 0;
width:60px;

}



/* Footer Format*/	
.footerwrapper {
		background: #212121;
	    width: 100%;
	    margin: auto;
		border-top:1px solid #333333;
		position: relative; 
		top: 32px; 
}

.footerouter {
		background: transparent;
		text-align: center;
        width: 900px; 
        margin: 0 auto;
		padding: 10px 0;
}

/*jas Info*/

div#jas-container{
	/* Width HAS to be here for IE to render the filter */
	width: 500px;
	text-align:center;
}

div#jas-frame{
	float: left;
	width: 500px;
	height:300px;
}

div#jas-tags{
	float: right;
	text-align:left;
}

div#jas-tags h3{
	margin-bottom: 1em;
}

div#jas-tags ul{
	list-style: none;
	padding:0;
	margin:0;
}

div#jas-tags ul li{
	margin-bottom: 0.3em;
	display:inline-table;
	width:112px;
}

div#jas-tags ul li input{
	margin-right: 3px;
}

div#jas-thumbnails{
	/*float: left;*/
	clear: left;
	width: 640px;
	margin: 10px 0 0;
}

div#jas-thumbnails ul{
	list-style: none;
	width: 640px;
	margin: 0;
	padding:0;
	overflow: hidden;
	
}

div#jas-thumbnails ul li{
	float: left;
	width: 200px;/*94*/
	height: 200px;/*94*/
	margin:5px;
	text-align:center;
	border:1px solid #888888;
	display:table-cell;
	vertical-align:middle !important;
}

div#jas-thumbnails ul li img{
	max-width: 190px;/*90*/
	max-height: 190px;/*90*/
	cursor: pointer;
	margin: 2px auto;
	vertical-align:middle !important;
}

div#jas-thumbnails ul li.selected-parent{
	/*width: 96px;
	height: 81px;
	padding: 1px;*/
	border: 1px solid #f60;
}

div#jas-thumbnails ul li img.selected{
	/*width: 96px;
	height: 81px;*/
}

div#jas-image-text{
	text-align: left;
	float:left;
	font-size:18px;
	margin:0;
	padding:0 0 0 5px;
}

img#jas-image{
	/*margin-bottom: 1em;
	height:300px;*/
}

ul#links{
	display: block;
	clear: left;
	padding: 2em 0 1em 4em;
}

ul#links li{
	line-height: 2em
}

ul#navigation-controls{
	width: 260px;
	height: 20px;
	list-style: none;
	margin: 0 auto;
	padding: 0;
}

ul#navigation-controls li{
	float: left;
	line-height: 1.5em;
	margin-right: 0.5em;
}

ul#navigation-controls li a{
	color:#888888;
}

ul#navigation-controls li#image-counter{
	margin: 0 0.75em 0 0.5em;
}

li.slideshow-item{
	margin-left: 3em;
}