body { font: 12px Tahoma, Arial, sans-serif; margin:0; padding: 11px 0 0 0; color: #333; background: #333; /*background: #333 url(../images/GradBG.png)*/ repeat-x top; padding: 11px 0 0 0; }
img { border: none; }
#page { margin: 0 auto; width: 933px; overflow: hidden; height: 100%; background: url('../images/page-shadow.gif') repeat-y; }

/*header start*/
#header { background:  url('../images/header-top-shadow.gif') no-repeat; overflow: hidden; height: 100%; }

/*logo start*/
#header a { float: left; margin: 34px 0 0 35px; }
#header a img { margin: 0; float: none; border:none }
/*logo end*/

/*background for header "illustration" start*/
#header img { float: right; margin: 7px 7px 0 0; }
/*background for header "illustration" end*/

/*image as place for flash start*/
#header img.flash { margin: 7px 25px 14px 0; }
/*image as place for flash end*/
/*header end*/


/*horiz menu start*/
#horiz-menu { float: left; width: 919px; height: 44px; font-size: 14px; overflow: hidden; padding: 0 7px 0; margin: -9px 0 0 0; font-weight: bold; }
#horiz-menu ul { padding: 0 18px; margin: 0; height: 44px; overflow: hidden; width: 883px; font: bold 14px Arial, Tahoma, sans-serif; background:  url('../images/horiz-menu-bg.png') repeat-x; }
#horiz-menu ul li { list-style: none; float: left; padding: 9px 0 0 0; position: relative; height: 35px; }
#horiz-menu ul li a { color: #fff; text-decoration: none; display: block; float: left; height: 27px; white-space: nowrap; padding: 8px 29px 0 30px; margin: 0 0 0 -1px; border-left: 1px solid #fff; border-right: 1px solid #fff; }
#horiz-menu ul li.last a { padding-right: 30px; }
#horiz-menu ul li.first a { margin: 0; }
#horiz-menu ul li a:hover { background:  url('../images/horiz-menu-bg.gif') repeat-x; }
#horiz-menu ul li a.active { background:  url('../images/horiz-menu-bg.gif') repeat-x 0 -35px !important; border: none; color: #333; position: relative; z-index: 100; margin-top: -5px; height: 30px; padding-top: 10px; padding: 10px 30px 0 31px; }
/*horiz menu end*/

/*content start*/
#content { float: left; width: 901px; margin: 0 0 0 7px; display: inline; padding: 18px 0 18px 18px; background: #fff; }

.dev1 { background: #fff url(../images/bigcog.gif) no-repeat right top!important; }
.dev2 { background: #fff url(../images/bigdeveloper.gif) no-repeat right top!important; }
.dev3 { background: #fff url(../images/bigmobile.gif) no-repeat right top!important; }
.dev4 { background: #fff url(../images/bigweb.gif) no-repeat right top!important; }
.dev5 { background: #fff url(../images/bigarrows.gif) no-repeat right top!important; }



/*left column start*/
#left-column { float: left; width: 186px; background:  #e6e6e6 url('../images/portfolio-bottom-corners.gif') no-repeat left bottom; padding: 0 0 15px; margin: 0px; }
/*#cert { float: left; width: 186px; padding: 0; margin: -70px 0px 0px; }
*/
#page .home #left-column { float: left; margin-right: 8px; margin-left: 0px; padding-left: 0px; }
#page .home #right-column { float: left; }
#page .home #right-column { float: left; width: 695px; padding: 0; margin: 0px; }



#page .portfolio #left-column { background:  #e6e6e6 url('../images/portfolio-bottom-corners.gif') no-repeat left bottom; }
#page .solutions #left-column { background: none; }
#page .consultants #left-column { background: none; }




#page #left-column h3 { font-size: 16px; line-height: 24px; font-weight: normal; margin: 0px; padding: 0px; }
#page #left-column p { font: normal 12px/18px Tahoma, Arial, sans-serif; }
#left-column h2 { background:  url('../images/left-column-headline-bg.gif') repeat-x; margin: 0; padding: 11px 0 15px 12px; font: bold 12px Arial, Tahoma, sans-serif; }
#left-column div { border-bottom: 1px solid #fff; padding: 11px 14px 13px 14px; width: 158px; float: left; }
#left-column div img { float: left; }
#left-column div p { float: left; width: 100%; margin: 7px 0 0 0; line-height: 16px; }



/*left column menu start*/
#left-column ul { margin: 0; padding: 0; float: left; width: 100%; }
#left-column ul li { list-style: none; float: left; width: 100%; border-bottom: 1px solid #fff; }
#left-column ul li a { text-decoration: none; padding: 10px 0 12px 14px; color: #333; float: left; width: 172px; display: block; }
#left-column ul li a:hover,
#left-column ul li a.active { background: #cdcdcd; }
/*left column menu end*/




/*left column menu end*/
#page p a { text-decoration: none; color: #145495; }
#page p a:hover,
#footer ul li a:hover { text-decoration: underline; }
/*left column end*/




/*right column start*/
#right-column { float: left; width: 715px; padding: 0; margin: 0px; }
/*right column end*/




/*setings for home page start*/
#home {
	padding: 0px 10px 0 0px;
	color: #333;
	margin: 0px;
}#home strong { line-height: 26px; font: bold 15px Arial, Tahoma, sans-serif; }
#home p { line-height: 20px; margin: 5px 0 0; padding: 0 0 5px; }
#home h2 { margin: 0; font-size: 24px; line-height: 30px; padding: 0 0 0 0px; font-weight: normal; }
/*setings for home page end*/




/*setings for solutions page start*/
#solutions { float: left; width: 678px; padding: 0 0 30px 17px; }
#solutions h1 { margin: 0; font-size: 26px; line-height: 24px; font-weight: normal; padding-right: 0; padding-bottom: 15px; padding-left: 22px; }
#solutions p.intro { margin: 0; padding-right: 0; padding-bottom: 15px; padding-left: 22px; }
#solutions p { line-height: 20px; }
/*setings for solutions page end*/




/*setings for consultants page start*/
#consultants { float: left; width: 698px; padding: 0 0 30px 17px; }
#consultants h1 { margin: 0; font-size: 26px; line-height: 24px; padding: 0 0 0 22px; font-weight: normal; }
#consultants h2 { margin: 25px 0 0; font-size: 18px; padding: 0 0 0 22px; font-weight: normal; }
#consultants p { margin: 19px 0 0; line-height: 20px; color: #666; padding: 0 22px; }
#consultants td { line-height: 20px; color: #666; margin: 0px; padding-top: 5px; padding-bottom: 5px; }
#consultants div.photo { float: left; width: 500px; margin: 23px 0 0px 22px; display: inline; }
#consultants div.contactinfo { float: left; }
#consultants div p { margin: 0; line-height: 16px; color: #666 }
#consultants div.photo img { float: left; }
#consultants div strong { font: bold 120% Arial, Helvetica, sans-serif; color: #333333; }
#consultants .consultant { float: left; margin: 23px 0 0px 22px; display: inline; }
#consultants .consultant p { margin: 19px 0 0; line-height: 16px; color: #666; padding: 0px; }
#consultants .consultant p.first { margin: 0px 0 0; line-height: 16px; color: #666; padding: 0px; }
#consultants .consultant div { float: left; width: 425px; border: 1px solid #CC3399; padding: 22px; }
#consultants .consultant img { float: left; margin-right:20px }
#consultants .consultant ul { list-style: none; }
#consultants .consultant span { margin:0 0 0 10px; }
#consultants .managment { margin:10px 0 0 0; }
/*setings for consultants page end*/


/*setings for portfolio page start*/
#main { float: left; width: 698px; padding: 0 0 30px 17px; }
#main h1 { margin: 0; font-size: 26px; line-height: 24px; padding: 0 0 0 22px; font-weight: normal; }
#main h2 { margin: 25px 0 0; font-size: 18px; padding: 0 0 0 22px; font-weight: normal; }
#main p { margin: 19px 0 0 0; line-height: 20px; color: #666; padding:  0 22px; }
#main li { margin: 10px 0 0; line-height: 16px; color: #666; padding: 0 200px 0 0px; }
#main a { text-decoration: none; color: #c09; }
#main a:hover { text-decoration: underline; }

.feature-col { float: right!important; width: 200px; text-align: center; margin-right: 15px; margin-left: 15px; }
.feature-col p { padding-bottom: 10px!important; }
.feature-col img { float: center; }






#full { float: left; width: 880px; padding: 0 0 30px 0; }
#full h1 { margin: 0; font-size: 26px; line-height: 24px; padding: 0; font-weight: normal; }
#full h2 { margin: 25px 0 0; font-size: 18px; padding: 0; font-weight: normal; }
#full p { margin: 19px 0 0; line-height: 20px; color: #666; padding: 0; }
#full li { margin: 10px 0 0; line-height: 16px; color: #666; padding: 0; }
#full a { text-decoration: none; color: #0065a5; }
#full a:hover { text-decoration: underline; }



















/*setings for portfolio page start*/
#portfolio { float: left; width: 698px; padding: 0 0 30px 17px; }
#portfolio h1 { margin: 0; font-size: 26px; line-height: 24px; padding: 0 0 0 22px; font-weighT: normal; }
#portfolio h2 { margin: 25px 0 0; font-size: 18px; padding: 0 0 0 22px; font-weight: normal; }

#portfolio p { margin: 19px 0 0 0; line-height: 20px; color: #666; padding: 0 20px 0 22px; }
#portfolio li { margin: 10px 0 0 0; line-height: 16px; color: #666; padding: 0 20px 0 22px; }
#portfolio div { float: left; width: 214px; margin: 5px 0 7px 15px; display: inline; }
#portfolio div h2 { margin: 0 0 6px 0; font-size: 16px; padding: 0 0 0 7px; font-weight: normal; }
#portfolio div img { float: left; margin: 0 0 7px 0; }
#portfolio div p { margin: 0; float: left; width: 197px; line-height: 16px; padding: 0 10px 0 7px; }
#portfolio div p a { float: left; }
#portfolio a { text-decoration: none; color: #c09; }
#portfolio a:hover { text-decoration: underline; }






/*setings for portfolio page end*/

/*setings for portfolio inner pages start*/
#portfolio #detail { width: 247px; padding: 0 0 0 7px; margin: 0 0 0 15px; }
#portfolio #detail h2 { margin: 12px 0 0 0; float: left; width: 100%; padding: 0; font-size: 12px; font-weight: bold; }
#portfolio #detail p { margin: 1px 0 5px 0; padding: 0; line-height: 17px; width: 210px; }
/*tabs block start*/
#portfolio #tabs { margin: 0; width: 410px; }
#portfolio #tabs .tabset { margin: 0 0 17px 0; width: 100%; }
/*link "Next Case..." start*/
#portfolio #tabs .tabset a { float: right; color: #CF0F9F; text-decoration: none; font: bold 12px Arial, Tahoma, sans-serif; }
#portfolio #tabs .tabset a:hover { text-decoration: underline; }
/*link "Next Case..." end*/

/*links in tab block start*/
#portfolio #tabs .tabset a.tab { display: block; float: left; color: #CF0F9F; border: 1px solid #CF0F9F; width: 21px; height: 18px; text-align: center; padding: 3px 0 0 0; margin: 0 7px 0 0; text-decoration: none; font: bold 12px Arial, Tahoma, sans-serif; }
#portfolio #tabs .tabset a.active { background: #CF0F9F; color: #fff; }
/*links in tab block end*/

/*tab's content start*/
#portfolio #tabs div.tab { margin: 0; width: 100%; display: none; float: none; }
/*tab's content end*/
/*tabs block end*/
/*setings for portfolio2 page end*/
/*right column end*/
/*content end*/



/*footer start*/
#footer { float: left; width: 933px; background: url('../images/footer-bg.gif') no-repeat left bottom; padding: 0 0 26px 0; }
#footer div { height: 100%; overflow: hidden; width: 900px; margin: 0 auto; background: #F3F3F3 url('../images/footer-gradient.gif') repeat-x; padding: 9px 14px 0 5px; }
/*left text start*/
#footer p { float: left; margin: 0 0 0 12px; }
/*left text end*/

/*right links start*/
#footer ul { padding: 0; float: right; font-size: 10px; color: #999; margin: 0; }
#footer ul li { list-style: none; float: left; }
#footer ul li a { text-decoration: none; color: #999; padding: 0 3px 0 5px; }
/*right links end*/
/*footer end*/


.clear { clear: both; height: 0px; font-size: 0px; line-height: 0px; }
