/*login*/
#main div.input{
   overflow: hidden;
   /*background-color: #FFCC00; */
   margin-top: 2px;
}

#main div.input label{
   color: #000000;
   font-weight: bold;
   font-size: 12px;
   float: left;
   width: 200px;
   height: 20px;  
}

#main div.text input{
   background-color: #FFFFFF; 
   border: 1px solid #9d0000;
   color: #000000;
   font-weight: bold;
   font-size: 12px;
   width: 200px;
   height: 20px;  
}

#main div.text input.link{
   width: 400px;
   height: 20px;  
}

#main div.password input{
   background-color: #FFFFFF; 
   border: 1px solid #9d0000;
   color: #000000;
   font-weight: bold;
   font-size: 12px;
   width: 200px;
   height: 20px;  
} 

#main div.file input{
   border: 1px solid #9d0000;
   background-color:  #FFFFFF;    
   color: #000000;
   font-weight: bold;
   font-size: 12px;
   height: 22px;  
}

#main div.textarea textarea{
   background-color: #FFFFFF; 
   border: 1px solid #9d0000;
   color: #000000;
   font-weight: bold;
   font-size: 12px;
   width: 400px;
   height: 100px;
   font-family: Verdana;  
}

#main div.submit input{
   margin-left: 200px;
   margin-top: 10px;
   border: none;
   background: url(../img/bg/submitButtonBg.png) no-repeat top;
   width: 118px;
   height: 26px;
   color: #00000;
   font-size: 12px;
   font-weight: bold;  
}

/*carousel*/  
#main div.carousel {
   margin-top: -15px;
   width: 100%;
   height: 354px;
   overflow: hidden;
   position: relative;
   background: url(../img/bg/carouselBg.png) repeat-x top;
}

#main div.carousel div.scrollWrapper {
	overflow: hidden;
	width: 100%;
	height: 354px;
}

#main div.carousel div.scrollableArea {
	width: 100%;
	/*IE Opera tu bug width*/
	height: 300px;
	margin-top: 27px;
}

#main div.carousel div.scrollableArea div{
   float: left;
   width: auto;
   height: auto;
   position: relative;
   overflow: visible;
   border-left: 5px #656565 solid;
   border-right: 5px #656565 solid;
}

#main div.carousel div.scrollableArea div div{
   border: none;
}

#main div.carousel div.scrollableArea div a{
   margin: 0px;
   padding: 0px;
} 

#main div.carousel div.scrollableArea div a.top{
   position: absolute; 
   left: 0px;
} 

#main div.carousel div.scrollableArea img.top{
   position: absolute;
   z-index: 1;
   border: 7px #656565 solid;
} 

#main div.carousel div.scrollableArea img.index{
   z-index: 2;
}

#main div.carousel div.scrollableArea div div.title{
   position: absolute;
   height: 20px;
   width: 300px;
   background-color: transparent;
   background: url(../img/bg/carouselTitle.png) repeat-y;
   z-index: 3;
   bottom: 0px;
   display: none;
   color: #FFFFFF;
   font-weight: bold;
   padding: 10px;
}  

#main div.carousel div.scrollingHotSpotLeft{
   position: absolute;
   top: 27px;
   left: 0px;
   width: 50px;
   height: 300px;
   background: url(../img/bg/carouselLeftButt.png) no-repeat top;
   z-index: 3; 
   cursor: pointer;
}

#main div.carousel div.scrollingHotSpotRight{
   position: absolute;
   top: 27px;
   right: 0px;
   width: 50px;
   height: 300px;
   background: url(../img/bg/carouselRightButt.png) no-repeat top;
   z-index: 3;
   cursor: pointer;
}

#main div.pageTitle {
   position: absolute;
   top: -10000px;
}


/*homeInfo*/
#main div.homeInfo {
   overflow: hidden;
   width: 100%;
   height: auto;
   float: none;
}

#main div.homeInfo div.block {
   overflow: hidden;
   float: left;
   width: 245px;
   height: 220px;
   background-color: transparent;
   margin: 20px 10px 10px 10px;
}

#main div.homeInfo div.social {
   width: 55px;
   padding: 20px 0px 0px 0px;
}

#main div.homeInfo div.social div.item {
   width: 48px;
   height: 48px;
   margin: 15px 0px 0px 0px;
   cursor: pointer;
   overflow: hidden;
}

#main div.homeInfo div.social div.item a{
   display: block;
   padding: 30px;
}

#main div.homeInfo div.social div.tw {
   background: url(../img/icons/twitter.png) no-repeat top;
}

#main div.homeInfo div.social div.tw:hover {
   background: url(../img/icons/twitterHover.png) no-repeat top;
}

