/* CSS Document */

/* Layout */

body {
	background-color:#666666;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
}

#center {
	margin:0 auto;
	width:985px;
}

#main {
	float:left;
	width:100%;
	background:#FFFFFF;
}

#head {
	width:100%;
	height:116px;
	background:white;
}

/* Horizontal Menu */

#hmenu {
	width:100%;
	height:35px;
	background:#74A41B;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
}

#walkthru {
	width:238px;
	height:100%;
	float:left;
}

#buynow {
	width:170px;
	height:100%;
	float:left;

}

#about {
	width:190px;
	height:100%;
	float:left;

}

#login {
	width:222px;
	height:100%;
	float:left;

}

#contact {
	width:165px;
	height:90%;
	float:right;
	decoration:none;

}

* html #contact {
	width:160px;
}

/* Vertical Menu */

#award {
	float:left;
	width:238px;
	height:117px;
	background:url(../img/product-year.jpg) no-repeat;
}

#extraline {
	width:227px;
	height:74px;
	float:right;
}

#specials {
	float:left;
	margin-left:20px;
	margin-top:25px;
	display:inline;
}

.space2 {
	width:150px;
	height:56px;
	float:left;
}

* html .space2 {
	height:48px;
}

/* Content */

#content {
	float:left;
	display:inline;
	width:707px;
	margin-top:20px;
	margin-left:25px;
}

#video {
	width:276px;
	height:200px;
	float:right;
	display:inline;
	margin-left:20px;
	margin-bottom:20px;
}

#graybox {
	width:707px;
	height:235px;
	background:url(../img/gray-box.jpg) no-repeat;
	margin-top:10px;
}

#box1 {
	width:195px;
	height:156px;
	float:left;
	display:inline;
	margin-left:20px;
	margin-top:28px;
}

#box2 {
	width:208px;
	height:156px;
	float:left;
	display:inline;
	margin-left:15px;
	margin-top:28px;
}

#box3 {
	width:236px;
	height:156px;
	float:left;
	display:inline;
	margin-left:15px;
	margin-top:28px;
}

/* Footer */

#footer {
	height:58px;
	float:left;
	clear:both;
	background:#252B32;
	width:100%;
}

#footerbox {
	width:410px;
	float:right;
	display:inline;
	margin-right:20px;
	margin-top:10px;
}

/* Text */

a, p, span {
	margin:0px;
	padding:0px;
}

#hmenu a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	width:100%;
	text-align:center;
	line-height:35px;
	vertical-align:middle;
	float:left;
}

#hmenu a:hover, #vmenu a:hover {
	color:#4B5C6C;
	text-decoration:underline;
}

#specials a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	text-decoration:underline;
}

#specials p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#000000;
	text-decoration:none;
}

#vmenu {
	clear:left;
	float:left;
	width:238px;
	height:790px;
	background:url(../img/vmenu_bg.jpg) no-repeat top;
}

#graybox span {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:left;
	float:left;
	margin-left:20px;
	display:inline;
	margin-top:8px;
}

#content h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	margin:0;
	padding:0;
}

#content h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	font-style:italic;
	margin:0;
	padding:0;
}

#footer p, #footer a, #footer span {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
}

#footer p {
	width:100%;
	text-align:right;
	margin-bottom:5px;
}

#footer span {
	float:right;
}

#footer a:hover {
	text-decoration:underline;
}

#prodright {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-right:30px;
	margin-left:5px;
	font-weight:normal;
	float:right;
	display:inline;
	width:290px;
}

#prodleft {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px; 
	font-weight:normal;
	float:left;
	display:inline;
	width:290px;
}

#content p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:120%;
	margin-top:20px;
}

#content a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; 
	color:#00CC00;
	line-height:120%;
	margin-top:20px;
}

#contentright {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px; 
	color:#00CC00;
	font-weight:normal;
	float:right;
	position:relative;
	width:160px;
}

#contentleft {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:120%;
	margin-top:20px;
	padding:0px 0px 0px 0px;
	float:left; 
	width:520px;
}

#contentleft a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:00cc00;
}

#contentleft h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	font-style:italic;
	margin:0px;
	margin-top:20px;
	margin-left:20px;
}

#contentbot {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	float:left;
	display:inline;
	width:660px;
	margin-top:20px;
}

#pd1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	padding:0px 0px 0px 0px;
	float:left; 
	width:160px;
}

#pd2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding:0px 0px 0px 0px;
	float:left;
	width:170px;
}

#pd3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding:0px 0px 0px 0px;
	float:right;
	width:170px;
}

#discription {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	padding:2px 2px 2px 2px;
	float:left; 
	width:160px;
}

#team {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px; 
	background:#CCCCCC;
	padding:2px 2px 2px 2px;
	text-align:center;
	float:left;
	width:170px;
}

#enterprise {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	padding:2px 2px 2px 2px;
	text-align:center;
	float:right;
	width:160px;
}

p.caption {
	font-style:italic;
	width:100%;
	text-align:center;
	margin-top:5px !important;
}

.bullet {
	background:url(../bullet.gif) no-repeat;
	width:15px;
}

