body 				{ font-family: Verdana, Arial; font-size: 8pt; margin: 0px; background-color: #FFFFFF; height:100% }

A:link 				{ font-family: Verdana, Arial;  color: #000000; text-decoration:underline; cursor:pointer; }
A:active 			{ font-family: Verdana, Arial;  color: #09066E; text-decoration: none; cursor:pointer; }
A:visited 			{ font-family: Verdana, Arial;  color: #09066E; text-decoration: none; cursor:pointer; }
A:hover 			{ font-family: Verdana, Arial;  color: #2f6f88; text-decoration: underline; cursor:pointer;}

A.topmnu:link 		{ font-family: Verdana, Arial; font-size: 8pt; color: #ffffff; text-decoration: none; cursor:pointer; }
A.topmnu:active 	{ font-family: Verdana, Arial; font-size: 8pt; color: #ffffff; text-decoration: none; cursor:pointer; }
A.topmnu:visited 	{ font-family: Verdana, Arial; font-size: 8pt; color: #ffffff; text-decoration: none; cursor:pointer; }
A.topmnu:hover 		{ font-family: Verdana, Arial; font-size: 8pt; color: #a7a7a7; text-decoration: none; cursor:pointer; }

A.mainmnu:link 		{ font-family: Verdana, Arial; font-size: 10pt; color: #ffffff; text-decoration: none; cursor:pointer; }
A.mainmnu:active 	{ font-family: Verdana, Arial; font-size: 10pt; color: #ffffff; text-decoration: none; cursor:pointer; }
A.mainmnu:visited 	{ font-family: Verdana, Arial; font-size: 10pt; color: #ffffff; text-decoration: none; cursor:pointer; }
A.mainmnu:hover 	{ font-family: Verdana, Arial; font-size: 10pt; color: #ffffff; text-decoration: none; cursor:pointer; }

A.drop:link 		{ font-family: Verdana, Arial; font-size: 9pt; color: #ffffff; text-decoration: none; cursor:pointer; }
A.drop:active 		{ font-family: Verdana, Arial; font-size: 9pt; color: #ffffff; text-decoration: none; cursor:pointer; }
A.drop:visited 		{ font-family: Verdana, Arial; font-size: 9pt; color: #ffffff; text-decoration: none; cursor:pointer; }
A.drop:hover 		{ font-family: Verdana, Arial; font-size: 9pt; color: #ffffff; text-decoration: none; cursor:pointer; }

A.rdmore:link 		{ font-family: Verdana, Arial; font-size: 9pt; color: #cf090c; text-decoration: none; cursor:pointer; }
A.rdmore:active 	{ font-family: Verdana, Arial; font-size: 9pt; color: #860002; text-decoration: none; cursor:pointer; }
A.rdmore:visited 	{ font-family: Verdana, Arial; font-size: 9pt; color: #860002; text-decoration: none; cursor:pointer; }
A.rdmore:hover 		{ font-family: Verdana, Arial; font-size: 9pt; color: #860002; text-decoration: none; cursor:pointer; }

.title				{ font-family: Arial Black, Arial; font-size: 13pt; color: #6d1415; text-decoration: none; margin:0px; }

.contactfrm			{ margin-left:20px;}

table.collapse {
  border-width:1px;
  border-style:solid;
  border-color:#292a2a;
  border-collapse:collapse;
  }
h1					{ font-family:Impact, Georgia;}

#mnu-right			{ position: absolute; left:370px; top:9px;}
/* the html>body can't be read by IE but all browsers can read */					  
/* html>body #mnu-right	{ position: absolute; float: right; left:360px; top:9px; width:633px;}*/

/*///////////////////////////////////MAIN MENU-- This section is for the main menu //////////////////////////////*/
#mnuproducts		{ position:relative; background:url('../images/interface/products.gif') no-repeat center left;
					  padding: 10px 26px; height:34px;}
#mnuproducts:hover	{ position:relative; background:url('../images/interface/products-over.gif') no-repeat center left;
					  padding: 10px 26px; height:34px;}					  
#mnuabout		{ position:relative; background:url('../images/interface/about.gif') no-repeat center left;
					  padding: 10px 26px; height:34px; border: 0px solid}					  
#mnuabout:hover		{ position:relative; background:url('../images/interface/about-over.gif') no-repeat center left;
					  padding: 10px 26px; height:34px; border: 0px solid}					  
#mnucontact		{ position:relative; background:url('../images/interface/contact.gif') no-repeat center left;
					  padding: 10px 26px; height:34px; border: 0px solid}					  
#mnucontact:hover	{ position:relative; background:url('../images/interface/contact-over.gif') no-repeat center left;
					  padding: 10px 26px; height:34px; border: 0px solid}
#mnudistributor		{ position:relative; background:url('../images/interface/contact.gif') no-repeat center left;
					  padding: 10px 26px; height:34px; border: 0px solid}					  
#mnudistributor:hover	{ position:relative; background:url('../images/interface/contact-over.gif') no-repeat center left;
					  padding: 10px 26px;  height:34px; border: 0px solid}
#mnuhome		{ position:relative; background:url('../images/interface/contact.gif') no-repeat center left;
					  padding: 10px 26px; height:34px; border: 0px solid}					  
#mnuhome:hover	{ position:relative; background:url('../images/interface/contact-over.gif') no-repeat center left;
					  padding: 10px 26px; height:34px; border: 0px solid}
/* ///////////////////////////////END MAIN MENU/////////////////////////////////////////////////////////////// */
/* ///////////////START Menu & Header CSS/////////////// */
#logo				{ position:absolute; left:118px; top:0px;height:53px  }	
#logo2				{ position:relative;left:-15px;  top:60px; }		  
#head				{ background:#000000 url('../images/interface/header-top.gif') no-repeat bottom center;
					  z-index:0;
					  width:1030px; 
					  height: 180px;}
					  
#background			{ position:relative;
					  background-repeat: repeat-y;
					  width:1030px; }
#bg {
  position: fixed; 
  top: 0; 
  left: 0; 
	
  /* Preserve aspet ratio */
  min-width: 100%;
  min-height: 100%;
}
					  
#top-left			{ position:absolute;
					  color: #ffffff;
					  left:19px;
					  top:7px;
					  font-size: 8pt;}
					  
#top-right			{ position:absolute;
					  color: #ffffff;
					  left:860px;
					  top:7px;
					  font-size: 8pt;}
					  
#mnu				{   position: absolute;
					  width:1030px; height: 34px;
					  top:2px; left:4px; }
		
/* ///////////////END Menu & Header CSS/////////////// */

/*//////////////////////////////////////This is for the drop down menus///////////////////////////////*/
#dropmnu			{ z-index:6; color:#FFF; position:relative; background-image:url('../images/interface/drop.gif'); width: 235px; height:24px; margin:0px; padding-left:15px;}
#dropmnu:hover		{ background-image:url('../images/interface/drop-over.gif');}
#products			{ cursor:pointer; z-index:9; visibility:hidden; position:absolute; top:35px; left:370px; text-align:left; margin:0px; }					  
#proyagi			{ z-index:8; display:none; visibility:hidden; position:absolute; top:35px; left:610px; width:292px; background-color:#333; color:#FFF; border: solid #000 1px; }
#proomni			{ z-index:8; display:none; visibility:hidden; position:absolute; top:62px; left:610px; width:292px; background-color:#333; color:#FFF; border: solid #000 1px; }
#progrid			{ z-index:8; display:none; visibility:hidden; position:absolute; top:89px; left:610px; width:292px; background-color:#333; color:#FFF; border: solid #000 1px; }
#prooffset			{ z-index:8; display:none; visibility:hidden; position:absolute; top:116px; left:610px; width:330px; background-color:#333; color:#FFF; border: solid #000 1px; }
#valuyagi			{ z-index:8; display:none; visibility:hidden; position:absolute; top:143px; left:610px; width:292px; background-color:#333; color:#FFF; border: solid #000 1px; }
#valuomni			{ z-index:8; display:none; visibility:hidden; position:absolute; top:170px; left:610px; width:292px; background-color:#333; color:#FFF; border: solid #000 1px; }
#mounts			        { z-index:8; display:none; visibility:hidden; position:absolute; top:197px; left:610px; width:292px; background-color:#333; color:#FFF; border: solid #000 1px; }
/*//////////////////////////////////////End drop down menus///////////////////////////////*/					  
/*//////////////////////////////////////START GUTS///////////////////////////////*/					  
#vipbx				{ float:right; z-index:1; position:absolute; height:150px; left:-5px; top:-52px;}
html>body #vipbx	{ float:right; z-index:2; position:relative; left:-87px; top:-52px;}
#viptopbox			{ position:absolute; top:0px; left:0px; }
#viplogo			{ position:relative; left:20px; top:21px; width: 173px; height: 53px; }
#viptxt				{ position:relative; float:left; width:200px; text-align:left; padding-left:20px; padding-top:40px;  }
#signform			{ position:relative; text-align:left; font-size:8pt; margin:0px;}

#crossfade > img { 
    width: 375px;
    height: 285px;
    position: relative;
    top: 500px;
    left: 50px;    
    color: transparent;
    opacity: 0;
    z-index: 0;
    -webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 30s linear infinite 0s;
    -moz-animation: imageAnimation 30s linear infinite 0s;
    -o-animation: imageAnimation 30s linear infinite 0s;
    -ms-animation: imageAnimation 30s linear infinite 0s;
    animation: imageAnimation 30s linear infinite 0s; 
}
#crossfade > img:nth-child(2)  { 
    background-image: url(../images/2.jpg);
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s; 
}
#crossfade > img:nth-child(3) { 
    background-image: url(../images/3.jpg);
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s; 
}
#crossfade > img:nth-child(4) { 
    background-image: url(../images/4.jpg);
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s; 
}
#crossfade > img:nth-child(5) { 
    background-image: url(../images/5.jpg);
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s; 
}

@-webkit-keyframes imageAnimation { 
    0% { opacity: 0;
    -webkit-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -webkit-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}

@-moz-keyframes imageAnimation { 
    0% { opacity: 0;
    -moz-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -moz-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}

@-o-keyframes imageAnimation { 
    0% { opacity: 0;
    -o-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -o-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}

@-ms-keyframes imageAnimation { 
    0% { opacity: 0;
    -ms-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -ms-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}

@keyframes imageAnimation { 
    0% { opacity: 0;
    animation-timing-function: ease-in; }
    8% { opacity: 1;
         animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}

#crossfade2 > img { 
    width: 375px;
    height: 285px;
    position: absolute;
    top: 500px;
    right: 50px;
   
    color: transparent;
    opacity: 0;
    z-index: 0;
    -webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 30s linear infinite 0s;
    -moz-animation: imageAnimation 30s linear infinite 0s;
    -o-animation: imageAnimation 30s linear infinite 0s;
    -ms-animation: imageAnimation 30s linear infinite 0s;
    animation: imageAnimation 30s linear infinite 0s; 
}
#crossfade2 > img:nth-child(2)  { 
    background-image: url(../images/2.jpg);
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s; 
}
#crossfade2 > img:nth-child(3) { 
    background-image: url(../images/3.jpg);
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s; 
}
#crossfade2 > img:nth-child(4) { 
    background-image: url(../images/4.jpg);
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s; 
}
#crossfade2 > img:nth-child(5) { 
    background-image: url(../images/5.jpg);
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s; 
}

@-webkit-keyframes imageAnimation { 
    0% { opacity: 0;
    -webkit-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -webkit-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}

@-moz-keyframes imageAnimation { 
    0% { opacity: 0;
    -moz-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -moz-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}

@-o-keyframes imageAnimation { 
    0% { opacity: 0;
    -o-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -o-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}

@-ms-keyframes imageAnimation { 
    0% { opacity: 0;
    -ms-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -ms-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}

@keyframes imageAnimation { 
    0% { opacity: 0;
    animation-timing-function: ease-in; }
    8% { opacity: 1;
         animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
/*/////////////////////////////////////END GUTS///////////////////////////////*/					  
		
/*/////////////////////////////////////Drop Down Div Layers///////////////////////////////*/
.drpdwn				{ position:relative; background-repeat:no-repeat; width:405px; height:24px; color:#fff; font-size:10pt; padding-top:10px; padding-left:15px; text-align:left;}
.drpdwn:hover		{ position:relative; width:405px; height:24px; color:#fff; font-size:10pt; padding-top:10px; padding-left:15px; text-align:left; font-weight:bold; }

.qckdwn				{ position:relative; background-repeat:no-repeat; width:405px; height:24px; color:#fff; font-size:10pt; padding-top:10px; padding-left:15px; text-align:left;}
.qckdwn:hover		{ position:relative; background-repeat:no-repeat; width:405px; height:24px; color:#fff; font-size:10pt; padding-top:10px; padding-left:15px; text-align:left; font-weight:bold;}
.drpContent			{ z-index:10; position:relative; background: #FFF; width:1008px; left:0px; clear:both; opacity: 0.95; filter:alpha(opacity=95); }

.tblHdr				{ font-weight:bold; text-align:center; background-color:#2a2a2a; color:#fff; }

/* //////////////////////////////////// GUTS OF SITE /////////////////////////*/
#maintxt			{ position:relative; text-align:left; padding-left:15px; float:left;}
html>body #maintxt	{ position:relative; text-align:left; padding-left:25px; width: 400px; }
#boxes				{ float:right; width: 570px; padding-right:5px; }
#Links				{ float:left; width:405px; padding-left:15px; }

#linkHdr			{ float:left; width:405px; position:relative; padding-left:25px; padding-top:25px;}

#holder				{ float:left; width:284px; margin-top:2px; }
html>body #holder	{ float:left; width:284px; }

div.rounded 		{ text-align:left; width: 284px; background-image: url('../images/interface/bx-tile.gif'); background-repeat:repeat-y; }
.top		 		{ height: 33px; width:284px; background-image: url('../images/interface/bx-top.gif'); }
.bottom				{ height: 33px; width:284px; background-image: url('../images/interface/bx-btm.gif'); }
div.rounded p		{ padding: 0px 20px 0px 20px }
html>body div.rounded h4		{ padding-top: 30px; margin-top:0px; background: transparent url(../images/interface/bx-btm.gif) no-repeat bottom center; }

#container			{ position:relative; overflow: hidden; width: 100%; }
		
/*// This is the script for all footer elements /////*/
#footer				{ position:relative; background-image:url('../images/interface/footer.jp'); width:1030px; height:112px; }
#footer-logo		{ position:absolute; top:5px; left:645px; }
#keywords			{ position:absolute; font-size:8pt; top:60px; left:90px; color:#dedede; width:410px;}					  
#copyright			{ position:absolute; font-size:8pt; top:115px; left:590px; color:#000000;}					  
/*// END footer elements /////*/