/* TrioNet Styles css File */

body {
	margin: 0;
	padding: 0;
	background-color:#F7F7F7;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
}

.headban {
	width: 100%;
	height: 20px;
	margin-top: 0;
	background-color: #F7F7F7;
	border-collapse: collapse;
}

ul.mainnav
{
	list-style-type: none;
	margin-top: 5px;
	margin-bottom: 0;
	margin-left: 0;
}
ul.mainnav li {
	text-decoration: none;
	display: inline;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	margin-left: 4px;
	margin-right: 4px;
	font-weight: normal;
 }
 
ul.mainnav li a:focus
{
   outline:1px dotted;
   outline-offset:2px;
   -moz-outline-radius:5px;
}

ul.mainnav li a:link, ul.mainnav li a:visited
{
	 text-decoration: none;
	 font-weight: bold;
	 color: #6B1101;
 }
 
ul.mainnav li a:hover, ul.mainnav li a:active
{
	 text-decoration: underline;
	 font-weight: bold;
	 color: #FF0000;
 }
 
 #lgortdiv a:link,  #lgortdiv a:visited
 {
  	 
	 font-size: 0.9em;
	 text-decoration: none;
	 font-weight: bold;
	 color: #6B1101;
 }
 
  #lgortdiv a:hover,  #lgortdiv a:active
{
	 text-decoration: underline;
	 font-weight: bold;
	 color: #FF0000;
}
 
 .main
 {
	 width: 100%;
	 height: auto;
	 margin-top: 0;
	 border: none;
	 border-collapse: collapse;
	 background: none;
 }
 
 .main .webs1, .main .webs2, .main .webs3
 {
	 width: 130px;
	 height: auto;
	 margin-left: 0;
	 margin-right: 0;
	 padding-top: 10px;
	 padding-left: 5px;
     border-collapse: collapse;	
	 text-align: center;
	 vertical-align: top;
	 }
	 
 .main .webs2
 {
  width: 160px;
 }

 .main .webs3
 {
  width: auto;
 }
 
 .main .websmdl, .main .websmd2
 {
	  width: 694px;
	  height: auto;
	  vertical-align: top;
	  padding-top: 0x;
	  border-collapse: collapse;
 }
 
 .main .websmd2
 {
  width: 654px;
 }

 #vdsts
 {
 font-size: 0.7em;
 }
 
.main .webs1 a:link, .main .webs1 a:visited, .main .webs2 a:link, .main .webs2 a:visited, .main .websbtm a:link, .main .websbtm a:visited 
{
	font-weight: normal;
	color: blue; 
	font-size: 0.7em;
	text-decoration: none;
	margin-bottom: 0;
}

 .main .webs1 a:hover, .main .webs1 a:active, .main .webs2 a:hover, .main .webs2 a:active, .main .websbtm a:hover, .main .websbtm a:active
  {
	font-weight: normal;
	color: #968C85;
	font-size: 0.7em;
	text-decoration: underline;
	margin-bottom: 0;
}

.main .webs1  .main .webs2 
 {
	vertical-align: top;
	padding-top: 3px;
	padding-bottom: 2px;
	border-bottom: 1px solid red;
}

.main .webs1 p, .main .webs2 p
{
	text-align: center;
	color: #6b1101;
	font-size: 0.7em;
	margin-bottom: 3px;
}
 
.websbtm 
{
	 width: 694px;
	 height: auto;
  	 margin-left: 10px;
	 margin-right: 0;
     border-collapse: collapse;	
	 border-left: 1px solid #EDEDED;
	 border-right: 1px solid #EDEDED;
}

.websbtm td
{ 	 width: 20%;
	 height: auto;
	 text-align: center;
 	 vertical-align: top;
	 padding-top: 7px;
 	 padding-bottom: 3px;
	 border-bottom: 1px solid #EDEDED;

}

.websbtm td p
{
	text-align: center;
	color: #6b1101;
	font-size: 0.7em;
	margin-bottom: 3px;
}

.websbtm td img
{
 margin-left: 5px;
}

.weblnks
{
width: 610px;
height: auto;
margin-left: 20px;
margin-right: auto;
border-collapse: collapse;
border: 2px solid #999999;
}

.weblnkslft
{
width: 190px;
height: 82px;
font-size: 0.7em;
text-align: center;
border-bottom: 1px solid #999999;
color: #6b1101;
padding: 3px;
vertical-align: middle;
}

