/*
  body is used to provide basic page styles meant to be inherited
  by nearly all of the page’s children: font-face, size, alignment,
  etc. Some use the html selector, but I have never done that so
  it’s not listed.
*/
html {
	background: #ffffff url(images/html_bg.png);
	background-repeat:repeat-x;
	background-position:left top;
}
body {
	background: url(images/bg_sliver.png);
	background-repeat:repeat-x;
	font-size:62.5%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	background-position:left top;
}  

/*
  The wrapper div can be used to contain the page itself. It can
  also redefine some characteristics inherited from the body. It
  is high on this page as it’ll contain everything else used.
*/
#wrapper {
	min-width:960px;
	margin:0 auto;
	background-image:url(images/bg_main.png);
	background-repeat:no-repeat;
	padding-top:15px;
	background-position:center top;
}

#wrapper_secondary {
	min-width:960px;
	margin:0 auto;
	background-image:url(images/bg_subpage.png);
	background-repeat:no-repeat;
	background-position:center top;
	padding-top:15px;
	min-height:765px;
	height:auto !important;
	height:765px;


}
div#wrapper_secondary.solutions {
	background-image:url(images/bg_solutions.jpg);
	
}
/*
Now to offer some very common elements
  Here are the headings. These may be redefined throughout the
  document as needed, if needed. This is especially true of the h1
  element as it may have special usage as the main page heading,
  and maybe as a link.
*/
h1, h2, h3, h4, h5, h6 {
}

p {
	font-size:1.1em;
	line-height:1.3em;
	color:#585858;
	margin:0px;
	padding:5px 0;
}
h1 {
	font-weight:normal;
	font-size:2.2em;
	color:#869f2a;
}
h2 {
	font-size:1.3em;
	color:#0d3692;
}
h3 {
	font-size:1.3em;
	margin:0px;
	padding:0px;
	color:#333333;
}


ul {
	margin:0 0 0 15px;
	padding:0px;
}
li{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1.0em;
	color:#666;
	line-height:1.2em;
}

/*
  Most pages will have links. Let’s style them using a anchor
  element. Some will write this as a:link. I don’t — I don’t
  see the need
*/
a {
	color:#0d3692;
	text-decoration:none;
}

/*
  Links really should have some interactivity characteristics for
  accessibility and usability reasons. The a:hover pseudo-class is
  offered as is a:focus. Internet Explorer (IE) doesn’t support
  a:focus, but it does use the a:active state so it’s here too.
*/
a:hover, a:focus, a:active {
	text-decoration:underline;
	color:#869f2a;
}

/*
  Focus/active should be different than hover is some regards, such
  as providing a background color to make it highly visible to
  keyboard users. Thus, certain focal styles may be redefined.
*/

a:focus, a:active {
}

a.contact_btn {
	display:block;
	text-indent:-9999px;
	width:159px;
	height:38px;
	background:url(images/contact_us.png) no-repeat;
	background-position:left 0px;
	outline:none;
}
a.contact_btn:hover {
	background-position:left -38px;
}
a.contact_btn:active {
	background-position:left -76px;
	outline:none;
}

/*
  In addition to background images, most web pages will offer
  embedded images (img), so I will offer them here. Mostly this
  is used to remove borders and text-decoration
  (if the image is a link).
*/
img, a img {
}


/*
Less Common Elements
  I’m not going to add the table element as its purpose is quite
  specific and not used very often by the typical CSS developer
  (unless they are offering tabular data). This is also the case
  for dfn (definition), code, pre (preserve [whitespace]),
  kbd (keyboard), ins (insert),  del (delete),
  i (italic [presentational]), and b (bold [presentational]).
  But you will likely want to use those I am offering — though
  you may not style them all.
*/

small {
}

abbr, acronym { /* Also see .abbr class for a span used by IE */
}

blockquote {
}

cite {
}

em {
}

strong {
}


/*
Form Elements
  Offering some form styles, since most sites have a form or two,
  are really quite common. And offering focal styles is quite
  useful to accessibility for those using keyboards. But please
  know that neither the :focus or :active pseudo classes (on
  elements other than anchors) are available to IE user so
  JavaScript will be needed to make it work. Since not everyone
  has JavaScript enabled, it is important that the form’s
  contrast is usable without script support.
  Since submit- and reset-type inputs are affected by
  the text-type input styles, you may want to offer an
  input.button class. The same applies to checkboxes and radio
  buttons.
*/

