* {margin: 0}
ul, ol {margin: 0;padding: 0;list-style-type: none;}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain its child floats */
	clear:both;
    height:0;
    line-height: 0px;
}
body
{
	/* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	background: url(../images/body_bg.png) repeat-x #0069a6;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	margin: 20px 0;
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}
img {
	border: none;
}
a:link, a:visited
{
    text-decoration: none;
    color: #006699;
}
a:hover
{
    text-decoration: underline;
}
.VertMenu 
{
    width: 100%;
}
.VertMenu a:link,
.VertMenu a:visited
{
    color: inherit;
}
.VertMenu a:hover
{
    text-decoration: none;
}
a.watchdemo {
    background: url(../images/bt_watchnow.png) no-repeat;
    display: block;
    height: 39px;
    width: 240px;
    text-indent: -9999px;
    clear: both;
    margin-bottom: 3px;
}
a.watchdemo:hover {
    background: url(../images/bt_watchnow_hover.png) no-repeat;
}

h1{
	font-size: 2.5em;
	font-family:  Helvetica;
	font-weight: bold;
	color: #0069A6;
	margin: 20px 0 0 0;
}
h2
{
    font-size: 1.6em;
    color: #666666;
    margin-bottom: 2em;
    font-weight: normal;
}
h3 {
	color: #0069A6;
	font-size: 1.5em;
	margin-top: 20px;
	margin-bottom: 10px;
}
h4 {
	font-size: 1.2em;
	margin-bottom: 10px;
}
h5{}
h6{}
.main #Container_FWC
{
	width: 990px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left;
}
#PageHeader 
{
     padding: 0 15px;
}
#PageHeader #TopBar {
    background: url(../images/topbar_bg.png) no-repeat right top;
    height: 44px;
    color: #ffffff;
    position: relative;
    bottom: 0;
    z-index: 2000;
}
#Container
{
    position: relative;
    z-index: 2100;   
}
#Container #ContainerTop
{
    background: url(../images/header_bg.png) no-repeat;
    height: 15px;
}
#Container #ContainerMain
{
    background: url(../images/container_bg.png) repeat-y;
    padding: 8px;
}
#Container #ContainerHeader
{
    padding: 10px 0 0 0;
}
#Container #ContainerHeader #menubar{
    background: url(../images/menubar_bg.png) no-repeat;
    float: left;
    height: 63px;
    width: 704px;
    margin-right: 116px;
    margin-left: 10px;
}
#Container #ContainerHeader #menubar #logo{
    float: left;
    height: 51px;
    width: 261px;
    margin-top: 6px;
    margin-bottom: 6px;
    margin-left: 10px;
    display: inline;
}
#Container #ContainerHeader #menubar #navigation{
    float: left;
    width: 400px;
    padding-left: 20px;
    height: 30px;
    padding-top: 18px;
}
#Container #ContainerMain #Leftcol
{
	float: left;
	width: 210px;
	padding: 4px 0 0 0;
}
#Container #ContainerMain #ContentColumn
{
    float: left; width: 764px;
}
#Container #ContainerMain #Midcol 
{
	width: 472px;
	padding: 20px;
	float: left;
	border-left: solid 1px #ddd;
	border-right: solid 1px #eee;    
}
#Midcol p
{
    font-size: 1.2em;
    font-weight: normal;
    color: #666666;
    margin: 10px 0;
    line-height: 18px;
}
#Midcol ul{
	padding: 10px 0;
	margin-left: 5px;
}

#Midcol ul li{
	font-size: 1.2em;
	color: #666666;
	padding-bottom: 5px;
	background: url(../images/bullet_content_list.png) no-repeat left 4px;
	padding-left: 20px;
}
#Midcol .linksection 
{
    margin: 20px 0 0 0; padding: 20px; background-color: #eeeeee;
}
#Midcol .linksection h3 
{
    margin: 0 0 10px 0; padding: 0;
}
#Midcol .linksection a
{
    display: block; font-size: 1.5em; padding: 2px 0;
}
#Container #ContainerMain #Rightcol
{
	margin: 0px;
	float: left;
	width: 250px;
	padding: 0 0 0 0;
	text-align: center;
}
#Container #ContainerMain #Rightcol #ColumnWrap
{
    width: 240px;
    margin: auto;
    padding: 4px 0 0 0;
    text-align: left;
}
#PageHeader #TopBar span.headline{
	font-size: 1.4em;
	width: 300px;
	float: left;
	line-height: 44px;
	margin-left: 445px;
}
#PageHeader #TopBar a{
	color: #79ceff;
}
#PageHeader span.call{
    font-size: 2.4em;
    font-weight: bold;
    line-height: 44px;
    float: right;
    text-align: right;
    vertical-align: middle;
    padding: 0 20px;
}
#Container #ContainerMain #ContainerPos
{
    position: relative;
    top: -15px;
}
#Container #ContainerBot
{
    background: url(../images/container_bottom_bg.png) no-repeat left bottom;
    height: 15px;
    position: relative;
    z-index: 2000;
}
.homepage{
	background: url(../images/hp_showcase_bg.jpg) no-repeat;
	/*background: url(../images/v2.jpg) no-repeat;*/
	height: 309px;
}
.productspage
{
    background: url(../images/products_showcase_bg.jpg) no-repeat;
    height: 115px;
}
#ContainerHeader #menubar #navigation ul{
    display: block;
    float: left;
    width: 100%;
}
#ContainerHeader #menubar #navigation ul li{
    float: left;
    height: 30px;
}
#ContainerHeader #menubar #navigation ul li a{
    background-repeat: no-repeat;
    display: block;
    height: 30px;
    background-image: url(../images/menu.png);
    text-indent: -9999px;
}
#ContainerHeader #menubar #navigation ul li.about a{width: 68px;background-position: 0px 0px;}
#ContainerHeader #menubar #navigation ul li.products a{background-position: 0px -60px; width: 64px;}
#ContainerHeader #menubar #navigation ul li.solutions a{background-position: 0px -120px;	width: 70px;}
#ContainerHeader #menubar #navigation ul li.partners a{background-position: 0px -180px;width: 63px;}
#ContainerHeader #menubar #navigation ul li.demo a{background-position: 0px -240px;width: 48px;}
#ContainerHeader #menubar #navigation ul li.contact a{background-position: 0px -300px;width: 75px;}
#ContainerHeader #menubar #navigation ul li.about a:hover,
#ContainerHeader #menubar #navigation ul li.about a.active{background-position: 0px -30px;}
#ContainerHeader #menubar #navigation ul li.products a:hover,
#ContainerHeader #menubar #navigation ul li.products a.active{background-position: 0px -90px;}
#ContainerHeader #menubar #navigation ul li.solutions a:hover,
#ContainerHeader #menubar #navigation ul li.solutions a.active{background-position: 0px -150px;}
#ContainerHeader #menubar #navigation ul li.partners a:hover,
#ContainerHeader #menubar #navigation ul li.partners a.active{background-position: 0px -210px;}
#ContainerHeader #menubar #navigation ul li.demo a:hover,
#ContainerHeader #menubar #navigation ul li.demo a.active{background-position: 0px -270px;}
#ContainerHeader #menubar #navigation ul li.contact a:hover,
#ContainerHeader #menubar #navigation ul li.contact a.active{background-position: 0px -330px;}

