/**************************************/
/* Initialization                     */
/**************************************/
h1, h2, h3, h4, h5, h6, p, img, blockquote, q, table, thead, tbody, tfoot, caption, th, tr, td, a, form, input, textarea, fieldset, pre, div {
	margin-top: 0;
}
html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}
/**************************************/
/* HTML Elements                      */
/**************************************/
/* Basic */
body {
	top: 0px;
	left: 0px;
	border: none;
	z-index: 1;
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	background-color: #e8ecd2;
	text-align:center;
}
p {
	/*padding-bottom: 0.7em;*/
	margin-bottom: 1.5em;
}
div {
	text-align:left;
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
table {
	/*width:100%;*/
}
th, td  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	vertical-align: top;
	text-align: left;
}
td td, td th { font-size: 100% }
#tdContent p, #tdContent ul li { line-height: 1.3em; }
#tdContent ul li { padding-bottom: 1.3em; }
#tdContent ul { margin-bottom: 0; }

#tdContent ul.tight li { padding-bottom: 0.5em; }
#tdContent ul.tight { margin-bottom: 1.3em; }
ul.tight li ul { margin-top: 5px; }

th {
	color: #666;
	font-weight: bold;
	background: #E8ECD2;
}
img {
	border: 0px;
}
/* Links */
a:link, a:active, a:visited, a:hover {
	color: #066;
	text-decoration: underline;
}
a:hover {
	color: #EC8318;
	text-decoration: none;
}
a img { border: 0px none; } 
/* Form Elements */
form {
	padding: 0;
}
input, textarea, select {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #666;
	background-color:#FFF;
	border:1px solid #999;
	padding: 2px;
	padding-top: 1px;
}
.inputhover {
 	background-color:#CCC;
 }

textarea.fullwidth{
	width: 525px;
}
div.contactform {
	position:relative;
}
div.contactform .column div, div.contactform .singlecolumn div {
	padding: 2px;
}
.addresscolumn{
	float: right;
	width:200px;
	/*
	position:absolute;
	left:325px;
	top:0px;
	*/
}
#contactformleftcolumn { margin-right: 210px; }
label {
	font-size: 10px;
	padding-left: 2px;
}
fieldset { background-color: #FAFBED; }
fieldset legend { font-size: 105%; font-weight: bold; color: #066; }

/* Text Elements */
h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#066;
}
h1 {
	font-size: 115%;
}
h2 {
	font-size: 110%;
	margin-bottom: 1em;
}
h2.benefit { color: #F49231; letter-spacing: 0.09em; /* f93 */ }
h3 {
	font-size: 105%;
}
h4 {
	font-size: 12px;
}
b, strong {
	font-weight: bold;
}
p.small {
	font-size:0.8em;
	font-style:italic;
}
blockquote  {
	margin-left: 20px;
	margin-bottom: 1em;
}
/* Lists */
ul {
	margin: 0;
	padding: 0;
	/*
	padding-top:5px;
	padding-bottom:10px;
	*/
	margin-bottom: 10px;
}
.tight{
	margin: 0;
	padding: 0;
}
p.tight { margin-bottom: .25em; }
li, ul.bold li {
	margin: 0;
	background-image: url('../images/bullets/bullet_circle_orange.gif');
	background-position: 7px 3px;
	background-repeat:no-repeat;
	padding-left:15px;
	padding-top:0px;
	padding-bottom:5px;
	text-decoration: none;
	color: #333
}
ul.bold li {
	font-weight:bold;
}
ul#udm li { background-image: url('none'); }
ol { margin-bottom: 1em; }
ol, ol li {
	list-style-type: decimal;
	background: none;
}
ul li {	
	list-style-type: none;
	padding-bottom:5px;
}	
ul li li, ul.bold li li{	
	list-style-type:circle;
	list-style-type:none;
	background-image:url('none');
	font-weight:normal;
	padding-left:10px
}	
ul li li li{	
	list-style-type:square;
}	
ol li{	
	list-style-type:decimal;
	padding-bottom:10px;
}	
ol ol li{	
	list-style-type:lower-alpha;
	padding-bottom:10px;
}	
ol ol ol li{	
	list-style-type:lower-roman;
	padding-bottom:10px;
}
/**************************************/
/* ID (layout elements)               */
/**************************************/
#Background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#Wrapper{
	width: 100%;
	height: 100%;
	text-align:center;
}
#InnerWrapper {
	width: 760px;	
	margin: 0 auto;
}
	
