/* -------------------------------------------------------- Main stylesheet Site: IOS Created by: Martin Gauthier - martin@codemountain.ca Filename: css/main.css -------------------------------------------------------- */ /* -------------------------------------------------------- COLORS blue 1 : 2474a1 grey 1 : 737373 orange 1: f9851b orange light: ffa838 almost black : 090809 -------------------------------------------------------- */ body { background-color:#dedede; font-family:Arial, Helvetica, sans-serif; color:#737373; font-size:11px; font-weight:normal; line-height:14px; padding:0; margin:0;} :focus { outline: none;} /* ------------------------------------------- COMMON DEFINITIONS WEBSITE STRUCTURE -------------------------------------------*/ #main_container {position:absolute;top:0px;left:0px;margin-left:0px; margin-top:0px ; height:1000px;width:100%; background-image:url(../img/back-1.png); background-repeat:repeat-x;} .center_container {margin-left:auto; margin-right:auto;text-align:left;position:relative;width:992px; background-color:#fff;} #top_container{height:94px; margin-top:20px; background-image:url(../img/back-2.png); background-repeat:repeat-x; background-position:0 1px; } #top_logo{position:absolute; top:25px; left:32px;} /* see NAV.CSS for navigation styles */ #botcontainer1 {height:52px; border-bottom:1px solid #aeaeae;} #copyrights{font-size:10px; margin-top:5px;} /* ------------------------------------------- HOME PAGE INDEX.HTML -------------------------------------------*/ #home_container{height:652px;} #home-intro1{height:347px; background-image:url(../img/box_back-1.png); background-repeat:repeat-x; background-position:0 34px;} #home-intro1 .edge_left1, #home-intro1 .edge_right1{ height:308px; top:34px;} #home-intro1 .edge_bot1{ width:924px} #home_welcome-1{position:absolute; top:34px; right:0px;} #home_welcome-2{position:absolute; top:11px; right:306px;} #home-links1{height:275px; background-image:url(../img/box_back-2.png); background-repeat:repeat-x; background-position:0 0;} #home-links1 .edge_left1, #home-links1 .edge_right1{ height:266px; top:8px;} #home-links1 .edge_bot1, #home-links1 .edge_top1{ width:376px} #home-events1{height:275px; background-image:url(../img/box_back-2.png); background-repeat:repeat-x; background-position:0 0;} #home-events1 .edge_left1, #home-events1 .edge_right1{ height:266px; top:8px;} #home-events1 .edge_bot1, #home-events1 .edge_top1{ width:526px} /* ------------------------------------------- COMPANY PAGE COMPANY.HTML -------------------------------------------*/ #company_container{height:524px;} #company-intro1{height:510px; background-image:url(../img/box_back-1.png); background-repeat:repeat-x; background-position:0 34px;} #company-intro1 ul.breadcrums{margin-left:175px;} #company-intro1 table{margin-left:175px; width:700px; margin-top:10px;} #company-intro1 h1{margin-left:175px; margin-top:20px} #company-intro1 .edge_left1, #company-intro1 .edge_right1{ height:476px; top:34px;} #company-intro1 .edge_bot1{ width:924px} /* ------------------------------------------- PARTNERS PAGE PARTNERS.HTML -------------------------------------------*/ #partners_container{height:544px;} #partners-intro1{height:530px; background-image:url(../img/box_back-1.png); background-repeat:repeat-x; background-position:0 34px;} #partners-intro1 ul.breadcrums{} #partners-intro1 h1{margin-top:20px} #partners-intro1 .edge_left1, #partners-intro1 .edge_right1{ height:496px; top:34px;} #partners-intro1 .edge_bot1{ width:924px} #partners-list1 {position:absolute; left:379px; top:144px; width:528px;} #partners-list1 table.partner1 {width:528px; font-size:13px; line-height:18px;} #partners-list1 table tr td.logo1 {width:200px; text-align:center} #partners-list1 .line1{width:100%; height:30px; background-image:url(../img/line_dash-1.png); background-repeat:repeat-x; background-position:center;} /* ------------------------------------------- SERVICES PAGE SERVICES.HTML -------------------------------------------*/ #services_container{height:524px;} #services-intro1{height:510px; background-image:url(../img/box_back-1.png); background-repeat:repeat-x; background-position:0 34px;} #services-intro1 ul.breadcrums{} #services-intro1 h1{margin-top:20px} #services-intro1 img{margin-top:10px; margin-left:39px; } #services-intro1 .edge_left1, #services-intro1 .edge_right1{ height:476px; top:34px;} #services-intro1 .edge_bot1{ width:924px} #services-offerings1{ position:absolute; left:438px; top:83px;height:401px; background-image:url(../img/box_back-2.png); background-repeat:repeat-x; background-position:0 0; background-color:#fff; width:472px; margin-right:28px; text-align:left; margin-bottom:15px;} #services-offerings1 .edge_left1, #services-offerings1 .edge_right1{ height:392px; top:8px;} #services-offerings1 .edge_bot1, #services-offerings1 .edge_top1{ width:464px} #services-offerings1 h3{font-style:italic; margin-left:22px; margin-top:27px;} #services-offerings1 .line1{width:360px; height:10px; background-image:url(../img/line_dash-1.png); background-repeat:repeat-x; background-position:center; list-style:none; margin-left:39px;} /* ------------------------------------------- SOLUTIONS PAGE SOLUTIONS.HTML -------------------------------------------*/ #solutions_container{height:1114px;} #solutions-intro1{height:1100px; background-image:url(../img/box_back-3.png); background-repeat:repeat-x; background-position:0 34px;} #solutions-intro1 ul.breadcrums{} #solutions-intro1 h1{margin-top:20px} #solutions-intro1 #solutions-img1{position:absolute; left:535px; top:150px;} #solutions-intro1 .edge_left1, #solutions-intro1 .edge_right1{ height:1066px; top:34px;} #solutions-intro1 .edge_bot1{ width:924px} #solutions-intro1 table.solutions1{margin-left:39px; width:875px; margin-top:24px;} #solutions-intro1 table tr td.descript1{font-size:13px; line-height:20px; width:355px; padding-right:28px; vertical-align:top;} #solutions-intro1 table tr td.descript1 h2{margin-left:0px;} #solutions-intro1 table tr td.list1{vertical-align:top;} #solutions-intro1 table tr td.list1 table.list2{width:406px;} #solutions-intro1 table tr td.list1 table.list2 tr td {vertical-align:top} #solutions-intro1 table tr td.list1 table.list2 tr td ul.links3 { margin-top:20px; width:190px;} #solutions-intro1 table tr td.list1 table.list2 tr td ul.links3 li{ line-height:18px; margin-top:0; width:180px;} #solutions-features1{ position:relative; height:353px; background-image:url(../img/box_back-2.png); background-repeat:repeat-x; background-position:0 0; background-color:#fff; width:472px; margin-left:15px;} #solutions-features1 .edge_left1, #solutions-features1 .edge_right1{ height:344px; top:8px;} #solutions-features1 .edge_bot1, #solutions-features1 .edge_top1{ width:464px} #solutions-features1 h3{font-style:italic; margin-left:22px; margin-top:0px; padding-top:17px;} #solutions-features2{ position:relative; height:353px; background-image:url(../img/box_back-2.png); background-repeat:repeat-x; background-position:0 0; background-color:#fff; width:472px; margin-left:15px;} #solutions-features2 .edge_left1, #solutions-features2 .edge_right1{ height:344px; top:8px;} #solutions-features2 .edge_bot1, #solutions-features2 .edge_top1{ width:464px} #solutions-features2 h3{font-style:italic; margin-left:22px; margin-top:0px; padding-top:17px;} /* ------------------------------------------- CONTACT PAGE CONTACT.HTML -------------------------------------------*/ #contact_container{height:624px;} #contact-intro1{height:610px; background-image:url(../img/box_back-1.png); background-repeat:repeat-x; background-position:0 34px;} #contact-intro1 ul.breadcrums{} #contact-intro1 h1{margin-top:20px} #contact-intro1 ul.links3{margin-top:10px; margin-left:17px;} #contact-intro1 .edge_left1, #contact-intro1 .edge_right1{ height:576px; top:34px;} #contact-intro1 .edge_bot1{ width:924px} #contact-form1{ position:absolute; left:438px; top:83px;height:481px; background-image:url(../img/box_back-2.png); background-repeat:repeat-x; background-position:0 0; background-color:#fff; width:472px; margin-right:28px; text-align:left; margin-bottom:15px;} #contact-form1 .edge_left1, #contact-form1 .edge_right1{ height:472px; top:8px;} #contact-form1 .edge_bot1, #contact-form1 .edge_top1{ width:464px} #contact-form1 #contact1 label{color:#090809; font-weight:bold; margin-left:22px; margin-top:15px; font-size:13px; display:block} /* ------------------------------------------- TEXT - LINKS - TITLES -------------------------------------------*/ .text1{ width:400px; font-size:13px; line-height:18px; margin-left:39px; position:relative} .text2{ width:720px; font-size:13px; line-height:18px; margin-left:175px; position:relative; margin-top:20px;} .text3{ width:270px; font-size:13px; line-height:18px; margin-left:39px; position:relative; margin-top:18px;} .text4{ width:360px; font-size:13px; line-height:16px; margin-left:39px; position:relative; margin-top:18px;} .text5{ width:412px; font-size:13px; line-height:20px; margin-left:39px; position:relative; margin-top:18px;} a:link, a:visited, a:active {color:#f9851b; text-decoration:none; outline:none;} a:hover{color:#2474a1; text-decoration:none; outline:none;} a.selected {color:#2474a1; outline:none; text-decoration:none;} .button1 a{width:72px; height:17px; font-size:10px; font-weight:bold; background-image:url(../img/btn_back-1.png); background-repeat:no-repeat; background-position:top; cursor:pointer; padding:10px; padding-top:2px; padding-bottom:3px; text-align:center; margin-left:5px; } .button1 a:hover{background-position:bottom} h1 {font-size:23px;margin:0;padding:0; color:#2474a1; line-height:32px; font-weight:normal; margin-left:39px; margin-top:46px; font-family:Geneva, Arial, Helvetica, sans-serif; letter-spacing:-1px;} h2 {font-size:16px;margin:0;padding:0; color:#333333; line-height:18px; font-weight:normal;margin-left:39px;font-family:Geneva, Arial, Helvetica, sans-serif; font-weight:bold;} h3 {font-size:14px;margin:0;padding:0; color:#2474a1; line-height:18px; font-weight:normal; margin-left:39px; margin-top:20px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;} h4{color:#090809; font-weight:bold; margin:0; padding:0; font-size:12px;} ul.links1 {font-size:12px; width:205px; margin:0; padding:0; margin-left:52px; margin-top:10px; color:#f9851b} ul.links1 li {margin-top:11px;} ul.links1 li a:link, ul.links1 li a:visited, ul.links1 li a:active{color:#737373} ul.links1 li a:hover {color:#f9851b} ul.links1 { font-size:12px; width:240px; margin:0; padding:0;margin-top:12px; list-style:none;} ul.links1 li {margin-top:8px; padding-left:52px; background-image:url(../img/list_arrow-1.gif); background-repeat:no-repeat; background-position:38px 5px ;} ul.links1 li a:link, ul.links1 li a:visited, ul.links1 li a:active{color:#737373} ul.links1 li a:hover {color:#f9851b} ul.links2 {list-style:none; font-size:12px; width:340px; margin:0; padding:0; margin-left:39px; margin-top:4px;} ul.links2 li {margin-top:11px;} ul.links2 li a:link, ul.links2 li a:visited, ul.links2 li a:active {color:#2474a1; font-weight:bold} ul.links2 li a:hover {color:#f9851b; font-weight:bold;} ul.links3 { font-size:12px; width:424px; margin:0; padding:0;margin-top:0px; list-style:none;} ul.links3 li {margin-top:15px; line-height:18px; padding-left:39px; background-image:url(../img/list_arrow-1.gif); background-repeat:no-repeat; background-position:22px 5px ;} ul.links3 li.comments { list-style:none; font-size:13px; width:380px; background-position:-200px 5px ;} ul.links3 li a:link, ul.links3 li a:visited, ul.links3 li a:active{color:#737373} ul.links3 li a:hover {color:#f9851b} ul.breadcrums {list-style:none; font-size:12px; width:340px; margin:0; padding:0; margin-left:39px; margin-top:0px; padding-top:10px;} ul.breadcrums li {margin-top:11px; display:inline} ul.breadcrums li.sep2{margin-left:3px; margin-right:3px;} ul.breadcrums li a:link, ul.breadcrums li a:visited, ul.breadcrums li a:active {color:#737373; } ul.breadcrums li a:hover {color:#f9851b; } ul.leftmenu1 {list-style:none; font-size:12px;margin:0; padding:0; position:absolute; top:34px; left:12px;background-color:#e6e6e6;} ul.leftmenu1 li {background-color:#e6e6e6;width:134px; padding-left:14px; padding-bottom:8px; padding-top:8px; border-bottom:1px solid #fdfdfd} ul.leftmenu1 li.spacer1{ border:0px;padding-bottom:0px; padding-top:0px; height:10px;} ul.leftmenu1 li.last1{ border:0px;} ul.leftmenu1 li.bot1{ border:0px; padding-bottom:48px; background-image:url(../img/menu_botleftcorner-1.png); background-repeat:no-repeat; background-position:0 38px} ul.leftmenu1 li a:link, ul.leftmenu1 li a:visited, ul.leftmenu1 li a:active {color:#2474a1; } ul.leftmenu1 li a:hover {color:#f9851b; } /* ------------------------------------------- WEBSITE CLASSES -------------------------------------------*/ .large-box1{position:relative;background-color:#fff; width:932px; margin-left:32px; text-align:left; margin-bottom:15px;} .mid-box1{position:relative;float:left;background-color:#fff; width:384px; margin-left:32px; text-align:left; margin-bottom:15px;} .mid-box2{position:relative; float:right; background-color:#fff; width:534px; margin-right:28px; text-align:left; margin-bottom:15px;} .mid-box3{background-color:#fff;} .topbar1{width:100%; height:34px; background-color:#2474a1;} .edge_left1{ position:absolute; left:-2px; top:0px; width:4px; background-image:url(../img/boxedge_left-1.gif); background-repeat:repeat-y;} .edge_right1{ position:absolute; right:-2px; top:0px; width:4px; background-image:url(../img/boxedge_right-1.gif); background-repeat:repeat-y;} .edge_bot1{ position:absolute; right:4px; bottom:-2px; height:4px; background-image:url(../img/boxedge_bottom-1.gif); background-repeat:repeat-x;} .edge_botleft1{ position:absolute; left:-2px; bottom:-2px; height:8px; width:8px; background-image:url(../img/boxedge_leftbotcorner-1.gif); background-repeat:no-repeat} .edge_botright1{ position:absolute; right:-2px; bottom:-2px; height:8px; width:8px; background-image:url(../img/boxedge_rightbotcorner-1.gif); background-repeat:no-repeat;} .edge_top1{ position:absolute; right:4px; top:-2px; height:4px; background-image:url(../img/boxedge_top-1.gif); background-repeat:repeat-x;} .edge_topleft2{ position:absolute; left:-2px; top:-2px; height:8px; width:8px; background-image:url(../img/boxedge_lefttopcorner-2.gif); background-repeat:no-repeat} .edge_topright2{ position:absolute; right:-2px; top:-2px; height:8px; width:8px; background-image:url(../img/boxedge_righttopcorner-2.gif); background-repeat:no-repeat;} .clearall{clear:both;font-size:2px; margin:0; padding:0} .box_rightbottom{ position:absolute; bottom:17px; right:27px;} .tagline1{margin:0; padding:0; color:#2474a1; font-size:14px; line-height:18px; font-style:italic; margin-left:35px; font-family: Arial, Helvetica, sans-serif; font-weight:bold;} .input_text1{ width:418px; height:25px; border:1px solid #bfbfbf; background-color: transparent; font-size:13px; padding-left:10px; padding-top:5px; padding-bottom:0px; margin-left:22px; margin-top:8px;} .input_textarea1{ width:418px; height:165px; border:1px solid #bfbfbf; background-color: transparent; font-size:13px; padding-left:10px; padding-top:5px; padding-bottom:0px; margin-left:22px; margin-top:8px;} .input_button1{margin-left:22px; margin-top:8px;}