form {
}

fieldset {
}

legend {
}

label {
}

input {
}

select {
}

option {
}

textarea {
}

input:focus, select:focus, option:focus, textarea:focus {
}


/*
Some typical IDs
  Call them what you like, but these are some really common IDs
  you may use yourself. I try to make the names as informative as
  possible so as to not confuse myself down the road. Using common
  names like this offers insight to any editor later on. Note that
  the “wrapper” ID is covered above as it needs
  to be high up in the cascade.
*/

#header { /* may also be masthead, banner, etc., and may include
                                     the h1 element */
}
/*
#content {
	clear:both;
	padding:490px 0px 0px 70px;
	width:330px;
	float:left;
}*/

#content {
	clear:both;
	padding:0px;
	width:960px;
	margin:0 auto;

}
#content_secondary {

	clear:both;
/*	padding:0px 0px 0px 70px;*/
	padding:0px;
	width:960px;
	margin:0 auto;
	padding-top:140px;
}

div#wrapper_secondary.solutions #content_secondary{
	clear:both;
/*	padding:0px 0px 0px 70px;*/
	padding:0px;
	width:960px;
	margin:0 auto;
	padding-top:130px;

}
div.solutions #content_secondary div#white_box {
	width:191px;
	height:200px;
	margin-left:32px;
	margin-bottom:30px;
	text-align:left;
	padding:0 10px;
	
	
}


div#white_box a.contact_btn {
	margin:0 auto;
	margin-top:20px;
}

#navigation {
	width:960px;
	margin: 0 auto;
	height:21px;

}
#navigation ul{
	width:657px;
	margin:0;
	padding:0;
	margin-left:345px;
	overflow:hidden;
}
#navigation li{
	padding:0;
	float:left;
	list-style:none;
	margin-right:10px;
}

#navigation li a{ height:21px; display:block; text-indent:-9999px; outline:none !important;}
#navigation li a#home{ width:72px; background:url(images/nav_home.png) no-repeat; background-position:left 0px;  }
#navigation li a#home:hover{ background-position:left -21px; }
#navigation li a#home:active{ background-position:left -42px; }
#navigation li a#about_us{ width:78px; background:url(images/nav_aboutus.png) no-repeat; background-position:left 0px; }
#navigation li a#about_us:hover{ background-position:left -21px; }
#navigation li a#about_us:active{ background-position:left -42px; }
#navigation li a#solutions{ width:78px; background:url(images/nav_solutions.png) no-repeat; background-position:left 0px; }
#navigation li a#solutions:hover{ background-position:left -21px; }
#navigation li a#solutions:active{ background-position:left -42px; }
#navigation li a#news{ width:65px; background:url(images/nav_news.png) no-repeat; background-position:left 0px; }
#navigation li a#news:hover{ background-position:left -21px; }
#navigation li a#news:active{ background-position:left -42px; }
#navigation li a#client_login{ width:121px; background:url(images/nav_client_resources.png) no-repeat; background-position:left 0px; }
#navigation li a#client_login:hover{ background-position:left -21px; }
#navigation li a#client_login:active{ background-position:left -42px; }
#navigation li a#contact_us{ width:84px; background:url(images/nav_contactus.png) no-repeat; background-position:left 0px; }
#navigation li a#contact_us:hover{ background-position:left -21px; }
#navigation li a#contact_us:active{ background-position:left -42px; }
#navigation li a#live_chat{ width:78px; background:url(images/nav_livechat.png) no-repeat; background-position:left 0px; }
#navigation li a#live_chat:hover{ background-position:left -21px; }
#navigation li a#live_chat:active{ background-position:left -42px; }
#navigation li a#registration{ width:89px; background:url(images/nav_register.png) no-repeat; background-position:left 0px; }
#navigation li a#registration:hover{ background-position:left -21px; }
#navigation li a#registration:active{ background-position:left -42px; }

#navigation li a.current {background-position:left -42px !important;}
#content_buttons {
	/*padding:480px 50px 0px 0px;*/
	float:right;
	width:630px;
	margin-top:10px;
}
#content_buttons ul{
	margin:0;
	padding:0;
}
#content_buttons li{
	padding:0;
	float:left;
	list-style:none;
	margin-right:0px;
}

