/*========================================================*/ /* Nifos by bind */ /* CSS for DotNetNuke Skin */ /*========================================================*/ /* GENERAL STYLES *******************/ /*-- HTML Page --*/ html { height: 100%; } /*-- Body Style --*/ body { background: #ffffff no-repeat left top; position:relative; } /*-- Body Style --*/ /* body { background: #E3E3E3 url('images/grey.shadow.bg.jpg') no-repeat left top; position:relative; } /* /*-- Text Styles --*/ table,tr,td { font: normal 12px/1.8em Arial, Sans-Serif; color: #333333; margin: 0; border:0px; text-align:left; } p { font: normal 12px/1.8em Arial, Sans-Serif; color: #333333; font-weight: normal; margin-top:0; } ul { list-style: none outside url("images/li.arrow.gif"); margin: 10px 5px 0 20px; padding: 0pt; } li { line-height: 120%; margin-bottom: 5px; } h1 { font-family: Arial, Sans-Serif; font-weight: bold; color: #3399cc; font-size:210%; line-height:1; letter-spacing:-0.3px; margin-top:0; } h2 { font-family: Arial, Sans-Serif; font-weight: bold; color: #669900; font-size:200%; line-height:1.4em; margin-top:0px; margin-bottom:10px; } h3 { font-family: Arial, Sans-Serif; font-weight: bold; color: #336600; font-size:173%; line-height:1.4em; margin-top:0px; margin-bottom:10px; } h4 { font-family: Arial, Sans-Serif; font-weight: bold; color: #3399cc; font-size:164%; line-height:1.0em; margin-top:0px; margin-bottom:10px; } h5 { font-family: Arial, Sans-Serif; font-weight: bold; color: #669900; font-size:130%; line-height:1.4em; margin-top:0px; margin-bottom:10px; } h6 { font-family: Arial, Sans-Serif; font-weight: bold; color: #336600; font-size:110%; line-height:1.4em; margin-top:0px; margin-bottom:10px; } /*-- Override DNN's default center align --*/ .DNNAligncenter { text-align:left; } /* NIFOS STYLES ********************/ .containerTable { border:0; width:100%; } .containerTable td { vertical-align:top; } /*-- Div Styles --*/ #Outer { width: 964px; margin:0 auto; } /*-- Outer Container --*/ #OuterContainer { } #OuterContainerTop { margin: 0; clear: both; } #OuterContainerTop .L { width: 12px; height: 16px; background: transparent url('images/C_WS_TL.png') no-repeat top right; } #OuterContainerTop .L img { width: 12px; height: 16px; } #OuterContainerTop .M { width: 100%; height: 16px; background: transparent url('images/C_WS_TM.png') repeat-x top left; } #OuterContainerTop .M img { width: 100%; height: 16px; } #OuterContainerTop .R { width: 12px; height: 16px; background: transparent url('images/C_WS_TR.png') no-repeat top left; } #OuterContainerTop .R img { width: 12px; height: 16px; } #OuterContainerMiddle .L { width: 12px; background: transparent url('images/C_WS_ML.png') repeat-y left top; } #OuterContainerMiddle .L img { width: 12px; height: 0px; } #OuterContainerMiddle .M { background: #ffffff; width: 100%; } #OuterContainerMiddle .R { width: 12px; background: transparent url('images/C_WS_MR.png') repeat-y left top; } #OuterContainerMiddle .R img { width: 12px; height: 0px; } #OuterContainerBottom { margin: 0; clear: both; } #OuterContainerBottom .L { width: 12px; height: 16px; background: transparent url('images/C_WS_BL.png') no-repeat top right; } #OuterContainerBottom .L img { width: 12px; height: 16px; } #OuterContainerBottom .M { width: 100%; height: 16px; background: transparent url('images/C_WS_BM.png') repeat-x top left; } #OuterContainerBottom .M img { width: 100%; height: 16px; } #OuterContainerBottom .R { width: 12px; height: 16px; background: transparent url('images/C_WS_BR.png') no-repeat top left; } #OuterContainerBottom .R img { width: 12px; height: 16px; } #LoginRow { padding-top: 5px; padding-right: 15px; text-align:right; color: #D6D6D6; } #Logo { float:left; text-align:left; width:250px; } #Logo img { cursor:pointer; } #BreadcrumbSearchDiv { margin:10px; clear:both; } /*-- Breadcrumb box --*/ #Breadcrumb { text-align:left; height:24px; position:relative; margin-right:240px; } /*-- Search box --*/ #Search { margin-top:-24px; text-align:left; float:right; width: 226px; height:24px; position:relative; } /*-- BreadcrumbSearchBar bg --*/ .roundedbarMid { color: #888; font-family: Arial, sans-serif; font-size: 11px; height:24px; font-weight: bold; margin:0 9px; background: url('images/roundedbar.bg.png') repeat-x; padding: 3px; } #Search .roundedbarMid { height: 24px; padding: 1px 6px; } /*-- BreadcrumbSearchBar left --*/ .roundedbarLeft { position:absolute; top:0; left:0; height:24px; width:9px; background: url('images/roundedbar.left.png') no-repeat; margin:0; } /*-- BreadcrumbSearchBar right --*/ .roundedbarRight { position:absolute; top:0; right:0; height:24px; width:9px; background: url('images/roundedbar.right.png') no-repeat; margin:0; } .roundedbarRight img, .roundedbarLeft img { width:9px; height:24px; } /*-- Home Page Banner H --*/ #BannerHomeBg { position: relative; margin: 0 0 12px 0; clear: both; } #BannerHomeBg .L { width: 15px; height: 260px; background: transparent url('images/banner.home.bgL.png') no-repeat top right; } #BannerHomeBg .L img { width: 15px; height: 260px; } #BannerHomeBg .M { width: 920px; height: 260px; background: transparent url('images/banner.home.bgM.png') repeat-x top left; } #BannerHomeBg .M img { width: 100%; height: 260px; } #BannerHomeBg .R { width: 15px; height: 260px; background: transparent url('images/banner.home.bgR.png') no-repeat top left; } #BannerHomeBg .R img { width: 15px; height: 260px; } .BannerHomeImage { position: absolute; left: 10px; top: 9px; right:10px; height: 240px; } .BannerHomeText { position: absolute; left: 40px; top: 59px; width: 300px; height: 140px; } .BannerHomeText, .BannerHomeText p, .BannerHomeText span, .BannerHomeText h1, .BannerHomeText h2, .BannerHomeText h3, .BannerHomeText h4, .BannerHomeText a:link, .BannerHomeText a:visited, .BannerHomeText a:hover{ color:#FFFFFF; } /*-- Sub Page Banner H --*/ #BannerSubBg { position: relative; margin: 5px; clear: both; } #BannerSubBg .L { width: 15px; height: 130px; background: transparent url('images/banner.sub.bgL.png') no-repeat top right; } #BannerSubBg .L img { width: 15px; height: 130px; } #BannerSubBg .M { width: 100%; height: 130px; background: transparent url('images/banner.sub.bgM.png') repeat-x top left; } #BannerSubBg .M img { width: 100%; height: 130px; } #BannerSubBg .R { width: 15px; height: 130px; background: transparent url('images/banner.sub.bgR.png') no-repeat top left; } #BannerSubBg .R img { width: 15px; height: 130px; } .BannerSubImage { position: absolute; left: 10px; top: 10px; right:10px; height: 110px; } .BannerSubText { position: absolute; left: 40px; top: 30px; width: 300px; height: 80px; } .BannerSubText, .BannerSubText p, .BannerSubText span, .BannerSubText h1, .BannerSubText h2, .BannerSubText h3, .BannerSubText h4, .BannerSubText a:link, .BannerSubText a:visited, .BannerSubText a:hover { color:#FFFFFF; } #container { clear: both; text-align:left; padding: 0 0px 0 0px; } #FooterDiv { background: url('images/footer.top.png') no-repeat center top; padding: 20px 50px 20px 50px; clear: both; margin:20px auto 0 auto; text-align:center; } .FooterArrow { background: url('images/footer.arrow.gif') no-repeat left bottom; padding-left: 16px; } /* CONTENT PANES ********************/ .MPaneTop { padding: 0 5px; margin: 0px 0px auto 0px; } .MPane { padding: 0 0px 0px 0px; margin: 0px 0px auto 0px; } .MPaneSide30 { padding: 0 0px 0px 0px; margin: 0px 0px auto 0px; width:30%; } .MPaneSide50 { padding: 0 0px 0px 0px; margin: 0px 0px auto 0px; width:50%; } /* DNN TOKENS **********************/ /*-- Login and user tokens --*/ .LOGIN_object,a.LOGIN_object:link, a.LOGIN_object:visited, a.LOGIN_object:active, .USER_object,a.USER_object:link, a.USER_object:visited, a.USER_object:active { color: #C1C1C1; font: bold 12px/120% Arial, Sans-Serif; text-decoration: none; border:0; } /*-- Login and user tokens hover --*/ a.LOGIN_object:hover, a.USER_object:hover { color: #000000; font: bold 12px/120% Arial, Sans-Serif; text-decoration: none; border:0; } /*-- Date token idle --*/ .DATE_object,a.DATE_object:link, a.DATE_object:visited, a.DATE_object:active { color: #FFFFFF; font: normal 12px/120% Arial, Sans-Serif; text-decoration: none; border:0; } /*-- Date token hover --*/ a.DATE_object:hover { color: #FFFFFF; font: normal 12px/120% Arial, Sans-Serif; text-decoration: none; border:0; } /*-- Breadcrumb/Search token idle --*/ .SEARCH_object, .dnn_dnnSEARCH_optSite { height:16px; margin-top:4px; color: #888888; font: bold 11px/120% Arial, Sans-Serif; margin-top:1px; } SPAN.SEARCH_object { display: none; } #dnn_dnnBREADCRUMB_lblBreadCrumb{ padding-top:4px; } .BREADCRUMBS_object, a.BREADCRUMBS_object:link, a.BREADCRUMBS_object:visited, a.BREADCRUMBS_object:active { color: #888888; font: bold 11px/120% Arial, Sans-Serif; text-decoration: none; border:0; } /*-- Breadcrumbs token hover --*/ a.BREADCRUMBS_object:hover { color: #888888; font: bold 11px/120% Arial, Sans-Serif; text-decoration: underline; border:0; } /*-- Copyright tokens --*/ .FOOTER_objects { color: #000000; font: normal 9px/120% Arial, Sans-Serif; text-transform: uppercase; border:0; } /*-- Copyright tokens links --*/ a.FOOTER_objects:link, a.FOOTER_objects:visited, a.FOOTER_objects:active { color: #666666; font: normal 9px/120% Arial, Sans-Serif; text-transform: uppercase; text-decoration:none; border:0; } /*-- Copyright tokens hover --*/ a.FOOTER_objects:hover { color: #666666; font: normal 9px/120% Arial, Sans-Serif; text-transform: uppercase; text-decoration:underline; border:0;} /* TEXT STYLES ***********************/ /*-- Site text --*/ .normal,.Normal { font: normal 12px/180% Arial, Sans-Serif; color: #555555; } /*-- Site text - Bold --*/ .NormalBold { font: bold 12px/180% Arial, Sans-Serif; color: #555555; } /*-- Site text - Errors --*/ .NormalRed { font: bold 12px/180% Arial, Sans-Serif; color: #C50000; } /*-- SubHeadings --*/ .SubHead { font: bold 12px/180% Arial, Sans-Serif; color: #777777; padding: 0; } /*-- Headings --*/ .Head { font: bold 12px/180% Arial, Sans-Serif; color: #777777; padding: 0; background-color:transparent; background-image:none; font-weight: bold; } /* LINKS STYLES **********************/ /*-- normal links visited and active --*/ a:link,a.normal:link, a.Normal:link, a:visited,a.normal:visited, a.Normal:visited { color: #3399cc; font-family: Arial; font-size: 12px; font-weight: bold; text-decoration: none; } /*-- normal links hover --*/ a:hover,a.normal:hover, a.Normal:hover { color: #3399cc; font-family: Arial; font-size: 12px; text-decoration: underline; } /*-- admin button-link style --*/ a.CommandButton:link, a.CommandButton:visited, a.CommandButton:active { color: #3399cc; margin:2px; font-weight: bold; text-decoration: none; } /*-- admin button-link style hover --*/ a.CommandButton:hover { color: #3399cc; margin:2px; font-weight: bold; text-decoration: underline; } /*-- search button in search form --*/ .SearchButton { background: url('images/search.png') no-repeat center top; cursor: pointer; height:20px; position:absolute; top:5px; width:20px; } a.SEARCH_object:link, a.SEARCH_object:visited, a.SEARCH_object:active, a.SEARCH_object:hover { font-size: 11px; border:0; text-decoration:none; } /* FORM STYLES ***********************/ /*-- default form elements --*/ select, input { font-family: Arial; font-size: 12px; color: #333; } /*-- textbox --*/ .NormalTextBox { color: #333; padding-left: 4px; font: normal 12px/120% Arial, Sans-Serif; } /*-- textbox container --*/ td.NormalTextBox { padding: 0; margin: 0; background-color:transparent; background-image:none; border: 0; } /*-- textbox used for search --*/ #dnn_dnnSEARCH_txtSearch.NormalTextBox { background-color:transparent; background-image:none; width: 165px; color: #333; border: 0; cursor:text; margin-top:3px; padding:0; } /* MODULE MENU STYLES ****************/ /*-- Module Title Sub Menu --*/ .ModuleTitle_SubMenu { z-index: 999999; margin: 0px ; background: #dedede url('images/submenu.bg.gif') repeat-x top; border-right: 1px #cdcdcd solid; border-bottom: 1px #cdcdcd solid; padding: 8px; } /*-- subMenu Box --*/ .ModuleTitle_MenuItem { font: bold 12px/120% Arial, Sans-Serif; height: 24px; color: #585858; border-bottom: 1px #d1d1d1 solid; border-top: 1px #FFFFFF solid; padding: 0 30px 0 15px; } .ModuleTitle_MenuItem td { font: bold 12px/120% Arial, Sans-Serif; height: 20px; border: 0;} /*-- submenu items hover --*/ .ModuleTitle_MenuItemSel { font: bold 12px/120% Arial, Sans-Serif; height: 24px; color: #ffffff; border-bottom: 1px #d1d1d1 solid; padding: 0 30px 0 15px; background-color: #3399cc; } /*-- module menu continer --*/ .ModuleTitle_MenuContainer { color: #2C2C2C; } /*-- module menu bar --*/ .ModuleTitle_MenuBar { cursor: pointer; } /*-- module menu padding --*/ .ModuleTitle_MenuItem, .ModuleTitle_MenuItemSel { padding-right: 20px; } /*-- not needed - module menu --*/ .ModuleTitle_MenuBreak, .ModuleTitle_MenuArrow, .ModuleTitle_RootMenuArrow, .ModuleTitle_MenuIcon { display: none; } /* HORIZONTAL MENUS ******************/ /*-- Menu box --*/ #Menu_Tab { float:left; height:38px; width:638px; margin:21px 0 0 0; } #Menu_Tab_In { width:628px; margin:0 0 0 40px; padding:0; } /*-- Menubar bg --*/ #Menu_Tab .middle { height:38px; margin:0 21px 0 16px; background: url('images/menuHTab.mid.png') repeat-x; padding:3px 0 4px 0; } /*-- MenuBar left --*/ #Menu_Tab .left { float:left; width:16px; margin:0; padding:0; height:38px; background: url('images/menuHTab.left.png') no-repeat; } /*-- MenuBar right --*/ #Menu_Tab .right { float:right; width:21px; margin:0; padding:0; height:38px; background: url('images/menuHTab.right.png') no-repeat; } #Menu_Tab .right img { width:21px; height:38px; } #Menu_Tab .left img { width:16px; height:38px; } #Menu_Tab .clean { clear:both; height:1px; font-size:1px; line-height:0; margin:0; padding:0; } /*-- Div Styles --*/ #LogoRow { height: 90px; margin:0px 10px 0px 10px; background-color:#ffffff; padding-bottom: 22px; } #Menu { background:transparent url(images/menuHTop.left.png) no-repeat scroll left center; height:79px; margin:5px auto 0 267px; padding-left:28px; } .ArrowPointer { cursor: default; } /*-- all list items --*/ #HouseMenuH li,#HouseMenuT li { margin-bottom:0px; display: inline; float: left; } /*-- all items under the top level --*/ #HouseMenuH li li,#HouseMenuT li li { z-index: 11113; } /*-- all links within the menu wrapper --*/ #HouseMenuH a,#HouseMenuT a { display: block; } /*-- second-level lists --*/ #HouseMenuH li ul,#HouseMenuT li ul { position: absolute; z-index: 11112; } #HouseMenuH li:hover ul ul, #HouseMenuH li:hover ul ul ul, #HouseMenuH li.sfhover ul ul, #HouseMenuH li.sfhover ul ul ul, #HouseMenuT li:hover ul ul, #HouseMenuT li:hover ul ul ul, #HouseMenuT li.sfhover ul ul, #HouseMenuT li.sfhover ul ul ul { left: -9999px; } /*--lists nested under hoveBlue list items--*/ #HouseMenuH li:hover ul, #HouseMenuH li li:hover ul, #HouseMenuH li li li:hover ul, #HouseMenuH li.sfhover ul, #HouseMenuH li li.sfhover ul, #HouseMenuH li li li.sfhover ul, #HouseMenuT li:hover ul, #HouseMenuT li li:hover ul, #HouseMenuT li li li:hover ul, #HouseMenuT li.sfhover ul, #HouseMenuT li li.sfhover ul, #HouseMenuT li li li.sfhover ul { left: auto; z-index: 99999; } #HouseMenuH iframe,#HouseMenuT iframe { position: absolute; left: 0; top: 0; z-index: 0; } /*-- Item Home - display or not? --*/ /* #HouseMenuHItemHome,#HouseMenuTItemHome{ display:none !important; } */ /*-- all item links under the top level --*/ #HouseMenuH li li a,#HouseMenuT li li a{ position:relative; height:100%; background:transparent none; padding:5px 30px 3px 15px; margin:0; border-style: none; border-color: inherit; border-width: 0; } #HouseMenuH li li a:hover, #HouseMenuT li li a:hover { position:relative; height:100%; background:#3399cc none; padding:5px 30px 3px 15px; margin:0; border:0; } /* HORIZONTAL TOP MENU ********************/ /*-- all submenu lists --*/ #HouseMenuH,#HouseMenuH ul{ background:transparent url(images/menuHTop.png) no-repeat right top; height:60px; margin:0px 0px 0px 1px; padding:10px 0px; } /*-- all links within the menu wrapper --*/ #HouseMenuH a { color: #585858; text-decoration:none; } /*-- all list items --*/ #HouseMenuH li { font: bold 12px/120% Arial, Sans-Serif; } #HouseMenuH li a { padding: 35px 10px 0px 33px; background: transparent url(images/menuHTop.off.bg.jpg) no-repeat right top; text-decoration:none; height:25px; } #HouseMenuH li a:hover { padding: 35px 10px 0px 33px; background: transparent url('images/menuHTop.on.bg.jpg') no-repeat right top; color: #88ccee; text-decoration:none; height:25px; } /*-- second-level lists --*/ #HouseMenuH li ul { left: -9999px; height:auto; padding:8px; background: #DEDEDE url(images/submenu.bg.gif) repeat-x scroll center top; width:250px;} /*-- third-and-above-level lists --*/ #HouseMenuH li ul ul { margin: -31px 0 0 250px; } /*-- all items under the top level --*/ #HouseMenuH li li { text-align:left; clear:left; height:auto; padding:0; border-bottom:1px solid #D1D1D1; border-top:1px solid #FFFFFF; position:relative; width:100%; } /*-- all item links under the top level --*/ #HouseMenuH li li a { position:relative; height:100%; background:transparent none; padding:5px 30px 3px 15px; margin:0; } #HouseMenuH li li a:hover { position:relative; height:100%; background:#3399cc none; padding:5px 30px 3px 15px; margin:0; } /* HORIZONTAL TAB MENU ********************/ /*-- all submenu lists --*/ #HouseMenuT,#HouseMenuT ul{ background:transparent url(images/menuHTab.mid.png) repeat-x scroll right top; margin:0 0 0 1px; } /*-- all links within the menu wrapper --*/ #HouseMenuT a { color: #585858; text-decoration:none; } /*-- all list items --*/ #HouseMenuT li { font: bold 12px/120% Arial, Sans-Serif; } #HouseMenuT li a { padding: 13px 12px 0 12px; background: transparent url(images/menuHTab.off.bg.jpg) no-repeat right top; border-right: 1px #E7E7E7 solid; text-decoration:none; height:18px; } #HouseMenuT li a:hover { padding: 13px 12px 0 12px; background: transparent url('images/menuHTab.on.bg.jpg') no-repeat right top; color: #ffffff; text-decoration:none; height:18px; } /* #HouseMenuT li a:hover { padding: 13px 20px 0 20px; background: transparent url('images/menuHTab.on.bg.jpg') no-repeat right top; color: #88ccee; text-decoration:none; height:18px; } */ /*-- second-level lists --*/ #HouseMenuT li ul { left: -9999px; height:auto; padding:8px; background: #DEDEDE url(images/submenu.bg.gif) repeat-x scroll center top; } /*-- second-level lists --*/ /* #HouseMenuT li ul { left: -9999px; height:auto; padding:8px; background: #DEDEDE url(images/submenu.bg.gif) repeat-x scroll center top; width:250px;} */ /*-- third-and-above-level lists --*/ #HouseMenuT li ul ul { margin: -31px 0 0 250px; } /*-- all items under the top level --*/ #HouseMenuT li li { text-align:left; clear:left; height:auto; padding:0; border-bottom:1px solid #D1D1D1; border-top:1px solid #FFFFFF; position:relative; width:100%; } .TestimonialText { font-style: italic; } .TestimonialName { font-weight: bold; line-height: 120%; padding-top: 5px; } .TestimonialLink { line-height: 140%; } #OurWorkOuter { margin-top: 20px; margin-left: 20px;} #OurWork { margin-right: 20px; } #OurWork img { border: 2px solid #e9e9e9; float: left;} #OurWork .Description { margin-left: 320px; } .WebDesign { float: left; padding-bottom: 30px; } .WebDesign img { float: left; margin-left: 15px; } .WebDesignText { margin-left: 115px; } .SEO { float: left; padding-bottom: 30px; } .SEO img { float: left; margin-left: 15px; } .SEOText { margin-left: 115px; } .WebApp { float: left; padding-bottom: 30px; } .WebApp img { float: left; margin-left: 15px; } .WebAppText { margin-left: 115px; } .CustomSoftware { float: left; padding-bottom: 30px; } .CustomSoftware img { float: left; margin-left: 15px; } .CustomSoftwareText { margin-left: 138px; } .DNNEmptyPane {width:0 !important;}