html, body {
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	background: url('../images/bg.gif') top repeat-x;
	font-family: Helvetica, Arial, sans-serif;
}

#wrapper {
	width: auto;
	background: url('../images/outer_bg.png') top no-repeat;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -178px auto;
	*margin: 0 auto -80px auto;
}


#container {
	width: 952px;
	margin: 0 auto;
	background-color: #FFFFFF;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
#container {
	margin-bottom: 80px;
}
}


#main {
	min-height: 660px;
	height: auto !important;
	height: 660px;
}

a {
	text-decoration: none;
	outline: none;
}

a:hover {
	outline: none;
	text-decoration: underline;
}

.clear { clear: both; }

/*** Header styles ***/

#header {
	position:relative;
	
}

h1 {
	background: url('../images/DBT_logo2.png') left no-repeat;
	width: 298px;
	height: 96px;
	margin: 0;
}

h1 a {
	width: 298px;
	height: 96px;
	display: block;
	text-indent: -9999px;
}

#social_media {
	background: url('../images/social_logos.gif') left no-repeat;
	float: right;
	width: 323px;
	height: 24px;
	margin: -72px 310px 0 0;
}

#social_media a.twitter {
	display: block;
	width: 24px;
	height: 24px;
}

#social_media a.facebook {
	display: block;
	width: 24px;
	height: 24px;
	margin: -24px 0 0 30px;
}

#social_media a.linkedin {
	display: block;
	width: 24px;
	height: 24px;
	margin: -24px 0 0 62px;
}

#social_media a.linkedinjoin {
	display: block;
	width: 66px; 
	height: 20px;
	margin: -22px 0 0 92px;
}

#search {
	width: 238px;
	float: right;
	margin: -45px 0 0 0;
	clear: right;
}

#searchwrapper {
	width: 214px; 
	height: 33px;
	background: url('../images/search.gif') no-repeat;
	padding: 0px;
	margin: 0px;
	position: relative; 
}

#searchwrapper form { 
	display: inline ; 
}
 
.searchbox {
	border: 0px; 
	background-color: transparent;
	position: absolute; 
	top: 2px;
	left: 29px;
	width: 141px;
	height: 25px;
	color: #999999;
	font-size: 12px;
	vertical-align: center;
	*line-height: 25px;
}

.searchbox_submit {
	border: 0px; 
	background-color: transparent; 
	position: absolute; 
	top: 2px;
	left: 175px;
	width: 37px;
	height: 28px;
}

/*** Nav styles ***/

#menu {
	background: url('../images/nav_bar.gif') no-repeat;
	height: 46px;
	text-align:center;
}

#nav {
	padding: 0;
	margin: 0;
	list-style: none;
	float: right;
}


#nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav a {
	display: block;
	color: #004990;
}

#nav a:hover {
	color: #ffffff;
}

#nav a.software {
	width: 145px;
	height: 29px;
	padding-top: 17px;
	text-align: center;
}
#nav a.products {
	width: 95px;
	height: 29px;
	padding-top: 17px;
	text-align: center;
}
#nav a.expertise {
	width: 165px;
	height: 29px;
	padding-top: 17px;
	text-align: center;
}
#nav a.hardware {
	width: 165px;
	height: 29px;
	padding-top: 17px;
	text-align: center;
}
#nav a.difference {
	width: 174px;
	height: 29px;
	padding-top: 17px;
	text-align: center;
}

#nav a.contact {
	width: 103px;
	height: 29px;
	padding-top: 17px;
	text-align: center;
}

#nav a.careers {
	width: 83px;
	height: 29px;
	padding-top: 17px;
	text-align: center;
}

/* Ian Seiler 2-11-2014 blog edit */
#nav a.blog {
	width: 83px;
	height: 29px;
	padding-top: 17px;
	text-align: center;
}
/* Ian S Edit end */ 

#nav li {
	float: left;
	font-size: 14px;
}

#nav li:hover  {
	background: url('../images/nav_on.gif') repeat-x;
	color: #ffffff;
}

#nav li:hover a {
	color: #ffffff;
}

#nav li.on {
	background: url('../images/nav_on.gif') repeat-x;
	color: #ffffff;
}

#nav li.on a {
	color: #ffffff;
}


#nav li ul {
	position: absolute;
	width: 186px;
	left: -999em;
}

#nav li:hover ul {
	left: auto;
	background: url('../images/drop_down.png') repeat-y;
	z-index: 100;
	color: #ffffff;
}

#nav li li {
	margin: 0 0 0 14px;
	padding: 10px 0 6px 8px;
	width: 156px;
	border-bottom: 2px dotted #818181;
}

#nav li li.btm {
	border: none;
}

#nav li li:hover {
	background: none;
	color: #004990;
}
#nav li:hover li a {
	color: #004990;
}

#nav li li a:hover {
	color: #004990;
	text-decoration: underline;
}


/*** Footer styles ***/

.push {
	height: 118px;
}

#footer {
	background: url('../images/bg_footer.gif') repeat-x transparent bottom right;
	height: 178px;
	width: 100%;
	color: #a8c4df;
	position: relative;
	clear:both;
	z-index: 800;
	bottom: 0;
}

#footer_text {
	/*width: 1039px;*/
	text-align: center;
	padding-top: 60px;
	
}

span.footer_nav {
	padding: 25px 0 0 0;
	display: block;
}

span.footer_nav a {
	color: #a8c4df;
	font-size: 14px;
}

span.footer_nav a:hover {
	text-decoration: underline;
}

