/* 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;
	color:#FFFFFF;
}
.clearFix{clear:both;}

/* Overall Wrapper
-------------------------------------------------------------- */
div#overall_wrapper {width:979px;height:100%;position: absolute;top:30px;left: 50%;margin-left:-489.5px;}

/* 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;}

/*  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
-------------------------------------------------------------- */
.animatedtabs{
width:945px;height:35px; background:url(../images/subnav_bg.gif) repeat-x; margin-left:15px;font-size: 11px; /*font of menu text*/}

.animatedtabs ul{
list-style-type: none;
margin: 0;
margin-left: 1px; /*offset of first tab relative to page left edge*/
padding: 0;
}

.animatedtabs li{
float: left;
margin: 0;
padding: 0;
}

.animatedtabs a{
float: left;
position: relative;
top: 5px; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
background: url(../images/tab-blue-left.gif) no-repeat left top;
margin: 0;
margin-right: 1px; /*Spacing between each tab*/
padding: 0 0 0 9px;
text-decoration: none;
margin-top:8px;

}

.animatedtabs a span{
float: left;
position: relative;
display: block;
background: url(../images/tab-blue-right.gif) no-repeat right top;
padding: 5px 14px 3px 5px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */
color:#27235d;
}



.animatedtabs .selected a{
background-position: 0 -125px;
}

.animatedtabs .selected a span{
background-position: 100% -125px;
color:#27235d;
padding-bottom: 9px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */

}

.animatedtabs a:hover{
background-position: 0% -125px;

cursor: pointer; cursor: hand;
}

.animatedtabs a:hover span{
background-position: 100% -125px;
/**padding-bottom: 9px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */

cursor: pointer; cursor: hand;
}




div#subnav_img {background:url(../images/subnav_click.png) no-repeat; width:20px; height:22px; float:left; margin-left:8px; margin-top:9px;}



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


/* column1
-------------------------------------------------------------- */
div#column1 {width:750px;float:left; margin-top:15px; min-height:488px;height:auto !important;height:488px;}


div#column1 p {margin-top:15px;font-size:0.8em;color:#4c4c4c;margin-left:30px;line-height: 1.5em;} 
div#column1 p a {color:#4c4c4c;text-decoration:underline;}
div#column1 ul li {padding-right:0px;color:#27235d;font-weight:bold;font-size:0.7em; margin-left:55px; margin-top:8px;}

.column1 {width:750px;float:left; margin-top:15px; min-height:488px;height:auto !important;height:488px;}


.column1 p {margin-top:15px;font-size:0.8em;color:#4c4c4c;margin-left:30px;line-height: 1.5em;} 
.column1 p a {color:#4c4c4c;text-decoration:underline;}
.column1 ul li {padding-right:0px;color:#27235d;font-weight:bold;font-size:0.7em; margin-left:55px; margin-top:8px;}


/* column1Wide 
-------------------------------------------------------------- */
div#column1Wide {width:930px;float:left; margin-top:15px; min-height:488px;height:auto !important;height:488px;}
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 ul li {padding-right:0px;color:#27235d;font-weight:bold;font-size:0.7em; margin-left:55px; margin-top:8px;}

.column1Wide {width:930px;float:left; margin-top:15px; min-height:488px;height:auto !important;height:488px;}
.column1Wide p {margin-top:15px;font-size:0.8em;color:#4c4c4c;margin-left:30px;line-height: 1.5em;} 
.column1Wide p a {color:#4c4c4c;text-decoration:underline;}
.column1Wide ul li {padding-right:0px;color:#27235d;font-weight:bold;font-size:0.7em; margin-left:55px; margin-top:8px;}



/* column2
-------------------------------------------------------------- */
div#col2_wrapper{width:147px; float:right; margin-top:8px; margin-right:2px;}
div#column2_top {height:18px;background:url(../images/content_sidebar_top.png) top no-repeat;}

/*div#column2_middle {height:405px;background:url(../images/content_seehowitworks.jpg) #d3d2fa center no-repeat;}*/

div#column2_middle_button {height:37px;background-color:#d3d2fa;}
div#column2_middle_button a {color:#fff;font-weight:bold;text-decoration:none;text-transform:uppercase;display:block; text-indent:-9000px; margin-left:8px;}
div#column2_middle_button .view {background: url(../images/buttons/view.jpg) no-repeat; width:130px; height:37px;}
div#column2_middle_button .view:hover, div#column2_middle_button .view .active { background: url(../images/buttons/view.jpg) no-repeat bottom; width:130px; height:37px;}
div#column2_bottom {height:18px;background:url(../images/content_sidebar_bottom.png) bottom no-repeat;}

/* 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:180%;}
h1 a {color:#27235d;font-size:100%; margin-left:-20px; text-decoration:none;}
h2 {color:#acacd4;margin-left:30px;font-size:78%; margin-top:5px;}
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;
}

.CBold {font-weight:bold;}

/* input boxes
-------------------------------------------------------------- */
input
{
color: #fff;
background:#27235d;
border: 1px solid #ffffff;
}
textarea
{
color: #fff;
background:#27235d;
border: 1px solid #ffffff;
font-size:90%;
}
.submit input
{
color: #fff;
background: #27235d;
border: 2px outset #d7b9c9
}