@charset "utf-8";
/* CSS Document */

* {}

/* BROWSER RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
	
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}



caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/* NOTES */

/* Vertical position of the HTML over the flash is adjusted using the #LOGO and #LOGO_HOME bottom margins  */



/* TYPOGRAPHY */

h1	{
font-family: Arial, Helvetica, sans-serif;
font-size: 2em;
font-weight: lighter;
line-height: 1em;
color: #666666;
margin: 0px 0px 20px 0px;
}

h2	{
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #666666;
margin: 0px 0px 3px 0px;
line-height: 1em;
}

h3	{
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #666666;
font-size: 0.9em;
}

h4	{
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #666666;
font-size: 0.9em;
}

p	{
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
line-height: 1.4em;
color: #666666;
margin: 0px 0px 20px 0px;
}



/* LINKS */

a:link{
color: #FF0066;
text-decoration: none;
}

a:visited{
color: #FF0066;
text-decoration: none;
}

a:hover	{
color:#FF0066;
text-decoration: underline;
}

a:active{
color: #FF0066;
text-decoration: none;
}


/* MAIN LAYOUT */



#wrapper {
position:absolute; 
top:0;
margin-top: 0px;
padding: 0;
width: 928px;
color: inherit;
background-color: inherit;
}

#content	{
float: left;
width: 928px;
background: url(../images/content_bg.png) repeat-y center;
margin: auto;
padding: 0px 0px 0px 10px;

}

#lightboxcontent	{
float: left;
background: url(../images/content_bg.png) repeat-y center;
margin: auto;
padding: 10px 0px 0px 10px;

}

/* FLASH BACKGROUND CONTAINERS */

div.flashBGContainer {
	width:100%;
	height:100%;
	overflow:hidden;
}

div#flashBackground {
	position:absolute;
	top:0;
	left:0;
	margin:0!important;
	padding:0!important;
	width:100%;
	height:550px;
	text-align:center;
	overflow:hidden;
}

div#nonflashbackground{
	
	/*background:transparent url(../images/index.jpg) no-repeat center 0;*/
	height:550px !important;
}

.nonflashbackgroundhide
{
	display:none;
}
.nonflashbackgroundshow
{
	display:block;
}

/* CONTENT CONTAINERS */

div.basePage {
margin: -1px 0 0 0;
padding:0;
width: 100%;
}

div.baseContainer {
margin: 0 auto; 
width: 938px; 
}



/* LOGO + VERTICAL POSITIONING OF HTML */

#logo	{
width: 918px;
padding: 0px 0px 0px 10px;
margin: 0px 0px 70px 0px;
}

#logo_home	{
width: 918px;
padding: 0px 0px 0px 10px;
margin: 0px 0px 261px 0px;
}



/* TEMPLATE1 (Home) */

#template1	{
float: left;
width: 918px;
padding: 0px 0px 40px 0px;
background: url(../images/template1_bg.png) repeat-y;
}

#template1 #left	{
float: left;
width: 570px;
padding: 20px 0px 0px 0px;
margin: 0px 0px 0px 24px;
border-top: 1px solid #CCCCCC;

}


#template1 #right	{
float:left;
width: 260px;
padding: 20px 0px 0px 40px;
}

#template1 .story	{
padding: 0px 0px 20px 0px;
}

#template1 .story h3	{
margin: 0px 0px 4px 0px;
}

#template1 .story p	{
margin: 0px;
}


/* TEMPLATE2 (Applications) */

#template2	{
float: left;
width: 918px;
padding: 0px 0px 40px 0px;
background: url(../images/template2_bg.png) repeat-y;
}

#template2 #left	{
float: left;
width: 500px;
margin: 0px 0px 0px 20px;
padding: 20px 0px 0px 0px;
border-top: 1px solid #CCCCCC;
}

#template2 #right	{
float:left;
width: 190px;
padding: 20px 0px 0px 30px;
border-top: 1px solid #CCCCCC;
}

#template2 .panel .bullets span	{
font-size: 0.7em;
}

.story	{
padding: 0px 0px 10px 0px;
}

.demobutton	{
margin: 0px 0px 10px 0px
}



/* TEMPLATE3 (Demos) */

#template3	{
float: left;
width: 918px;
padding: 0px 0px 40px 0px;
background: #FFFFFF;
}

#template3 #left	{
float: left;
width: 878px;
margin: 0px 0px 0px 20px;
padding: 20px 0px 0px 0px;
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
}

.demo	{
float: left;
width: 275px;
padding: 0px 0px 20px 0px;
margin: 10px 17px 0px 0px;
}

.demo p	{
padding: 0px;
margin: 0px 0px 0px 3px;
}

