@charset "utf-8";
/* CSS Document */
.white_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #FFFFFF;
	letter-spacing: 1px;
}

.white_text2
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 18px;
    color: #FFFFFF;
    letter-spacing: 1px;
}
body{
	color:#fff;
	background:#000026;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 78.3%;
	line-height: 1.5em;
	background-position: top; 
	background-image:none;
	background-repeat:no-repeat;
	padding-top:10px;
}
a:link,a:visited,a:hover,a:active{text-decoration:none;}
h2 {font-size:1.3em; padding:0px 0px 0px 0px; margin:10px 0px -10px 0px; line-height:normal;}


p { padding:0px; margin: 15px 0px 0px 0px;}

#wrapper{
	clear:both;
	margin:0px auto;
	width:796px;
}

#header{
	margin:0px auto;
	width:769px;
}

#mainContent{
	padding:40px 0px 0px 0px;
}

.textCol{
	margin: 0px auto;
	padding: 0px 30px;
	width: 690px;
	font-size: 1em;
}

#footer {
	margin: 75px 0px 0px 0px;
	font-size:0.9em;
	color:#fff;
	text-align:center;
	CLEAR:both;
}
#footer a:link, #footer a:visited,#footer a:hover,#footer a:active{
	text-decoration:none;
	color:#fff;
}
#footer #footerBotRow img{
	position:relative;
	top:5px;
	padding:0px 5px;
}
#footerBotRow{
	font-size:1.2em;
	}

.flashHolder{
	text-align:center;
	width:100%;
}

.flashContent{

}

.fLeft{float:left;}

.menu{
	float:right;
}
.noBG,input#submitter {background:transparent !important;}
.grayBox{
	margin:20px auto 40px auto;
	padding:20px 30px 10px 30px;
	width:690px;
	background:#BFBFC9;
	color:#000;
}
.grayBox2{
	margin:20px auto 40px auto;
	padding:5px 30px 15px 30px;
	width:690px;
	background:#BFBFC9;
	color:#000;
}
.drkTXT { color:#000;}
/*

PADDING RELATED CLASSES

*/
.pBFive {padding-bottom:5px;}
.pTwenty{
	padding:0px 20px;
}
.pRTwenty{
	padding:0px 20px 0px 0px;
}
.pbfive{padding-bottom:5px;}
.pbten{padding-bottom:10px;}
.ptthirty{padding-top:30px;}
.pbthrity{padding-bottom:30px;}
.pRTen {padding-right:10px;}

/*SPECIAL IDs AND CLASSES*/
#homepageBox{
	margin:40px auto 0px auto;
	padding: 4px 0px;
	width:750px;
	background:#BFBFC9;
	color:#000;
}

#topRightLinks {float:right;}

.clientlist{padding: 0px; margin: 0px; list-style-type: none}
.clientlist li{list-style:none;}
 
 .fullwidth{width:100%;}
 .centered {text-align:center;}
 
 	/*Product columns*/
 	.leftprodcol{width:275px; text-align:right;}
 	.leftprodcol a img,.rightprodcol a img{ margin: 30px 0px 0px 0px;}
 	.rightprodcol{text-align:right;}

	/*used in specific locations*/
	a.topbtn img {margin-top: 15px; margin-bottom: 35px;} /*FAQ buttons*/

	.communitylogo{float:left; margin:10px 25px;}
	.communitybullets{text-align:left;}

