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


*{ margin:0;
padding:0;}

#tinyLinks{
margin-left: 15px;
}
#tinyLinks, #tinyLinks a:link{
font-weight:lighter;
color:#06F;
font-family:Tahoma, Verdana, Geneva, sans-serif;
font-size:11px;
text-align:left;
padding-top:15px;
padding-left:2px;
letter-spacing:1px;
text-decoration:none;}

#tinyLinks a:hover{
text-decoration : underline;
}
#tinyLinks a:visited{
font-weight:lighter;
color:#06F;
font-family:Tahoma, Verdana, Geneva, sans-serif;
font-size:11px;
text-align:left;
padding-top:15px;
padding-left:2px;
letter-spacing:1px;
text-decoration:none;
}

body{
background-color:#fff;
margin:0;}

#nonHomeBody{
background-color:#0853b9;
margin:0;}

/* Links - START */

/*-Setup-*/
ul.cssmenu {
list-style: none;
padding: 0px;
width: 549px;}

.displace {
position: absolute;
left: -5000px;}

ul.cssmenu li {
float: left;}

ul.cssmenu li a {
display: block;
height: 46px;}

/*-Normal Links-*/
ul.cssmenu li.home a {
width: 84px;
background:url(../images/home.jpg) no-repeat;
background-position: top left;}

ul.cssmenu li.about a {
width: 96px;
background:url(../images/aboutUS.jpg) no-repeat;
background-position: top left;}

ul.cssmenu li.news a {
width: 89px;
background:url(../images/articles.jpg) no-repeat;
background-position: top left;}

ul.cssmenu li.rfq a {
width: 58px;
background:url(../images/rfq.jpg) no-repeat;
background-position: top left;}

ul.cssmenu li.portfolio a {
width: 101px;
background:url(../images/portfolio.jpg) no-repeat;
background-position: top left;}

ul.cssmenu li.contact a {
width: 110px;
background:url(../images/contactUS.jpg) no-repeat;
background-position: top left;}

/*-Hover-*/
ul.cssmenu li.home a:hover {
background-position: bottom left;}

ul.cssmenu li.about a:hover {
background-position: bottom left;}

ul.cssmenu li.news a:hover {
background-position: bottom left;}

ul.cssmenu li.rfq a:hover {
background-position: bottom left;}

ul.cssmenu li.portfolio a:hover {
background-position: bottom left;}

ul.cssmenu li.contact a:hover {
background-position: bottom left;}

/*-Selected/Active-*/

ul.cssmenu li.home a.selected {
background-position: bottom left;}

ul.cssmenu li.about a.selected {
background-position: bottom left;}

ul.cssmenu li.news a.selected {
background-position: bottom left;}

ul.cssmenu li.rfq a.selected {
background-position: bottom left;}

ul.cssmenu li.portfolio a.selected {
background-position: bottom left;}

ul.cssmenu li.contact a.selected {
background-position: bottom left;}






/* HOME Links - START */

/*-Setup-*/
ul.HOME_cssmenu {
list-style: none;
padding: 0px;
width: 549px;}

.HOME_displace {
position: absolute;
left: -5000px;}

ul.HOME_cssmenu li {
float: left;}

ul.HOME_cssmenu li a {
display: block;
height: 49px;}

/*-Normal Links-*/
ul.HOME_cssmenu li.HOME_home a {
width: 92px;
background:url(../images/HOME_home.jpg) no-repeat;
background-position: bottom left;}

ul.HOME_cssmenu li.HOME_about a {
width: 91px;
background:url(../images/HOME_aboutUS.jpg) no-repeat;
background-position: bottom left;}

ul.HOME_cssmenu li.HOME_news a {
width: 89px;
background:url(../images/HOME_articles.jpg) no-repeat;
background-position: bottom left;}

ul.HOME_cssmenu li.HOME_rfq a {
width: 52px;
background:url(../images/HOME_rfq.jpg) no-repeat;
background-position: bottom left;}

ul.HOME_cssmenu li.HOME_portfolio a {
width: 102px;
background:url(../images/HOME_portfolio.jpg) no-repeat;
background-position: bottom left;}

ul.HOME_cssmenu li.HOME_contact a {
width: 115px;
background:url(../images/HOME_contactUS.jpg) no-repeat;
background-position: bottom left;}

/*-Hover-*/
ul.HOME_cssmenu li.HOME_home a:hover {
background-position: top left;}

ul.HOME_cssmenu li.HOME_about a:hover {
background-position: 0 0;}