.demo h3	{
padding: 0px;
margin: 0px 0px 4px 3px;
}

.demo img	{
margin: 0px 0px 5px 0px;
}

#demoheader	{
width: 878px;
}

.demo_row	{
float: left;
}

#dropdown	{
width: 260px;
float: right;
margin: 7px 42px 0px 0px;
}

#demoheader #dropdown p	{
float: left;
}

#demoheader #dropdown #select	{
float: right;
margin: 0px 0px 0px 10px;
}

#demoheader h1	{
float: left;
}

#template3 #left #dropdown	{
float: right;
}

#pagination	{
clear: both;
padding:15px 0px 0px 0px;
margin: 0px 0px 0px 20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
/*border-top:1px solid #CCCCCC;*/
}

#pagination img	{
position: relative;
top: 1px;
}

#pagination span	{
margin: 0px 5px 0px 5px;
}






/* TEMPLATE5 (Press) */

.news  {
margin: 20px 0px 10px 0px;
padding: 20px 0px 0px 0px;
}

.news p {
margin: 0px;
}

.award	{
float: left;
padding: 0px 0px 10px 0px;
margin: 0px 0px 10px 0px;
border-bottom: 1px solid #CCCCCC;
}

.award	p	{
float: right;
width: 170px;
}

.award_img	{
float: left;
width: 70px;
margin: 0px 10px 0px 0px;
}

.award_bottom	{
float: left;
}

.award_bottom p	{
float: right;
width: 170px;
}

#awards_heading	{
margin: 5px 0px 20px 0px;
}

#news_pagination	{
clear: both;
padding:15px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
/*border-top:1px solid #CCCCCC;*/
}

#news_pagination img	{
position: relative;
top: 1px;
}

#news_pagination span	{
margin: 0px 5px 0px 5px;
}

#newsheader	{
float: left;
width: 570px;
margin: 0px 0px 30px 0px;
padding: 0px 0px 10px 0px;

}

#newsheader h1	{
float: left;
}

#newsheader p	{
float: left;
margin: 0px 10px 0px 0px;
}

#newsheader #dropdown	{
width: 200px;
float: right;
margin: 7px 0px 0px 0px;
}

#newsheader #dropdown p	{
float: left;
}


/* TEMPLATE6 (Landing Page) */

#template6	{
float: left;
width: 918px;
padding: 0px 0px 40px 0px;
background: url(../images/template1_bg.png) repeat-y;

}

#template6 #left	{
float: left;
width: 570px;
padding: 20px 0px 0px 0px;
margin: 0px 0px 0px 24px;
}

#template6 #right	{
float:left;
width: 260px;
padding: 15px 0px 0px 40px;
}

#template6 .story	{
padding: 0px 0px 20px 0px;
}

#template6 .story h3	{
margin: 0px 0px 4px 0px;
}

#template6 .story p	{
margin: 0px;
}


/* FORM */

.form	{
background-color: #F8F8F8;
padding: 20px;
width: 530px;
float:left;
}
    
.form label	{
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
display: block;
width: 120px;
float: left;
margin-bottom: 20px;
text-align: right;
padding-right: 10px;
margin-top: 3px;
}



.form textarea	{
border: 1px solid #CCCCCC;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
}
 
br	{
clear: left;
}

#submit	{
border: none;
background-color: #B2E77E;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
font-weight: bold;
color: #666666;
float: left;
margin: 0px 10px 0px 0px;
padding: 5px 5px 5px 5px;
height: 28px;
}

#reset	{
border: 1px solid #B2E77E;
background-color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
font-weight: bold;
color: #666666;
float: left;
margin: 0px 10px 0px 0px;
padding: 5px 5px 5px 5px;
height: 28px;
}

.error	
{
font-family: Arial;
margin: 3px 0px 0px 0px;
color: #FF0000;
font-size: 0.8em;
}

.form2	{
background: url(../images/transparent_tile.png);

padding: 10px;
width: 240px;
float:right;
margin-top: 7px;
}
    
.form2 label	{
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
display: block;
width: 30px;
float: left;
margin-bottom: 20px;
text-align: left;
padding-right: 20px;
margin-top: 3px;
}

.form2 #ltError	{
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
display: block;
float: left;
margin-bottom: 20px;
text-align: left;
padding-right: 20px;
margin-top: 3px;
width: 200px;
}

.form2 #enter	{
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
display: block;
width: 200px;
float: left;
margin-bottom: 10px;
text-align: left;
padding-right: 20px;
margin-top: 3px;
}



.form2 input, select	{
border: 1px solid #CCCCCC;
height: 20px;

}

