html, body {
	margin: 0px;
	padding: 0px;
	font: 13px Arial, Helvetica, sans-serif;
	color: #766D6D;
	background: #F8F4EB;
	behavior: url("../../hover.htc");
    }
    
  a.linklist1:link {text-decoration:none; color:#E9DF40;}
  a.linklist1:visited {text-decoration:none; color:#E9DF40;}
  a.linklist1:active {text-decoration:none; color:#E9DF40;}
  a.linklist1:hover {text-decoration:none; color:#ffffff;}
  
  .color-1-text-8 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #D0FAFC;
	}
  .color-1-text-10 {
  	font-family:arial, helvetica, sans-serif;
  	font-size: 10pt;
  	color: #D0FAFC;
    }
   .color-1-text-11{
	font-family: "Segoe UI", bold;
	font-size: 13pt;
	color: #ffffff;
	}
   .color-1-text-12{
	font-family: "Times New Roman", Times, serif;
	font-size: 11pt;
	color: #ffffff;
	}
#toit-body-center {
	text-align:center;
	height: 765px;
	border: 1px solid #000000;
	background: url("../../Images/starbackround.jpg");
	}
 #toit-body {
	position: relative;
	width: 1024px; height: 710px;/* change this to a specific amount for a fixed design or a 
		relative amount if the design should expand to a percentage of the screen.
		E.g., 1024px or 100%, respectively. */
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	padding-bottom: 10px;
	border: 0px solid #000000;
	}
 #toit-header {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 1024px;
	height: 334px;
	border: 0px solid #000000;
	background:  url("../../Images/newheader.png");
	z-index: 1;
    }
 #toit-logo {
 	position: absolute;
 	margin-left: 5px;
 	margin-top: 4px;
 	width: 316px;
 	height: 117px;
 	border: 0px; 
 	z-index: 9993;
 	}
 #upper-right-slogan {
	position: absolute;
	width: 450px;
	height: 25px;
	z-index: 14;
	left: 547px;
	top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	font-style: oblique;
	color: #E0E4B9;
    }
 #toit-header-flash {
	position:absolute;
	
    }
 #toit-menu-container{
	position: absolute;
	width: 775px;
	height: 59px;
	margin: 0 auto;
	left: 120px;
	top: 278px;
	z-index: 999;
	background:transparent url("../../Images/containerbgtrans.png");
    }
 	#menuwrap {
 		width:100%;
 		height: 63px;
 		position: relative;
 		top:0px;
 		background: transparent url("../../Images/.png");	 
		}
	ul#menu {
	width: 535px;
	height: 59px;
	padding: 0;
	margin: 0 auto 0 auto;
	list-style-type: none;
	background: tranparent url("../../Images/menubg.png") repeat-x;
}

	ul#menu li{
		float:left;
}
	ul#menu li a {
	display: block;
	height: 59px;
	top: 5px;
	overflow: hidden;
	text-indent:-99999px;
	background: transparent url("../../Images/menumatrix.png") no-repeat;
}



	ul#menu li#home a {background-position:0 0; width: 59px; }
	ul#menu li#home a:hover {background-position: 0 -59px; width: 59px; } 
	
	ul#menu li#services a {background-position: -59px 0; width: 88px; }
	ul#menu li#services a:hover {background-position: -59px -59px; width: 88px; }
	
	
	ul#menu li#portfolio a {background-position: -147px 0; width: 92px; }
	ul#menu li#portfolio a:hover {background-position: -147px -59px; width: 92px; }
	
	ul#menu li#contact a {background-position: -239px 0; width: 90px; }
	ul#menu li#contact a:hover {background-position: -239px -59px; width: 90px; }
	
	ul#menu li#about a {background-position: -329px 0; width: 93px; }
	ul#menu li#about a:hover {background-position: -329px -59px; width: 93px; }
	
	ul#menu li#vendor a {background-position: -421px 0; width: 110px; }
	ul#menu li#vendor a:hover {background-position: -421px -59px; width: 110px; }
	
ul.IR li {
  position: relative;
  /*overflow: hidden;
  commented out for this example */
  font-size: 0.9em;
}

.IR em {
  display: block;
  position: absolute;
  top: 0; left: 0;
  z-index: 1;
}
* html>body .IR {
  position: static;
  /*overflow: visible; commented out for this example */
  font-size: 10px;
}

* html>body .IR em  { position: static; }

.nav { list-style: none; width: 535px; height: 59px; margin: 0 auto 0 auto; padding: 0; background: tranparent url("../../Images/menubg.png") repeat-x; }
.nav li { float: left; }
.nav li, .nav li em { width:59px; height: 59px; }

.link1 em, .link2 em, .link3 em, .link4 em, .link5 em, .link6 em {
  display: block;
  width: auto;
  overflow: ;
  text-indent: -99999px;
  background: url("../../Images/menumatrix.png") no-repeat;
  cursor: pointer;
}
.link1 em { background-position:0 0; width: 59px;}
.link1:hover em {background-position: 0 -59px; width: 59px;}