#main div.homeInfo div.social div.in {
   background: url(../img/icons/linkedin.png) no-repeat top;
}

#main div.homeInfo div.social div.in:hover {
   background: url(../img/icons/linkedinHover.png) no-repeat top;
}

#main div.homeInfo div.social div.fb {
   background: url(../img/icons/facebook.png) no-repeat top;
}

#main div.homeInfo div.social div.fb:hover {
   background: url(../img/icons/facebookHover.png) no-repeat top;
}

#main div.homeInfo div.block h3{
   margin: 0px;
   padding: 3px 0px 0px 10px;
   font-family: "Arial Black";
   font-size: 14px;
   background: url(../img/bg/homeBlockTopBg.png) repeat-x top;
   height: 30px;
}

#main div.homeInfo div.block h3 a{
   color: #000000;
   text-decoration: none;
}

#main div.homeInfo div.block h3 a:hover{
   color: #9d0000;
}

#main div.homeInfo div.block div.tail{
   overflow: hidden;
   background: url(../img/bg/homeBlockTailBg.png) repeat-x top;
   height: 6px;
}

#main div.homeInfo div.block div.body{
   overflow: hidden;
   height: 161px;
   text-align: justify;
   font-weight: bold;
   padding: 0px 10px 0px 10px;
}

#main div.homeInfo div.block div.body span{
   color: #9d0000;
}

#main div.homeInfo div.block div.body a{
   color: #9d0000;
}

#main div.homeInfo div.block div.more{
   overflow: hidden;
   text-align: right;
   height: 20px;
   font-weight: bold;
   padding: 0px 10px 0px 10px; 
}

#main div.homeInfo div.block div.more a{
   color: #9d0000;
}

/*pages*/
#main div.leftTitle{
   float: left;
   overflow: hidden;
   width: 85px;
}

#main div.content{
   float: left;
   /*overflow: hidden;*/
   width: 300px;
   min-height: 500px;
   padding: 0px 30px 0px 30px;
	width: 528px;
	position: relative;
	margin-bottom: 20px;	
}

#main div.content div.ref{
   position: absolute;
   top: 100px;
   left: 30px;
   width: 180px;
   height: 120px;
}

#main div.content div.ref div{
   position: relative;
   width: 180px;
   height: 120px;
}

#main div.content div.ref div img.frame{
   position: absolute;
   bottom: -2px;
   left: -22px;
   width: 224px;
   height: 141px;
}

#main div.contact{
   background: url(../img/bg/contactBg.png) no-repeat top;
}

#main div.submenu{
   float: left;
   overflow: hidden;
   width: 220px;
   background: url(../img/bg/submenuBg.png) repeat-y top;
   margin: -7px -7px -7px 0px;
   min-height: 514px;
   padding-bottom: 32767px;
	margin-bottom: -32747px;
}

#main div.content div.navigator{
   overflow: hidden;
   font-weight: bold;
   margin-top: 10px;
}

#main div.content h1{
   margin: 0px;
   color: #9d0000;
   font-size: 16px;
   font-weight: bold;
   margin-top: 10px;
}

#main div.content h2{
   margin: 0px;
   color: #9d0000;
   font-size: 13px;
   font-weight: bold;
   margin-top: 10px;
}

#main div.content h3{
   margin: 0px;
   color: #000000;
   font-size: 12px;
   font-weight: bold;
   margin-top: 10px;
}

#main div.content h2 a{
   color: #9d0000;
}

#main div.content p{
   text-align: justify;
}

#main div.content p span{
   color: #9d0000;
   font-weight: bold;
   font-size: 14px;
}

#main div.submenu h1{
   margin: 40px 0px 10px 20px;
   color: #FFFFFF;
   font-weight: bold;
   font-size: 16px;
}

#main div.submenu h1 a{
   color: #FFFFFF;
   text-decoration: none;
}

#main div.submenu h2{
   margin: 5px 0px 5px 20px;
   color: #FFFFFF;
   font-size: 12px;
}

#main div.submenu h2 a{
   color: #FFFFFF;
   text-decoration: none;
   vertical-align: middle;
}

#main div.submenu h2 a.del{
   color: #C72623;
}

#main div.submenu h2 a:hover{
   color: #D4D4D4;
}

#main div.submenu h2 img{
   vertical-align: middle;
   margin-right: 10px;
}

#main div.submenu h3{
   margin: 5px 0px 5px 40px;
   color: #FFFFFF;
   font-size: 12px;
}

#main div.submenu h3 a{
   color: #FFFFFF;
   text-decoration: none;
   vertical-align: middle;
}

#main div.submenu h3 a:hover{
   color: #D4D4D4;
}