#content_buttons li a{ height:137px; display:block; text-indent:-9999px; outline:none !important;}
#content_buttons li a#chat_live_0{ width:210px; background:url(images/chat_live_offline.png) no-repeat; background-position:left 0px;  }
#content_buttons li a#chat_live_0:hover{ background-position:left -137px; }
#content_buttons li a#chat_live_0:active{ background-position:left -274px;}
#content_buttons li a#chat_live_1{ width:210px; background:url(images/chat_live.png) no-repeat; background-position:left 0px;  }
#content_buttons li a#chat_live_1:hover{ background-position:left -137px; }
#content_buttons li a#chat_live_1:active{ background-position:left -274px;}
#content_buttons li a#faq{ width:204px; background:url(images/faq.png) no-repeat; background-position:left 0px;  }
#content_buttons li a#faq:hover{ background-position:left -137px; }
#content_buttons li a#faq:active{ background-position:left -274px; }
#content_buttons li a#demo{ width:208px; background:url(images/schedule.png) no-repeat; background-position:left 0px;  }
#content_buttons li a#demo:hover{ background-position:left -137px; }
#content_buttons li a#demo:active{ background-position:left -274px;  }


.footer_title{
	color:#869f2a;
}
#footer {
	width:960px;
	clear:both;
	padding:30px 0 0 0px;
	margin:0 auto;


}

#footer ul{
	margin:0;
	padding:0;
}

#footer ul#footer_contact{
	clear:both;

}

#footer ul li.item{
	font:normal 10px Verdana, Geneva, sans-serif;
	float:left;
	padding:0;
	list-style:none;
	margin-right:30px;
	font-weight: bold;
}

#footer ul li.item-first{
	margin-left:50px;
	margin-right:60px;
}

#footer ul li.item-last{
	margin-right:0px;
}

#footer ul li ul.footer_info {
	margin-top:5px;
}
#footer ul li ul.footer_info li{
	font:normal 10px Verdana, Geneva, sans-serif;
	float:none;
	list-style:none;
	margin-left:5px;
}

#footer ul#breadcrumb {
	width:750px;
	text-align:center;
	display:block;
	margin:0 auto;
	padding-top:12px;
}
#footer ul#breadcrumb li{
	list-style:none;
	margin-right:10px;
	float:left;
	margin-bottom:10px;
}

/************ GRID **********************/

.grid {
   position: relative;
   float: left;
   width: 960px;
   margin-bottom: 20px;
}
.left1{
   position: relative;
   float: left;
   left: 0px;
   width: 306px;
  

}
.left2{
   position: relative;
   float: left;
   left: 20px;
   width: 306px;


}
.right{
   position: relative;
   float: right;
   right: 0px;
   width: 306px;
  

}
.grid div img {
	float:left;

	
}
.grid div p {
	float:right;
	width:225px;
	margin:0px;
	padding:0px;
	/*border-left:2px solid transparent;
	border-right:2px solid transparent;
	padding-left:5px;*/
}
/*.grid div p:hover {
	background: #EBEBEB;
	border-left:2px solid #8a9a41;
	border-right:2px solid #8a9a41;
}*/

/****** TYPOGRAPHY for Grid ***********/

.grid div p {
	line-height:13px;
	font-size:11px;
	color:#585858;
}
.grid div p strong {
	line-height:13px;
	font-size:12px;
	color:#333333;
	
}




.top_p13 {
padding-top:13px;
}

.float_left{
	float:left;
	margin-right:10px;
}

.float_right{
	float:right;
	margin-right:10px;
}
#contact_form {
	width:100%;
	height:200px;
	display:none;
	background-color: #1d4063;
	z-index:99;
	
}
.contact_form_top {
	position:absolute;
	top:0px;
	margin-bottom:200px;

}
#contact_top_form {
	width:960px;
	margin:0 auto;

}
#contact_top_form .col1 {
	margin-right:50px;
}
#contact_top_form .col2 {
	margin-right:50px;

}
#contact_top_form .col3 {
	width:400px;

}
#contact_top_form p {
	color:#fff;
}
#contact_top_form h1 {
	margin-top:0px;
	padding-top:0px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:2.5em;
}
#contact_top_form h2 {
	margin:0px;
	padding:0px;
	color:#fff;
	font-size:1.4em;

	
}
#contact_top_form label {
	font-size:1.4em;
	font-weight:bold;
	margin-right:10px;
	display:block;
	color:#FFF;
	margin-bottom:5px;
}
#contact_top_form input {
		border:none;
		padding:2px;
}
#contact_top_form input.textfield {
	margin-bottom:20px;
	
}
#contact_top_form textarea {
	margin-bottom:10px;
	display:block;
	width:370px;
	border:none;
	
}