#ContainerHeader #ContainerColumns {}

#PageFooter
{
    position: relative;
    top: -5px;
    z-index: 2100;
}              
#PageFooter #FooterMain
{
    background: url(../images/footer_bg.png) bottom no-repeat;
    padding: 0 15px;
    height: 41px;
}
#PageFooter #FooterMain #socialbar {
    margin-top: 8px;
    float: right;
}        
#PageFooter #FooterMain #socialbar img{
    height: 28px;
    width: 28px;
    margin-left: 10px;
}
#PageFooter #FooterMain #socialbar p{
    margin: 0px;
    padding: 0px;
    font-size: 1em;
    font-weight: normal;
    color: #FFFFFF;
    float: left;
    line-height: 28px;
}
#PageFooter #FooterMain #footnav{
    float: left;
    margin-top: 5px;
}
#PageFooter #FooterMain #footnav ul{}
#PageFooter #FooterMain #footnav ul li
{
    display: inline;
    color: #61b4e5;
    background: url(../images/footer_nav_break.png) no-repeat right center;
    padding-right: 8px;
    padding-left: 6px;
    float: left;
    line-height: 28px;
}
#PageFooter #FooterMain #footnav ul li.last{background:none;}
#PageFooter #FooterMain #footnav ul li a{
    color: #61b4e5;
}
#PageFooter #FooterMain #footnav ul li a:link{
    text-decoration: none;
}
#PageFooter #FooterMain #footnav ul li a:hover, #copyrights a:hover{
    color: #FFFFFF;
}  
#Copyrights{
	text-align: center;
	margin: 0px;
	float: left;
	width: 974px;
	padding-right: 8px;
	padding-left: 8px;
	font-size: 1.2em;
	color: #FFFFFF;
	position: relative;
	line-height: 22px;
	padding-bottom: 15px;
}

#Copyrights a{
	color: #51a3d3;
}

#hp-form {
    height: 249px;
    width: 240px;
}

#hp-form div.heading{
    background: url(../images/hp_form_head_bg.png) no-repeat;
    float: left;
    height: 36px;
    width: 100%;
    font-size: 1.7em;
    line-height: 36px;
    font-weight: normal;
    color: #FFFFFF;
    text-align: center;
}

#hp-form div.cont{
    background: url(../images/hp_form_content_bg.png) no-repeat;
    margin: 0;
    float: left;
    height: 213px;
    padding: 0 28px;
}

#hp-form div.cont p{
    margin: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #FFFFFF;
    font-size: 1.2em;
    line-height: normal;
}

#hp-form div.cont label {
    clear: both;
    display: block;
    color: #FFFFFF;
    font-size: 1.2em;
}

#hp-form .textfield{
    background-color: #FFFFFF;
    width: 172px;
    border: none;
    float: left;
    padding: 3px;
    margin-bottom: 2px;
    font-size: 1.2em;
    vertical-align: middle;
}

.button{
    background: url(../images/bt_submit.png) no-repeat transparent;
    float: left;
    height: 31px;
    width: 121px;
    margin-top: 10px;
    border: none;
    cursor:pointer;
}

#hp-demo-button{
	float: left;
	position: relative;
	top: 5px;
}

#hp-demo-button a{
	background: url(../images/bt_demo2.png) no-repeat 0 0;
	display: block;
	height: 37px;
	width: 129px;
	float: right;
	text-indent: -9999px;
}

#hp-demo-button a:hover{
	background: url(../images/bt_demo2.png) no-repeat 0 -37px;
}

#SiteMapPath .SiteMapNodeStyle 
{
    font-size: 1.2em;
    color: #666666;
}

#ContactForm td
{
	font-size: 1.2em;
	padding: 3px;
}