#link2{ width:88px;}
#link2 em {width:88px;}
.link2 em { background-position: -59px 0; width: 88px;}
.link2:hover em { background-position: -59px -59px; width: 88px;}

#link3{ width:92px;}
#link3 em {width:92px;}
.link3 em { background-position: -147px 0; width: 92px;}
.link3:hover em { background-position: -147px -59px; width: 92px;}

#link4{ width:90px;}
#link4 em {width:90px;}
.link4 em { background-position: -239px 0; width: 90px;}
.link4:hover em { background-position: -239px -59px; width: 90px;}

#link5{ width:93px;}
#link5 em {width:93px;}
.link5 em { background-position: -329px 0; width: 93px;}
.link5:hover em { background-position: -329px -59px; width: 93px;}

#link6{ width:110px;}
#link6 em {width:110px;}
.link6 em { background-position: -421px 0; width: 100px;}
.link6:hover em { background-position: -421px -59px; width: 100px;}

.nav a { display: block; }
* html .nav a { height: 1%; }

.nav li ul {
  position: absolute;
  z-index: 10; /* show the
  dropdowns above the images */
  width:95px;
  top: 58px; /* position the dropdowns a set distance from the top of the image */
  left: -988em;
  list-style: none;
  border: 0px solid #FFCC00;
}

.nav li:hover ul { left:-40px ; }

.nav li li {
  height: auto;
  width: 150px;
  padding-bottom: 0; /* reset the height set on the IR list items */
  font-size: 110%;
  border-bottom: 0px solid #FFCC00;
}
.nav li ul a {
  padding: 0.59em;
  color: #B2A80A;
  background: #2A2A3B url("../../images/hoverbg.png") repeat-x;
  text-decoration: none ;
  font-weight: bold ;
  
}
.nav li ul a:hover {
  color: #FFFFFF;
  background: #7B2A27 url("../../images/menubgone.png") repeat-x ;
}


 #toit-main-content {
  	position:relative;
  	margin-top: 290px;
  	margin-left: 20px;
  	width: 977px;
  	height: 422px;
  	border: 0px solid #000000;
  	background: url("../../Images/Lower_Section_Background.png");
  	z-index: 1;
	}
 #toit-content-title{
	position: absolute ;
	left: 265px;
	top: 20px;
	width: 531px;
	height: 20px;
	color: #ffffff;
	border: 0px solid #ffffff;
	}
  #toit-content-main{
	position: absolute;
	left: 265px;
	top: 45px;
	width: 555px;
	height: 85px;
	text-align: justify;
}
 	#toit-lower-content-center{
		position:absolute;
		top: 322px;
		left:75px;
		margin-right: auto;
		width:867px;
		height:172px;
		border: 0px solid #000000;
		background: url("../../Images/Lower_Content_center.png");
		font-family:"Segoe UI" ;
		z-index: 100; 
    	}
   #webblock{
   		position: absolute ;
   		margin-top: 5px;
   		width: 215px;
   		height: 225px;
   		background: url("../../Images/webdesignblurt.png");	
		}
	#webtitle{
		position: absolute ;
		margin-top: 15px;
		margin-left: 20px;
		font-family: "Segoe UI"  ;
		font-weight: bold ;
		font-size: 18px;
		color: #FFFFFF;
}
	#watchblock{
		position:absolute;
	    left:215px;
	    margin-top:5px;
	    width: 230px;
	    height: 225px;
	    background: url("../../Images/watchphoneblurt.png");
}
	
	#filmblock{
		position:absolute; 
		left:450px; 
		margin-top:5px;
		width: 215px;
		height: 225px;
		background: url("../../Images/filmblurt.png");
}
	#all-in-one{
		position:absolute; 
		left:670px; 
		top:10px;
		width: 202px;
		height: 83px;
		background: url("../../Images/all_in_one.png");
}
    #toit-lower-blocks{
		position:relative;
		top:158px;
		left:5px;
		width:869px;
		height: 230px;
			}
 #toit-footer {
 	clear: both;
 	text-align:center;
 	margin-top: 0px;
 	line-height: 35px;
 	background: ;
 	border: 0px solid #000000;
 	{
 
	
}
/* ++++++++ global structure styles end ++++++++++*/
}
.style1 {
	margin-left: 12px;
	margin-right: 6px;
	margin-top: 42px;
	font-size: 11px;
	color: #FFFFFF;
}
.style2 {
	margin-left: 117px;
	margin-bottom: 0px;
	text-align: center;
	color: #FFFFFF;
	margin-top: 25px;
}
.style3 {
	color: #FFFFFF;
}
.style4 {
	margin-left: 18px;
	margin-right: 11px;
	margin-top: 141px;
	font-size: 11px;
	color: #FFFFFF;
}
.style6 {
	margin-left: 10px;
	margin-right: 7px;
	margin-top: 103px;
	font-size: 11px;
}
.style8 {
	color: #FFFF00;
	font-size: 13px;
}
.style9 {
	margin-left: 12px;
	margin-right: 6px;
	margin-top: 49px;
	font-size: 11px;
}