.weblnksrt
{
width: 120px;
height: 82px;
border-right: 1px solid #999999;
border-bottom: 1px solid #999999;
padding: 3px;
vertical-align: middle;
}
 
 .content, .contentprnt
 {
	 width: 694px;
	 height: auto;
	 margin-top: 15px;
	 margin-left: 15px;
	 background-color: #FFFFFF;
	 border: none;
	 border-collapse: collapse;
 }

  .main .webs2
 {
	 width: 135px;
	 height: auto;
     border-collapse: collapse;	
	 text-align: center;
	 vertical-align: top;
	 padding-right: 5px;
	 padding-top: 10px;	 	
 }
 
 .conthr
 {
 width: 100%;
 margin-left: 0;
 margin-top: 10px;
 color: #FF0000;
}

 .content p, .contentprnt p
 {
	 text-align: left;
	 font-size: 0.8em;
	 font-weight: normal;
	 margin-left: 20px;
	 margin-right: 10px;
	 color: #000000;
 }

.content .toplft, .contentprnt .toplft
{
	width: 18px;
	height: 19px;
	background-image: url(images/top_lft_cnr.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}

.content .topcntr, .contentprnt .topcntr
{
	width: 650px;
	height: 19px;
	background-image: url(images/rect_top.jpg);
	background-repeat: repeat-x;
	background-position: top left;
}

.content .toprt, .contentprnt .toprt
{
	width: 18px;
	height: 19px;
	background-image: url(images/top_rt_cnr.jpg);
	background-repeat: no-repeat;
	background-position: top right;
}

.content .lft, .contentprnt .lft
{
	width: 18px;
	height: auto;
	background-image: url(images/rect_lft.jpg);
	background-repeat: repeat-y;
	background-position: top left;
}

.content .cntr
{
	width: 650px;
	height: auto;
}


.contentprnt .cntr
{	
    width: 650px;
	height: auto;
	background-image: url(images/toplogo_new_2.gif);
	background-repeat: no-repeat;
	background-position: top 25px;
}


/*.content .cntr #lgortdiv, .contentprnt .cntr #lgortdiv
{
 padding-right: 25px;
}*/

.content .cntr h4, .content .cntr h5, .contentprnt .cntr h4, .contentprnt .cntr h5
{
text-align: center;
color: #FF0000;
}

.content .rt, .contentprnt .rt
{
	width: 18px;
	height: auto;
	background-image: url(images/rect_rt.jpg);
	background-repeat: repeat-y;
	background-position: top right;
}

.content .btmlft, .contentprnt .btmlft
{
	width: 18px;
	height: 20px;
	background-image: url(images/btm_lft_cnr.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
}

.content .btmcntr, .contentprnt .btmcntr
{
	width: 650px;
	height: 20px;
	background-image: url(images/rect_btm.jpg);
	background-repeat: repeat-x;
	background-position: bottom left;
}

.content .btmrt, .contentprnt .btmrt
{
	width: 18px;
	height: 20px;
	background-image: url(images/btm_rt_cnr.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
}

.vidlyr
{
	width: 95%;
	height: auto;
	margin: 0 auto;
	text-align: justify;
	background-color: #EFA28E;
}

.vidlyr p
{
	text-align: justify;
	margin-left: 10px;
}

.vidlyr .vdtoplft
{
	width: 18px;
	height: 20px;
	background-image: url(images/vdtoplft.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
.vidlyr .vdtoprt
{
	width: 18px;
	height: 20px;
	background-image: url(images/vdtoprt.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

.vidlyr .vdbtmlft
{
	width: 18px;
	height: 20px;
	background-image: url(images/vdbtmlft.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}

.vidlyr .vdbtmrt
{
	width: 18px;
	height: 20px;
	background-image: url(images/vdbtmrt.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
}

.testplyr1
{
width: 50%;
height: auto;
margin: 0 auto;
border: 1px solid #000000;
}

ul.services {
	list-style-type: square;
	margin-left: 50px;
}

 ul.services li{
 	text-align: left;
	font-size: 0.8em;
	text-decoration: none;
	margin-top: 5px;
	color: #000000;
 }
 
ul.services li a:link, ul.services li a:visited{
	text-decoration: none;
	color: #6b1101;
	background: transparent;
	font-weight: bold;
 }
 
 ul.services  li a:hover, ul.services  li a:active {
	text-decoration: none;
	color: #968C85;
	background: transparent;
	font-weight: bold;
 }
 
  .contable  {
	width: 90%;
	height: auto;
	border: 2px solid #B5B5B5;
	background-color: #F9F9F9;
	color: #000000;
	font-size: 95%;
	margin-left: 5%;
    margin-right: 5%;
  }
  
  #conth3 {
	text-align: center;
	margin-bottom: 5px;
 }

  #contdleft 
  {
	width: 30%;
	height: 20px;
	border-bottom: 1px solid #B5B5B5;
	border-right: 1px solid #B5B5B5;
	vertical-align: middle;
	font-weight: bold;
}

   #contdleft p
 {
 font-weight: bold;
 text-align: right;
 }
 
  #contdright   {
	width: 70%;
	height: 20px;
	font-weight: normal;
	border-bottom: 1px solid #B5B5B5;
	vertical-align: middle;
 }
 
  #contdright span
{
   font-size: 0.8em;
}

/* Contact Form*/

.contbl
{
	 width: 90%;
	 height: auto;
	 border: 2px solid #B5B5B5;
	 background-color: #F9F9F9;
	 color: #000000;
	 font-size: 0.8em;
	 margin-left: 5%;
	 margin-right: 5%;
}

.contblfrmhdr
{
 width: 100%;
 height: auto;
 font-weight: bold;
 text-align: center;
 color: #FF0000;
 border-bottom: 2px solid #71625B;
 border-top: 2px solid #71625B;
 padding-top: 5px;
 padding-bottom: 3px;
 }

.contblfrmhdr2
{
 font-weight: normal;
 color: #000000;
 text-align: center;
}

.contblfrmlft
{
width: 40%;
height: auto;
font-weight: bold;
text-align: right;
padding: 3px;
padding-right: 10px;
color: #000000;
}

.contblfrmrt
{
width: 70%;
height: auto;
color: #000000;
font-weight: normal;
text-align: left;
padding: 3px;
padding-left: 10px;
}

.frmbtn
{
margin-left: 40px;
font-size: 0.9em;
font-weight: bold;
width: 70px;
}

/* End contact form */

	#cdimglyr
{
	position:absolute;
	width:351px;
	height:215px;
	margin-left: 310px;
	margin-top: 355px;
	background: none;
	border: none;
	z-index:1;
}

	#cddiscl
	{
	font-size: 0.9em;
	text-align: center;
	}


    #Layer1
	{
	position:absolute;
	width: 220px;
	height:220px;
	margin-left: 360px;
	margin-top: 220px;
	border: none;
	background: none;
	z-index:1;
	left: 225px;
	top: 5px;
	}
	
	#Layer2
	{
	position: absolute;
	width: 223px;
	height: 311px;
	margin-left:360px;
	margin-top: 225px;
	border: none;
	background: none;
	z-index:1;
	left: 225px;
	top: 0;
	}
	
	#Layer3
	{
	position: absolute;
	width: 250px;
	height: 360px;
	margin-left:360px;
	margin-top: 100px;
	border: none;
	background: none;
	z-index:1;
	left: 225px;
	top: 5px;
	}

.tstmnlimgs1
{
	background-color: #FFFFFF;
}

.tstmnlimgs1 img
{
	margin-top: 20px;
	float: right;
}
	
.tstmnlimgs2
{
	background-color: #F7F7F7;
}

.tstmnlimgs2 img
{
	margin-top: 20px;
	float: right;
}

#tstp
{
 font-size: 0.7em;
 margin-right: 10px;
}

.enqtbl
{
	width: 90%;
	height: auto;
	margin-left: 5%;
	border-collapse: collapse;
	border: 2px solid #CCCCCC;
	font-size: 0.8em;
}

.enqtbl .enqtdlft
{
	 width: 35%;
	 height: auto;
	 vertical-align: middle;
	 text-align: right;
	 padding-right: 5px;
	 border-bottom: 1px solid #CCCCCC;
	 border-right: 1px solid #CCCCCC;
}

.enqtbl .enqtdrt
{
	 width: 65%;
	 height: auto;
	 vertical-align: middle;
	 text-align: left;
	 padding-right: 5px;
}

.footnav 
{
	width: 100%;
	height: 30px;
	margin-top: 10px;
	background-color: #F7F7F7;
	border-collapse: collapse;
	border-bottom: 1px solid #CCCCCF;
}

   .footer {
	width: 100%;
	height: auto;
	font-size:0.7em;;
	text-align: center;
	padding: 5px;
	color: #6B1101;
	margin-left: 0;
	background-color: #F7F7F7;
}

.footer p {
	margin-top: 5px;
	margin-bottom: 5px;