#Header {
	width: 760px;
	margin: 0;
}
	#TopPane { height: 101px; }
	#Logo {
		float:left;
		font-size: 1px; /* fix ie spacing issue */
		margin:0; padding:0;
		width: 224px; 
		height: 101px;
	}
	#TopMenuNew {
		height:27px;
		/*font-size:1%;*/
		position: relative;
	}
	#TopSubNav{
		width:536px;
		height:101px;
		background-image:url('../images/skin/top_right_call.jpg');
		background-repeat:no-repeat;
		font-size: .7em;
		/* dual float needed for IE 6*/
		float: left;
		/*margin-left: 224px;*/
		position: relative
	}
	#TopPhone, td#tdSideNav #phoneNumber span.leftnavphonenumber {
		color: #006A71;
		font-size: 13px;
		font-weight: bold;
	}
	#TopPhone {
		position: absolute;
		right: 20px;
		top: 42px;
	}
	#TopUtil  {
		/*padding-top:65px; padding-right:20px; float:right;*/
		position: absolute; top: 65px; right: 20px;
		color: #7F7F7F;
		font-size: 10px;
	}
	#TopUtil a, #TopUtil a:link, #TopUtil a:visited {
		text-decoration: none;
		color: #7F7F7F;
		font-size: 10px;
	}
	#TopUtil a:hover {
		color: #006A71;
		text-decoration: underline;
	}
.TopMenuTable{
	display:none;
}
.TopMenuTableRow {}
#DateTime {
	font-size: 10px;
	color:#000;
}
#Body {
	width: 760px;
	margin: 0;
	background-image:url('../images/backgrounds/bg_page.gif');
	background-repeat:repeat-y
}
#CenterPane {
	text-align: left;
	vertical-align: top;
	padding: 10px;
}
#logoWrapper { margin: -10px 0 10px 0; }
#hometable td { padding: 0 15px 0 12px; font-size: 0.8em; }
	
#RightPane {
	width:150px;
	float:left;
	display:none;
}
#BottomPane {
	width: 100%;
	padding-bottom:15px;
}
#Footer {
	width: 760px;
	margin: 0;
}
#FooterCap{
	width:760px;
	height:25px;
	background-image:url('../images/skin/bottom.gif');
}
#FooterLogos {
	background-image:url('../images/backgrounds/bg_page.gif');
	background-repeat:repeat-y;
	padding-left:10px;
	padding-right:10px
}
#CopyrightNotice {
	color: #666;
	text-align: center;
	font-size: 10px;
	float: center;
	padding-left:25px;
	padding-top:5px;
}
#BottomMenu {
	float: right;
	text-align: left;
	padding-right:5px;
}
#BottomMenu #tblNav { width: auto; }
.navcell {
	border-right:1px solid #CCCCCC;
	padding-left:5px;
	padding-right:5px;
}
.navendcell {
	padding-left:5px;
}

#Canvas {}
#CanvasBottom {}
#CanvasTop {}

#phoneNumber {
	text-align: center;
	color: #333;
	line-height: 1.3em;
	background-image: url('../images/backgrounds/phone.jpg'); 
	background-repeat: no-repeat;	
	width: 175px;
	height: 84px; margin-left:0; margin-right:0; margin-top:20px; margin-bottom:10px; background-position-y:center
}
#phoneNumber div { text-align: center; padding-top: 14px; }
#phoneNumber span.leftnavphonenumber { display: block; margin-top: 5px; line-height: 17px; }
#genericQuote { margin-top: 30px; }
/******************/
/* Custom Classes */
/******************/
.alert {
	color: #FF0000;
}
.alttext {
	color: #07498F;
}