#footer_text #contact  {
	font-size: 13px;
	margin: 28px 0 0 0;
}

#footer_text #contact  a{
	font-size: 13px;
	color: #a8c4df;
}

#footer_text #contact span.bold {
	font-size: 13px;
	font-weight: bold;
}

#footer_text #copyright {
	font-size: 11px;
	margin: 6px 0 0 0;
}

#footer_text #copyright a{
	text-decoration: none;
	color: #a8c4df;
}

#footer_text #copyright a:visited{
    	text-decoration: none;
	color: #a8c4df;
}


/*** Home main styles ***/


#rotator {
	margin-left: -1px;
	width: 711px;
	height: 248px;
	float: left;
	
}


#rotator p {
	margin: 0;
	z-index: 2;
	font-size: 24px;
	margin: -210px 30px 0 0;
	width: 681px;
	text-align: right;
	color: #fefefe;
	font-family: Helvetica, Arial, sans-serif;
}

#rotator img.carousel {
	margin: 106px 0 0 12px;
}

#learn {
	float: right;
	display: block;
	position: relative;
	background: url('../images/learn_more_btn.png') no-repeat;
	width: 125px;
	height: 35px;
	margin: 16px 30px 0 0;
}

#learn a {
	display: block;
	width: 124px;
	height: 35px;
}



/*** Center home styles ***/

#center_row {
	clear: both;
	height: 254px;
	background: url('../images/bg_center_hp.gif') no-repeat bottom;
}

#center_row p{
	padding: 21px 0 0 0;
	margin: 0 0 0 28px;
	width: 885px;
	font-size: 16px;
	line-height: 22px;
	color: #343434;
}

#center_row h2 {
	margin: 0 0 6px 28px;
	color: #004990;
	font-size: 20px;
	z-index: 1000;
}

.block_ctr {
	float: left;
	width: 292px;
	height: 140px;
	margin: 21px 21px 0 0;
	background: url('../images/learn_more_btn.png') no-repeat bottom right;
}

.block_ctr a {
	display: block;
	height: 36px;
	width: 140px;
	margin: 20px 0 0 168px;
}

.block_ctr_b {
	float: left;
	width: 297px;
	height: 140px;
	margin: 21px 21px 0 0;
	background: url('../images/learn_more_btn.png') no-repeat bottom right;
}

.block_ctr_b a {
	display: block;
	height: 36px;
	width: 140px;
	margin: 2px 0 0 168px;
}

#center_row .block_ctr p, #center_row .block_ctr_b p {
	width: 258px;
	height: 54px;
	padding: 0;
	font-weight: bold;
	font-size: 14px;
	line-height: 18px;
}

#featured_nav {
	margin-top: -10px;
	z-index: 5000;
	float: right;
}

#lower_row #featured_nav a {
	color: #004990;
	height: 16px;
	width: 16px;
	margin: 0 5px 0 0;
	padding: 1px 0 0 0;
	border: solid 1px #004990;
	display: block;
	text-align: center;
	text-decoration: none;
	float: left;
}

#lower_row #featured_nav a.activeSlide {
	color: #ffffff;
	background: url('../images/bg_featured_link.jpg') no-repeat 1px 1px;
}

/*** Lower home styles ***/
	

#lower_row {
	background: url('../images/bg_lower_hp.gif') no-repeat top;
	height: 320px;
	font-weight: normal;
}

#lower_row h3 {
	font-size: 18px;
	color: #303030;
	margin: 27px 0 11px 0;
}

#lower_row a {
	display: block;
	font-size: 14px;
	color: #004990;
	text-decoration: underline;
	margin: 0 0 11px 0;
	width: 250px;
}

.block_lwr {
	float: left;
	width: 292px;
	margin: 0 0 0 25px;
	height: 247px;
	position: relative;
	z-index: 4000;
}

.block_lwr img{
	float: left;
	margin: 6px 13px 0 0;
}

.block_lwr img.carousel_fp {
	float: right;
	position: absolute;
	top: 229px;
	right: 0;
	bottom: 0;
	left: 191px;
	margin: 0;
}

.block_lwr p {
	width: 269px;
	color: #303030;
	margin: 0;
	font-size: 14px;
	line-height: 18px;
}

.block_lwr_b{
	float: left;
	width: 285px;
	margin: 0 0 0 32px;
}


/*** Subpage styles ***/

.breadcrumbs {
	font-size: 10px;
	margin: 9px 0 10px 0;
	color: #343434;
}

.breadcrumbs a{
	color: #004990;
}

#left_col {
	margin: 0 0 15px 29px;
	width: 650px;
	float: left;
}

#left_col h2 {
	margin: 20px 0 15px 0;
	font-size: 30px;
	color: #343434;
}

#left_col h3 {
	font-size: 24px;
	color: #004990;
	margin: 20px 0 15px 0;
}

#left_col p {
	font-size: 14px;
	width: 616px;
	*width: 500px;
	color: #343434;
	margin: 15px 0 0 0;
	line-height: 20px;
}

#quote {
	margin: 0 0 0 0;
	width: 652px;
	border-top: 1px solid #004990;
	border-bottom: 1px solid #004990;
	clear: left;
}

#quote p {
	margin: 12px 0 9px 6px;
	font-size: 22px;
	line-height: 26px;
	color: #004990;
}

#bottom_left {
	margin: 0 0 0 0;
	background: url('../images/bg_bottom.gif') no-repeat bottom;
	max-width: 650px;
}

#bottom_left h3 {
	color: #343434;
	font-size: 18px;
	font-weight: bold;
	margin: 29px 0 10px 18px;
}

