body,td,th {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11pt;
	background-color: #EEE; /* lightgrey; */
}


/* photobanner*/
#PhotoContainer {
    width: 790px; 
    overflow: hidden;
    margin: 0 auto;
    background: black;
    padding: 0;
	border-width: 0;
    
}

#PhotoContainer a img, #PhotoContainer a:active img, #PhotoContainer a:link img, #PhotoContainer a:visited img {
   border: 0;
   border-width: 0;   
   padding: 0;

}

.photobanner {
    height: 200px;
    width: 3200px;
    margin-bottom: 0;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);     
    transform: translate3d(0, 0, 0);
}
 
.photobanner img {

    transition: all 0.6s ease; 
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;

}
 
.photobanner img:hover {

    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
     transform: scale(1.1);   
    -ms-transform: scale(1.1);
    cursor: pointer;
    -webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 3px 5px rgba(0,0,0,0.2);
    box-shadow: 0 3px 5px rgba(0,0,0,0.2);
    
}

.photobanner a:active img, a:link img, a:visited img {
   border: 0;
   border-width: 0;   
   padding: 0;	   
}


/*keyframe animations*/
.first {
            animation: bannermove 48s linear infinite; 
    -webkit-animation: bannermove 48s linear infinite;
       -moz-animation: bannermove 48s linear infinite;
        -ms-animation: bannermove 48s linear infinite;
         -o-animation: bannermove 48s linear infinite;
}
 

/* 
@-moz-keyframes bannermove {
 0%   { -moz-transform: translateX(0); }
 100% { -moz-transform: translateX(-200%); }
}
 
@-webkit-keyframes bannermove {
 0%   { -webkit-transform: translateX(0); }
 100% { -webkit-transform: translateX(-200%); }
}
 
@-ms-keyframes bannermove {
 0%   {  -ms-transform: translateX(0); }
 100% {  -ms-transform: translateX(-200%); }
}
 
@-o-keyframes bannermove {
 0%   { -o-transform: translateX(0); }
 100% { -o-transform: translateX(-200%); }
}

@keyframes bannermove {
 0%   { transform: translateX(0);  }
 100% { transform: translateX(-200%); }
}
*/
/*-- END of Photoframe */

@keyframes bannermove {
 0%   {  margin-left: 0; }
 100% {  margin-left: -2337px; }
}
 
@-moz-keyframes bannermove {
 0%   { margin-left: 0;  }
 100% { margin-left: -2337px; }
}
 
@-webkit-keyframes "bannermove" {
 0%   { margin-left: 0;  }
 100% { margin-left: -2337px;  }
}

@-o-keyframes "bannermove" {
 0%   { margin-left: 0; }
 100% { margin-left: -2337px; }
/* 
@-ms-keyframes bannermove {
 0%   { margin-left: 0px;  }
 100% { margin-left: -2338px; }
}
*/ 

}

/* Sliding horzontal frame */
#myHorizontalScroll{
    width:780px;
    height:210px;
    border: 5px solid #000000;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
}
#myHorizontalScroll a {
    display: inline-block;
    vertical-align: middle;
}

#myHorizontalScroll img {border: 0;}

/*-- End of horizontal frame --*/

#container {
	margin: 10px auto;
	padding-top: 0;
	text-align: left;
	width: 790px;
	background-color: #FFF;
    border: 0;   
}

#container  a:active img, #container a img, #container a:link img, #container a:visited img 
{
   border: 0;
   border-width: 0;   
}
  

#my_menu {
	clear:both;
	background-color: #222;	
}

#banner {
  clear: both;
  margin: 0;
  padding: 0;
  width: 790px;
  height: 212px; 
}

#logo {
  clear:both;
  margin: 0;
  padding: 0;
 /* float: left; */
  background: url(images/Romteck_Banner.jpg) left no-repeat;
  width: 790px;
  height: 212px;
}

#romteck {
	float: right;
     background:  url("images/Romteck Logo-sm.png") right no-repeat;
/*   background: transparent url("images/Romteck Logo-sm.png") float:right no-repeat; */
 
  width: 140px;
  height: 86px; 
}

#disabled {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11pt;
	font-style: normal;
	color: #625D5D;
/*	background-color: lightgrey; */
	clear: both;
	padding-top:  6px;
    padding-bottom:12px;
	border-width: 1;
	border-bottom-style: none;
}

#disabled a:link {
  color: #625D5D;
  font-size: 11pt;
  font-weight: normal;
  text-decoration: none;
  border-color: #222;
}