/* background-image: url(../images/buttons/btn_more_off.gif); */
#btnMoreWrapper { text-align: right; height: 24px; }
a.btnMore {width: 64px; height: 24px; display: block; float: right; }
a.btnMoreNf {width: 64px; height: 24px; display: block; margin: 3px 0; }
a.btnMore:link, a.btnMore:visited, a.btnMore:hover, a.btnMore:active, a.btnMoreNf:link, a.btnMoreNf:visited, a.btnMoreNf:hover, a.btnMoreNf:active { background-image: url('../images/buttons/btn_more_off.gif'); }
a.btnMore:hover, a.btnMoreNf:hover { background-image: url('../images/buttons/btn_more_on.gif');   }

.clear {
	clear: both;
	font-size: 1px;
}
.feature {
	width: 208px;
}
.fieldsetinner { padding: 10px; }
.floatleft {
	float: left;
	margin-left: 0px;
}
.floatright {
	float: right;
}
.floatrightmargin {
	margin: 0 0 10px 15px;
	float: right;
}
.floatleftmargin {
	margin: 0 15px 10px 0;
	float: left;
}
.floatrightcolumn  {
	float: right;
	width: 175px;
	margin-left: 20px;
	margin-bottom: 10px;
}
.formlabel {
	text-align: right;
	font-weight: bold;
	vertical-align: top;
}
.formSectionHeading { border-bottom: 1px solid #ccc; font-weight: bold; color: #666; padding-top: 20px; }
/* Flash titles */
.ftitle { margin-bottom: 3px; }
.nopad { padding-top: 0; }

.hrule, hr {
	clear: both;
	/*border-bottom: 1px solid #CCCCCC;*/
	height: 1px;
	line-height: 1px;
	color: #ccc;
	background-color: #ccc;
	margin: 10px 0;
	margin: 0;
}
div.joblisting p {
	border-bottom: 1px solid #efefef;
	padding-bottom: 5px;
	margin-bottom: 7px;
}

.icon { float:left; margin: 0; padding: 0; margin-right: 4px; }
.iconnofloat { margin: 0; padding: 0; margin-right: 4px; }
.label {
	font-weight: bold;
	font-size: 110%;
}
.pressreleasetitle {
	font-weight: bold;
	text-transform: uppercase;
	}

/* left/right side navigation */

#tdSideNav{
	/*border-right:1px solid #CCC;*/
	width:175px;
	vertical-align: top;
}
#tdSideNav li a:link, #tdSideNav li a:visited, #tdSideNav li a:active { text-decoration: none; }
#tdSideNav li a:hover { text-decoration: underline; }
#tdSideNav h2 { margin-bottom: 3px; }

