/*---------------------------------------------------------------*/	
/*   Body elements for main pages */
/*---------------------------------------------------------------*/	

body {
	font-family: Arial, Veranda, Helvetica, sans-serif;
	background-color: #FCFCFF;
	margin: 7px 0 0;
	color: #000;
	font-size: 10pt;
}

td {
	font-family: Arial, Veranda, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;	
}


hr {
 	color: #cc9933;
}

a:link, a:visited {
	color: #000099;
	text-decoration: none; 	
}
a:hover {
	color: #0000FF;
	text-decoration: underline;		
}
/*---------------------------------------------------------------*/	
/*   tables    */
/*---------------------------------------------------------------*/	

.body_table {
	width: 800px;
	background-image: url('../layout/content_bg.jpg');
 	border-width: 0px 0px 0px 0px;
}

.td_top {
	background-image: url('../layout/top_bg.jpg');
	height: 25px;
	font-size: 9px;
	color: #FFFFFF;
	text-align: center;
}

.td_logo {
	height: 220px;
	background-image: url('../layout/top_logo.jpg');
	background-repeat: no-repeat;
	padding: 2px 0px 0px 0px;
	vertical-align: top;	
}

.td_title {
	background-image: url('../layout/title_bar.jpg');
	height: 37px;
	text-align: center;
	vertical-align: top;
	padding: 4px 36px 0px 97px;
	font-weight: bold;
	font-size: 11pt;
	color: #EEEEFF;
	
}

.td_title a:link, .td_title a:visited {
	font-weight: bold;
	font-size: 11pt;
	color: #EEEEFF;
}

H3 {
	color: #EEEEFF;
	font-weight: bold;
	font-size: 11pt;
}

H3 a:link, H3 a:visited, H3 a:hover  {
	color: #EEEEFF;
}

H2 {
	color: #000000;
	font-weight: bold;
	font-size: 11pt;
}

H2 a:link, H3 a:visited, H3 a:hover  {
	color: #000033;
}

H1 {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 10pt;
}

H1 a:link, H3 a:visited, H3 a:hover  {
	color: #000033;
}

.td_bottom {
	background-image: url('../layout/bottom.jpg');
	height: 85px;
	font-size: 10px;
	color: #FFFFFF;
	text-align: center;
	vertical-align: bottom;
	padding: 0px 36px 22px 97px;	
}

.table_content {
 	width: 800px;
}

.table_content_left {
 	width: 36px;
	vertical-align: top;
}
.table_content_main {
 	width: 728px;
 	padding:0;
	vertical-align: top; 	
}
.table_content_right {
 	width: 36px;
	vertical-align: top; 	
}

table.nav1 a { 
  	width:90px;
  	border: 0px;
  	display: inline;
  	text-align: left;
  	text-indent: 30px;
} 

div.nav1 {
   	width:100px;
} 


div.nav1 a {
	border: 0px;
	color: #FFFFFF;
	font-size: 11px;
	line-height: 20px;
	font-weight: bold;
	vertical-align: top;
	background-image: url('../layout/nav_button.jpg');
}

div.nav1 a:link, div.nav1 a:active, div.nav1 a:visited {
    color: #FFFFFF; 
    text-decoration : none;
	background-image: url('../layout/nav_button.jpg');
}

div.nav1 a:hover {
	text-decoration: none;
	background-image: url('../layout/nav_button_over.jpg');
}

.voice_demo_table {

}

.voice_demo_title, .voice_demo_title a:link, .voice_demo_title a:visited, .voice_demo_title a:hover {
	background-color: #5F2122;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
	padding: 4px 0px 4px 0px;
}
.voice_demo_cell {
	border-color: #CC9999;
	border-width: 1px 1px 1px 1px;
	border-style: dotted;
	vertical-align: top;
	padding: 5px 5px 5px 5px;
	margin: 1px 1px 1px 1px;
	white-space: nowrap;
}

.client_cell {
	border-color: #CC9999;
	border-width: 1px 1px 1px 1px;
	border-style: dotted;
	vertical-align: top;
	font-size: 9px;
	color: #333366;
	padding: 5px 5px 5px 5px;
	margin: 1px 1px 1px 1px
}

.studio_cell {
	border-color: #CC9999;
	border-width: 0px 1px 0px 0px;
	border-style: dotted;
	vertical-align: top;
	font-size: 10px;
	color: #111111;
	padding: 5px 5px 5px 5px;
	margin: 1px 1px 1px 1px
}

.resume_cell {
	border-color: #CC9999;
	border-width: 0px 0px 0px 0px;
	border-style: dotted;
	vertical-align: top;
	font-size: 10px;
	color: #111111;
	padding: 5px 5px 5px 5px;
	margin: 1px 1px 1px 1px
}

.orange_border {
 	border-width: 1px 1px 1px 1px;
 	border-style: solid;
 	border-color: #cc9933;
}

.boxed {
 	background-color: #d7dcff; 	
}

