/* Golbal CSS settings
-------------------------------------------------------------- */
* {
	margin:0;
	padding:0;
	font-family:Verdana, Helvetica, sans-serif;	
}

body {
	font-size:100%;
	background:url(../images/bg.jpg);
	background-repeat:repeat-x;
	background-color:#2e2f7a;
}
.clearFix{clear:both;}

/* Overall Wrapper
-------------------------------------------------------------- */
div#overall_wrapper 
{
    width:979px;
    height:100%;
    top:30px;
    position:relative;
    margin-left:auto;
    margin-right:auto;
}

/* glow
-------------------------------------------------------------- */
div#glow {width:1070px;height:194px;position: absolute;top:0px;right:0px;background:url(../images/glow.jpg);}

/* header
-------------------------------------------------------------- */
div#header {width:979px;height:59px;}
div#header .slogan {float:right; margin-top:23px; margin-right:5px; color:White;}

/*  nav
--------------------------------------- background-color:#27235d;----------------------- */
div#nav {height:55px;margin-top:20px; background-color:#27235d;}
div#nav p a {color:#fff;text-decoration:none;text-transform:uppercase;}
div#nav ul li {list-style:none;display:inline;padding-right:0px;color:#73b50b;font-weight:bold;font-size:0.7em;text-transform:uppercase; float:left; margin-left:75px;}
div#nav ul li a {color:#fff;font-weight:bold;text-decoration:none;text-transform:uppercase;display:block; text-indent:-9000px;}
div#nav_corner_left {width:44px; height:55px;background:url(../images/left_corner.jpg); float:left}
div#nav_corner_right {width:44px; height:55px;background:url(../images/right_corner.jpg); float:right}

div#nav .home {background: url(../images/buttons/home.jpg) no-repeat; width:41px; height:52px;}
div#nav .home:hover, div#nav .home.active { background: url(../images/buttons/home.jpg) no-repeat bottom; width:41px; height:52px;}
div#nav .aboutus {background: url(../images/buttons/aboutus.jpg) no-repeat; width:69px; height:52px;}
div#nav .aboutus:hover, div#nav .aboutus.active { background: url(../images/buttons/aboutus.jpg) no-repeat bottom; width:69px; height:52px;}
div#nav .news {background: url(../images/buttons/news.jpg) no-repeat; width:40px; height:52px;}
div#nav .news:hover, div#nav .news.active { background: url(../images/buttons/news.jpg) no-repeat bottom; width:40px; height:52px;}
div#nav .customer {background: url(../images/buttons/customer.jpg) no-repeat; width:79px; height:52px;}
div#nav .customer:hover, div#nav .customer.active { background: url(../images/buttons/customer.jpg) no-repeat bottom; width:79px; height:52px;}
div#nav .services {background: url(../images/buttons/services.jpg) no-repeat; width:58px; height:52px;}
div#nav .services:hover, div#nav .services.active { background: url(../images/buttons/services.jpg) no-repeat bottom; width:58px; height:52px;}
div#nav .contact {background: url(../images/buttons/contactus.jpg) no-repeat; width:88px; height:52px;}
div#nav .contact:hover, div#nav .contact.active { background: url(../images/buttons/contactus.jpg) no-repeat bottom; width:88px; height:52px;}
/* subnav
-------------------------------------------------------------- */
div#subnav {width:949px;height:40px; background:url(../images/subnav_bg.gif) repeat-x; margin-left:13px;}



/* flash
-------------------------------------------------------------- */
div#flash a {width:979px;height:271px; background:url(../images/flash.jpg) bottom no-repeat; display:block;}


/* container
-------------------------------------------------------------- */
div#container {width:979px;background:url(../images/container_bg.png) repeat-y;}
/* container_inner
-------------------------------------------------------------- */
div#container_footer {width:979px; background:url(../images/bottom_container.jpg) bottom no-repeat;}
div#container_footerDemos {width:979px; background:url(../images/bottom_containerDemos.jpg) bottom no-repeat;}
/*--------------------------------------------------------------*/



/* container_bg
-------------------------------------------------------------- */
div#container_gradient {width:947px; background:url(../images/gradient.png) bottom repeat-x; margin-left:15px; margin-right:auto;}

/* container header
-------------------------------------------------------------- */
div#container_header
{
    width: 979px;
    height: 24px;
    background: url(../images/container_header.png) bottom no-repeat;
    display: block;
}

/* column1
-------------------------------------------------------------- */
div#column1 {width:520px; float:left; margin-top:28px; min-height:286px;height:auto !important;height:286px;}
div#column1 p {margin-top:15px;font-size:0.9em;color:#4c4c4c;margin-left:30px;line-height: 1.3em;} 
div#column1 .savingtimeandmoney { text-indent:-9000px;width:341px;height:30px; float:right; background:url(../images/savingtime.jpg) bottom repeat-x #3399FF;;margin-right:27px; margin-top:0px;}