/*
#tdSideNav, .sideNav, .sideNavOn, .sideNav a, .sideNavOn a, .menusection{
	text-transform: uppercase;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
	line-height:1.2;
}
.sideNav, .sideNavOn, .sideNav a, .sideNavOn a, .menusection {
	width: 165px;
	display: block;
	color: #666;
}
.sideNav, .menusection {
	padding-top:0px;
	padding-left:0px;
}
.sideNav, .menusection{
	padding-top: 5px;
}
.sideNav a, .sideNav a:link, .sideNav a:visited, a.sideNav:link, a.sideNav:visited {
	color:#006666;
	background-image:url('../images/bullets/bullet_circle_orange.gif');
	background-position: 7px 3px;
	background-repeat:no-repeat;
	padding-left:18px;
	padding-top:0px;
	text-decoration: none;
}
.sideNav a:hover, .sideNav a.sideNavOn, .sideNav a.sideNavOn:hover, .sideNavOn a, .sideNavOn a:hover, a.sideNav:hover {
	color: #EC8318;
	text-decoration: underline;
}
*/
/* submenu level 2 */
/*
div.menuitem {
	padding-left: 15px; 
	padding-top: 3px;
}
div.submenuitem {
	border-left: 3px solid #F93;
	padding-left: 5px;
	margin-bottom: 3px;
}

.menuitem a, .menuitem a:link, .menuitem a:visited, .submenuitem a, .submenuitem a:link, .submenuitem a:visited {
	text-decoration: none;
}
.menuitem a:hover, .submenuitem a:hover {
	text-decoration: underline;
}
.menuitem a {
	display: block;
	text-transform: uppercase;
	text-decoration: none;
	padding-bottom: 4px;
	padding-left:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:10px;
	line-height:normal;
	padding-right:0px;
	margin:0;
	width: 150px;
}
*/
.quote {
	font-style: italic;
}
.tagline {
	font-style: italic;
}
.topiccontent {
	/*padding-left:10px;*/
}
.topiccolumn {
	width: 265px;
}
.uppercase{
	text-transform: uppercase;
}
/* Table Specific */
tr.toprow td, td.toprow  {
	color: #666;
	font-weight: bold;
	background: #E8ECD2;
}
tr.altrow td, td.altrow, .gridaltrow, td.gridaltrow {
	background: #FAFBED;
}
tr.center td, td.center, .center {
	text-align: center;
}
table.border { border: 1px solid #ccc; width: auto; }
#tblQuoteFormWrapper { width: auto; }

/* misc */
.mini {
	font-size:10px;
}
.dotted {
	/* See IE css file for associated class */
	border-bottom: 1px dotted Gray;
}
.dottedtop {
	/* See IE css file for associated class */
	border-top: 1px dotted Gray;
}
p.smallTopMargin {
	margin-top: -5px;
}
.stdmargin {
	margin: 10px 0px 15px 0px;
}
.stdtext {
	color: #333333;
}
.cleft {
	padding:0px;
	margin:0px;
	clear:left;
} 
div#homeBannerImage {
	width:760px;
	height:180px;
	background-image:url('../images/banners/home_blank.jpg');
	background-repeat:no-repeat;
	display:block
}
div#homeBannerInner { padding: 3px 0 0 4px;  }
#homeBannerLeft { float: left; width: 500px; height: 170px; padding: 0; }
#homeBannerRight { 
	/*margin: 0 5px 0 502px; */
	margin: 0 0 0 5px;
	padding: 10px 20px;
	height: 150px;
	width: 205px;
	float: left; /* shouldnt have to double float but ie is having issues with font size affecting spacing */
	overflow: hidden;
	font-size: 0.7em;
	line-height: 1.4em;
}
	
/*nhotalling - added generic class which we can overwrite using IDs*/
.genericBanner {
	width:760px;
	height:87px;
	background-image:url('../images/banners/default.jpg');
	background-repeat:no-repeat
}
.SolutionsBanner { background-image:url('../images/banners/solutions.jpg'); }
.ServicesBanner { background-image:url('../images/banners/services.jpg'); }
.DemoBanner { background-image:url('../images/banners/demo.jpg'); }
.SuccessBanner { background-image:url('../images/banners/success.jpg'); }
.ContactBanner { background-image:url('../images/banners/contact.jpg'); }
.PresidentBanner { background-image:url('../images/banners/president.jpg'); }

/* landing pages */
.LandingPCIBanner { background-image:url('../images/banners/landingPci.jpg'); height: 150px; font-size: 12px }
.pqlanding { margin: 0px 8px 0 546px; padding: 4px; }
div.pqlanding div.pqverbiage { line-height: 1.4em; margin-bottom: 2px; }
.fullwidthwrapper { padding: 10px; font-size: 0.8em; }
.skinnyform input { width: 125px;  }
.skinnyform .column { width: 45%; }


/* columns - from old css */
.threecolumn, .column {
	width: 31%;
	float: left;
	font-size: 100%;
}
div.twocolumnwrapper
{
	width: 70%;
	margin: 20px auto 0;
	}
div.twocolumnwrapperfull
{
	width: 100%;
	margin: 20px auto 0px;
	}
div.twocolumnwrappersmmargin
{
	width: 100%;
	margin: 0px auto 10px;
	}
.twocolumnleft 
{
	float: left;
	width: 45%;
	border-right: 1px solid #ccc;
	}
.twocolumnright
{
	width: 49%;
	float: right;
	}
.twocolumnright45
{
	width: 45%;
	float: right;
	}
	
div.twocolumnwrapperfull div.twocolumnright { float: left; }

.netscreen
{
	width: 30%;
	float: left;
	font-size: 100%;
}
.netscreen2 
{
	width: 31%;
	border-width: 0px 1px;
	border-style: solid;
	border-color: #CCC;
	margin: 0px 10px;
	padding: 0px 10px;
}
.netscreen img { display:block; text-align: center; margin: 0 auto; }