#disabled a:visited {
  font-size: 11pt;
  text-decoration: none;
  color: #625D5D;
  font-weight: normal;
  border-color: #222;
}

#disabled a:hover, #disabled a:active
{
  font-size: 11pt;
  font-weight: normal;
  text-decoration: none;   
}

#disabled ul, #disabled ul a:link, #disabled ul a:active, #disabled ul a:visited, #disabled ul a:hover {
/*  background-color: #222; */  
  font-size: 11pt;
  font-weight: normal;
  text-decoration: none;
  color: #625D5D;       
}

/*--- END of DISABLED Style ---*/

/*--- TOOL BAR STYLE -------*/
#ToolBar {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10pt;
	font-style: normal;
	color: black;
	background-color: white;	
	clear: both;
	padding: 0;
	border-width: 1px;
    border-bottom-style:solid;
}

#ToolBar a:hover, #ToolBar a:active {
	font-size: 10pt;
	text-decoration: underline;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#ToolBar a:hover img, #ToolBar td a:hover img {
	border: 2px groove #666;  /* Highlight a groove around cells on hover */
	background-color:  #246;  /*#2c83bf;  236;   highlight icon boarder on hover */
}

#ToolBar a:active img, #ToolBar a:link img, #ToolBar a:visited img {
   border: 2px solid #333;
   font-size: 10pt;
   Padding-top: 4px;
   Padding-bottom: 3px;
   padding-left: 14px;
   Padding-right: 14px;
   background-color: #78858e;
}

#ToolBar td {
   background-color: white;  /* boarder color */
   font-size: 10pt;
   color: black;
}

#ToolBar td a {
   font-size: 10pt;
}

#ToolBar td a:visited {
   font-size: 10pt;
}

#ToolBar td a:hover
{
 	text-decoration: underline;
}

#ToolBar a:link, #ToolBar a:visited {
  color: black;
  margin-left: 6px;
  font-size: 10pt;
  font-weight: bold;
  margin-right: 6px;
  text-decoration: none;
}

/*--- END of ToolBar Style ---*/

#IconBar {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10pt;
	font-style: normal;
	color: #FFF;
	background-color: white;	
	clear: both;
	padding-left: 8px;
	border-width: 1;
	border-bottom-style: none;
}

#IconBar a:hover, #IconBar a:active {
	font-size: 10pt;
	text-decoration: underline;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#IconBar a:hover img, #IconBar td a:hover img
{
	border: 3px groove #116ba4; /* #666;  Highlight a groove around cells on hover */
	background-color: #246;     /* highlight icon boarder on hover */	
}

#IconBar a:active img, #IconBar a:link img, #IconBar a:visited img {
   border: 3px solid #333;
   font-size: 10pt;
   Padding-top: 3px;
   Padding-bottom: 3px;
   padding-left: 3px;
   Padding-right: 3px;
   background-color: #78858e;
 /*  background-color: lightgrey; */
    	     	
}

#IconBar td {
	background-color: inherit;     /* boarder color */
  font-size: 10pt;
}

#IconBar td a {
  font-size: 10pt;
}

#IconBar td a:visited {
  font-size: 10pt;
}

#IconBar td a:hover
{
 	text-decoration: underline;
}

#IconBar a:link, #IconBar a:visited {
  color: black;
  margin-left: 5px;
  font-size: 10pt;
  font-weight: bold;
  margin-right: 5px;
  text-decoration: none;
}


/*--- END of IconBar Style ---*/

#ContactBar {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10pt;
	font-style: normal;
	color: black;
	background-color: #EEE;	
	clear: both;
	padding: 0;
	border-width: 1;
	border-bottom-style: none;
}

#ContactBar a:hover, #ContactBar a:active {
	font-size: 10pt;
	text-decoration: underline;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


#ContactBar a:hover img
{
	border: 4px groove #666;    /* Highlight a groove around cells on hover */
	background-color: #236;     /* highlight icon boarder on hover */	
}

#ContactBar  a:active img, #ContactBar a:link img, #ContactBar a:visited img
{
   border: 4px solid #333;
   font-size: 10pt;
   Padding-top: 3px;
   Padding-bottom: 2px;
   padding-left: 11px;
   Padding-right: 11px; 
   
}

#ContactBar td {
	background-color: #222;     /* 222 boarder color */
  font-size: 10pt;
}

#ContactBar td a {
  font-size: 10pt;
}

#ContactBar td a:visited {
  font-size: 10pt;
}

#ContactBar td a:hover
{
 	text-decoration: underline;
}