#bottom_left ul, #top_left ul {
	padding: 0 0 18px 34px;
	margin: 0 0 24px 0;
	width: 425px;
}

#top_left ul {
	margin: 10px 0 24px 34px;
	padding: 0 0 18px 0;
	*padding: 0px 0px 0px 16px;
}

#bottom_left li, #top_left li {
	font-size: 14px;
	line-height: 20px;
}

#request {
	float: right;
	margin: -75px 13px 0 0;
}

#request a {
	display: block;
	height: 38px;
	width: 212px;
	margin: 10px 0px 0px 150px;
}


#right_col {
	width: 241px;
	float: right;
	font-weight: bold;
}

#right_col a {
	color: #004990;
	text-decoration: underline;
	font-weight: bold;
}

#right_col a:hover {
	text-decoration: none;
}

#top_right {
	background: url('../images/sub_nav.gif') no-repeat;
	height: 248px;
	width: 241px;
	float: right;
	clear: right;
}

#top_right a {
	display: block;
	color: #ffffff;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	height: 61px;
	padding: 19px 0 0 70px;
	margin-bottom: 2px;
	text-decoration: none;
	z-index: 10000;
}
	
#top_right a:hover {
	text-decoration: underline;
	
}

#featured_right {
	width: 205px;
	padding: 0 18px 18px 18px;	
	float: right;
	background: url('../images/bg_casestudy_right.gif') repeat-x bottom;
	color: #004990;
	font-size: 13px;
}

#expert_right {
	width: 205px;
	padding: 0 18px 18px 18px;	
	float: right;
	background: url('../images/bg_btm_right.gif') repeat-x bottom;
	color: #004990;
	font-size: 13px;
}

#button_right {
	margin: 0; padding: 0;
	width: 241px;
	float: right;
	background: url('../images/bg_right_button.gif') repeat-x bottom;
}

#button_right a {
	margin: 0;
	padding: 18px 18px 18px 18px;	
	width: 205px; 
	min-height: 18px;
	height: auto !important; 
	height: 18px;
	display: block;
	color: #004990;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	text-shadow: 1px 1px 1px #ffffff; 
	text-decoration: none;
}

#right_col p {
	margin: 0 0 12px 0;
	color: #343434;
	font-size: 13px;
	font-weight: normal;
}

#right_col h4 {
	color: #004990;
	font-size: 18px;
	margin: 24px 0 9px 0;
}

#quick_links_right {
	margin: 0; padding: 0;
	width: 241px;
	float: right;
}

#quick_links_right h3 {
	margin: 20px 0 10px 18px; 
	padding: 0;
	font-size: 18px;
}

#quick_links_right a {
	margin: 0 0 0 18px; 
	padding: 0;
}

.intranet{
	color: #004990;
	font-size: 12px;
}

.intranet a{
	color: #004990;
	font-size: 12px;
	text-decoration: none;
}

.intranet a:visited{
	color: #004990;
	font-size: 12px;
	text-decoration: none;
}
.intranet a:hover
{
	text-decoration: underline;
}


/*--- tab area ---*/

.ui-tabs { 
	position: relative; 
	margin: 0 0 20px -20px; 
	padding: 0; 
	zoom: 1; 
	width: 680px;
	background: url('../images/bg_tab_gallery.gif') 0 30px no-repeat;
	display: block;
	float: left;
} 
.ui-tabs .ui-tabs-nav { 
	margin: 0 0 0 18px;
	padding: 0;
	width: 652px;
	height: 31px; 
	border-bottom: solid 2px #165898;
}

.ui-tabs .ui-tabs-nav li { 
	list-style: none; 
	float: left; 
	position: relative; 
	top: 1px; 
	margin: 0 0 0 0; 
	border-bottom: 0 !important; 
	padding: 0; 
	white-space: nowrap; 
}

.ui-tabs .ui-tabs-nav li a { 
	float: left; 
	padding: 6px 0; 
	text-decoration: none; 
	width: 163px;
	height: 18px; 
	display: block;
	text-align: center;
	background: url('../images/bg_tab.gif') no-repeat -1px -34px; 
	color: #ffffff;
	text-shadow: 0 -1px #404040; 
}

.ui-tabs .ui-tabs-nav li a:hover, .ui-tabs .ui-tabs-nav li.ui-tabs-selected a { 
	background: url('../images/bg_tab.gif') no-repeat -1px 0;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected { 
	margin-bottom: 0; padding-bottom: 1px; }

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }

.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { 
	cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */

.ui-tabs .ui-tabs-panel { 
	display: block; 
	border-width: 0; 
	padding: 0 0; 
	margin: 0 0 0 18px;
	width: 650px;
	background: none;
	border-bottom: solid 2px #165898;
}

.ui-tabs .ui-tabs-panel table.table_features {
	margin: 0; padding: 0;
	font-size: 11px; 
	width: 650px;
	border: none;
	z-index: 1000;
	position: relative;
}

.ui-tabs .ui-tabs-panel table.table_features tr {
	border: none;
	background: #d4e3f1;

}

.ui-tabs .ui-tabs-panel table.table_features tr.even {
	background: #e7eff7;
}


.ui-tabs .ui-tabs-panel table.table_features th {
	margin: 0; padding: 8px 10px;
	color: #ffffff;
	border: none;
	background: url('../images/bg_table_head.gif') top left #2c83d8 repeat-x;
	height: 27px;
	text-align: left;
	border-bottom: solid 1px #ffffff;
}


.ui-tabs .ui-tabs-panel table.table_features td {
	margin: 0; padding: 8px 10px 0 10px;
	border: none;
}

.ui-tabs .ui-tabs-panel table.table_features tr.summary td {
	border-bottom: solid 1px #ffffff;
}

#left_col .ui-tabs .ui-tabs-panel table.table_features tr.summary td p {
	font-size: 11px;
	line-height: 14px;
	margin: 0 0 8px 0;
	font-weight: bold;
}