#graybox h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	text-decoration:underline;
	text-align:center;
	margin-top:3px;
	position:relative;
	left:-3px;
}

#graybox a {
	color:#FFFFFF;
}

#graybox a:hover {
	color:#999999;
}

#content h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	font-style:italic;
	margin:0px;
	margin-top:20px;
	margin-left:20px;
}

#content ul li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	margin:0px;
	text-decoration:none;
	color:#000000;
}

#content ul li {
	margin-left:20px;
}

#content ul li a:hover {
	text-decoration:underline;
}

#content ul {
	margin-top:10px;
}

#content li ul {
	margin-top:2px;
	margin-left:0px;
	font-size:10px;
	font-weight:normal;
}


#quote {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; 
	color:#00CC00;
	font-weight:normal;
	margin: 20px 8px 2px 10px;
}

/* VMENU */

#vmenu span {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#FFFFFF;
	float:left;
	position:relative;
	left:33px;
}

p.credits {
	width:450px !important;
	float:left;
	display:inline;
	margin-left:20px;
	margin-top:27px;
	text-align:left !important;
}

#quick_demo {
	z-index:2;
}

/* suckerfish */

#nav li:hover, #nav li:hover {
	position:static;
}

#nav, #nav ul { /* all lists */
	z-index:3;
	float:left;
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 50px;
	margin-top:2px;
}

#nav a {
	display: block;
	width: 238px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-decoration:none;
	font-weight:bold;
	color:#FFFFFF;
	margin:0px;
	line-height:50px;
	vertical-align:middle;
}

#nav li { /* all list items */
	margin:0px;
	float: left;
	width: 200px; /* width needed or else Opera goes nuts */
	vertical-align:middle;
	height:50px;
	line-height:50px;
	
}

#nav li ul { /* second-level lists */
	position: absolute;
	width: 210px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin-left:238px;
	margin-top:-49px;
}

#nav li ul li { /* second-level lists */
	font-size:14px;
	width:210px;
	height:24px;
	line-height:24px;
	margin-top:-1px;
	background:#83AD31;
}

#nav li ul li a {
	padding-left:10px;
	font-size:14px;
	width:200px;
	height:24px;
	line-height:24px;
	border:1px solid #333333;
	background:#83AD31;
}

* html #nav li ul li.firstproduct {
	border-top:1px solid #333333;
}

* html #nav li ul {
	margin-top:-50px;
}

#nav li ul ul { /* third-and-above-level lists */
	position: absolute;
	width: 160px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin-left:210px;
	margin-top:-25px;
}

#nav li ul ul a { /* third-and-above-level lists */
	padding-left:10px;
	font-size:10px;
	width:200px;
	height:22px;
	line-height:22px;
	border:1px solid #333333;
	background:#83AD31;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#discoverleftspace {
	float:left;
	display:inline;
	height:40px;
	width:90px;
}

#productsleftspace {
	float:left;
	display:inline;
	height:40px;
	width:162px;
}

#quickdemoleftspace {
	float:left;
	display:inline;
	height:40px;
	width:128px;
}

#supportleftspace {
	float:left;
	display:inline;
	height:40px;
	width:154px;
}

/* CRM COMPARISON */

#crmcomparison {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
}

#crmcomparison td.bigblue {
	color:#0000CC;
	font-size:13px;
	font-weight:bold;
}

#crmcomparison td.alignleft {
	text-align:left;
}

#crmcomparison td.red {
	color:#FF0000;
}

#crmcomparison tr.bigbold {
	font-size:13px;
	font-weight:bold;
}

#crmcomparison tr.underline {
	text-decoration:underline;
}

#contentright a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px; 
	color:#0000FF;
	font-weight:normal;
}

#media {
	float:left;
	width:700px;
	display:block;
	margin:0px;
	}

#medialeft {
	float:left;
	position:absolute;
	padding-left:4px;
	margin:0px;
	width:430px;
	height:206px;
	font-size:12px;
	font-style:italic;
	display:inline-block;
	}
#mediaright {
	float:right;
	padding:0px;
	margin:0px;
	width:256px;
	height:206px;
	font-size:12px;
	text-align:center;
	color:#00CC00;
	font-weight:bold;
	display:inline-block;
	}

#presslink {
	font-size:8px;
	color:#009900;
	text-align:left;
	padding-left:2px;
	}
#presslink a {
	color:#003333;
	}

#f1 {
	float:left;
	width:310px;
	display:block;
	margin:0px;
	}
#f2 {
	float:right;
	display:block;
	width:370px;
	padding-left:20px;
	margin:0px;
	}
	
#contentleftf1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:120%;
	margin-top:20px;
	padding:0px 0px 0px 0px;
	float:left; 
	width:710px;
	}

#contentleftf1 a {
	font-family:Arial, Helvetica, sans-serif;
	color:#00cc00;
	}
#contentleftf1 a:hover {
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	background-color:#00cc00;
	}
	
#audio1 {
	float:left;
	width:268px;
	display:block;
	padding-left:5px;
	margin:0px;
	}
#audio2 {
	float:right;
	display:block;
	width:242px;
	padding:0px;
	margin:0px;
	}