/* column1Wide
-------------------------------------------------------------- */
div#column1Wide {width:930px; float:left; margin-top:28px; min-height:286px;height:auto !important;height:286px;}
div#column1Wide p {margin-top:15px;font-size:0.8em;color:#4c4c4c;margin-left:30px;line-height: 1.5em;}
div#column1Wide p a {color:#4c4c4c;text-decoration:underline;}
div#column1Wide .savingtimeandmoney { text-indent:-9000px;width:341px;height:30px; float:right; background:url(../images/savingtime.jpg) bottom repeat-x #3399FF;;margin-right:27px; margin-top:0px;}

/* column1Demo
-------------------------------------------------------------- */
div#column1Demo {width:620px; float:left; min-height:550px;height:auto !important;height:286px;}
div#column1Demo p {margin-top:15px;font-size:0.9em;color:#4c4c4c;margin-left:30px;line-height: 1.3em;} 
div#column1Demo .savingtimeandmoney { text-indent:-9000px;width:341px;height:30px; float:right; background:url(../images/savingtime.jpg) bottom repeat-x #3399FF;;margin-right:27px; margin-top:0px;}


/* column2
-------------------------------------------------------------- */
div#column2_top {width:415px;height:24px; float:right; margin-top:8px;background:url(../images/purple_top.jpg) top #c3c2e1 no-repeat;}
div#column2_middle {width:415px;min-height:250px; float:right;background:url(../images/column2_repeat.jpg) repeat-y;}
div#column2_bottom {width:415px;height:19px; float:right; background:url(../images/purple_bottom.png) bottom no-repeat;}

div#column2_content1 {width:235px; min-height:250px; float:left; background:url(../images/read_more.jpg) bottom repeat-x; margin-left:5px;}
div#column2_content1 .sub_title {font-size:90%;margin-left:5px; color:#2e2b67; margin-top:5px; font-weight:bold;}
div#column2_content1 .sub_copy p{font-size:82%;margin-left:5px; color:#27235d; margin-top:5px;}

div#column1_middle_button {height:28.5px;}

div#column2_content1 a.view {
	background: url(../images/buttons/readmore.jpg) no-repeat;
	width:100px;
	height:28.5px;
	display:block;
	text-indent:-9000px;
	margin-left:5px;
	margin-top:33px;
}

div#column2_content1 a.view:hover { background: url(../images/buttons/readmore.jpg) no-repeat bottom; width:100px; height:28.5px;}


/*div#column2_content2 {width:147px;height:245px; float:right; background:url(../images/view_system.jpg) bottom repeat-x;margin-right:15px;}*/
div#column2_content2 {width:147px;height:245px; float:right; margin-right:15px;}
div#column2_content2 .seehowitworks {font-size:82%;margin-left:5px; color:#27235d;text-transform:uppercase; font-weight:bold;}
div#column2_content2 .demo p{font-size:75%;margin-left:5px; color:#27235d;font-weight:bold; margin-top:0px; text-align:center;}
div#column2_middle_button {height:28.5px;background-color:#c3c2e1;}
div#column2_middle_button a {color:#fff;font-weight:bold;text-decoration:none;text-transform:uppercase;display:block; text-indent:-9000px; margin-left:25px; margin-top:27px;}
div#column2_middle_button .view {background: url(../images/buttons/view_hm.jpg) no-repeat; width:100px; height:28.5px;}
div#column2_middle_button .view:hover, div#column2_middle_button .view.active { background: url(../images/buttons/view_hm.jpg) no-repeat bottom; width:100px; height:28.5px;}

/* links
-------------------------------------------------------------- */
div#links{width:979px;height:30px;}


/* logo
-------------------------------------------------------------- */
h1#branding a {background:url(../images/logo.png);display:block;width:379px;height:56px;position:absolute;left:30px;text-indent:-9000px;}
h1 {color:#27235d;margin-left:25px;font-size:170%;}
h1 a {color:#27235d;font-size:100%; margin-left:-20px; text-decoration:none;}
h2 {color:#acacd4;margin-left:30px;font-size:78%; margin-top:10px;}
h2#heading {color:#27235d;margin-left:25px;font-size:180%;}
h3 {color:#4c4c4c;margin-left:25px; Display:inline;font-size:80%;}
h3#sub_heading {color:#acacd4;margin-left:30px;font-size:78%; margin-top:10px;}
h2#titles a{color:#27235d;font-size:120%; margin-left:5px;text-decoration:none;}
h3#sub_titles {color:#acacd4;margin-left:5px;font-size:80%; margin-top:5px;}
.branding a {background:url(../images/logo.png);display:block;width:379px;height:56px;position:absolute;left:30px;text-indent:-9000px;}

.CBulletList
{
    font-size:12px;
    color:#4c4c4c;
    line-height: 1.5em;    
    Display:block;   
    overflow:auto;
    margin-left:25px;
}


/* Headings */
.CTitle
{
    color:#27235d;
    font-size:170%;
    text-decoration:none;
    font-weight:bolder;    
}

.CBold{font-weight:bold;}

.CStandardTextSize
{
    font-size:12px;
    color:#4c4c4c;
    line-height: 1.5em;
}

/* CheckBoxListLayout */
.CCheckBoxListWidth250 td
{
    width:250px;
}
.CCheckBoxListWidth250 label
{
    margin-left:5px;
}

.CStandardTextSizeTable {margin-top:15px;font-size:0.9em;color:#4c4c4c;margin-left:30px;line-height: 1.3em;}