.ui-tabs .ui-tabs-hide { 
	display: none !important; 
}

.ui-tabs .ui-tabs-panel table.table_features td a.summary_btn {
	padding: 0 20px 0 0;
	color: #004990;
	background: url('../images/table_arrows.gif') 100px -2px no-repeat;
}

.ui-tabs .ui-tabs-panel table.table_features td a.collapse_btn {
	padding: 0 20px 0 0;
	color: #004990;
	background: url('../images/table_arrows.gif') 105px -16px no-repeat;
}

#tab_featured {
	margin: 0; padding: 0;
	padding: 10px 20px 20px 20px;
	width: 610px; 
	height: 140px;
	display: block;
	background: url('../images/bg_fpo_tab.gif') repeat-x 0 0;
	
}

#tab_featured h3 {
	margin: 5px 0 10px 0; padding: 0;
	color: #404040;
	font-size: 17px;
}

#tab_featured p {
	margin: 0 0 5px 0; padding: 0;
	font-size: 13px;
	line-height: 18px;
}

#tab_featured img {
	margin: 0; padding: 0 10px 10px 0;
}

/*** Logo styles ***/

#logos {
	height: 124px;
	width: 642px;
	margin: 0 0 0 14px;
}

#logos a {
	display: block;
	float: left;
}

a.alliance {
	background: url('../images/alliance.gif') no-repeat;
	height: 52px;
	width: 128px;
}

a.matlab {
	background: url('../images/matlab.gif') no-repeat;
	height: 52px;
	width: 150px;
}


a.visualc {
	background: url('../images/visualc.gif') no-repeat;
	height: 52px;
	width: 99px;
}

a.teststand {
	background: url('../images/teststand.gif') no-repeat;
	height: 52px;
	width: 168px;
}

a.basic {
	background: url('../images/basic.gif') no-repeat;
	height: 52px;
	width: 91px;
}

a.code {
	background: url('../images/code.gif') no-repeat;
	height: 67px;
	width: 128px;
}

a.labview {
	background: url('../images/labview.gif') no-repeat;
	height: 67px;
	width: 91px;
}

a.simulink {
	background: url('../images/simulink.gif') no-repeat;
	height: 67px;
	width: 139px;
}

a.embedded {
	background: url('../images/embedded.gif') no-repeat;
	height: 67px;
	width: 65px;
}

a.ni {
	background: url('../images/ni.gif') no-repeat;
	height: 67px;
	width: 206px;
}

#project_info {
	width: 570px;
	margin: 50px 0 0 40px;
}

#project_info, .cloned div {
	margin: 50px 0 0 40px;
}

#highway_rotator {
	margin: 0 0 0 -10px; padding: 0;
	width: 673px; 
	min-height: 229px;
	height: auto !important; 
	height: 229px;
	background: url('../images/bg_slider_highway.png') bottom left no-repeat;
	left: 0;
}

#highway_rotator {
	margin: 0 0 0 -10px; padding: 0;
	width: 673px;
	min-height: 229px;
	height: auto !important;
	height: 229px;
	background: url('../images/bg_slider_highway.png') bottom left no-repeat;
	left: 0;
}

.highway #top_left {
	background: url('../images/bg_highway_top_left.gif') bottom left repeat-x;
}

#left_col #highway_rotator h3 {
	margin: 0 0 0 20px;
	position: absolute;
}

#left_col .panel p {
	margin-top: 10px;
	width: 570px;
	font-size: 13px;
	line-height: 16px;
}

#left_col .panel h4 {
	width: 570px;
	font-size: 16px;
	color: #404040;
}

#left_col .panel img {
	padding-right: 8px;
}

#left_col a.bottom_link {
	float: left;
	width: 223px;
	height: 34px;
	display: block;
	position: relative;
	z-index: 1000;
}

#right_col a.bottom_link {
	display: block;
	position: relative;
	z-index: 1000;
}

td {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	padding: 4px;
}