#aboutus_btns {
	float:right;
	margin-top:10px;

}
#aboutus_btns ul{
	margin:0;
	padding:0;
}
#aboutus_btns li{
	padding:0;
	float:left;
	list-style:none;
	margin-right:10px;
}


#aboutus_btns li a{ height:38px; display:block; text-indent:-9999px; outline:none !important;}
#aboutus_btns li a#careers{ width:159px; background:url(images/careers.png) no-repeat; background-position:left 0px;  }
#aboutus_btns li a#careers:hover{ background-position:left -38px; }
#aboutus_btns li a#careers:active{ background-position:left -76px; }
#aboutus_btns li a#management{ width:159px; background:url(images/management.png) no-repeat; background-position:left 0px; }
#aboutus_btns li a#management:hover{ background-position:left -38px; }
#aboutus_btns li a#management:active{ background-position:left -76px; }


a#RequestDemo{ width:159px; background:url(images/request_demo.png) no-repeat; background-position:left 0px; height:38px; display:block; text-indent:-9999px; outline:none !important; }
a#RequestDemo:hover{ background-position:left -38px; }
a#RequestDemo:active{ background-position:left -76px; }


#flashcontent{
	/*position:absolute;
	margin-top:73px;
	margin-left:69px;*/
	margin:0 auto;
	margin-top:37px;
	width:960px;
	height:423px;
	padding-right:2px;
	z-index:2;
}
#home_flash {
	position:absolute;
	z-index:3;
}
/*#logofloat {
	position:absolute;
	background: url(images/logo_transparent.png);
	background-repeat: no-repeat;
	width:219px;
	height:95px;
	display:block;
	z-index:4;
	left:50%;
	top:32px;
	margin-left:-452px;
}*/

#logofloat {
	position:absolute;
	background: url(images/logo_transparent.png);
	background-repeat: no-repeat;
	width:219px;
	height:95px;
	display:block;
	z-index:4;
	margin-left:29px;
	margin-top:-41px
}
* html #logofloat {
	background: url(images/logo_tab_ie.png);
}
#alert{
    
    /*padding:10px 10px 10px 50px;*/
	width:100%; 
	position:absolute; 
	top:-50px; 
	left:0px;

}
#alert_message{
	margin:0 auto; width:960px;
	border: 1px solid #bebb86;
	color: #86845f;
    background-color: #fffbb4;
	padding:10px;
}
#audio {
	z-index:50;
	position:absolute;
	left:50%;
	margin:0px;
	padding:0px;
	top:48px;
	margin-left:-480px;

}
#banner_mute {
	z-index:50;
	position:absolute;
	left:50%;
	margin:0px;
	padding:0px;
	top:42px;
	margin-left:-475px;
}
#FAQ h3{
	color:#0d3692;
}
#FAQ p{
	margin-bottom:20px;
}

#copyright {
	clear:both;
	text-align:center;
	margin-top:15px;
	color:#999999;
}


#resume a{ height:38px; display:block; text-indent:-9999px; outline:none !important;width:215px; background:url(images/resume.png) no-repeat; background-position:left 0px; margin-top:10px; }
#resume a:hover{ background-position:left -38px; }
#resume a:active{ background-position:left -76px; }


a#resources_btn {
	display:block;
	text-indent:-9999px;
	width:159px;
	height:38px;
	background:url(images/resources_btn.png) no-repeat;
	background-position:left 0px;
	outline:none;
}
a#resources_btn:hover {
	background-position:left -38px;
}
a#resources_btn:active {
	background-position:left -76px;
	outline:none;
}
a#sircon {
	display:block;
	text-indent:-9999px;
	width:303px;
	height:93px;
	background:url(images/sircon_logo2.jpg) no-repeat;
	background-position:left 0px;
	outline:none;
}


a.btn{
	display: table;
	background: whiteSmoke;
	padding: 15px;
	clear: both;
	border: 2px solid #CCC;
	border-radius: 10px;
	font-size: 14px;
	font-weight: bold;
	margin:5px 0;
}
a.btn small{
	display:block;
	font-size:12px;
	margin-top:5px;
	font-weight:normal;
}