* { padding: 0; margin: 0; outline: 0; } body { font-size: 13px; line-height: 16px; font-family: Arial, sans-serif; color: #656565; background: #fff; text-align: left; } a img { border: 0; } a { color: #262626; text-decoration: none; } a:hover { text-decoration: none; cursor: pointer; color: #f3b600;} strong.usa {background: url(../images/flag-usa.gif) no-repeat 0 11px; padding-left: 20px; display: block; padding-top: 8px;} strong.swe {background: url(../images/flag-swe.gif) no-repeat 0 11px; padding-left: 20px; display: block; padding-top: 8px;} h1#logo {float: left;} h1#logo a {background: url(../images/logo.png) no-repeat 0 0; display: block; width: 330px; height: 61px;} h2 {font-family: "Century Gothic", "Trebuchet MS", sans-serif; font-size: 23px; line-height: 23px; color: #eeeeee} h3 {font-family: "Century Gothic", "Trebuchet MS", sans-serif; font-size: 18px; color: #434343;} .cl { font-size: 0; line-height: 0; height: 0; clear: both; } .left { float: left; display: inline; } .right { float: right; display: inline;} .notext {font-size: 0; line-height: 0; text-indent: -4000px;} .highlight {color: orange;} .center {display: block; margin: 0 auto;} .shell {width: 740px;} .link-margin { margin-right: 10px; margin-left: 2px;} .contacts {font-size: 12px; } .border {background:url(../images/border_tall.gif) top repeat-x;} .border .btall {background:url(../images/border_tall.gif) bottom repeat-x;} .border .ltall {background:url(../images/border_tall.gif) left repeat-y;} .border .rtall {background:url(../images/border_tall.gif) right repeat-y;} .border .tleft {background:url(../images/border_tl.gif) top left no-repeat;} .border .tright {background:url(../images/border_tr.gif) top right no-repeat;} .border .bleft {background:url(../images/border_bl.gif) bottom left no-repeat;} .border .bright {background:url(../images/border_br.gif) bottom right no-repeat; width:100%;} .border .ind {padding:4px 4px 15px 2px;} .border a img {float:right;} /*#header {background: url(../images/header-left-bg.jpg) repeat-x right 0; } */ #header #top-space {height: 28px;} #header-shell {width:992px; height:369px; margin: 0 auto;} /*#header-left {background: url(../images/header-left-shadow.png) repeat-x right 0px; width:126px; height:399px; float:left;}*/ #header-center {background: url(../images/main-banner.jpg) no-repeat 0% -15%; width:740px; height:371px; text-align:left;} #it-header-center {background: url(../images/it-bg.jpg) no-repeat 0% 30%; width:740px; height:371px; text-align:left;} #software-header-center {background: url(../images/business-bg.jpg) no-repeat 0% 30%; width:740px; height:371px; text-align:left;} #business-header-center {background: url(../images/software-bg.jpg) no-repeat 0% -15%; width:740px; height:371px; text-align:left;} /*#header-right {background: url(../images/header-right-shadow.png) repeat-x left 0px; width:126px; height:399px; float:left;}*/ #header-nav {background: url(../images/nav-bg.png) repeat-x 0 0; height:61px; outline:1px solid lightgray;} #navigation {float:right; margin-top:1px; height:57px;} #navigation ul {list-style-type: none; } #navigation ul .lastItem {border-right: 0;} #navigation ul li {display: inline; float:left; border-right: 2px #dddddd solid; } #navigation ul li .topped {margin-top:-5px; margin-bottom:5px;} #navigation ul li a {padding-left: 15px; height: 57px; display: block; float: left; } #navigation ul li a:hover span {background-image: none; color: #f3b600; font-weight: bold;} #navigation ul li a span {padding: 19px 10px 0 0; height:37px; display: block; text-align:center; font-size: 13px; font-weight: bold; font-family: tahoma, sans-serif; color: #343434;} #navigation ul li a .active {color: #f3b600;} #header-mid {height:250px;} #header-mid .heading-cnt {padding:26px 10px 0 10px; text-align:right; color:white; font-size:15px;} #header-mid .heading-cnt h2 {font-size: 17pt; color: orange; padding-bottom: 20px;} #header-mid ul { padding-left: 10px; } #header-mid ul li {color: dimgray; font-size: 15px; margin-bottom: 10px; font-weight:bold;} #preload {position:fixed; top: -10px; left: -10px;} #preload img{width: 1px; height:1px; position:fixed; top: -10px; left: -10px;} #header-features .features-cnt {color:#eeeeee; height: 110px; width: 740px; margin-left: 0px; font-family:Verdana,Arial,Helvetica,sans-serif;} #header-features .box-feature {float:left; margin-right:-1px;} #header-features .feature {width: 227px; height: 81px; text-align:justify; padding:15px 10px; font-size:8pt; color:#eeeeee;} #biz-solutions a div{/*background: url(../images/business_solutions.png) no-repeat 0 0;*/ background-color:#DC835B;} #biz-solutions a .active, #biz-solutions a:hover div{/*background: url(../images/business_solutions_select.png) no-repeat 0 0;*/ background-color:#FF722E;} #software a div{/*background: url(../images/software.png) no-repeat 0 0;*/ background-color:#88C35B;} #software a .active, #software a:hover div{/*background: url(../images/software_select.png) no-repeat 0 0;*/ background-color:#8ED332;} #header-features #it-solutions{float:left; margin-left:1px; margin-right:0px;} #it-solutions a div{/*background: url(../images/it_solutions.png) no-repeat 0 0;*/ background-color:#43B4DA;} #it-solutions a .active, #it-solutions a:hover div{/*background: url(../images/it_solutions_select.png) no-repeat 0 0;*/ background-color:#2DBFE8;} #subMenu {border:0px #000000 solid; width:100%; height:20px; padding-top:10px} #subMenu .subMenuTextFirst{float:left; padding-left:8px; padding-right:20px; border-right:1px #999999 dotted} #subMenu .subMenuTextAll{float:left; padding-left:8px; padding-right:20px; border-right:0px #999999 dotted} #subMenu .subMenuText{float:left; padding-left:20px; padding-right:20px; border-right:1px #999999 dotted} #subMenu .subMenuTextLast{float:left; padding-left:20px; padding-right:20px;} .selected{color:#FF9900; font-weight:bold} #subMenu a{color:#919191; text-decoration:none; font-weight:normal; font-size:11px; display:block} #subMenu a:hover{color:#000000; text-decoration:underline} #main {background: #ffffff; /*padding-top: 15px; padding-bottom: 10px; margin: 0 126px;*/} /* margin - derived from width of .header-left & .header-right on purpose*/ #main h3 {padding-bottom: 7px;} #main a {font-weight: bold; color: #96a120; text-decoration: underline; font-size: 11px;} #main a:hover {text-decoration: none;} #main h3 {font-size: 40px; font-weight: normal;} #main .equal-column {width: 370px; float: left; font-size:11px;} #main .equal-column .main-pic {text-align:center;} #main .padding {padding:9px 13px 3px 15px; text-align:left;} #main .padding p {text-align:justify;} #main .content {padding-left:20px; text-align:left;} #main .content ul{list-style-image: url("../images/greenarrow.gif")}; #main .first-column {width: 494px; float: left; border-right: 2px #dddddd solid; margin-top:5px;} #main .second-column {width: 244px; float: left;} #main .box-header {background: url(../images/b1.jpg) repeat-y 0 0; width: 240px; } #main .box-cell {background: url(../images/b1.jpg) repeat-y 0 0; width: 240px; height:190px; vertical-align:top;} #main .box-content {text-align:left; font-size: 11px; margin-left: 20px;} #main .box-content ul {margin-left: 10px; width: 190px; } #main .box-content ul li {width: 190px;} #main .box-footer {background: url(../images/bb3.jpg) no-repeat scroll 0% 0% transparent; height: 32px; } #boundary {background: url(../images/footer-hr.png) repeat-x 0 0; height:3px;} #footer { width:740px; margin: 0 auto; height:110px; color: #eeeeee; font-family: century gothic;} #footer .footer-shell { background: #e9e9e9 url(../images/footer-bg.png) no-repeat 0 80%; width:740px;} #footer h2 {padding: 10px 0 2px 15px; color: #eeeeee; font-weight: normal; font-size: 18pt;} #footer .footer-content {font-weight: normal; font-size: 11px; margin: 5px 0 0 20px ; text-align:left;} #footer .first-column { float:left; width: 494px; height: 50px; margin-top:0px; border-right: 2px #bbbbbb solid; } #footer .footer-column {float:left; width: 160px; padding:2px 0 2px 5px;} #footer .second-column { float:right; width: 244px; height: 50px; margin-top:0px; } #footer .second-column input {margin-top:5px;} #footer .second-column img {margin-top:5px;} #footer .info-list {list-style-type: none; padding: 0 0 8px 5px;} #footer .info-list li {background: url(../images/bullets-footer.png) no-repeat 0 center; padding-top: 2px;} #footer .info-list li span {padding-left: 15px;} #footer .info-list li span a {color: #dddddd; padding-left: 0px;} #footer .info-list li span a:hover {text-decoration: none; color: #f3b600; padding-left: 3px;} #copyright {height:25px; color: #eeeeee; padding-top: 30px;} #copyright .left {padding-left: 15px} #copyright img {float: left;} #phone {padding-right: 25px;} /*********************************** PORTFOLIO ****************************************/ #portfolio .columns1 {} #portfolio .columns1 .column3 {width:243px; float:left;} #portfolio .columns1 .column4 {width:181px; float:left;} #portfolio .columns1 .indent_column {width:5px; float:left;} #portfolio .ver_line { background:url(images/ver-line.gif) repeat-y 493px 0; width:100%;} #portfolio .columns2 { width:740px; height:160px; padding-top:5px; font-size:11px;} #portfolio .columns2 .column1 {width:490px; float:left;} #portfolio .columns2 .column2 {width:240px; border-left: 1px #CCCCCC dotted; float:left;} #portfolio .thumbnails{width:230px; height:206px;} #portfolio .thumbnails img{width:232px; height:210px;} #portfolio .ind {margin-bottom: 20px;} #portfolio .indmenu {margin-bottom: 20px; height:490px;} #portfolio .h_text {padding:3px 5px 3px 5px} #portfolio .pcontent {padding:9px 5px 3px 8px; height:380px;} #portfolio .pcontent p{text-align: justify; font-size:11px;} #portfolio .imgcontent {padding:5px 5px 1px 5px;} #portfolio .clickhere {vertical-align:bottom; padding-right:10px;} #portfolio .logos{width:140px; height:133px;} #portfolio .logos img{width:142px; height:137px;} #portfolio .e-learning {width:230px; height:120px; text-align:center;} #portfolio .e-learning img{width:193px; height:89px;margin-right:18px;} #portfolio .e-learning .thumb_title{width:100%; height:20px; font-weight:bold;} #portfolio .e-learning .thumb_body{width:100%; height:90px; } #portfolio .e-learning .thumb_subtitle{width:100%; height:20px;} /**********************************************************************************************/