.form2 textarea	{
border: 1px solid #CCCCCC;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
}

#buttons2	{
margin: 10px 0px 0px 0px;
}

.Contactbuttons	{
border: 1px solid #B2E77E;
background-color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
font-weight: bold;
color: #666666;
float: left;
margin: 0px 10px 0px 0px;
padding: 5px 5px 5px 5px;
height: 28px;
}

.ContactbuttonsSubmit	{
border: 1px solid #B2E77E;
background-color: #B2E77E;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
font-weight: bold;
color: #666666;
float: left;
margin: 0px 10px 0px 0px;
padding: 5px 5px 5px 5px;
height: 28px;
}

#buttons	{
margin: 15px 0px 40px 130px;
}

.form .error	{
margin: 3px 0px 0px 0px;
color: #FF0000;
font-size: 0.8em;
}


/* TEMPLATE404 */

#template404	{
clear: both;
width: 918px;
height: 200px;
background-color: #FFFFFF;

}

#left404	{
float: left;
width: 570px;
padding: 20px 10px 0px 24px;
}




/* LISTS */

.bullets {
list-style: none;
margin: 0px 0px 10px 0px;
}

.bullets li{
font-family: Arial, Helvetica, sans-serif;
color: #666666;
font-size: 0.9em;
background: url(../images/bullet.jpg) no-repeat 0 4px;
padding: 0px 0px 10px 15px;
line-height: 1.2em;
}




/* PANEL */

#template2 .panel	{
/*width: 100%;*/
width: 190px;
background-color: #F2F2F2;
margin: 0px 0px 15px 0px;
}

#template2 .panel ul {
padding: 10px 10px 7px 12px;
list-style: none;
}

#template2 .panel h3	{
color: #FFFFFF;
background: url(../images/paneltop_bg.jpg) repeat-x 0 0px;
padding: 9px 0px 12px 28px;
font-size: 0.9em;
font-weight: bold;
margin: 0 px;
}

#template2  .panel li{
font-family: Arial, Helvetica, sans-serif;
color: #666666;
font-size: 0.9em;
background: url(../images/bullet.jpg) no-repeat 0 4px;
padding: 0px 0px 10px 15px;
line-height: 1.2em;
}

#template2 .panel p	{
padding: 0px 15px 20px 15px;
}

#template1 .panel h3
{
	color:#666666;
	font-family:Arial,Helvetica,sans-serif;
	font-size:2em;
	font-weight:lighter;
	line-height:1em;
	margin:0 0 20px;
}

#template1 .panel h2
{
	color:#666666;
	font-family:Arial,Helvetica,sans-serif;
	font-size:0.9em;
	font-weight:bold;
}

/* BOXOUT */

.boxout1{
margin: 0px 0px 20px 0px;
background: #F8F8F8;
border: 1px solid #F2F2F2;
height: 410px;
}

.boxout1 img {

margin: 0px 20px 0px 0px;
}

.boxout1 p, ol  {
font-family: Arial, Helvetica, sans-serif;
color: #666666;
font-size: 0.7em;
line-height: 1.2em;
}


.boxout1 ol  {
font-weight:bold;
color:#FF0066;
	clear: both;
	padding: 0;
	margin: 0 0 0 22px;
}

.boxout1 ol li div{
font-weight:normal!important;
color:#666666!important;
}

.boxout1 li  {
font-size: 1.1em;
margin: 10px 10px 0px 10px;
}

.boxout2	{
float: left;
height: 390px;
width: 180px;
background: #F8F8F8;
margin: 0px 8px 0px 0px;
border: 1px solid #F2F2F2;
}

.boxout2 p {
margin: 15px 20px 15px 20px;
}

.boxout2 h2 {
margin: 10px 10px 0px 10px;
height: 30px;
}

.boxout2 ul  {
margin: 10px 0px 10px 20px;
}

.boxout2 li  {
font-family: Arial, Helvetica, sans-serif;
color: #666666;
font-size: 0.8em;
line-height: 1.2em;
margin: 0px 0px 6px 0px;
}

.boxout3	{
float: right;
height: auto;
width: 570px;
background: #F8F8F8;
margin: 0px 0px 20px 0px;
border: 1px solid #F2F2F2;
}

.boxout3 p {
margin: 15px 20px 15px 20px;
}

.boxout4	{
	float: left;
	height: 340px;
	width: 150px;
	background: #F8F8F8;
	margin: 0px 8px 0px 0px;
	border: 1px solid #F2F2F2;
}

.boxout4 p {
	margin: 15px 20px 15px 10px;
	font-size: 0.8em;
}