#ContactBar a:link {
  color: #ffffff;
  margin-left: 5px;
  font-size: 10pt;
  font-weight: bold;
  margin-right: 5px;
  text-decoration: none;
}
#ContactBar a:visited {
  margin-left: 5px;
  font-size: 10pt;
  margin-right: 5px;
  text-decoration: none;
  color: #ffffff;
  font-weight: bold;
}
/*--- END of ContactBar Style ---*/


#content {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11pt;
	font-style: normal;
	color: #000;                     /* #333; */
	background-color: #fEfEfE;    /* #E0E8EF; */
	clear: both;
    padding-left:  26px;
    Padding-right: 26px; 		
	padding-top:  6px;
    padding-bottom:12px;
	border-width: 0;
    border:none; 
	border-bottom-style: none;
    text-decoration: none;    
}

#content p { line-height: 150% }

#content a:link {
 /* color: #ffffff; */
  font-size: 11pt;
  font-weight: bold;
  text-decoration: none;
  border-color: #333;
  
}
#content a:visited {
  font-size: 11pt;
  text-decoration: none;
/*  color: #ffffff; */
  font-weight: bold;
  border-color: #333;
}

#content a:hover, #content a:active
{
	font-size: 11pt;
	text-decoration: underline;
	font-weight: bold;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
/*
#content a img, a:active img, a:link img, a:visited img {
   border: 0;
   border-width: 0;   
   padding: 0;
}
*/
/*
#content a:active img, a:link img, a:visited img {
   border: 5px solid #333;
   Padding-top: 4px;
   Padding-bottom: 3px;
   padding-left: 8px;
   Padding-right: 8px; 	
}

#content a:hover img
{
	border: 5px groove #666;
}
*/
#content td {
	background-color: #BDBDBD;
}
/*
#content img.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

#content img.left {
  display: table-cell;
  margin-left: 16px;
  margin-right: auto;
}

#content img.right {
  display: table-cell;
  margin-left: auto;
  margin-right: 16px;
}
*/
/*
#content th {
	background-color: #333;
}
*/
#Title {
	padding: 6px 18px 6px;
	background-color:#f2fAfE;
	font-size: 18pt;
    font-weight: bold;
	font-style:italic;
	color: #333;
}

#News {
  padding: 0 10px 6px; 
  background-color:#CECECE;
/*  background: #BEBEBE url(images/news-bg.gif) no-repeat scroll left top; */
  color: #246;  /* #0040FF; */
  width: 734px;
  height: 250px;
  overflow: scroll;
  overflow-y: scroll;
  overflow-x: hidden;
  
}

#News a:link {
  color: inherit;
  font-size: 11pt;
  font-weight: bold;
  text-decoration: none;
}

#News a:visited {
	font-size: 11pt;
	text-decoration: none;
	color:#903;
}

#News a:hover, #News a:active {
	font-size: 11pt;
	text-decoration: underline;
    color:#C00;
    font-weight: bold;
	border-color: #000;
}

.date {
  color: #827961;
  font-weight: bold;
}

#footer a:link {
  color: #ffffff;
  margin-left: 10px;
  font-size: 11px;
  font-weight: bold;
  margin-right: 10px;
  text-decoration: none;
}
#footer a:visited {
  margin-left: 10px;
  font-size: 11px;
  margin-right: 10px;
  text-decoration: none;
  color: #ffffff;
  font-weight: bold;
}
#footer a:hover, #footer a:active {
  margin-left: 10px;
  font-size: 11px;
  margin-right: 10px;
  text-decoration: underline;
  color: #000000;
  font-weight: bold;
}
#footer {
  background: transparent url(images/footer_bg.gif) repeat-x scroll left center;
  clear: both;
  padding-top: 20px;
  color: #ffffff;
  height: 70px;
  font-size: 11px;
  text-align: center;
  display: block;
}

h1, h2, h3 {
  font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
  
}
h1 {
	font-size: 20pt;
}
h2 {
  font-size: 15pt;
}
h3 {
  font-size: 13pt;
  height: 10px;
}

.pdf li {
	margin:10px;
	padding-left:5px;
	list-style-type:square;
	list-style-image:url("images/pdficon_large.gif");
}

.zipfile li {
	margin:5px;
	padding-left:5px;
	list-style-type:square;
	list-style-image:url("images/zip.gif");
}

.info li {
	margin:2px;
	padding:4px;
	list-style-type:square;
	list-style-image:url("images/info_blue_icon.png"); /* width="24" height="24"; */
}

.feature li {
	margin:10px;
	padding:5px;
	list-style-type:circle;
}