body{
	margin:0;
	font:11px/13px arial,sans-serif;
	padding: 5px 0 0;
	behavior: url("http://www.covideo.com/White/css/csshover.htc");
	background-color:#a4c8e8; 
	background-image: url(../images2/BG_Gradient.png);
	background-repeat:repeat-x;
}

<!--[if IE--]>
<style type="text/css" media="screen">
body {
behavior: url(csshover.htc);
font-size: 100%;
}

#menu ul li {float: left; width: 100%;}
#menu ul li a {height: 1%;} 

#menu a, #menu h2 {
font: bold 0.7em/1.4em arial, helvetica, sans-serif;
}
</style>
<!--[endif]-->

a{
	text-decoration: none;
	cursor: pointer;
}
a:hover{text-decoration:underline;}
a:focus{outline:none;}
form{display:inline;}
img{border: none;}
label,select,textarea,input{vertical-align:top;}
textarea, input, select{
	font:11px/13px arial,sans-serif;
	color: #000;
}

.main{
	margin:0 auto;
	width: 960px;
	
}

.topbar {
	background: url(../images2/bar.png) no-repeat;
	width: 955px;
	height: 21px;
	text-indent: -3333px;
	overflow: hidden;
	margin:auto;
}

.logo{
	background: url(../images2/NewLogo.png) no-repeat;
	width: 178px;
	height: 75px;
	text-indent: -3333px;
	position: absolute;
	
	top:10px;
	overflow: hidden;
} 

/*.logo{
	background: url(../images2/HalloweenLogo2_small.png) no-repeat;
	width: 186px;
	height: 84px;
	text-indent: -3333px;
	position: absolute;
	
	top:7px;
	overflow: hidden;
}*/

/*.logo{
	background: url(../images2/4thWebLogo.png) no-repeat;
	width: 182px;
	height: 80px;
	text-indent: -3333px;
	position: absolute;
	
	top:8px;
	overflow: hidden;
}*/

/*.logo{
	background: url(../images2/EasterLogo.png) no-repeat;
	width: 173px;
	height: 90px;
	text-indent: -3333px;
	position: absolute;
	
	top:4px;
	overflow: hidden;
}*/

/*.logo{
	background: url(../images2/StPatsLogo_website.png) no-repeat;
	width: 177px;
	height: 76px;
	text-indent: -3333px;
	position: absolute;
	
	top:10px;
	overflow: hidden;
}
*/


/*.logo{
	background: url(../images2/NewLogoChristmasSmall.png) no-repeat;
	width: 192px;
	height: 83px;
	text-indent: -3333px;
	position: absolute;
	
	top:5px;
	overflow: hidden;
}
*/

/*.logo{
	background: url(../images2/NewYearsLogo.png) no-repeat;
	width: 192px;
	height: 92px;
	text-indent: -3333px;
	position: absolute;
	
	top:4px;
	overflow: hidden;
}
*/

.topblock {
	display:block;
	position:absolute;
	width: 960px;
	height:50px;
	
}

.liveWebinar {
	background: url(../images2/LiveWebinar.png) no-repeat;
	width: 243px;
	height: 27px;
	text-indent: -3333px;
	position: absolute;
	left: 420px;
	top:35px;
	overflow: hidden;	
}

.liveWebinar:hover {
	background: url(../images2/LiveWebinar.png) no-repeat;
	background-position: 0 100%;
}

.login {

float: left;
top: 43px;

position: absolute;
margin-left: 200px;

}

.sales{
color: #494848;
font: 14px/20px arial, helvetica, sans-serif;
}

.login a {
color: #d6a82a;
font: bold 15px/25px arial, helvetica, sans-serif;
text-decoration: none;
}

.login a:hover {
color: #494848;
}

.top_gradient {
	background: url(../images2/top_gradient.png) no-repeat;
	width: 854px;
	height: 540px;
	z-index: -400;
	position: absolute;
	top: 137px;
		
}