.boxout4 h2 {
	margin: 10px 10px 0px 10px;
	height: 28px;
	font-size: 0.9em;
}

/* NAVIGATION*/

#navigation	{
width: 918px;
height: 52px;
background: url(../images/nav_bg.jpg) repeat-x;
position: relative;
}

#navigation	ul	{
width: 918px;
height: 52px;
list-style-type: none!important;
}

#navigation	ul li	{
width: auto;
height: 52px;
padding: 17px 25px 16px 25px;
display: inline;
list-style-type: none!important;
background: url(../images/nav_divider.jpg) 0 2px no-repeat;
}

#navigation #home	{
background: none;
}

#navigation	.current a	{
color: #20BC13;
}

#navigation	a	{
line-height: 52px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
/*font-size: 1em;*/
font-size: 16px;
color: #CCCCCC;
text-decoration: none;
}

#navigation a:hover	{
color: #FFFFFF;
text-decoration: none;
}

#navigation_empty	{
width: 918px;
height: 25px;
background: url(../images/nav_bg.jpg) repeat-x;
}


/* SUBNAV */

#subnav	{
text-align: right;
float: left;
list-style: none;
width: 156px;
}

#subnav	ul	{
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
margin: 35px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style-type:none;
}

#subnav	li	{
margin: 0px 0px 10px 0px;
padding: 0px 20px 0px 0px;
}

#subnav a	{
color: #999999;
text-decoration: none;
}

#subnav a:hover	{
color: #666666;
text-decoration: none;
}

#subnav	.current	{
background: url(../images/subnav_arrow.gif) no-repeat right;
}

#subnav	.current a	{
color: #333333;
}


/* INFOBAR*/

#infobar	{
float: left;
width: 918px;
height: 35px;
background: url(../images/infobar_bg.jpg) repeat-x;
}

/* BREADCRUMBS*/

#breadcrumbs {
float: left;
width: 560px;
margin: 0px 0px 0px 24px;
padding: 12px 10px 7px 0px;
}

#breadcrumbs p {
margin: 0px 0px 0px -3px;
}

.breadcrumb{
font-family: Arial, Helvetica, sans-serif;
font-size: 0.75em;
color: #666666;
font-weight: 100;
}

.breadcrumb a{
background: transparent url(../images/breadcrumb.gif) no-repeat center right;
text-decoration: none;
padding: 0px 12px 0px 4px;
color: #999999;
}

.breadcrumb a:hover{
text-decoration: underline;
color: #000000;
}

.breadcrumb .current	{
padding: 0px 0px 0px 7px
}

/* SHARE*/

#share  {
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.75em;
color: #666666;
text-decoration: none;
margin: 8px 0px 0px 20px
}

#share img	{
padding: 0px 0px 0px 10px;
position: relative;
top: 2px;
}

/* FOOTER*/

#footer	{
float: left;
margin: auto;
width: 938px;
height: 10px;
background: url(../images/footer_bg.png) no-repeat 0 0px;
}

#footer	p {
margin: auto;
width: 800px;
font-size: 0.6em;
color: #999999;
text-align: center;
padding: 10px 10px 20px 10px;
}



/* AJAX */
#ajax-progress {
	background-color:#FFFFFF;
	height:650px;
	left:180px;
	position:absolute;
	width:730px;
	opacity:0.8;
	filter: alpha(opacity = 80);
}

#template2 #ajax-progress img {
	padding:80px 0 0;
}


#ajax-progressfull {
	position: absolute;
	width: 918px;
	height: 738px;
	background-color: #FFFFFF;
	margin-top: 52px;
	opacity:0.7;
	filter: alpha(opacity = 70);
}

#content #ajax-progressfull img {
	padding-top: 50px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.loading {
	font-weight:bold;
}

#gcBackground
{
}

#navigation .updateProgressShow
{ 
	width: 100%;
	height: 100%;
    background-color:white; 
    filter:alpha(opacity=10); 
    opacity:0.1;          	
    position: absolute;
    top: 0px;
    z-index: 1000;
    cursor: wait;
    display: block;
}
        
#navigation .updateProgressHide
{
	display: none;
}

#navigation .SEO
{
	display: none;
}

#template2 .subnavSEO
{
	display: none;
}


#shadowbox_body_inner {
  position: relative;
  height: 100%;
  background-color: White;
}

/*#ajaxcontent 
{
	float:left;
	position:relative;
	width:918px;
}

.loading	{
font-weight: bold;
}

.ajax-progress {
	background:white none repeat scroll 0 0;
	height:72%;
	opacity:0.8;
	filter: alpha(opacity = 80);
	padding-top:150px;
	position:absolute;
	text-align:center;
	width:100%;
}*/