ul.HOME_cssmenu li.HOME_news a:hover {
background-position: top left;}

ul.HOME_cssmenu li.HOME_rfq a:hover {
background-position: top left;}

ul.HOME_cssmenu li.HOME_portfolio a:hover {
background-position: top left;}

ul.HOME_cssmenu li.HOME_contact a:hover {
background-position: top left;}

/*-Selected/Active-*/

ul.HOME_cssmenu li.HOME_home a.selected {
background-position: bottom left;}

ul.HOME_cssmenu li.HOME_about a.selected {
background-position: bottom left;}

ul.HOME_cssmenu li.HOME_news a.selected {
background-position: bottom left;}

ul.HOME_cssmenu li.HOME_rfq a.selected {
background-position: bottom left;}

ul.HOME_cssmenu li.HOME_portfolio a.selected {
background-position: bottom left;}

ul.HOME_cssmenu li.HOME_contact a.selected {
background-position: bottom left;}



/* HOME Links - END */








/* Home Page - START */

h1{
font-weight:bolder;
color:#666666;
font-family:Tahoma, Geneva, sans-serif;
font-size:14px;
text-align:center;}

h2{
display:none;}

h3{
font-family:Arial, Tahoma, Verdana, Geneva, sans-serif;
font-size:15px;
color:#0A53B9;
font-weight:bold;
padding-bottom:10px;}

h4{
font-family:Arial, Tahoma,Verdana, Geneva, sans-serif;
font-size:15px;
color:#0A53B9;
font-weight:bold;
padding-top:10px;
padding-bottom:15px;}

.contacttext{
	font-family:Arial, Tahoma, Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#525252;}

.greyFields{ border: #969291 1px solid; background: #cccccc;}
.labels{ font-family:Arial; font-size: 13px; color: #525252;}

.servicesTidBits{
font-weight:lighter;
color:#666666;
font-family:Tahoma, Verdana, Geneva, sans-serif;
font-size:12px;
text-align:left;
margin-left:10px;
margin-right:10px;
margin-top:0px;
margin-bottom:25px;}

.servicesIcons{
float:left;
width:225px;}

.bigIcon{
float:left;
width:225px;}

.homeBody{
width:900px;
margin:auto;
overflow: hidden;}

#homePage{
background: url(../images/bg.jpg) top center repeat-x #FFF;
margin: auto;
width: 100%;
overflow: hidden;}

#mainContent{
overflow:hidden;
width: 900px;
margin-top: 10px;}

/*ben added, justify all paragraph inside main content*/
#content > p {
text-indent: 25px;
text-align:justify;
line-height:20px;
letter-spacing:1px;}

#contentAbout > p {
text-indent: 25px;
margin-top: 15px;
line-height:20px;
letter-spacing:1px;}

#homeContainer{
background: url(../images/body_bg.jpg) top center no-repeat;	
/*margin: auto;*/
width: 100%;}


#homeHeader{
width:300px;
margin:auto;
padding-top:75px;}

#bigIconInside{
float:left;
width:450px;}

#bigIconMiddleContainer{
width:450px;}

#digiMovingText{
height:66px;
width:450px;}

#homeFooter{
padding-top:20px;
text-align:center;
font-size:11px;
font-family:Tahoma, Geneva, sans-serif;
color:#666666;
background: url(../images/footer_bg.jpg) top center no-repeat;
width:1150px;
height:36px;
margin:auto;
width: 100%;}

#linkHomePage{
margin-top:0px;
padding-left:385px;
margin:auto;
width: 515px;
height: 46px;}

/* landing Page - START */

p{
font-size:12px;
font-family: Arial,Verdana, Geneva, sans-serif;
color:#525252;}

.contentPaddingLeft{
margin-left:10px;
margin-top:20px;
margin-bottom:20px;
margin-right:10px;}

.contentPaddingRight{
margin:20px 10px;}

.landingFooterBody{
clear:both;
padding-top:40px;
width:904px;
margin:auto;
overflow: hidden;}

.backToTop{
font-family: Arial,Verdana, Geneva, sans-serif;
padding-bottom:5px;
padding-top:20px; text-align:right;}

.backToTop a:link{ font-weight: bold; font-size:12px; text-decoration: none; color: #525252;}
.backToTop a:hover{ font-weight: bold; font-size:12px; text-decoration: none; color: #525252;}
.backToTop a:visited{ font-weight: bold; font-size:12px; text-decoration:none; color: #525252;}



.displaynone {display:none;}

#bannerAbout{
background: url(../images/landing_banner_about.jpg) top center no-repeat;
width:900px;
height:161px;
margin:auto;
text-align:right;}

#bannerNews{
background: url(../images/landing_banner_news.jpg) top center no-repeat;
width:900px;
height:161px;
margin:auto;
text-align:right;}

#bannerRFQ{
background: url(../images/landing_banner_rfq.jpg) top center no-repeat;
width:900px;
height:161px;
margin:auto;
text-align:right;}

#bannerwedesign{
background: url(../images/landing_banner_webdesign.jpg) top center no-repeat;
width:900px;
height:161px;
margin:auto;
text-align:right;}