#main div.submenu h3 img{
   vertical-align: middle;
   margin-right: 10px;
}

#main div.content ul{
   margin: 0px 0px 0px 20px;
   padding: 0px;
}

#main div.content ul li{
   line-height: 20px;
}

/*aboutUs*/
#main div.aboutUs p{
   line-height: 20px;
}

#main div.aboutUs p.right{
   line-height: 20px;
   width: 255px;
   text-align: right;
   margin-left: 265px;
}

#main div.aboutUs p.left{
   line-height: 20px;
   width: 260px;
   text-align: left;
}

#main div.aboutUs #aboutUs{
   position: absolute;
   top: 10px;
   right: 30px;
}

#main div.aboutUs #webpedia{
   position: absolute;
   top: 240px;
   left: 0px;
}


/*news*/
#main div.news{
   background: url(../img/bg/newsBg.png) no-repeat top;
}

#main div.news div.new{
   overflow: hidden;
   border-bottom: 1px dotted #9d0000;
   padding: 5px 0px 5px 0px;
}

#main div.news div.new div.date{
   overflow: hidden;
   font-style: italic;
   font-weight: bold;
   font-size: 14px;
}

#main div.news div.new div.date a{
   color: #9d0000;
   text-decoration: none;
   font-style: normal;
}

#main div.news div.new p{
   margin: 0px;
}

/*team*/
#main div.team div.avatars{
   /*background-color: #CCCCCC; */
   overflow: hidden;
   width: 490px;
   height: 178px;
   border-bottom: 3px solid #666666;
   float: none;
   padding-left: 40px;
}

#main div.team div.avatars div.avatar{
   /*background-color: #FFCC00; */
   overflow: hidden;
   width: 126px;
   height: 178px;
   float: left;
   margin-left: 20px;
   cursor: pointer;
}

#main div.team div.bio{
   /*background-color: #FFCC00; */
   overflow: hidden;
}

/*refView*/
#main div.refView div.image{
   overflow: visible;
   width: 300px;
   height: 200px;
   /*background-color: #FFCC00;*/
   float: left;
   position: relative;
   margin: 10px 20px 10px 0px;
}

#main div.refView div.image img.frame{
   position: absolute;
   top: -5px;
   left: -5px;
}

#main div.refView div.date{
   overflow: hidden;
   margin: 10px 0px 0px 0px;
   font-style: italic;
}

#main div.refView div.link{
   overflow: hidden;
   font-style: italic;
}

#main div.refView div.link a{
   color: #9d0000;
   font-weight: bold;
}

#main div.refView p{
   line-height: 20px;
}

/*webpedia*/
#main div.webpedia{
   background: url(../img/bg/webpediaBg.png) no-repeat top;
}

#main div.webpedia div.small{
   width: 360px;
}

#main div.webpedia div.small p{
   text-align: justify;
}

#main div.webpedia p{
   margin: 10px 0px 0px 0px;
   line-height: 20px;
}

#main div.webpedia p a{
   color: #9d0000;
   font-weight: bold;
}

/*portfolio*/
#main div.portfolio p{
   line-height: 20px;
}

#main div.portfolio p a{
   color: #9d0000;
   font-weight: bold;
}

#main div.portfolio div.selector{
   overflow: hidden;
   margin-top: 30px;
}

#main div.portfolio div.selector a{
   margin-right: 5px;
} 

#main div.portfolio img.webApp{
   margin-left: 20px;
} 

#main div.portfolio img.itCol{
   margin-left: 110px;
   margin-top: 20px;
} 

#main div.portfolio img.itDev{
   margin-left: 20px;
   margin-top: 20px;
}

#main img.itguidance {
   border: 3px dashed  #FF0000;

}
/*sitemap*/

#main div.sitemap ul a {
   color: #000000;
   font-weight: bold;
}

#main div.sitemap ul ul a{
   font-weight: normal;
}

#main div.sitemap ul a:hover {
   color: #9d0000;
}

/*---flash---*/
#flash {position: fixed; width: 400px; height: auto; left: 10px; top: 10px; padding: 3px 0px 3px 0px; color: #FFFFFF; text-align: center; z-index: 2000; cursor: pointer; font-size: 10pt; }
#flash .top {width: 400px; height: 10px; background: url(../img/bg/flashTop.png) no-repeat top;}
#flash .bot {width: 400px; height: 10px; background: url(../img/bg/flashBot.png) no-repeat top;}
#flash .con{ width: 400px; height: auto; background: url(../img/bg/flashCon.png) repeat-y top;}
#flash .con span {color: #4c94ce; font-size: 9pt; font-style: italic;}