#menu {

float: left;
top: -13px;
left: 0px;
position: absolute;
z-index: 1500;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 145px;
height:29px;
float: left;
}

#menu h2 {
font: bold 13px/29px arial, helvetica, sans-serif;
text-align:center;
display: block;
color: #fff;
background: url(../images2/nav_button.png) no-repeat;
text-transform: uppercase;
border-width: 0px;
border-style: hidden;
border-color: #ffffff;
margin: 0px auto;
}



#menu h2:hover {
background: url(../images2/nav_button.png) no-repeat;
overflow: hidden;

background-position: 0 100%;

}



#menu a  {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 3px;
color: #000;
background: #efefef;
text-decoration: none;
}
#menu a:hover {
color: #e3ad1f;
background: #fff;
}

#menu li {position: relative;}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

#menu ul ul {
position: absolute;
z-index: 500;
}

div#menu ul ul {
display: none;
}

div#menu ul li:hover ul
{display: block;}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

.demo{
	width: 202px;
	position: absolute;
	top: -100px;
	left: 740px;
	float:left;
	z-index:200;
}

.form{
	padding: 8px 5px 0px 10px;
	color: #666;
	overflow: hidden;
	font-size: 13px;
	line-height: 14px;
}
.form p{
	margin: 0;
	padding: 8px 0 10px 3px;
	text-align:center;
}
.form div{padding: 0px 0 4px;}
.form div span{
	display: block;
	background: url(../images2/demobox.png) no-repeat;
	width: 182px;
	height: 25px;
	padding: 1px 0 0 8px;
	
}
.form div span input{
	font:italic 14px/16px Tahoma,sans-serif;
	text-transform: uppercase;
	color: #8c8c8c;
	background: transparent;
	margin: 0;
	padding: 2px 0 0 4px;
	border: 0;
	width: 182px;
	list-style: none;
	float: left;
}







.demo_header {
	background: url(../images2/demo_top.png) no-repeat;
	width: 202px;
	height: 38px;
	position: absolute;
	margin: 0px;	
}

.demo_header h3{
font: bold 17px/38px arial, helvetica, sans-serif;
text-align:center;
display: block;
color: #fff;
text-transform: uppercase;
border-width: 0px;
border-style: hidden;
border-color: #ffffff;
margin: 0px auto;
}

.demoBg {
	background: url(../images2/demo_bg.png) repeat-y;
	width: 202px;
	height: 163px;
	position: absolute;
	top: 38px;
}

.demoBg .submit{
	background: url(../images2/btn-submit.png) no-repeat;
	width: 131px;
	height: 36px;
	display: block;
	overflow: hidden;
	text-indent: -3333px;
	margin:auto;
	border: 0px;
	
}
.demoBg .submit:hover{background-position: 0 100%;}

.demoBottom {
	background: url(../images2/demo_bottom.png) no-repeat;
	width: 202px;
	height: 15px;
	position: absolute;
	top: 163px;
	z-index: -100;
	
}


/* next steps */

.stepArea {
	display:block;
	width:198px;
	height:174px;
	
	position:absolute;
	left:7px;
	top:-2px;
	
}

.stepSub {
	display:block;
	width:198px;
	height:33px;
	
}

.stepLink {
	color: #494848;
font: bold 15px/15px arial, helvetica, sans-serif;
text-decoration: none;	
}

.stepLink:hover {
	color: #3d55c7;
	text-decoration: none;
}

/* end next steps */


.BuyNowButton{
	background: url(../images2/BuyNowButton.png) no-repeat;
	width: 202px;
	height: 49px;
	position: absolute;
	top: 126px;
	left: 740px;
	text-indent: -3333px;
	z-index:100;
}

.BuyNowButton:hover {
background: url(../images2/BuyNowButton.png) no-repeat;
overflow: hidden;

background-position: 0 100%;
}