#bannergraphics{
background: url(../images/landing_banner_graphics.jpg) top center no-repeat;
width:900px;
height:161px;
margin:auto;
text-align:right;}

#bannersoftware{
background: url(../images/landing_banner_software.jpg) top center no-repeat;
width:900px;
height:161px;
margin:auto;
text-align:right;}

#bannerfactory{
background: url(../images/landing_banner_factory.jpg) top center no-repeat;
width:900px;
height:161px;
margin:auto;
text-align:right;}

#bannermultimedia{
background: url(../images/landing_banner_multimedia.jpg) top center no-repeat;
width:900px;
height:161px;
margin:auto;
text-align:right;}

#bannerContact{
background: url(../images/landing_banner_contacts.jpg) top center no-repeat;
width:900px;
height:161px;
margin:auto;
text-align:right;}

#titleAbout{
background: url(../images/landing_aboutus.jpg) top center no-repeat;
width:900px;
height:40px;
margin:auto;}

#titleNews{
background: url(../images/title_news.jpg) top center no-repeat;
width:900px;
height:40px;
margin:auto;}

#titleRFQ{
background: url(../images/title_rfq.jpg) top center no-repeat;
width:900px;
height:40px;
margin:auto;}

#titleContact{
background: url(../images/title_contact.jpg) top center no-repeat;
width:900px;
height:40px;
margin:auto;}

#titlePortfolio{
background: url(../images/title_portfolio.jpg) top center no-repeat;
width:900px;
height:40px;
margin:auto;}

#landingPage{
background: url(../images/landing_background.jpg) top center repeat-x #FFF;
margin: auto;
width: 100%;
overflow: hidden;}

#container{
width:900px;
margin: auto;
background-color:#FFF;}

#landingFooter{
background: url(../images/landing_footer.jpg) top center repeat-x ;
height: 160px;
background-color:#0A54B9;}

#landingFooterText{
color:#FFF;
padding-top:10px;
text-align:left;
font-size:11px;
font-family:Tahoma, Geneva, sans-serif;
margin:auto;
width: 900px}

#Portfolio{
padding-top:10px;
width:900px;
overflow: hidden;}

#logo{
position: relative;
top:63px;}

#link{
margin-top:0px;
background: url(../images/link_bg.jpg) no-repeat;
height: 46px;
}

#innerMenu{ float:right; width: 532px;}

#content{
float:left;
width:500px;}

#contentAbout{
float:left;
width:600px;}


#contentSide{
float:right;
width:246px;}

#contentSiderfq{
float:right;
width:310px;}

#contentSide2{
float:right;
width:360px; background: #F2F7FD; height: 485px; padding: 10px; margin-top: -10px;}

#teaserPortfolio{
float:left;
width:500px;}

#tidBitsServices{
float:left;
width:400px;}

#contactInfo{ width: 400px; float:left;}

/* Services Page - START */


/* PORTFOLIO */
.rootcontainer{margin-top:20px;}
#overlay { display:none; visibility:hidden;opacity:0.8; background-color:#000; width:100%; height:100%;
				position:absolute; top:0px;left:0px;z-index:5;}
#bigImage{ display:none;width:60%; height:60%;z-index:7; position:absolute; top:50%;left:50%;margin-left: -500px; margin-top: -300px;}

.portfoliobuttons {cursor: pointer;}
    #webdesignbutton{position:relative; left:60px;z-index:12;}
    #desktopbutton{position:relative; left:40px;z-index:10;}
	#softwarebutton{position:relative; left:20px;z-index:8;}
	#automationbutton{z-index:2;}

.category{ float: left; margin-right: 8px;}
#portfolioCategories{ width: 882px; margin:auto; margin-bottom: 8px;}
#separator{ background:url(../images/category_separator.jpg) repeat-x; height: 5px;}