/* pull quote */
.pullquote {
	width: 175px;
	margin: 5px;
	margin-left: 15px;
	padding: 5px;
	background-color: #F7F5EF;
	border: 1px solid #EBEBEB;
}
.pullquote img { display: block; margin: 0px auto; border: 1px solid #ccc; text-align: center; }
.skinny { width: 140px; }
/*pq is used for client quotes*/
.pq { width: 160px; margin: 5px 5px 12px 12px; float: right; padding: 0; }
.pqbar { display:block; }
.pqinner { background-color: #F7F5EF; padding: 10px; }
.pqverbiage { font-size: 100%; font-family: Georgia, "Times New Roman", Serif; line-height: 1.5em; margin-bottom: 7px; }
.pqverbiage .lq { margin-right: 2px; }
.pqverbiage .rq { margin-left: 2px; }
.pqsignature { margin-top: 4px; text-align: right; font-family: Georgia, "Times New Roman", Serif; }
.pqcompany { display: block; font-family: Georgia, "Times New Roman", Serif; font-style: italic; }
.pqplain { border-top: 2px solid #ccc; padding-top: 10px; border-bottom: 2px solid #ccc; padding-bottom: 10px; }

/* captions */
.captiontitle {
	margin: 2px 0 3px 0;
	display: block;
	font-weight: bold;
	font-size: 100%;
}

.clear { clear: both; font-size: 1px; }
.clearbtm { clear: both; height: 10px; }
.clearleft { clear: left; height: 1px; font-size: 1px; }
.rfq { font-size: 120%; font-weight:bold; text-align: center; display: block; }
table.noborder input { border: 0px none; }
.noborder { border: 0px none; }
.nocbbg input { background-color: Transparent; }
table.li50 td { width: 50%; }

#tdContent { padding-right: 20px; vertical-align: top; }
#tblGetAcrobat { margin: 10px auto; width: 300px; }
/* form fields */
#Rack_Units_Qty { width: 40px; }
#State { width: 50px; }
#Zip_Code, #Phone, #Fax {  }
#Contact_Name, #Email, #Street_Address, #Street_Address2, #City, #Company { width: 200px; }
#Resume_Title, #txtSearch { width: 250px; }
#ProjectDescription { width: 425px; height: 100px; }
#Relocation_Comments { width: 300px; height: 40px; }
#Compensation_per_Year, #Compensation_per_Hour { width: 75px; }

img#visa { float: right; 
	margin-left: 10px;
}
div#TopMenuNew{
	clear:both;
	background-image:url('../images/backgrounds/bg_topnav.gif');
	background-repeat:repeat-x
}
.NavSpacer{
	background-image:url('../images/backgrounds/bg_topnav.gif');
	background-repeat:repeat-x
}
div#TopMenuNew a.TopNavMenuItem{
	padding-top:0;
	padding-bottom:0;
	background-image:url('../images/backgrounds/bg_topnav.gif');
	background-repeat:repeat-x; padding-left:5px; padding-right:5px
}
#TopNavLoginButton {
}
.nobullet{
	list-style-image:url('../images/spacer.gif');
}
.button { 
	background-color: #F8A322; color: #333;
	border-bottom: 1px solid #E47B07;
	border-right: 1px solid #E47B07;
	border-top: 1px solid #FC0;
	border-left: 1px solid #FC0;
}
.certsleftcol{
	width:325px; 
	float:left;
}
p.leftcol { width: 325px; }
.certsrightcol{
	width:165px;
	text-align:center;
	vertical-align:top;
	float:right;
}
.certsrightcol img{
	padding-bottom:15px;
}

a.orangelink:active, a.orangelink:link, a.orangelink:hover, a.orangelink:visited{
	color:#663300; 
	font-weight:bold; 
	text-decoration:none;
}
a.orangelink:hover{
	text-decoration:underline;
}
.callout, .calloutpad{
	border:1px solid #FF9900; 
	background-color:#FFFFCC;
}
.calloutpad { padding: 7px; margin: 10px 0; }