/* #Media Queries
================================================== */
	.mouseHover {
		cursor: pointer;	
	}

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 976px) {
		
		#container {
			width:100%;
		}
		#button_right a {
			padding: 5px;
		}
		#rotator, #rotator img {
			width:100%;
			height:auto;
		}
		#top_right {
			float:none;
			height:54px;
			width:100%;
			clear:both;
			margin-left: -1px;
			background:transparent url('../images/sub_nav_plain_single.jpg') repeat-x;
		}
		#top_right a {
			float:left;
			width:33.1%;
			text-align:center;
			
			height: auto;
			padding:5px 0px 5px 0px;
			border-left:1px solid #ffffff;
		}
			#center_row {
				height:auto;
				padding-bottom:20px;
				background: url("../images/bg_center_hp_no_border.gif") no-repeat scroll center bottom transparent;
			}
			#center_row p {
			    width: auto;
				margin: 0 28px;
			}
			#center_row .block_ctr p, #center_row .block_ctr_b p {
			    width: auto;
				height:auto;
				margin-right:0;
			}
		    #lower_row {
				clear:both;
				background: url("../images/bg_lower_hp_no_border.gif") no-repeat scroll center top transparent;
			}
			#lower_row .block_lwr #slideshow {
				height:120px !important;
				width: 100%;
			}
			.block_ctr, .block_ctr_b {
			    width: 31%;
				height:230px;
				margin-right:10px;
				position:relative;
			}
			.block_ctr a, .block_ctr_b a {
			    bottom: 0;
			    height: 36px;
			    position: absolute;
			    right: 0;
			    width: 122px;
			}
			.block_lwr {
			    width: 90%;
				height:auto;
			}
			.block_lwr_b {
				width: 44%;
				height:auto;
				margin:30px 0 35px 32px;
			}
			.block_lwr p {
			    width: auto;
			}
			
			#left_col {
			    width: 90%;
			}
			#left_col p {
				width:100%;
			}
			
			
			#right_col {
				width:100%;
				margin-bottom:20px;
				background: url("../images/bg_btm_right_no_border.gif") repeat-x scroll center bottom transparent;
				float:left;
			}
			#featured_right {
			    background: none;
			    float: none;
			    width: 94%;
			}
			#expert_right {
				width:94%;
				float:none;
				margin-bottom:20px;
				background: none;
			}
			.ui-tabs {
				width: 100%;
			}
			
			#expert_right img {
				width: 100px;
			}
			#logos {
				width: 100%;
			}
			.fullwidth {
				width: 100%;
			}
		#right_col a.bottom_link {
			display: none!important;
		}
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {

	}
	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		
	}
	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		#social_media {
		    background: url("../images/social_logos.gif") no-repeat scroll left center transparent;
		    float: none;
		    height: 24px;
		    margin: 0;
		    width: 86px;
			position:absolute;
			top:15px;
			right:140px;
		}
		#search {
			margin-top:-50px;
		}
		#featured_nav {
			clear: both;
		}
	}
	/* Main navigation breaks */
	
	#smallMenu{
		width: 100%;
		height: 29px;
		padding-top: 17px;
		font-size: 14px;
		cursor: pointer;
		text-align:center;
		background: url('../images/nav_on.gif') repeat-x;
	}
	.smallMenuText {
		color: #fff;
		font-weight: bold;
		text-shadow: black 0.1em 0.1em 0.2em;
		margin: auto 44%;
	}
	@media only screen and (max-width: 890px) {
		#nav li li{
			font-size: 13px;
		}
		.ui-tabs {
			    width: 570px;
				background:none;
			}
			.ui-tabs .ui-tabs-nav {
			    width: 550px;
			}
			.ui-tabs .ui-tabs-panel {
			    width: 550px;
			}
			.ui-tabs .ui-tabs-panel table.table_features {
			    width: 552px;
			}
		#menu {
			background: #eeeeee;
			height: auto;
			text-align:center;
		}
		#nav li {
			float: none;
		}
		#nav li:hover ul {
			background: none;
			color: #004990;
		}
		#nav li.on ul li a {
			color: #004990!important;
		}
		/* Force table to not be like tables anymore */
		#tabs table, #tabs thead, #tabs tbody, #tabs th, #tabs td, #tabs tr { 
			display: block; 
		}
		.bodytext table, .bodytext thead, .bodytext tbody, .bodytext th, .bodytext td, .bodytext tr { 
			display: block; 
		}
		/* Hide table headers (but not display: none;, for accessibility) */
		#tabs tr th  { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		#tabs td {
			width: 95%!important;
		}
		.bodytext{
			width: 90%!important;
		}
		.bodytext td, .bodytext td ul, .bodytext td ul li {
			width: 88%!important;
		}
		/*
		Label the data
		*/
		#tabs td:nth-of-type(1){font-size: 140%; font-weight: bold;}
	/*	#tabs td:nth-of-type(1):before { content: "Additional Project - ";} */
		#tabs td:nth-of-type(2):before { content: "Dev. Platform:"; font-weight: bold; padding-right: 15px;}
		#tabs td:nth-of-type(3):before { content: "Industry:";  font-weight: bold; padding-right: 15px;}
		#tabs td:nth-of-type(4):before { content: "Project Type:";  font-weight: bold; padding-right: 15px;}
		#tabs td:nth-of-type(5):before { content: ""; }
		
		#tab_featured {
			width: 100%;
			clear: both;
			background: #eef2fa;
			height:auto;
			padding: 10px 0 20px 0;
		}
		#tab_featured h3, #tab_featured p {
			padding: 0px 10px 20px 20px!important;
			width: 90%;
		}
		.ui-tabs .ui-tabs-nav li.ui-state-default a{
			width: 100%;
			background: #999;
			border-bottom: solid #666 1px;
			height: auto;
		}
		.ui-tabs .ui-tabs-nav li a:hover, .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
			background: #1f63a6
		}
		.ui-tabs .ui-tabs-panel table.table_features td {
			padding: 8px 10px 10px 10px;
		}
		.ui-tabs, .ui-tabs .ui-tabs-nav, .ui-tabs .ui-tabs-panel, .ui-tabs .ui-tabs-panel table.table_features {
			width: 100%;
		}
		.ui-tabs .ui-tabs-nav li {
			float: none;
			clear: both;
			height:auto;
			margin-bottom: 0;
			padding-bottom: 1px;
		}
		.ui-tabs .ui-tabs-nav, .ui-tabs .ui-tabs-panel{
			border: none;
			height: auto;
		}
		
		#nav a.software, #nav a.products, #nav a.expertise,#nav a.hardware,#nav a.difference,#nav a.contact,#nav a.careers, #nav a.blog{
			width: 100%;
		}
		#nav li ul,#nav li li {
			margin: 0;
			
			width: 100%;
			text-align: center;
		}
		#nav li li{
			padding: 10px 0 10px 0;
		}
		.block_ctr, .block_ctr_b {
			height: 120px;
			width: 100%;
		}
		#featured_nav {
			float: right;
			margin-top: 10px;
			height: 30px;
		}
		#nav {
			float: none;
		}
		#nav li ul {
			left: 0;
			position: inherit;
		}
		#footer_text #contact {
			margin: 5px 0 0 0;
		}
		#highway_rotator, .anythingSlider, .anythingWindow, #left_col .panel p,.panel h4 {
			width: 100%!important;
			height: auto!important;
			position: inherit!important;
			overflow: visible!important;
			background: #eef2fa;
		}
		#left_col #highway_rotator h3 {
			position: inherit;
		}
		#highway_rotator{
			background:none;
		}
		#highway_slider{
			width: 100%!important;
			position: inherit;
			height: auto!important;
			left: 0!important;
		}
		.panel{
			height: auto!important;
			width: 93%!important;
			float: none!important;
			padding: 0 10px 20px 10px!important;
		}
		
		#project_info, #left_col #highway_rotator h3 {
			margin: 0px;
		}
		.cloned{
			display: none!important;
		}
		div.anythingSlider .anythingControls, div.anythingSlider .forward, div.anythingSlider .back{
			display: none!important;
		}
		#top_left ul {
			width: 80%;
		}
		
	}
	/*Social images breaks */
	@media only screen and (max-width: 520px) {
		#social_media {
			position: inherit;
			top: 0;
			right: 0;
			width: 155px;
			margin: auto;
		}
		#search {
			margin: auto;
			float: none;
		}
		#header h1{
			margin: auto;
			height: auto;
			width: 100%;
			background-size: 100% auto;
			max-width: 298px;
		}
		h1 a {
			width: 100%;
		}
		#bottom_left ul {
			width: 80%;
		}
		#request {
			float: none;
			margin: 0;
		}
		#request a{
			height: auto;
			width: auto;
			margin: 0;
		}
		/* Force table to not be like tables anymore */
		#contactForm table, #contactForm thead, #contactForm tbody, #contactForm th, #contactForm td, #contactForm tr { 
			display: block;
			width: 100%!important;
		}
		/* Hide table headers (but not display: none;, for accessibility) */
		#contactForm tr th  { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		#contactForm #comments {
			width: 150px;
		}
		
		
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		#top_right {
			float:none;
			width:100%;
			height: auto;
			clear:both;
			margin-left: -1px;
			background:transparent url('../images/sub_nav_plain_single.jpg') repeat;
		}
		#top_right a {
			float:none;
			width:100%;
			text-align:center;
			height: 54px;
			padding: 10px 0px 0px 0px;
			border-top:1px solid #ffffff;
		}
		#lower_row .block_lwr #slideshow {
			height: 280px!important;
			width: 100%;
		}
		.block_ctr, .block_ctr_b{
			height: 175px;
		}
		.block_lwr_b,#lower_row a{
			width: inherit;
		}
		span.footer_nav{
			padding-top: 5px;
		}
		#right_col p {
			margin: 0 0 12px 0;
		}
		#expert_right {
			padding: 0 0 18px 18px;
		}
		#footer {
			height: auto;
			background-size: auto 178px;
		}

	}