.clear { clear:both}
/*SLIDING BELT*/
#gallerycontainer {width: 882px; overflow: hidden; position:relative; margin:auto; height: 625px;}
#belt {width: 10000px; height:525px;position:relative;}

	/* ul */

	ul {list-style: none outside none;width: 882px;}	
	.portfolioListing li {margin: 0px 8px 8px 0px; cursor:pointer;width: 168px; height:105px;position:relative; float:left;}	
	.floatingLeft {float:left;}
		.portfolioImage {position:absolute;top:0px;z-index:3;width: 168px; height:105px; border: #666 solid 1px;}
		.portfolioText{display:none; /*background: white url(../images/portfolio-replace-bg.jpg) repeat-x top left;*/
						background-color:#CADBF5;width: 168px; height:105px; text-align:center;}
			.portfoliotitles {color: #3D73CD; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:22px; font-weight: bold;
							position:relative; top:20px;} 
			.portfoliosubtitle {color:#333; font-family:Verdana, Geneva, sans-serif; font-size:10px;position:relative;top:20px;left: 10px;text-align: left;}
		
/* Sliding Quick Mail */		

#sideQuickMail{position:absolute;top:100px;left:-240px;}
#slideQuickMail{background-color:#000; opacity: .5;filter:alpha(opacity=50);width:220px;height:284px; float: left; 
					padding: 10px 10px;z-index:5;}

#quickMailTab img { cursor:pointer;}
	#frmQuickMail{position:relative;left:-310px;}
	h5{
		font-family: Tahoma, Geneva, sans-serif;
		font-size:12px;
		color:#FFF;
		font-weight:lighter;
		padding-bottom:5px;
		padding-top:12px;}
	#QuickMailbtns{
		padding-top:10px;}
	
/*=======================  RFQ   =================================================================================== */	

#frmRFQ, #frmRFQ * { font-size: 20px; line-height: 40px;}

/*=======================  NEWS   =================================================================================== */	

#contentNews{ width: 655px; float: left; padding: 10px;}
#pagination{color:#FFF; margin-bottom: 10px; margin:auto; float:right; clear: both; margin-right: 10px;}
#paginationNews{ width: 245px; color:#FFF; margin-bottom: 10px; margin:auto;}
#newsTitle h1{ color:#525252; text-align:justify; font-size:15px;}
#newsContent{ margin-top: 20px; text-align:justify;}

#datePublished i{ font-size: 13px; color: #525252;}

#newsArchive{ width: 200px; float: right; margin-top: 15px; padding-left: 20px;}

#archiveHeader{ width: 65px; margin: auto; margin-top: 20px;}
#archiveBody{ margin-top: 10px;}

/*********************************************** The Team *************************************************************/

#aboutTeamHeading{}
#teamContainer{ width: 900px; margin:auto;}
.mugShot{ float:left; margin:0 3px 3px 0;}

/********************************************* The Team End ***********************************************************/


/********************************************** Pagination ************************************************************/

#tnt_pagination { display:block; text-align:center; height:22px; line-height:21px; clear:both; padding-top:3px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal;}

#tnt_pagination a:link{ 
	padding:7px;
	padding-top:2px; 
	padding-bottom:2px; 
	border:1px solid #0c54ba; 
	margin-left:2px; 
	text-decoration:none; 
	background-color:#b0ccf1; 
	color:#0a53b9; width:22px; 	
	font-weight:normal;
}
#tnt_pagination a:visited{ 
	padding:7px; 
	padding-top:2px; 
	padding-bottom:2px; 
	border:1px solid #0c54ba; 
	margin-left:2px; 
	text-decoration:none; 
	background-color:#b0ccf1; 
	color:#0a53b9; width:22px; 	
	font-weight:normal;
}

#tnt_pagination a:hover { 
	padding:7px; 
	padding-top:2px; 
	padding-bottom:2px; 
	border:1px solid #0c54ba; 
	margin-left:2px; 
	text-decoration:none; 
	background-color:#0b54ba; 
	color:#fff; width:22px; 	
	font-weight:normal;}

#tnt_pagination .active_tnt_link { 
	padding:7px; 
	padding-top:2px; 
	padding-bottom:2px; 
	border:1px solid #0c54ba; 
	margin-left:2px; 
	text-decoration:none; 
	background-color:#0b54ba; 
	color:#fff; width:22px; 
	font-weight:normal;
}

#tnt_pagination .disabled_tnt_pagination {
	padding:7px; 
	padding-top:2px; 
	padding-bottom:2px; 
	border:1px solid #0c54ba; 
	margin-left:2px; 
	text-decoration:none; 
	background-color:#b0ccf1; 
	color:#0a53b9; 
	cursor:default;
}