a.darkLink:link,a.darkLink:visited,a.darkLink:hover,a.darkLink:active {color:#fff; background:#000026; text-decoration:none;}

.divType1 {
display: table;
width: 731px; 
margin: 30px auto auto auto; 
background-image: url(../pub/images/Prod_All_BG.gif);
background-repeat: no-repeat; 
height: 67px;
}
.light{color: #C1C1CA;}
.divType2{width: 730px; text-align: center; margin: 0px auto; padding: 15px 0px 10px 0px;}
.nopointli
{
/*	background-position:left 8px;
	background-image: url(../pub/images/Point.gif);
	display: inline;
	margin: 0 1em 0 0;
	padding: 0 0 0 15px;
	background-repeat: no-repeat;
*/
}


/*CSS For the EVIL inline hardcoded menu baaaaaaaaaaaah*/
.bluetabs{
}

.bluetabs ul{
	padding: 0;
	margin: 0;
	list-style-type: none;
	text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.bluetabs li{
float:left;
margin: 0;
}

.bluetabs li a{
text-decoration: none;
}

.bluetabs li a:visited{
text-decoration: none;
}

.bluetabs li a:hover{
text-decoration: none;
}

.bluetabs li.selected{

}

.bluetabs li.selected a{ /*selected main tab style */

}

.bluetabs li.selected a:hover{ /*selected main tab style */

}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv_b
{
	position: absolute;
	top: 0;
	z-index: 100;
	visibility: hidden;
	font-family: Arial;
	font-size: 12px;
}


.dropmenudiv_b a
{
	width: auto;
	display: inline;
	text-decoration: none;
	color: black;
	clear:none;
}


/*YOU YOU PAGE*/
div.fLeft50px{float:left; width:50px;}
div.special01{float: left; width: 38px; padding-top: 1px;}
div.special02{float: left; width: 38px; padding-left: 10px;}
div.special03{float: left; width: 38px;} 
div.special04{display: table; margin: auto; width: 692px; padding-top: 5px; padding-bottom: 20px;}
.special05{width: 732px; margin: auto; background-image: url(pub/images/You__BigFadeBar.gif); background-repeat: no-repeat; height: 260px;}
.special06{height: 260px; display: none; overflow: hidden; margin-right: 20px; margin-left: 20px;}
.special07{display: table; margin: auto; width: 692px; padding-top: 20px; padding-bottom: 5px}


/*SIFR DEFINITIONS*/


h1.sif	{ font-size: 1em; line-height:nromal; padding-bottom:2px; }
h2.sif	{ font-size: 1em; font-weight:bold; }
h3.sif	{ font-size: 1em; font-weight:bold;}
h4.sif  { font-size: 1em; font-weight:normal;}



/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1.sif {
	visibility: hidden;
	letter-spacing: -5px;
	font-size:25px;
	line-height:normal;
	margin:0px 0px 0px 0px;
}

.sIFR-hasFlash h2.sif {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 20px;
}

.sIFR-hasFlash h3.sif {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 18px;
	line-height:normal;
}

.sIFR-hasFlash h4.sif {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 16px;
	line-height:normal;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
	line-height:normal;
}

ul.sitemap li,ul.sitemap li ul li{ list-style:none; margin-top:2px; margin-bottom:2px; padding-top:0px; padding-bottom:0px;}
div.sitemap .sif {margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px;}
ul.sitemap .sif{margin-top:2px; margin-bottom:2px; padding-top:0px; padding-bottom:0px;}
ul.sitemap { margin-top:2px; margin-bottom:2px; padding-top:0px; padding-bottom:0px;}



/*
=======================================================
=======REVISIONS AND CHANGES FOR NEW TEMPLATES=========
Geoff Inwood.                              June 6, 2008
=======================================================
*/

/*
============SPECIFIC PRODUCT PAGES============
*/
div.gradBox {
	margin:35px auto 20px auto;
	padding:0px 0px 0px 0px;
	width:728px;
	hei ght:;
	background: transparent url(../pub/images/gradBox_01.jpg) top right no-repeat;
}

div.gradBox div.gradBox{
	margin:0px 0px 0px 0px;
	padding:10px 15px 10px 24px;
	width:688px;
	hei ght:;
	background: transparent url(../pub/images/gradBox_02.jpg) bottom right no-repeat;
}
div.gradBox div.gradBox div.left{width:265px; margin:10px 0px 0px 0px; white-space:normal; float:left;}
div.gradBox div.gradBox div{width:400px; white-space:normal; margin:0px 0px 0px 266px; padding:0px 0px 0px 10px;}

/*
============QUICK TOURS PAGE============
*/
div.tourBox{

	margin:15px 0px 45px 0px;
	padding:0px 0px 0px 0px;
	width:235px;
	background: transparent url(../pub/images/tourBox_01.jpg) top left no-repeat;
}

div.tourBox div.tourBox{
	margin:0px 0px 0px 0px;
	padding:20px 10px 10px 10px;
	background: transparent url(../pub/images/tourBox_02.jpg) bottom left no-repeat;
}
img.tourThmb{margin:0px 4px; border:groove; width:201px}
div.tourBox div.copy{ width:201px;margin:5px 4px 10px 4px;}
div.copy .sif {line-height:1.4em;}
/*
============DEMO PAGES============
*/
div.demoBox {
	margin:35px auto 20px auto;
	padding:0px 0px 0px 0px;
	width:728px;
	background: transparent url(../pub/images/gradBox_01.jpg) top right no-repeat;
}

div.demoBox div.demoBox{
	margin:0px 0px 0px 0px;
	padding:10px 15px 10px 24px;
	width:688px;
	background: transparent url(../pub/images/gradBox_02.jpg) bottom right no-repeat;
}
div.demoBox div.demoBox div.left{width:205px; margin:10px 0px 0px 0px; white-space:normal; float:left; }
div.demoBox div.demoBox div.right{clear:none;width:450px; white-space:normal; margin:0px 0px 0px 210px; padding:0px 0px 0px 10px;}
div.demoBox div.demoBox div.right h2.sif {clear:none;}
div.demoBox div.demoBox div.noShow {
	margin:0px 0px 0px -20px;
	text-align:left;
	width:100%;
	clear:both;
	float:none;
	display:none;
}
div.demoBox div.demoBox div.noShow div {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float: none;
}
div.option {width:693px !important;}
div.noShow a.pointless{padding:0px 0px 0px 0px; background:transparent; width:693px;}
div.option:hover{background:url(../pub/images/DemoBg.gif) top left no-repeat;}
div.noShow a.pointless:hover{background: url(../pub/images/DemoBg.gif) top left no-repeat; padding:0px 0px 0px 0px; color:#fff;}
div.noShow a table, div.noShow a.pointless table{border:none; color:#fff;}
div.noshow a.pointless table tr td a{background:transparent; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; border:none;}
div.noshow a.pointless table tr td img{background:inherit;}
a.pointless:hover{cursor:default;}

/*
============COLLABORATE AND COMMUNITY PAGES============
*/



/*
============WEB BOARD PAGE============
*/

div.smallBox{background:url(../pub/images/smallBox_01.jpg) top left no-repeat; width:350px;}
div.smallBox div.smallBox{background:url(../pub/images/smallBox_02.jpg) bottom left no-repeat; width:330px; padding:10px; text-align:center;}

.fLeft{float:left;}
.fRight{float:right;}
.wbmr {margin-right:20px;}
.wbml {margin-left:20px;}

div.wbgradBox{background: url(../pub/images/wbTopBg2.jpg) top left no-repeat; width:730px; height:110px; margin:0px auto;}
div.wbgradBox div.wbgradBox{
	margin:0px 0px 0px 0px;
	padding:35px 15px 0px 25px;
	width:688px;
	background: transparent;
	background-image:none;
}

div.wbgradBox div.wbgradBox div.left{width:205px; margin:0px 0px 0px 0px; white-space:normal; float:left;}
div.wbgradBox div.wbgradBox div{width:450px; white-space:normal; margin:0px 0px 0px 220px; padding:0px 0px 0px 10px;}

/*
============IMPORTANT CLASSES============
*/
div#popWrap{
	width:771px;
	height:433px;
	background:url(../pub/images/popwrapbg.jpg) top left no-repeat;
	position:relative;
}
#popWrap div.slideshow_table{
width:765px;
height:428px;
margin:0px 5px 0px 5px;
padding:0px;
}

.tdimg .holder{padding:20px 0px 0px 10px;}
.tdimginfo{padding:0px 0px 0px 0px; vertical-align:bottom !important;}
.tdimginfo .imginfo .sizer .sInner {padding:10px 0px 30px 15px; vertical-align:bottom;}
.tdimginfo .sizer {overflow:auto; height:290px; }
h1.blue {color:#000026 !important; line-height:normal; margin-top:0px;}
h2.blue{ color:#000026 !important; margin: 15px 0px 10px 0px; padding-left:15px;}
span.shIndex {color:#000026; padding-left: 15px; margin-bottom:-20px;}
div.imgdesc{color:#000026 !important;}

.popTop{
	width:779px;
}
.popCopy{
	bor der: red dotted 1px;
	float:right;
	width:219px;
	height:300px;
	margin: 30px 30px 0px 0px;
}
.popImg{
	margin: 0px 0px 0px 25px;
	padding:25px 0px 0px 0px;
}

.popBot{
	height:49px;
	width:779px;
	bo rder: red dotted 1px;
	background:url(../pub/images/popUpbot.jpg) top left no-repeat;
	position:absolute;
	bottom:0px;
}

/*
============IMPORTANT CLASSES============
*/

.prodlistnm{list-style:disc; margin:5px 0px 0px 25px; padding:0px 0px 0px 0px; text-align: left; line-height: 1.8em; display: block;}

ul{text-align:left;}


.featuresLink{
	position:relative;
	top:12px;
}

.lheight2 {line-height:2em;}

.fadedText{color:#B3B3BE !important;}

a:link.clickHere,a:visited.clickHere{
	padding:1px 2px;
	background:#B3B3BE;
	color:#000026;
	text-decoration:none;
}
a:hover.clickHere,a:active.clickHere{text-decoration:underline;}
cboth{clear:both;}