.copyright, .copyright a:link, .copyright a:visited {
 	padding: 2px 10px 2px 10px;
	font-size: 10pt;
	font-weight: normal;
	color: #999999;
	text-align: right;
}

#toplinksblogger a,#toplinksblogger a:link,#toplinksblogger a:visited#toplinksblogger a:active,#toplinksyoutube a,#toplinksyoutube a:link,#toplinksyoutube a:visited#toplinksyoutube a:active {color:#009; text-decoration:none;}
#toplinksblogger a:hover,#toplinksyoutube a:hover {color:#008; text-decoration:underline;}
#toplinksblogger {margin:0; padding:26px 17px 20px 0;}
#toplinksblogger img {margin:9px 8px 9px 11px; border:0;}
#toplinksyoutube {margin:0; padding:0 17px 41px 0;}
#toplinksyoutube img {margin:9px 6px 7px 11px; border:0;}


.menu {width: 783px; height: 32px; padding:9px 0 0 13px;}

.cssnav	{position:relative; float: left; margin: 0; padding: 0; font-family: arial, helvetica, sans-serif; background: url(../layout/nav_button_over.jpg) no-repeat; width: 70px; height: 20px; overflow:hidden;}
.cssnav a { display: block; color: #fff; font-size: 11px; font-weight:bold; width: 70px; height: 20px; float: left; text-decoration: none; overflow:hidden;}
.cssnav a:hover {color: #fff; text-decoration:none;}

.cssnav img {width: 75px; height: 20px; border: 0; }
* html a:hover {visibility:visible}
.cssnav a:hover img{visibility:hidden}

.cssnav span {position: absolute; left: 19px; top: 3px; text-align: left; width: 50px; cursor: pointer;}
/*
/*
/*
/*
/* QASEEM's CSS STYLES */
ul.dropdown {position:relative; z-index:597; float:left; background:url(../layout/new_04.gif) repeat-x; width:800px;}
ul.dropdown,ul.dropdown li,ul.dropdown ul {list-style:none; margin:0; padding:0;}
ul.dropdown li {float:left; vertical-align:middle; zoom:1; margin:0;}
ul.dropdown li.hover,ul.dropdown li:hover {position:relative; z-index:599; cursor:pointer;}
ul.dropdown ul {visibility:hidden; position:absolute; top:100%; left:0; z-index:598; width:100%;}
ul.dropdown ul li {float:none;}
ul.dropdown ul ul {top:0;}
ul.dropdown li:hover ul {visibility:visible;}

ul.dropdown {font:bold 12px arial, helvetica, sans-serif;}
ul.dropdown li {margin:0; padding:0; border-right:1px solid #ad2d2c; border-left:1px solid #c74d4c;}
ul.dropdown li:hover,ul.dropdown li:hover {background:#b53230;}
ul.dropdown li a {padding:14px 17px 13px; margin:0; display:block; text-decoration:none; outline:none;}
ul.dropdown li a:link,ul.dropdown a:visited,ul.dropdown a:active {color:#fff;}
ul.dropdown li a:hover {color:#e7a7a7; text-decoration:none;}
ul.dropdown li a.youtubepadd {padding:11px 11px 10px; margin:0 0 -3px;}
ul.dropdown li a.bloggerpadd {padding:11px 12px 10px 13px; margin:0 0 -3px;}
ul.dropdown li.dir ul li {background:#a82827;}
ul.dropdown li.dir ul li:hover {background:#b53230;}

ul.dropdown ul {margin:0; padding:0; border:0; border-top:0px solid #a82827;}
ul.dropdown ul li {margin:0; border:1px solid #b53230; border-width:0 1px 1px; width:90px;}
ul.dropdown li ul li a {padding:0; margin:0; border:none; padding:5px 12px 5px 16px;}
ul.dropdown li ul li a:hover {color:#e7a7a7;}

ul.dropdown li.dir {background:url(../layout/new_06.gif) no-repeat 83% 55%; background-color:none; padding:0 8px 0 0;}
/* ==== */

.bodypadd {padding:20px; border:12px solid #800605; border-bottom:0px;}
.bgmaroon {background:#800605; height:12px;}
.footer {font-size:10px; text-align:center; padding:6px 0 12px;}
.demostable {background:#e7a7a7;}
.demostable tr {background:#fff;}
.demostable td {padding:2px 8px;}
.demostable td.demos {font-size:13px; font-weight:bold; text-align:center; padding:4px 0; color:#fff; background:#5F2122;}
.demostable td.demos a,.demostable td.demos a:link,.demostable td.demos a:visited {font-size:13px; font-weight:bold; color:#fff; background:#5F2122;}
.viocedemocell h2 {padding:12px 0 0; margin:0;}
.viocedemocell2 h2 {padding:0; margin:0;}
.viocedemocell2 p {padding:0; margin:0;}
h1.h1 {font-size: 24px; color: #900; text-align:center; margin:0; padding:0; line-height:24px;}