/* Global Styles */
* {margin:0px; padding:0px;}
html, body {height:100%;}
body {background:url(../graphics/globalBG.gif) repeat-x top #dfe0e0 /* #f2f2f3 */; font:normal 12px Arial, Helvetica, sans-serif; line-height:1.4em;}
IMG {border:0px;}
p {padding-bottom:8px;}
form {background:#F4F9FD; font-size:12px; color:#666; font-weight:bold; padding:5px;}
form Table TD {border-bottom:1px #E6EFF9 solid;}

/* Activeness [Start] */
body.homepage li.lnk_homepage A {background:url(../graphics/menu_hover.gif) repeat-x !important; color:#fff !important;}
body.benefits li.lnk_benefits A {background:url(../graphics/menu_hover.gif) repeat-x !important; color:#fff !important;}
body.features li.lnk_features A {background:url(../graphics/menu_hover.gif) repeat-x !important; color:#fff !important;}
body.solutionfor li.lnk_solutionfor A {background:url(../graphics/menu_hover.gif) repeat-x !important; color:#fff !important;}
body.services li.lnk_services A {background:url(../graphics/menu_hover.gif) repeat-x !important; color:#fff !important;}
body.aboutus li.lnk_aboutus A {background:url(../graphics/menu_hover.gif) repeat-x !important; color:#fff !important;}
body.reseller li.lnk_reseller A {background:url(../graphics/menu_hover.gif) repeat-x !important; color:#fff !important;}
body#hp #content {height:600px !important;}

/* Content [Start]*/
#masterDiv {background:url(../graphics/body_bg.jpg) repeat-x top #fff !important; width:1003px; border-left:1px #C1C1C1 solid; border-right:1px #C1C1C1 solid; margin:0 auto; display:table; overflow:visible; height:92%;}

.logo {padding-left:15px; clear:both;}
.heading {font-size:20px; color:#5D5D5D; border-bottom:1px #DCDDDE solid; padding:20px 0; margin-left :10px;}

#topmenu {background:url(../graphics/topmenu_bg.jpg) repeat-x; width:auto;}
#banner {background:url(../graphics/auditroom-banner2.jpg) no-repeat left top; padding-left:794px;}

#innerpage {width:auto; display:table; float:left; float:left}
#innerpage Div {display:table-cell; vertical-align:top;}
#innerpage #content {width:auto;}
#innerpage #rhtmenu {width:200px; text-align:center; padding:8px; padding-top:30px;}
/*#innerpage #rhtmenu IMG { padding-bottom:10px;}*/

#innerpage #content .columns .col_1 {width:360px; padding:5px;}
#innerpage #content .columns .col_2 {width:360px; padding:5px;}


#content {padding:5px 15px; overflow:visible;}
#content fieldset {padding:10px;}
#content HR {border:1px #DCDDDE dotted; margin:10px 0px;}

#content H2 A {color:#286BDB; text-decoration:none; padding:5px; display:block;}
#content H2 A:hover {background:#E6EFF9; color:#333; text-decoration:none; padding:5px; display:block;}

#content H3 {font-size:16px; color:#3479E0; border-bottom:1px #CCC solid; padding:5px 0px; margin:5px 0px;}
#content b, strong {color:#06c;}

#content ul {margin-left:30px}
#content ul li {background:url(../graphics/bullet.gif) no-repeat; list-style:none; padding:0px 0 5px 20px;}

#content .btn { background:url(../graphics/menu_hover.gif) repeat-x; color:#fff; font-weight:bold; border:1px #006 solid; padding:6px; margin:5px 5px 0 0;}

#content .columns {width:auto; font-size:100%; float:left; margin:10px auto; clear:both;}
#content .columns Div {display:inline-table; float:left}

#content .columns .col_1 {width:475px; padding:5px;}
#content .columns .col_2 {width:475px; padding:5px;}


#content .columns H2 {font-size:13px; color:#22221E; padding:5px 0 0 28px; margin-bottom:4px;}

#content .ref-tab {background:url(../graphics/tab-bg.gif) repeat-x; width:760px;}

H2.aaa {background:url(../graphics/ico-one.gif) no-repeat left;}
H2.oad {background:url(../graphics/ico-three.gif) no-repeat left;}
H2.aap {background:url(../graphics/ico-five.gif) no-repeat left;}
H2.sdm {background:url(../graphics/ico-seven.gif) no-repeat left;}
H2.esd {background:url(../graphics/ico-nine.gif) no-repeat left;}
H2.cae {background:url(../graphics/ico-two.gif) no-repeat left;}
H2.mae {background:url(../graphics/ico-four.gif) no-repeat left;}
H2.esa {background:url(../graphics/ico-six.gif) no-repeat left;}

H2.cuf {background:url(../graphics/ico_nine.gif) no-repeat left;}
H2.rsa {background:url(../graphics/ico-ten.gif) no-repeat left;}
H2.mal {background:url(../graphics/ico_eleven.gif) no-repeat left;}
H2.mat {background:url(../graphics/ico-12.gif) no-repeat left;}
H2.ats {background:url(../graphics/ico-13.gif) no-repeat left;}
H2.sda {background:url(../graphics/ico-14.gif) no-repeat left;}
H2.crs {background:url(../graphics/ico-15.gif) no-repeat left;}
H2.sox {background:url(../graphics/ico-16.gif) no-repeat left;}


#content .columns_2 {width:auto; font-size:100%; float:left; margin:10px auto; clear:both; display:none}
#content .columns_2 Div {display:inline-table; float:left}

#content .columns_2 .col_1 {width:753px; padding:5px;}
#content .columns_2 .col_2 {width:200px; padding:5px;}


#footer {background:#333; width:1003px; color:#FFF; margin:0 auto; text-align:center; padding:6px 0;}

#footer UL {}
#footer UL LI {display:inline;}

#footer UL LI A {color:#FFF; text-decoration:none; border-right:1px #fff solid; padding:0 8px;}
#footer UL LI A:hover {color:#FFF; text-decoration:underline;}



/* Top menu Styles [Start] */
.ddsmoothmenu{
font: bold 12px Verdana;
/*background: #414141; *//*background of menu bar (default state)*/
width: 100%;
}

.ddsmoothmenu ul{
z-index:100;
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.ddsmoothmenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{
display: block;
/*background: #414141;*/ /*background of menu items (default state)*/
color: #3e3e3e;
padding: 8px 10px;
border-right: 1px solid #778;
color: #2d2b2b;
text-decoration: none;
}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
color: #3e3e3e;
}

.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background:#3E3E3E; 
color:#fff !important;
}

.ddsmoothmenu ul li a:hover{
background:url(../graphics/menu_hover.gif) repeat-x; /*background of menu items during onmouseover (hover state)*/
color: white;
}
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
font: normal 13px Verdana;
width: 160px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;
}

/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;

}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: transparet;
}

.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
opacity: 0.8;
}

.submenu {background:#3E3E3E !important; color:#fff}
.submenu A {color:#fff !important;}

/* Top Menu [End] */
