/* Website: ArtemisIT.com Name: Page Specific Stylesheet Description: inSite-powered website, designed and hosted by Artemis Inc. Version: 0.1a Author: Jefte Puente Author URI: http://www.artemisit.com Comments: This stylesheet contains styles used on specific pages. This stylesheet is best viewed without word wrapping. */ /*** Home Page ***/ #HomePage h2 { margin:0; } #HomePage #alth2 { margin-bottom: 10px; color: #005595; } /* Rotating Billboard */ #homebillboard { float: left; width: 100%; margin: 0; z-index: -999; } #homebillboard h2 { float: left;font-size: 4.4em; float: left; line-height: 1.0em; font-family: 'artemisit'; letter-spacing: 0;} #homebillboard h3 { float: left; font-size: 2.6em; float: left; line-height: 1.0em; font-family: 'artemisit'; letter-spacing: 0;} #homebillboard p { float: left; font-size: 1.3em; float: left;} #homebillboard div a { float: left; } #homebillboard a img { float: left; border: none; } #homebillboard div { float: left; width: 992px; } #dellpc { background: url('/images/billboard/dell_pc_advisor.png'); } #dellpc p { color: #fff; margin: 10px 0 0 360px; width: 530px; line-height: 1.4em;} #dellpc h2 { color: #fff; margin: 30px 0 0 360px; } #dellpc h3 { color: #fff; margin: 0 0 0 360px; color: #9ad4fb; } #dellpc a { float: left; margin: 0 0 0 650px; } #managedservices { background: url('/images/billboard/managed_services.png'); } #managedservices p { clear: left; color: #fff; margin: 10px 0 0 40px; width: 460px; line-height: 1.4em;} #managedservices h2 { clear: left; color: #fff; margin: 30px 0 0 40px; } #managedservices h3 { clear: left; color: #fff; margin: 0 0 0 40px; color: #9ad4fb; } #managedservices a { clear: left; margin: 0 0 0 40px; } #business_telephone_systems { background: url('/images/billboard/business_telephone_systems.png'); } #business_telephone_systems p { clear: left; color: #fff; margin: 10px 0 0 310px; width: 340px; line-height: 1.4em; } #business_telephone_systems h2 { clear: left; color: #fff; margin: 30px 0 0 220px; } #business_telephone_systems h3 { clear: left; color: #fff; margin: 0 0 0 220px; color: #9ad4fb; width: 600px; } #business_telephone_systems a { clear: left; margin: 0 0 0 310px; } #structured_cabling { background: url('/images/billboard/structured_cabling.png'); } #structured_cabling p { clear: left; color: #fff; margin: 10px 0 0 340px; width: 600px; line-height: 1.4em;} #structured_cabling h2 { clear: left; color: #fff; margin: 30px 0 0 340px; } #structured_cabling h3 { clear: left; color: #fff; margin: 0 0 0 340px; color: #9ad4fb; width: 600px; } #structured_cabling a { clear: left; margin: 0 0 0 340px; } #virtual_office { background: url('/images/billboard/virtual_office.png'); } #virtual_office p { clear: left; color: #fff; margin: 10px 0 0 40px; width: 600px; line-height: 1.4em;} #virtual_office h2 { clear: left; color: #fff; margin: 30px 0 0 40px; font-size: 3.7em; } #virtual_office h3 { clear: left; color: #fff; margin: 0 0 0 40px; color: #9ad4fb; width: 670px; } #virtual_office a { clear: left; margin: 0 0 0 40px; } #website_dev { background: url('/images/billboard/website_dev.png'); } #website_dev p { clear: left; color: #fff; margin: 10px 0 0 218px; width: 560px; line-height: 1.4em;} #website_dev h2 { clear: left; color: #fff; margin: 30px 0 0 218px; } #website_dev h3 { clear: left; color: #fff; margin: 0 0 0 218px; color: #9ad4fb; width: 560px; } #website_dev a { clear: left; margin: 0 0 0 218px; } /* Columns */ #homecolumns { float: left; width: 992px; background: #d5dee5; padding: 18px; } #homecolumns h2 { float: left; color: #000; font-weight: bold; font-family:'artemisit'; margin: 15px 0 0 15px; line-height: 1.0em;} #homecolumns h2 span { color: #005595; } #homecolumns h2 strong { color: #df0132; } #homecolumns a { width: 226px; height: 226px; text-decoration: none; } #homecolumns #col1 { float: left; margin: 0 17px 0 0; background: url('/images/bg_col1.png') no-repeat top left; } #homecolumns #col2 { float: left; margin: 0 17px 0 0; background: url('/images/bg_col2.png') no-repeat top left; } #homecolumns #col3 { float: left; margin: 0 17px 0 0; background: url('/images/bg_col3.png') no-repeat top left; } #homecolumns #col4 { float: left; margin: 0 0 0 0; background: url('/images/bg_col4.png') no-repeat top left; } /* Featured Services Row*/ #featured_row { float: left; background: #cdd3d8; width: 100%; border-top: 5px solid #df0132; border-bottom: 1px solid #b6bdc3; } #featured_row_subpage { float: left; background: #D9DEE1; width: 100%; border-top: 5px solid #df0132; border-bottom: 1px solid #b6bdc3; } #featured_left { float: left; width: 470px; padding: 15px 15px; color: #333; } #featured_left h2 { color: #000; } #featured_left img { float: right; margin: 3px 0 0 50px; } #featured_right { float: left; width: 455px; margin: 15px 0 15px 20px; } #featured_right a.more { float: right; background-color: #d2d2d2; margin-right: 1px; margin-bottom: 1px;} #featured_right div { float: left; padding: 15px 15px 13px 15px; background: #fff; } #featured_right div img { margin-left: 30px; } /* News Row */ #news_row { float: left; width: 100%; background: #d9dee1; } #news_row_left { float: left; padding: 15px 15px; width: 470px; } #news_row h3 { color: #53575B; } #news_row_title { float: left; background: #FA002D; width: 100%; padding: 2px 15px 0 15px;} #news_row_title h3 { color: #fff; } #news_row p { color: #53575B; font-size: 1.1em; } #news_list { float: left; margin: 15px 0 0 20px; } #news_list div { background: #ededed; width: 425px; height: 100px; padding: 15px 15px 0 15px; } #news_list img { border: none; float: left; } #news_list a { float: left; } #news_list p { float: left; padding-bottom: 10px; width: 100%; } #news_list p a.newslink { padding: 0px 0 0 5px; float: left; width: 380px; } /* Logos Row */ #logos_row { float: left; width: 100%; background: #ededed; border-top: 1px solid #b6bdc3; border-bottom: 1px solid #b6bdc3; padding: 10px 15px; height: 100px; } #logos_row h3 { color: #959ea4; } #logos_row img { margin-right: 25px; } /*** Page Banners ***/ #AboutUs #pagephoto { background-image: url('/images/bd_about.jpg'); } #Careers #pagephoto { background-image: url('/images/bd_careers.jpg'); } #ContactUs #pagephoto { background-image: url('/images/bd_contactus.jpg'); } #newsphoto { float: left; width: 623px; height: 300px; background-image: url('/images/bd_news.jpg');} /* Computer & Networking */ #ComputerNetworking #pagephoto { background-image: url('/images/bd_computer_networking.jpg'); } #ManagedServices #pagephoto { background-image: url('/images/bd_managed_services1.jpg'); } #VirtualOffice #pagephoto, #FAMPDiscountVO #pagephoto { background-image: url('/images/bd_virtualoffice.jpg'); } #Helpdesk #pagephoto { background-image: url('/images/bd_helpdesk.jpg'); } #SystemDesignImplementation #pagephoto { background-image: url('/images/bd_system_design.jpg'); } #AntiVirusSpamFiltering #pagephoto { background-image: url('/images/bd_antivirus_spamfiltering.jpg'); } #DataBackupBusinessContinuity #pagephoto { background-image: url('/images/bd_databackup.jpg'); } #HostedExchange #pagephoto { background-image: url('/images/bd_hosted_exchange.jpg'); } #ShoreTel #pagephoto { background-image: url('/images/bd_shoretel.jpg'); } /* Internet & eBusiness */ #InterneteBusiness #pagephoto { background-image: url('/images/bd_internet_ebusiness.jpg'); } #InterneteBusiness #sites { float: left; width: 100%; } #inSiteWebContentManager #pagephoto { background-image: url('/images/bd_insite.jpg'); } #WebApplicationDevelopment #pagephoto { background-image: url('/images/bd_web_application.jpg'); } #WebHosting #pagephoto { background-image: url('/images/bd_webhosting.jpg'); } #ApplicationandServerHosting #pagephoto { background-image: url('/images/bd_application_serverhosting.jpg'); } #ElectronicFaxing #pagephoto { background-image: url('/images/bd_faxcenter.jpg'); } #DocumentManagementSystem #pagephoto { background-image: url('/images/bd_documentcenter.jpg'); } #WebApplicationBrevardNightLifecom #pagephoto { background-image: url('/images/bd_bnl.png'); } #WebApplicationBillMyWaycom #pagephoto { background-image: url('/images/bd_billmyway.jpg'); } /* Cabling & Telephony */ #CablingTelephony #pagephoto { background-image: url('/images/bd_cabling_telephony.jpg'); } #StructuredCabling #pagephoto { background-image: url('/images/bd_structured_cabling.jpg'); } #AudioVisualSystems #pagephoto { background-image: url('/images/bd_audiovisual.jpg'); } #PhoneSystems #pagephoto { background-image: url('/images/bd_phonesystems.jpg'); } /* Cabling & Telephony */ #PremiseeSecurity #pagephoto { background-image: url('/images/bd_premise_esecurity.jpg'); } #HomeandBusinessSecurity #pagephoto { background-image: url('/images/bd_homesecurity.jpg'); } #FireSystems #pagephoto { background-image: url('/images/bd_fire_alarm.jpg'); } #NetworkSecurity #pagephoto { background-image: url('/images/bd_network_security.jpg'); } #VideoSurveillanceSystems #pagephoto { background-image: url('/images/bd_premise_esecurity.jpg'); } #AccessSystems #pagephoto { background-image: url('/images/bd_access_system.jpg'); } /* Careers */ #OutsideSalesRepresentative #pagephoto, #WebDatabaseDeveloper #pagephoto, #NetworkAdministrator #pagephoto { background-image: url('/images/bd_careers.jpg'); } /*** Service boxes ***/ .service { position: relative; float: left; background: #fff; margin: 0 0 15px 0; width: 338px; height: auto; border: 1px solid #fff; } .service .inner { position: relative; padding: 12px 8px 0 12px; } .service .more { float: right; margin-top: 5px; } .service .inner p { padding-bottom: 0; font-size: 1.2em; color: #454545; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; } #rightcol h2 { color: #005695; font-size: 2.2em; font-weight: normal; text-transform:uppercase; line-height: 1.0em;} #rightcol h2 span { color: #000; } #rightcol h2 strong { font-weight: normal; color: #DF0132; } .service h3 { font-size: 1.5em; color: #2e2e2e; } /*** Toggle Border Around The Service You Are Currently Viewing ***/ /*Computer & Networking*/ #ManagedServices #managed, #VirtualOffice #virtualoffice, #Helpdesk #help, #SystemDesignImplementation #systemdesign, #AntiVirusSpamFiltering #avspam, #DataBackupBusinessContinuity #databackup, #HostedExchange #hostedexchange, #ApplicationandServerHosting #serverhosting { border: 1px solid #005595; width: 338px; } #ManagedServices #managed #arrow, #VirtualOffice #virtualoffice #arrow, #Helpdesk #help #arrow, #SystemDesignImplementation #systemdesign #arrow, #AntiVirusSpamFiltering #avspam #arrow, #DataBackupBusinessContinuity #databackup #arrow, #HostedExchange #hostedexchange #arrow, #ApplicationandServerHosting #serverhosting #arrow { position: absolute; display: block; background: url('/images/bg_arrow.png'); top: 42%; left: -10px; height: 20px; width: 10px;} /*eBusiness*/ #inSiteWebContentManager #insite, #WebApplicationDevelopment #webapplication, #WebHosting #webhosting, #ElectronicFaxing #artemisfax, #DocumentManagementSystem #artemisdocs, #WebApplicationBrevardNightLifecom #webapplication, #WebApplicationBillMyWaycom #webapplication { border: 1px solid #005595; width: 338px; } #inSiteWebContentManager #insite #arrow, #WebApplicationDevelopment #webapplication #arrow, #WebHosting #webhosting #arrow, #ElectronicFaxing #artemisfax #arrow, #DocumentManagementSystem #artemisdocs #arrow { position: absolute; display: block; background: url('/images/bg_arrow.png'); top: 42%; left: -10px; height: 20px; width: 10px;} #WebApplicationBrevardNightLifecom #webapplication #arrow, #WebApplicationBillMyWaycom #webapplication #arrow { position: absolute; display: block; background: url('/images/bg_arrow.png'); top: 42%; left: -10px; height: 20px; width: 10px; } /*Telecom*/ #StructuredCabling #cabling, #AudioVisualSystems #audiovisual, #PhoneSystems #phonesystems { border: 1px solid #005595; width: 338px; } #StructuredCabling #cabling #arrow, #AudioVisualSystems #audiovisual #arrow, #PhoneSystems #phonesystems #arrow { position: absolute; display: block; background: url('/images/bg_arrow.png'); top: 42%; left: -10px; height: 20px; width: 10px;} /*Premise & eSecurity*/ #HomeandBusinessSecurity #homesecurity, #NetworkSecurity #networksecurity, #FireSystems #firesystems, #VideoSurveillanceSystems #videosurv, #AccessSystems #access { border: 1px solid #005595; width: 338px; } #HomeandBusinessSecurity #homesecurity #arrow, #NetworkSecurity #networksecurity #arrow, #FireSystems #firesystems #arrow, #VideoSurveillanceSystems #videosurv #arrow, #AccessSystems #access #arrow { position: absolute; display: block; background: url('/images/bg_arrow.png'); top: 42%; left: -10px; height: 20px; width: 10px;} /*** Misc ***/ a.more { background: #d2d2d2 url('/images/ico_arrow.png') no-repeat 64px 6px; padding: 2px 19px 2px 5px; color: #005595; font-size: 1.2em; text-decoration: none;} #InterneteBusiness #text img { margin: 5px 0 15px 66px; } /*** Shoretel Pages ***/ #shoretelNav { float: left; } #shoretelNav ul { list-style: none; margin: 5px 0 15px 0; overflow: hidden; padding: 0; width: 100%;} #shoretelNav ul li { border: 0px solid; float: left; width: 250px; } #shoretelContent { float: left; clear: both; width: 100%; } #shoretelContent .clear { clear: both;} #shoretelContent dl { margin: 0; } #shoretelContent dt { font-size: 1.4em; font-weight: bold; padding: 0; margin: 0;} #shoretelContent dd { margin: 0; padding:0;} #shoretelContent h1 { font-size: 1.8em; margin: 0; } #shoretelContent h2 { font-size: 1.5em; margin: 0em;} #shoretelContent h3 { font-size: 1.3em; margin: 0em;} #shoretelContent p { } #shoretelContent small { margin: 1.2em;} #shoretelContent table { border: 1px solid; border-collapse: collapse; font-size: 1.2em; margin: 1em; width: 90%;} #shoretelContent table caption { caption-side: bottom; font-size: 0.95em; font-style: oblique;} #shoretelContent th, #shoretelContent td { border: 1px solid; margin: 0; padding: 0.25em;} #shoretelContent ul { margin: 1em 1em; } #shoretelContent ul li { margin: 0 0 0 40px; font-size: 1.0em; } /*** VO page ***/ #vo_outer { float: left; width: 600px; overflow: hidden; background: url('/images/bg_vo.png'); } .vo_bubble { width: 255px; height: 161px; float: left; margin: 0 6px 15px 8px; padding: 15px; } .vo_bubble h3 { margin: 0 0 0px 0; } .vo_bubble h4 { margin: 0 0 10px 0; font-size: 1.4em; line-height: 1.0em; font-weight: normal; } #content .vo_bubble ul li { margin: 0 0 0 80px; font-size: 1.1em; } #vo_centralized { width: 555px; background: url('/images/bg_vo_centralized_servers.png');} #content #vo_centralized ul li { margin: 0 0 0 150px; } #vo_centralized h3 { margin: 0 0 5px 150px; } #vo_centralized h4 { margin: 0 0 15px 150px; } #vo_access { background: url('/images/bg_vo_access.png');} #vo_voip {background: url('/images/bg_vo_voip.png');} #vo_commonapps {background: url('/images/bg_vo_commonapps.png');} #vo_email {background: url('/images/bg_vo_mail.png'); } #vo_costs {background: url('/images/bg_vo_costs.png'); } #vo_terminals {background: url('/images/bg_vo_virtual_terminal.png');} @font-face { font-family: 'artemisit'; src: url('/fonts/artemisit-webfont.eot'); src: url('/fonts/artemisit-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/artemisit-webfont.woff') format('woff'), url('/fonts/artemisit-webfont.ttf') format('truetype'), url('/fonts/artemisit-webfont.svg#artemisit') format('svg'); font-weight: normal; font-style: normal; }