@charset "utf-8";

/*Wirevibe - Arul*/
/* Main CSS Document */


/*Bodily Properties*/
body {	
	background:#c3c3c3;
	font-family: “Myriad Pro”, Arial, Tahoma, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	text-align:center;
	
	/*scrollbar-face-color: #900;
	scrollbar-highlight-color: #ffffff;
	scrollbar-3dlight-color: #666666;
	scrollbar-darkshadow-color: #333333;
	scrollbar-shadow-color: #999999;
	scrollbar-arrow-color: #000000;
	scrollbar-track-color: #000000;*/

	}
a{
	color:#FFF;
}

.maindiv{
	background: url(images/bodybackground.png) center repeat-y;
	border: 1px solid #000000;
	width: 900px;
	text-align:center;
	margin: auto;
	padding: 0px;
	position: relative;
	}

.topnav{
    	width:100%;
	text-align:center;
	margin:0px; padding:0px;
	
}

.secondarydiv{
	width: 780px;
	text-align:center;
	}
.flshlogo{
	width:81%;
	margin-left:90px;
		}
.logobox{
	width: 300px;
	float:left	
	}
.flashbox{

}
.bdydiv{
	width:81%;
	margin-left:81px;
	border: #F0F0F0 5px outset;
}
.mainbody{
	width:81%;
	margin-left:90px;
}
.mainbody.a{
	color:#FFF;
}
.hmevideo{
	float:left;
	width:320px;
}
.hmecnt{
	float:right;
	width:409px;
	text-align:left;
}
.tabdiv{
	border:outset 5px #CCC;
	width:720px;
}
.bio{
	width:720px;
	margin-left:81px;
}
.bio ul{
	list-style-type:square
}
.domtab{
	text-align:left;
}
.domtab h2{
	text-align:center !important;
	color:#900;
}
.footer{
	margin-left:78px;
	margin-right:78px;
	color:#8c3a3a;
	font-weight:bolder;
	/*text-shadow: #FFF 0.1em 0.1em 0.2em;*/
}

							/*Menu CSS*/
							/*Top Menu*/
/*-----------------------------------MENU---------------------------------------------*/
	
.menu {width:auto;
	margin:0;
	padding:0;
	list-style-type:none;
	position:relative;
	display:block;
	height:36px;
	text-transform:uppercase;
	font-family: "Geneva", Verdana, sans-serif !important;
	font-size:10px;
	font-weight:bold;
	background:transparent url("images/navred.png") repeat-x top left;
	font-family:Helvetica,Arial,Verdana,sans-serif;
	border-bottom:1px solid #555555;
	border-top:1px solid #919191;
	padding: 0 0px;
	
		}
.menu li.top {
	display:block; 
	float:left;
	position:relative;
	}
.menu li a.top_link {
	display:block; float:left; 
	height:40px; 
	line-height:33px; 
	color:#000; 
	text-decoration:none; 
	font-size:11px; 
	font-weight:bold; 
	padding:0 12px; 
	cursor:pointer;
	}
.menu li a.top_link span {float:left; font-weight:bold; display:block; padding:0 12px 0 12px; height:40px;}
.menu li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:40px; background:url(images/down.gif) no-repeat right top;}
.menu li a.top_link:hover {color:#FFF; background: url(images/hoving.gif) repeat-x;}
.menu li a.top_link:hover span {background:url(images/hoving.gif) repeat-x right top;}
.menu li a.top_link:hover span.down {background:url(images/hoving.gif) repeat-x right top;}

.menu li:hover > a.top_link {color:#900; background: url(images/hoving.gif) repeat-x;}
.menu li:hover > a.top_link span {background:url(images/hoving.gif) repeat-x right top;}
.menu li:hover > a.top_link span.down {background:url(images/hoving.gif) repeat-x right top;}

.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

.menu a:hover {visibility:visible;}
.menu li:hover {position:relative; z-index:200;}

.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu :hover ul.sub {left:2px; top:40px; right:2px; background: #D3D3D3; padding:3px 0; border:1px solid #999999; white-space:nowrap; width:100px; height:auto;}
.menu :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:100px;}
.menu :hover ul.sub li a {font-weight:bold; display:block; font-size:11px; height:20px; width:auto; line-height:20px; text-indent:5px; color:#000; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;}
.menu :hover ul.sub li a.fly {background:#D3D3D3 url(images/hoving.gif) 80px 7px no-repeat;}
.menu :hover ul.sub li a:hover {background:#900; color:#fff; width:150px;}
.menu :hover ul.sub li a.fly:hover {background:#D3D3D3 url(images/hoving.gif) 80px 7px no-repeat; color:#fff;}
.menu :hover ul li:hover > a.fly {background:#D3D3D3 url(images/hoving.gif) 80px 7px no-repeat; color:#fff;} 


.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: #fff; padding:3px 0; border:1px solid 999999; white-space:nowrap; width:150px; z-index:200; height:auto;}

	/*-----------------------------------MENU ENDS---------------------------------------------*/
	
								/*Body Menu*/

ul#bdymenu {
  width: 100%;
  height: 36px;
  background: url("images/bnavred.png") top left repeat-x;
  text-transform:uppercase;
  font-size: 0.8em;
  font-family: "Geneva", Verdana, sans-serif !important;
  font-weight: bold;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
ul#bdymenu li {
  display: block;
  float: left;
  margin: 0 0 0 5px;
}
ul#bdymenu li a {
  height: 36px;
  /*color: #777;*/
  color: #FFF;
  text-decoration: none;
  display: block;
  float: left;
  line-height: 200%;
  padding: 8px 15px 0;
}
ul#bdymenu li a:hover {
  /*color: #333;*/
  color: #FFF;
  background: url("images/bhoving.jpg") top left repeat-x;
}
ul#bdymenu li a.current {
  /*color: #FFF;*/
  color: #000;
  background: url("images/bhoving.jpg") top left repeat-x;
  padding: 8px 15px 0;
}
#contactFormArea{
	width:45%;
	
}