/* VIRTEC */

#thefuture {
	margin: 0px!important;
	font-size: 3em!important;
	color: #0d4b8d!important;
}

#offarming {
	padding-left: 45px;
	margin: 0px!important;
	font-size: 1.7em!important;
	color: grey!important;
}

#subtitle 
{
	font-family: "Ebrima";
	line-height: 1.5!important; 
	font-size: 1.5em!important; 
	color: #0d4b8d!important;
}

.why, .virh3 { display: inline; }

#stronger { font-style: italic; }

.why { font-style:italic; font-size: 1.4em!important; color: grey!important; }

.virh3 { color: #0d4b8d; font-size: 1.8em!important; font-family: "Ebrima"}

.virh3Simply 
{ 
	font-style: italic;
	font-size: 1.2em!important;
	color: #0d4b8d!important; 

}



.virtech2 
{ 
	font-size: 2em!important;
	padding: 20px;
	
}

.virtechp
{

	color: #666666!important;
	font-size: 1.1em!important;
	line-height: 1.4!important;

}

#VIRTECquote
{

	padding: 0 0 30px 0px; 
	font-size: 1.6em!important;
	color: #666666!important;
	font-style: italic!important;
	line-height: 30px!important;
}

#justin 
{ 
	color: #666666!important;
	font-size: 1.8em!important;
	font-style: none;

}

.reg_symbol
{

	font-size: 1.5em!important;
	
}

/* Products */

.products_desc {
	margin: 0 0 0 0;
	background: url('../images/bg_slider_highway.png') no-repeat bottom;
	max-width: 650px;
	margin: 20px;
}
.logo_image {
	float: left;
	width: 200px;
	max-width: 200px;
	
}
.logo_text p {
	width: 100%!important;
}
.logo_text {
	margin: 0 10px 0 10px;
	float: left;
	width: 330px;
	
}
.logo_text ul {
	max-width: 320px;
	margin-bottom: 0px!important;
}
.center {
	text-align: center;
}
.shadowBox {
	margin: 20px;
	padding-bottom: 41px;
	background: url('../images/products/bottomShadow.png')bottom no-repeat;
	background-size: 100% auto
}
.shadowBox ul {
	margin-bottom: 0px!important;
}
.noshadowBox {
	margin: 20px;
}
.backtotop a{
	font-size: 11px!important;
}
.clear {
	clear:both;
}
.right {
	float: right;
}
.resourceBox {
	max-width: 190px;
	float: left;
	margin: 5px;
}
.resourceTitle {
	font-size: 13px!important;
	font-weight: bold;
}
.resourceImage {
	
}
.resourceText {
	font-size: 13px!important;
	margin: 5px 5px 10px 5px;
}
.products_right {
	width: 205px;
	padding: 0 18px 18px 18px;	
	float: right;
	background: url('../images/bg_btm_right.gif') repeat-x top;
	color: #004990;
	font-size: 13px;
}
.largelink {
	color: #004990;
	font-size: 15px;
	font-weight: bold;
	padding: 24px 0 9px 0;
}
.resourceCenter {
	margin: auto;
	width: 400px;
}
@media only screen and (max-width: 479px) {
	.logo_image img {
		width: 90%;
	}
	.logo_image {
		margin: 0px;
		width: 100%;
	}
	.logo_text {
		width: 90%!important;	
	}
	.resourceCenter {
		width: 100%!important;	
	}	
}

/* IE colored border around button fix */
a img {
border: 0px;
}
/* IE border around button fix */

/* Underling Hyper Links */
a:visited.underlines
{
	color: #004990;
	

}

a.underlines
{

	color: #004990;


}

.wtsA { display:block; }
.emailALnk { display:block; }
.dellLnk { display:block; }
.directoryimg { display:block; }
.hrnLnk { display:block; }

.underlines:hover
{
	text-decoration: underline;
}


a:hover {
	outline: none;
	text-decoration: underline;
}

.loginbtn {
  background: #0070b5;
  background-image: -webkit-linear-gradient(top, #0070b5, #001c2e);
  background-image: -moz-linear-gradient(top, #0070b5, #001c2e);
  background-image: -ms-linear-gradient(top, #0070b5, #001c2e);
  background-image: -o-linear-gradient(top, #0070b5, #001c2e);
  background-image: linear-gradient(to bottom, #0070b5, #001c2e);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  -webkit-box-shadow: 3px 3px 3px #666666;
  -moz-box-shadow: 3px 3px 3px #666666;
  box-shadow: 3px 3px 3px #666666;
  font-family: Arial;
  color: #ffffff !important;
  font-size: 25px !important;
  padding: 16px 69px 16px 69px;
  text-decoration: none;

}

.loginbtn:hover {
  background: #000000;
  background-image: -webkit-linear-gradient(top, #000000, #005791);
  background-image: -moz-linear-gradient(top, #000000, #005791);
  background-image: -ms-linear-gradient(top, #000000, #005791);
  background-image: -o-linear-gradient(top, #000000, #005791);
  background-image: linear-gradient(to bottom, #000000, #005791);
  text-decoration: none;
}

.resetbtn
{
  background: #c21d00;
  background-image: -webkit-linear-gradient(top, #c21d00, #3d0000);
  background-image: -moz-linear-gradient(top, #c21d00, #3d0000);
  background-image: -ms-linear-gradient(top, #c21d00, #3d0000);
  background-image: -o-linear-gradient(top, #c21d00, #3d0000);
  background-image: linear-gradient(to bottom, #c21d00, #3d0000);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  -webkit-box-shadow: 3px 3px 3px #666666;
  -moz-box-shadow: 3px 3px 3px #666666;
  box-shadow: 3px 3px 3px #666666;
  font-family: Arial;
  color: #ffffff !important;
  font-size: 22px !important;
  padding: 15px 20px 20px 21px;
  text-decoration: none;
  width: 300px !important;
 
}

.resetbtn:a { color }

.resetbtn:visited { color: white !important; }

.resetbtn:hover {
  background: #ff0000;
  background-image: -webkit-linear-gradient(top, #ff0000, #9c0000);
  background-image: -moz-linear-gradient(top, #ff0000, #9c0000);
  background-image: -ms-linear-gradient(top, #ff0000, #9c0000);
  background-image: -o-linear-gradient(top, #ff0000, #9c0000);
  background-image: linear-gradient(to bottom, #ff0000, #9c0000);
  text-decoration: none;
}

.enrollbtn {
  background: #0070b5;
  background-image: -webkit-linear-gradient(top, #0070b5, #001c2e);
  background-image: -moz-linear-gradient(top, #0070b5, #001c2e);
  background-image: -ms-linear-gradient(top, #0070b5, #001c2e);
  background-image: -o-linear-gradient(top, #0070b5, #001c2e);
  background-image: linear-gradient(to bottom, #0070b5, #001c2e);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  -webkit-box-shadow: 3px 3px 3px #666666;
  -moz-box-shadow: 3px 3px 3px #666666;
  box-shadow: 3px 3px 3px #666666;
  font-family: Arial;
  color: #ffffff !important;
  font-size: 17px !important;
  font-weight: bold;
  padding: 21px 16px 20px 16px;
  text-decoration: none;
}

.enrollbtn:hover {
  background: #000000;
  background-image: -webkit-linear-gradient(top, #000000, #005791);
  background-image: -moz-linear-gradient(top, #000000, #005791);
  background-image: -ms-linear-gradient(top, #000000, #005791);
  background-image: -o-linear-gradient(top, #000000, #005791);
  background-image: linear-gradient(to bottom, #000000, #005791);
  text-decoration: none;
  cursor: pointer;
}

#pwEmailLink 
{
	font-size: 1em !important;
	color: blue !important;
	text-decoration: underline;
	
}

a.fill-div {
    display: block;
    height: 100%;
    width: 100%;
    text-decoration: none;
}

a.fill-div:hover {
    background-color: rgba(0,255,0,0.3);
}

#intranetintro
{
	font-size: 1.3em !important;
	
}
.linktext
{
	font-size: 1.3em !important;
	float: right;
}

.linktext p 
{
	float: right;
} 

#pwimg
{
	padding: 10px;
	margin-left: 30px;
	margin-bottom: 2.3em;
	clear: both;
	width: 205px;
}

#enroll
{
	margin-left: 30px;
	padding: 10px;
	clear: both;
}

#qlh3
{
	text-align: left;
	font-size: 0.8em !important;
}

#quicklinks
{
	clear: both;
}

#intraimg
{	
  margin-top: 10px;
  text-decoration: none !important;
	float: left;
	padding: 10px;
	display: block;
	height: 50x;
	margin-bottom: 30px;
	margin-left: 30px;
	text-decoration: underline;
}

#quicklinks
{
	text-align: center;
	display: block;
	margin-top: 1.3em;
	margin-left: auto;
	margin-right: auto;
	font-size: 1.3em !important;
}

#quicklinks h2
{
font-size:1.3em !important;
}

.blocklink
{
	display: block; 

}

#imglink1
{	
	padding: 10px;
	height: 123px;
	float: left;
	text-decoration: underline;
}

#imglink2
{	
	padding: 10px;
	height: 123px;
	float: left;
	text-decoration: underline;
}

#imglink3
{	
	padding: 10px;
	height: 123px;
	float: left;
	text-decoration: underline;
}

#imglink1:hover
{
	background-color:rgba(0,255,0,0.3);
}

#imglink2:hover
{
	background-color:rgba(0,255,0,0.3);

}

#imglink3:hover
{
	background-color:rgba(0,255,0,0.3);

}

/* Intranet home page */

#emailLnk
{
	width: 200px !important;
	height: 100px;
	text-align: center;
	float: left;
	border: 2px solid white;


}

#emailLnk:hover
{
	background-color: rgba(0,255,0,0.3);
	border: 2px solid black;

}


#wtsLnk
{
	width: 200px;
	height: 100px;
	margin: 4px;
	text-align: center;
	float: left;
	border: 2px solid white;

}

#wtsLnk:hover
{
	background-color: rgba(0,255,0,0.3);
	border: 2px solid black;

}

#hrnLnk
{
	width: 200px;
	height: 100px;
	margin: 4px;
	padding: 2px;
	text-align: center;
	float: left;
	border: 2px solid white;
}

#hrnimg 
{
	height: 64px;
	width: 200px;
}



#hrnLnk:hover
{
	background-color: rgba(0,255,0,0.3);
	border: 2px solid black;

}

#helpdeskLnk
{
	width: 200px;
	height: 100px;
	margin: 4px;
	padding: 2px;
	float: left;
	border: 2px solid white;

}

#helpdeskLnk:hover
{
	background-color: rgba(0,255,0,0.3);
	border: 2px solid black;
	

}

#helpdeskLnk img
{
    border: none;
    display: block;
    margin: 0 auto;
}

.helpdeskimg
{
	height: 64px;
	width: 64px;
	text-align: center;
	margin: 0 auto;

}

#directoryLnk
{
	height: 104px;
	width: 200px;
	text-align: center;
	float: left;
	padding: 2px;
	border: 2px solid white;

}

#directoryLnk:hover
{
	background-color: rgba(0,255,0,0.3);
	border: 2px solid black;

}

#dellLnk
{
	height: 104px;
	width: 200px;
	text-align: center;
	float: left;
	border: 2px solid white;
	padding: 2px;

}


#dellLnk:hover
{
	background-color: rgba(0,255,0,0.3);
	border: 2px solid black;

}

a.AnchorBlock {  display: block; }


/* Intranet home page end */



#imglink2:visited
{

}

#sizeTest
{
	display: none;
}

#sizeTest p
{

color: red;

}



@media screen and (max-width: 610px) {  /* -- If the view port is less than 350px wide (portrait on phone) then display the following styles -- */
   #sizeTest
   {
       display: inline;
   }
   
   #tableNews
   {
		color: red !important;
		float: left;
		display: block;
   
   }
   
   
   
}

/* HRDocument fixes */

#smallWindowDiv
{
	display: none;

}


@media screen and (max-width: 630px) {  /* -- If the view port is less than 630px wide - DO THIS -- */
   #largeWindowDiv
   {
       display: none !important;
   }
   
   #smallWindowDiv
   {
		display: inline;
   
   }
   
   #tableNews
   {
		color: red !important;
		float: left;
		display: block;
   
   }
   
   
   
}

/* HRDocument fixes end */

/* Newsletter fixes begin */

@media screen and (max-width: 630px) {  /* -- If the view port is less than 630px wide - DO THIS -- */
   #largeWindowDiv
   {
       display: none !important;
   }
   
   #smallWindowDiv
   {
		display: inline;
   
   }
   
   #jumpToYear
   {
		font-size: 2em;
   
   }
 
}


/* Newsletter fixes end */

/* Joe's WebTimeSheet link */

#joeLink a
{ 
text-decoration: none !important;
color: #343434;
}

#joeLink a:hover
{ 
text-decoration: none !important;
color: #343434;
}

#joeLink a:hover, #joeLink a:visited, #joeLink a:link, #joeLink a:active
{
    text-decoration: none;
	color: #343434;
}