#sendBtn{ background:url(../images/contactSubmit.jpg) no-repeat; width: 75px; height: 40px; border: none; color:#999999; font-size: .1px;}

/**************************** Services Portfolio Here *******************************/
	#titleServicesFolio{ background:url(../images/servicesPortfolioTitle.jpg) no-repeat; height: 40px; margin-top: 10px; display:none;}

	#contentFolioWeb{ width: 513px; float:left; line-height: 18px;}
	#factoryAutomationWidget{ width: 387px; float:right;}
	#factoryServiceTitles{}
	#factoryServiceSnippet{ margin-bottom: 10px;}
	
	
	#mainFolioImage{ width: 498px; height: 294px; margin:auto; border: #0A54B9 solid 1px;}
	#mainFolioImageDescription{ background: #0A54B9; width: 482px; margin:auto; color:#FFF; padding: 9px; font-family:Arial; font-size: 12px; letter-spacing: 0.4px;}
	#mainFolioImageDescriptionFooter{ background:url(../images/descriptionFoot.jpg) no-repeat; width: 500px; height: 6px; margin:auto;}
	
	#factoryAutomationWidget{ width: 374px; margin-top: 50px; font-family:Arial; font-size:12px; letter-spacing: 0.4px; color: #525252;}
	
	#factoryServiceTitles{}
	#factoryServiceTitles img{ border: none;}
	
	#noContentPageTitles{ margin-bottom: 15px;}
	#noContentPageTitles img{ border: none;}

/**************************** Services Portfolio Here *******************************/
.carouselMain{ margin:auto; margin-top: 10px; width: 503px;}

.prevButton{ width: 23px; height: 27px; float:left; margin-top: 24px;}
.prevButton img{ border: none;}
.carouselContainer{float:left;}
.carouselContainer ul{}
.carouselContainer ul li{ margin-left: 5px; margin-right: 5px;}
.carouselContainer ul li{ border: #17265B 1px solid; height: 80px;}
.nextButton{ width: 23px; height: 27px; float:left; margin-top: 24px;}
.nextButton img{ border: none;}

#jCarouselLite{}

#viewMorePortfolio{ text-align:right; width: 472px; margin-top: 0px;}
#viewMorePortfolio a:link{ color: #000; font-weight: bold; text-decoration:none;}
#viewMorePortfolio a:hover{ color: #000; font-weight: bold; text-decoration:none;}
#viewMorePortfolio a:visited{ color: #000; font-weight: bold; text-decoration:none;}

#linkIto a:link{ color: #FFF; text-decoration: none;}
#linkIto a:hover{ color:#999; text-decoration: none;}
#linkIto a:visited{ color: #FFF; text-decoration: none;}

#linkWidgets{ width: 203px; float:right; margin-right: 50px; margin-top: 50px;}
#linkWidgets ul{ list-style: none; margin-left: 12px; margin-top: 10px;}
#linkWidgets ul li{ margin-bottom: 10px;}
#linkWidgets ul li a:link{ color: #0A52B8; text-decoration: underline; font-family: Verdana; font-size: 12px;}
#linkWidgets ul li a:hover{ color: #003366; text-decoration: underline; font-family: Verdana; font-size: 12px;}
#linkWidgets ul li a:visited{ color: #0A52B8; text-decoration: underline; font-family: Verdana; font-size: 12px;}

#contentServices{ width: 626px; float:left; line-height: 18px;}
#servicesHeaderTitleWeb{ height: 47px; background:url(../images/titlePage_WebDesignsAndSolutions.jpg) no-repeat;}
#servicesHeaderTitleGraphics{ height: 47px; background:url(../images/titlePage_GraphicsDesign.jpg) no-repeat;}
#servicesHeaderTitleSoftware{ height: 47px; background:url(../images/titlePage_SoftwareDevelopment.jpg) no-repeat;}
#servicesHeaderTitleAutomation{ height: 47px; background:url(../images/titlePage_FactoryAutomation.jpg) no-repeat;}
#servicesContent{ margin-top: 10px;}
#backToSlide{ margin-top: 15px;}
#backToSlide a:link{ font-family: Arial; color: #525252; font-size: 11px; text-decoration: none;}
#backToSlide a:hover{ font-family: Arial; color: #000000; font-size: 11px; text-decoration: none;}
#backToSlide a:visited{ font-family: Arial; color: #525252; font-size: 11px; text-decoration: none;}