/* Arcane Media 2012 - design, printing, multimedia Australia*/ body {margin:0px; background-image: url(images/bg.jpg); font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; text-decoration: none; } /* GLOBAL classes _________________________________________________________________________________________________ */ div { font-family: Verdana, Geneva, Arial, helvetica, sans-serif;} b { font-weight: normal;} td {font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 12px; line-height: 18px; } h1 {padding: 0; margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #efeeee; line-height: 10px; } h2 {padding:5px; margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #49516e; font-style: normal; font-weight: normal; line-height: 20px; } #h1text {width:825px; padding: 0 0 0 30px; margin: 0; font-family: Arial;font-size: 10px; color: #efeeee; } #h1text h1 {font-size: 10px; color: #fff;} #page_name {margin: 0px 0 0 35px;} #page_title_box {width:780px; position:relative; background-color: #f7fafa; border: 2px dotted #CCCCCC; padding: 0 0 0 5px; margin: 30px 0 0 45px; } #page_title_box img { margin:10px 0 0 0;} #page_title_box_left {float:left; padding: 1px 0; margin: 0; width:490px; height:50px;text-align: center; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; color: #97a9b9; text-decoration: none; } #page_title_box_right { float:left; padding: 1px 0; margin: 0 0 0 10px; width:280px; height:50px; text-align: center; text-decoration: none; } /* lists __________*/ li.logo { padding: 0 0 0 0; margin: 0 0 0 55px; list-style-image:url(images/li_logo.jpg); } li.business_card { padding: 0 0 0 0; margin: 0 0 0 55px; list-style-image:url(images/li_bc.jpg); } li.plastic_business_card { padding: 0 0 0 0; margin: 0 0 0 55px; list-style-image:url(images/li_pbc.jpg); } li.invoice_book { padding: 0 0 0 0; margin: 0 0 0 55px; list-style-image:url(images/li_invoice_book.jpg); } li.flyer_brochure { padding: 0 0 0 0; margin: 0 0 0 55px; list-style-image:url(images/li_flyer_brochure.jpg); } li.fridge_magnet { padding: 0 0 0 0; margin: 0 0 0 55px; list-style-image:url(images/li_fridge_magnet.jpg); } li.stubby_cooler { padding: 0 0 0 0; margin: 0 0 0 55px; list-style-image:url(images/li_stubby_cooler_mouse_mat.jpg); } li.mouse_mat { padding: 0 0 0 0; margin: 0 0 0 55px; list-style-image:url(images/li_mouse_mat.jpg); } li.calendar_printing { padding: 0 0 0 0; margin: 0 0 0 55px; list-style-image:url(images/li_calendar_printing.jpg); } li.letterhead { padding: 0 0 0 0; margin: 0 0 0 55px; list-style-image:url(images/li_letterhead.jpg); } li.with_comps { padding: 0 0 0 0; margin: 0 0 0 55px; list-style-image:url(images/li_with_comps.jpg); } li.envelope { padding: 0 0 0 0; margin: 0 0 0 55px; list-style-image:url(images/li_envelope.jpg); } li.publication_design { padding: 0 0 0 0; margin: 0 0 0 55px; list-style-image:url(images/li_publication_design.jpg); } li.sticker_printing { padding: 0 0 0 0; margin: 0 0 0 55px; list-style-image:url(images/li_sticker_printing.jpg); } li.facebook { padding: 0 0 0 0; margin: 0 0 0 0; list-style-image:url(images/facebook.gif); } li.youtube { padding: 0 0 0 0; margin: 0 0 0 55px; list-style-image:url(images/youtube.gif); } li.twitter { padding: 0 0 0 0; margin: 0 0 0 55px; list-style-image:url(images/twitter.gif); } li.google { padding: 0 0 0 0px; margin: 0 0 0 55px; list-style-image:url(images/google.gif); } li.zip { padding: 0 0 0 0; margin: 5px 0 0 0px; list-style-image:url(images/li_zip.jpg); } li.pdf { padding: 0 0 0 0; margin: 5px 0 0 0px; list-style-image:url(images/li_pdf.jpg); } li.arrow { padding: 0 0 0 0; margin: 0 0 0 0px; list-style-image:url(images/li1.jpg); } /* Layout ___________________________________________________________*/ #container{ width:890px; margin: 0 auto; } #top1 {padding: 1px 0; margin: 0; width:881px; height:30px; text-align:right; line-height: 10px; font-family: Arial; font-size: 10px; color: #efeeee; } #top1 a {font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #8aa9d3; text-decoration: none; } #top1 a:visited { text-decoration:none; color:#8aa9d3; } #top1 a:hover {font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #97A9B4; letter-spacing: 1px; } #top2 {padding: 1px 0; width:881px; height:6px; background-image: url(images/arcanemedia_top1.jpg); background-repeat: no-repeat; } #top3banner {width:881px; height:138px; padding-bottom: 0px; margin: 0px; background-image: url(images/arcanemedia_banner.jpg); background-repeat: no-repeat; font-size:0; line-height:0; } #top4menu { padding: 0 0 0 30px; height: 44px; background-image: url(images/arcanemedia_top2.jpg); background-repeat: no-repeat; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #bdbcbc;} #top4menu a { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color:#49516e; font-weight: normal; text-decoration: none; } #top4menu a:visited {text-decoration:none; color:#49516e; } #top4menu a:hover {font-family: Arial, Helvetica, sans-serif; font-size: 13px; color:#000000; } /* MIDDLE ____________________________*/ #middle_logo {width:640px; float:left; padding: 1px 0;margin-left:145px; } #flash_banner { width:815px; height:320px; margin:20px 0 20px 30px; background-color:#CCC;} #middle {padding: 1px 0; width:881px; background-image: url(images/arcanemedia_middle.jpg); background-repeat:repeat-y;} #middle ul{ padding: 0 0 0 20px; list-style-image: url(images/arrow_sm.gif); } #middle li { margin-top:5px; margin-left:5px; } /* INDEX ___________________________________________________ */ #left_column{width:215px; float:left; margin-left:35px; background-color: #f7fafa; display: inline; } #left_column ul{ list-style-image: url(images/li1.jpg);padding:0 0 0 20px; } #left_column li { margin-left:7px; margin-top:12px; } #left_column a {margin-left:5px; text-decoration: none; font-family: Arial, Verdana; font-size: 12px; color: #49516e; } #left_column a:visited { text-decoration:none; color:#49516e; } #left_column a:hover { text-decoration:none; font-size: 12px; color:#707ebe; } #left_column a:active { text-decoration: none;} #left_column a.alt { text-decoration: none; font-family: Arial, Verdana; font-size: 8px; color: #F63; } #right_column{width:580px; float:left; padding-left:10px; margin-left:10px; font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 12px; line-height: 18px; } #right_column_txt{width:570px; float:left; padding-left:0px; padding-top:20px; font-family: Verdana, Geneva, Arial, helvetica, sans-serif;font-size: 11px; line-height: 18px; text-align: justify; } #right_column_txt a {text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; } #right_column_txt a:visited { text-decoration:none; color:#333333; } #right_column_txt a:hover { text-decoration:none; font-size: 11px; color:#666666; } #right_column_txt a:active { text-decoration: none;} #recent_job { width:400px; border: 1px dotted #CCCCCC; background-color: #f7fafa; margin: 0 0 0 40px; padding: 20px; font-family: Georgia, Arial; font-size: 22px; color: #547287; } #recent_job h1 { font-family: Verdana, Arial, Helvetica, sans-serif; padding: 5px 0 15px 0; font-size: 14px; color: #49516e; } #ie { background-image: url(images/ie_logo.jpg); background-repeat:no-repeat; background-color: #efeff3; padding: 5px 0 5px 55px; border: 1px dotted #CCCCCC;} /* Virtual tour + video production ____________________________________________________________________________ */ #left_column_vt{width:560px; float:left; margin-left:30px; padding:5px; } #left_column_vt h3 { font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; font-size:22px; color:#15aadb; } #left_column_vt_text{ padding: 10px 20px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 15px; color: #434343; line-height:22px; text-align: justify; } .vt_thumb { width:265px; height:235px; background-image:url(images/vt_thumb_bg.jpg); margin:0px 0px 0 0; font-family: "Palatino Linotype", "Book Antiqua"; font-size: 14px; color: #2196af; text-decoration:none; } .vt_thumb img { margin:5px;} #vt_info { width:525px; text-align:center; background-color: #efeff3; padding: 5px; margin:30px 0 0 10px; border: 1px dotted #CCCCCC;} .panorama_info { float:left; width:245px; height:320px; background-color: #fafafa; padding: 5px 5px 0 10px; margin:10px 5px 0 10px; border: 1px dotted #CCCCCC; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height:20px;} .panorama_info a {font-family: Arial, Helvetica; font-size: 14px; color:#49516e; font-weight: normal; text-decoration: none; } .panorama_info a:hover {font-family: Arial, Helvetica, sans-serif; font-size: 13px; color:#000000; } .panorama_info a:visited {text-decoration:none; color:#49516e; } .video_info { width:525px; text-align:center; background-color: #efeff3; padding: 5px; margin:30px 0 0 10px; border: 1px dotted #CCCCCC;} .ipad_friendly { background-color: #f4dff2; padding: 2px 5px 2px 5px; margin:0px 0 0 00px; border: 1px dotted #CCCCCC;} #right_column_vt{width:235px; float:left; padding-left:0px; margin:10px 0 0 10px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; } #right_column_vt ul{list-style-image: url(images/arrow_sm.gif); padding:0 0 0 20px; } #right_column_vt li {margin:0px 0 0px 15px; margin-left:0px; font-size:14px; padding: 0 0 5px 5px; font-family:"Courier New", Courier, monospace; } #right_column_vt a {text-decoration: none; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 14px; color: #49516e; } #right_column_vt a:visited {text-decoration:none; color:#49516e; } #right_column_vt a:hover {text-decoration:none; font-size: 14px; color:#333333; } #right_column_vt a:active {text-decoration: none;} /* Floor plan ____________________________________________________________________________ */ #left_column_fp{width:560px; float:left; margin-left:30px; padding:5px; } #left_column_fp h3 { font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; font-size:22px; color:#15aadb; } #left_column_fp_text{ padding: 10px 20px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 15px; color: #434343; line-height:22px; text-align: justify; } .floorplan_info1 { float:left; width:310px; background: #ecf6f8 url(showcase/floor_plan_basic1.jpg) 2% 25px no-repeat ; padding: 5px 5px 0 220px; margin:10px 5px 0 10px; border: 1px dotted #CCCCCC; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height:20px;} .floorplan_info1 a { font-family:Trebuchet MS, Arial; font-size: 14px; color: #b424bd; } .floorplan_info1 a:hover {text-decoration: underline; font-size: 14px; color:#7e97a8; } .floorplan_info2 { float:left; width:310px; background: #f9ecf3 url(showcase/floor_plan_basic2.jpg) 2% 25px no-repeat ; padding: 5px 5px 0 220px; margin:10px 5px 0 10px; border: 1px dotted #CCCCCC; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height:20px;} .floorplan_info2 a { font-family:Trebuchet MS, Arial; font-size: 14px; color: #b424bd; } .floorplan_info2 a:hover {text-decoration: underline; font-size: 14px; color:#7e97a8; } .floorplan_info3 { float:left; width:310px; background: #f4f1e2 url(showcase/floor_plan_advanced1.jpg) 2% 25px no-repeat ; padding: 5px 5px 0 220px; margin:10px 5px 0 10px; border: 1px dotted #CCCCCC; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height:20px;} .floorplan_info3 a { font-family:Trebuchet MS, Arial; font-size: 14px; color: #b424bd; } .floorplan_info3 a:hover {text-decoration: underline; font-size: 14px; color:#7e97a8; } .floorplan_info4 { float:left; width:310px; background: #e4f4e0 url(showcase/floor_plan_advanced2.jpg) 2% 25px no-repeat ; padding: 5px 5px 0 220px; margin:10px 5px 00px 10px; border: 1px dotted #b6b6b6; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height:20px;} .floorplan_info4 a { font-family:Trebuchet MS, Arial; font-size: 14px; color: #b424bd; } .floorplan_info4 a:hover {text-decoration: underline; font-size: 14px; color:#7e97a8; } .floorplan_thumb { width:550px; height:411px; background-image:url(images/floor_plan_bg.png); margin:0px 0px 0 0; font-family: "Palatino Linotype", "Book Antiqua"; font-size: 14px; color: #2196af; text-decoration:none; } .floorplan_thumb img { margin:15px 0 0 15px;} #right_column_fp{width:235px; float:left; padding-left:0px; margin:10px 0 0 10px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; } /* website design ____________________________________________________________________________ */ #left_column_website{width:560px; float:left; margin-left:30px; padding:5px; } #left_column_website_text{ padding: 10px 10px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 15px; color: #434343; line-height:22px; } #left_column_website h3 { font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; font-size:22px; color:#15aadb; } .website_bg { width:550px; height:650px; background-image:url(images/website_bg.jpg); margin:0px 0px 0 0; } .website_bg img { margin:15px 0 0 15px;} .website_info1 { float:left; width:310px; background: #ecf6f8 url(images/cross_platform.jpg) 2% 5px no-repeat ; padding: 10px 5px 10px 200px; margin:30px 5px 0 20px; border-top: 1px dotted #d5d5d5; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height:20px;} .website_info2 { float:left; width:310px; background: #f9ecf3 url(images/flash_ipad.jpg) 2% 5px no-repeat ; padding: 5px 5px 5px 200px; margin:10px 5px 0 20px; border-top: 1px dotted #d5d5d5; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height:20px;} .website_info2b { float:left; width:310px; background: #f9ecf3 url(images/email_list.jpg) 2% 5px no-repeat ; padding: 5px 5px 5px 200px; margin:10px 5px 0 20px; border-top: 1px dotted #d5d5d5; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height:20px;} .website_info3 { float:left; width:310px; background: #f4f1e2 url(images/full_hd.jpg) 2% 5px no-repeat ; padding: 5px 5px 5px 200px; margin:10px 5px 0 20px; border-top: 1px dotted #d5d5d5; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height:20px;} .website_info3b { float:left; width:310px; background: #f4f1e2 url(images/reports_analytics.jpg) 2% 5px no-repeat ; padding: 5px 5px 5px 200px; margin:10px 5px 0 20px; border-top: 1px dotted #d5d5d5; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height:20px;} .website_info4 { float:left; width:310px; background: #e4f4e0 url(images/cms.jpg) 2% 5px no-repeat ; padding: 5px 5px 5px 200px; margin:10px 5px 0 20px; border-top: 1px dotted #d5d5d5; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height:20px;} .website_info4b { float:left; width:310px; background: #e4f4e0 url(images/secure_information.jpg) 2% 5px no-repeat ; padding: 5px 5px 5px 200px; margin:10px 5px 0 20px; border-top: 1px dotted #d5d5d5; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height:20px;} .website_service1 { float:left; width:350px; background: #fafafa url(images/newsletter.jpg) 2% 5px no-repeat ; padding: 10px 5px 10px 145px; margin:20px 5px 0 5px; border: 1px dotted #7cd989; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height:20px;} .website_service2 { float:left; width:350px; background: #fafafa url(images/domain.jpg) 2% 5px no-repeat ; padding: 10px 5px 10px 145px; margin:20px 5px 0 5px; border: 1px dotted #d9bc7c; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height:20px;} .website_showcase1 { float:left; width:350px; background: #fafafa url(images/domain.jpg) 2% 5px no-repeat ; padding: 10px 5px 10px 180px; margin:20px 5px 0 5px; border: 1px dotted #d5d5d5; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height:20px;} /* animation sample ____________________________________________________________________________ */ #left_column_animation_sample{width:480px; float:left; margin-left:35px; background-color: #f7fafa; padding: 30px 0 0 ; font-size:9px; color:#e5e5e5; } #left_column_animation_sample h3{font-size:9px; color:#e5e5e5; text-align: center; } #left_column_animation_sample ul {margin: 10px 0 0 0;} .animation_info { float:left; width:208px; height:160px; background-color: #e9f5eb; padding: 0px 0px 0 0px; margin:10px 0px 0 20px; border: 1px dotted #CCCCCC; font-family: Arial, Helvetica, sans-serif; line-height:20px;} .animation_info a {font-family: Verdana, Geneva, sans-serif; font-size:12px; color:#49516e; font-weight:normal;text-decoration: none; } .animation_info a:hover {font-family: Arial, Helvetica, sans-serif; font-size: 13px; color:#000000; } .animation_info a:visited {text-decoration:none; color:#49516e; } .animation_sample { width:425px; text-align:center; background-color: #efeff3; padding:5px; margin:20px 0 0 20px; border: 1px dotted #CCCCCC;} #right_column_animation_sample{width:320px; float:left; padding-left:0px; margin: 20px 0 0 15px; font-family: Verdana, Geneva, sans-serif; font-size: 13px; color: #434343; font-style: normal; font-weight: normal; } #right_column_animation_sample ul{list-style-image: url(images/arrow_sm.gif); margin:0 0 0 10px; padding:0px; } #right_column_animation_sample li { margin-top:5px; margin-left:5px; font-size:14px; color:#3c3c3c; font-family:Arial, Helvetica, sans-serif; } #right_column_animation_sample a { text-decoration: none; font-family: Arial, Verdana; font-size: 14px; color: #49516e; } #right_column_animation_sample a:visited { text-decoration:none; color:#49516e; } #right_column_animation_sample a:hover { text-decoration:none; font-size: 14px; color:#333333; } #right_column_animation_sample a:active { text-decoration: none;} /* Packages page*/ #middle_packages {width:881px; padding: 1px 0; background-image: url(images/arcanemedia_middle.jpg); background-repeat:repeat-y; } #middle_packages ul{ padding: 0 0 0 20px; list-style-image: url(images/arrow_sm.gif); } #middle_packages li { margin-top:5px; margin-left:5px; } /* left column PRODUCT ________delete when updated___________________________________________ */ #left_column_product{width:500px; float:left; margin-left:35px; background-color: #f7fafa; padding: 5px; } #left_column_product ul{ list-style-image: url(images/arrow_sm.gif); padding-top:0px; padding-left:5px; } #left_column_product li { margin-top:5px; margin-left:5px; } /* PRODUCT NEW ___________________________________________________ */ #left_column_product_new{width:470px; float:left; margin-left:35px; background-color: #f7fafa; padding: 60px 0 0 0; font-size:9px; color:#e5e5e5; text-align: center; } #left_column_product_new h3{font-size:9px; color:#e5e5e5; text-align: center; } #right_column_product_new{ width:310px; float:left; padding-left:0px; margin-left:15px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 15px; color: #434343; line-height:22px; font-style: normal; font-weight: normal; } #right_column_product_new ul{ list-style-image: url(images/arrow_sm.gif); padding-top:0px; padding-left:5px; } #right_column_product_new li { margin-top:5px; margin-left:5px; font-size:15px; } #right_column_product_new a { text-decoration: none; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 14px; color: #49516e; } #right_column_product_new a:visited { text-decoration:none; color:#49516e; } #right_column_product_new a:hover { text-decoration:none; font-size: 14px; color:#333333; } #right_column_product_new a:active { text-decoration: none;} .testimonial_small { width:275px; height:150px; background-image:url(images/testimonial-small.gif); padding: 15px 0px 0px 15px; font-family: "Comic Sans MS", cursive;font-size:14px; color:#666; line-height:20px;} .testimonial_name { padding: 0px 0px 0px 15px; font-family: "Palatino Linotype", "Book Antiqua"; font-size: 18px; color: #2196af; } .testimonial_name a { text-decoration:underline; color:#a62bda; } .testimonial_name a:visited { text-decoration:none; color: #666; } .testimonial_name a:hover { text-decoration:none; font-size: 14px; color:#333333; } /* LOGO NEW ___________________________________________________ */ #left_column_logo_new{ width:480px; float:left; margin-left:35px; background-color: #f7fafa; padding: 5px 0 0 0; font-size:9px; color:#e5e5e5; text-align: center; } #left_column_logo_new h3{font-size:9px; color:#e5e5e5; text-align: center; } #right_column_logo_new{ width:310px; float:left; padding-left:0px; margin-left:15px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 15px; color: #434343; line-height:22px; font-style: normal; font-weight: normal; } #right_column_logo_new ul{ list-style-image: url(images/arrow_sm.gif); padding-top:0px; padding-left:5px; } #right_column_logo_new li { margin-top:5px; margin-left:5px; font-size:15px; } #right_column_logo_new a { text-decoration: none; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 14px; color: #49516e; } #right_column_logo_new a:visited { text-decoration:none; color:#49516e; } #right_column_logo_new a:hover { text-decoration:none; font-size: 14px; color:#333333; } #right_column_logo_new a:active { text-decoration: none;} /* logo_specs */ .logo_specs{width:340px; padding-left:0px; margin-left:100px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; color: #434343; line-height:22px; font-style: normal; font-weight: normal;text-align:left; } .logo_specs ul{list-style-image: url(images/arrow_sm.gif);padding-top:0px; padding-left:5px; margin:0 0 0 0; } .logo_specs li { margin-top:5px; margin-left:5px; font-size:14px; } .logo_specs a { text-decoration: none; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #49516e; } .logo_specs a:visited { text-decoration:none; color:#49516e; } .logo_specs a:hover { text-decoration:none; font-size: 14px; color:#333333; } .logo_specs a:active { text-decoration: none;} /* left column ANIMATION __________delete when updated_________________________________________ */ #left_column_animation{width:565px; float:left; margin-left:30px; padding:5px; } #left_column_animation ul{ list-style-image: url(images/arrow_sm.gif); padding-top:0px; padding-left:5px; } #left_column_animation li { margin-top:5px; margin-left:5px; } #animation_hub{width:560px; height: 350px; background-image:url(images/animation_bg.gif); margin-left:0px; padding: 0px; } /* left column MODELLING _____________delete when updated______________________________________ */ #left_column_modelling{width:565px; float:left; margin-left:35px; padding: 5px; } #modelling_hub{width:660px; float:left; padding: 0 0 15px 55px; } /* logo_links ___________________delete when updated________________________________ */ #logo_links ul{ list-style-image: url(images/linedot.gif); padding-top:0px; padding-left:3px; } #logo_links li { margin-left:7px; margin-top:0px; } #logo_links a {margin-left:0px; text-decoration: none; font-family:Arial, Verdana, Helvetica, sans-serif; font-size: 8px; color: #b1c3c3; } #logo_links a:visited { text-decoration:none; color:#81caca; } #logo_links a:hover { text-decoration:none; font-size: 8px; color:#91a1a1; } #logo_links a:active { text-decoration: none;} #logoform { width:275px; height:650px; margin:10px 0 0 10px; padding: 5px 0px 0px 10px; background-image:url(images/metalbg.jpg); border: 1px dotted #CCCCCC; font-family: Georgia, "Times New Roman", Times, serif; font-size:15px; color:#4f4f56; line-height:20px; line-height:28px; } #logoform input{margin: 0px 0 5px 0;} /* right column PRODUCT _______________delete when updated____________________________________ */ #right_column_product{width:280px; float:left; padding-left:0px; margin-left:10px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; font-style: normal; font-weight: normal; } #right_column_product ul{list-style-image: url(images/arrow_sm.gif); padding-top:0px; padding-left:5px; } #right_column_product li { margin-top:5px; margin-left:5px; } #right_column_product a { text-decoration: none; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 14px; color: #49516e; } #right_column_product a:visited { text-decoration:none; color:#49516e; } #right_column_product a:hover { text-decoration:none; font-size: 14px; color:#333333; } #right_column_product a:active { text-decoration: none;} /* right column ANIMATION _________________delete when updated__________________________________ */ #right_column_animation{width:230px; float:left; padding-left:0px; margin-left:10px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; font-style: normal; font-weight: normal; } #right_column_animation ul{list-style-image: url(images/arrow_sm.gif); padding-top:0px; padding-left:5px; } #right_column_animation li { margin-top:5px; margin-left:5px; } #right_column_animation a {text-decoration: none; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 14px; color: #49516e; } #right_column_animation a:visited {text-decoration:none; color:#49516e; } #right_column_animation a:hover {text-decoration:none; font-size: 14px; color:#333333; } #right_column_animation a:active {text-decoration: none;} /* right column MODELLING ________________delete when updated___________________________________ */ #right_column_modelling{ width:150px; float:left; padding-left:0px; margin-left:20px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; font-style: normal; font-weight: normal; } #right_column_modelling ul{list-style-image: url(images/arrow_sm.gif); padding-top:0px; padding-left:5px; } #right_column_modelling li { margin-top:5px; margin-left:5px; } #right_column_modelling a { text-decoration: none; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 14px; color: #49516e; } #right_column_modelling a:visited { text-decoration:none; color:#49516e; } #right_column_modelling a:hover { text-decoration:none; font-size: 14px; color:#333333; } #right_column_modelling a:active { text-decoration: none;} /* bottom ___________________________________________________ */ #bottom {height: 96px; width: 881px; padding-bottom: 0px; background-image: url(images/arcanemedia_bottom.jpg); } #bottom_links {text-align:center;} #bottom_links a { font-family: Arial; font-size: 9px; color:#e5e1e3; font-weight: normal; text-decoration: none; } #bottom_links a:visited { text-decoration:none; color:#e5e1e3; } #bottom_links a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 9px; color:#d2d0d1; } #menu_bottom { padding: 1px 0; /* This fixes margin collapsing issue not see in ie.. */ margin-top:7px; text-align:center; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #bdbcbc; } #menu_bottom a { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color:#49516e; font-weight: normal; text-decoration: none; } #menu_bottom a:visited { text-decoration:none; color:#49516e; } #menu_bottom a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color:#000000; } /* Sitemap ___________________________________________________ */ #sitemap_container{ position:relative; width:520px; left:50%; margin-left:-260px; } #sitemap_top { height: 150px; width: 520px; padding-bottom: 0px; background-image: url(images/sitemap_top.jpg); } #sitemap_middle { width:520px; padding: 1px 0; background-image: url(images/sitemap_middle.jpg); background-repeat:repeat-y; } #sitemap_bottom { width: 520px; height: 39px; padding-bottom: 0px; background-image: url(images/sitemap_bottom.jpg); } /* F_O_N_T_S_________________________________________________________________________________________________ */ .phone { font-family: Tahoma, Geneva, sans-serif; font-size:12px; color:#125b80;} .menu_sub {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; font-style:italic; } .arcane1 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333;text-decoration: none; } .palintino {font-family: "Palatino Linotype", "Book Antiqua"; font-size: 14px; color: #2196af; } .palintino1 {font-family: "Palatino Linotype", "Book Antiqua"; font-size: 14px; color: #666; } .palintino1b {font-family: "Palatino Linotype", "Book Antiqua"; font-size: 14px; color: #0bd048; } .palintino1c {font-family: "Palatino Linotype", "Book Antiqua"; font-size: 14px; color: #ce0bd0; } .palintino2 {font-family: "Palatino Linotype", "Book Antiqua"; font-size: 18px; color: #2196af; } .thanks {font-family: Georgia, Arial; font-size: 22px; color: #547287; font-style:italic; } .thanks2 {font-family: Georgia, Arial; font-size: 18px; color: #ca7a08; font-style:italic; } .question1 {font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #cc7700; text-decoration: none; cursor:help; } .subheading1 {font-family: Arial, Helvetica, sans-serif; font-size: small; color: #333333; font-weight: bold; } .subheading2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #ca7a08; font-weight: bold; } .subheading2b {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #66a666; font-weight: bold; } .subheading3 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #49516e; font-weight: bold; } .subheading3b {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #49516e; font-weight: bold; } .arcane2 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; text-decoration: none; } .arcane3 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; } .dark_grey {font-family: verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; } .greytext {font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #666666; font-weight: bold; } .greytext2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #666666; font-weight: bold; letter-spacing: 1px; } .blueItalic {font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #97a9b4; font-style: italic; text-transform: uppercase; } .smallGrey {font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #CCCCCC; } .lightblue {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #a5c0e4; } .bluetext {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #97a9b4; text-transform: uppercase; } .greentext {font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #66a666; text-transform: uppercase; } .smallText {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; } .Small2Grey {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #efeeee; } .Small3Grey {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #bdbcbc; } .smallTextLink {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; } .smallTextLightGrey {font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #999999; } .h1Blue {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; color: #97a9b4; } .h1White {font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #FFFFFF; text-align: left; } .GreyBody1 {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #CCCCCC; text-align: justify; } .Creative {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #3B647D; font-style: italic; text-transform: none; } .Creative2 {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #3E4D56; font-style: normal; } .Creative2B {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #3E4D56;font-style: normal; } .Creative2C {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #3E4D56; font-style: normal; } .Creative2D {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #DCDCD2; font-style: normal; } .Creative3 {font-family: Verdana, Arial; font-size: 14px; color: #666666; text-transform: uppercase; font-weight: bold; } .Creative4 {font-family: Verdana,Arial, Helvetica, sans-serif; font-size: 13px; color: #3B647D; } .Spacer {font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #efeeee; } .graphicdesign {font-family: Verdana, Arial, Helvetica; font-size: 16px; color: #97a9b4; font-weight: bold; text-align: justify; } .graphicdesign2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #97a9b4; font-weight: bold; } .testimonial {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #49516e; font-style: italic; } .testimonial2 {font-family: Verdana, Arial, Helvetica; font-size: 14px; color: #49516e; font-style: italic; font-weight: bold; } /* B_A_C_K_G_R_O_U_N_D_S _________________________________________________________________________________________________ */ .blue_box {background-color: #f7fafa; padding: 5px; border: 2px dotted #CCCCCC; } .blue_box2 {background-color: #f7fafa; padding: 5px; border: 1px dotted #CCCCCC; } .grey_box {background-color: #f4f6f9; border-top-width: 1px; border-top-style: dotted; border-top-color: #CCCCCC; border-right-style: none; border-right-color: #CCCCCC; border-bottom-style: none; border-bottom-color: #CCCCCC; border-left-style: none; border-left-color: #CCCCCC; } .arrow3 {width: 50px; height: 50px; background-image: url(images/arrow3.jpg); background-repeat: no-repeat; } .arrow3b {width: 50px; height: 15px; background-image: url(images/arrow3_sm.jpg); background-repeat: no-repeat; } .metalBG { background-image: url(images/metalbg.jpg); } .sideHeader { width: 210px; height: 48px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-size: 10px; color: #333333; letter-spacing:5px; line-height: 40px; background-image: url(images/side-header.jpg); background-repeat: no-repeat; text-align:center; } .sideHeaderMiddle { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; padding: 4px; border-right-width: 1px; border-right-style: solid; border-right-color: #d5d5d5; border-left-width: 1px; border-left-style: solid; border-left-color: #d5d5d5; border-top-style: none; border-bottom-style: none; } .sideHeaderBottom {width: 210px; height: 9px; background-image: url(images/side-header-bottom.jpg); } .sideHeader2 {width: 235px; height: 50px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; letter-spacing:5px; line-height: 40px; background-image: url(images/side-header2.jpg); background-repeat: no-repeat; text-align:center; } .sideHeader2Middle {width: 225px; background-image: url(images/side-header2-middle.jpg); background-repeat:repeat-y; padding: 10px 10px 5px 10px; margin:0px; } .sideHeader2Bottom {width: 235px; height: 10px; background-image: url(images/side-header2-bottom.jpg); margin:0px; } /* L_I_N_K_S _________________________________________________________________________________________________ */ a.pdf, a.pdf2{ color: #e8dbcb; border: none; font-weight: bold; background: #617378 url("images/pdf-icon.gif") 98% -52px no-repeat; padding: 4px 2em 4px 6px; margin: 0 0.5em; border-left: 1px solid #3f3830; border-bottom: 1px solid #3f3830; border-top: 1px solid #72685a; border-right: 1px solid #72685a; text-decoration: none; font-size: 90%;} a.pdf:hover{background: #414275 url("images/pdf-icon.gif") 98% 4px no-repeat; color: #fbeede;} a.indesign, a.indesign2{ color: #e8dbcb; border: none; font-weight: bold; background: #889a9a url("images/indesign.png") 98% -52px no-repeat; padding: 4px 3em 4px 6px; margin: 0 0.6em; border-left: 1px solid #3f3830; border-bottom: 1px solid #3f3830; border-top: 1px solid #72685a; border-right: 1px solid #72685a; text-decoration: none; font-size: 90%;} a.indesign:hover{background: #597676 url("images/indesign.png") 98% 2px no-repeat; color: #fbeede;} /* Printing link */ .printing a {text-decoration: none; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #333333; } .printing a:visited {text-decoration:none; color:#333333; } .printing a:hover {text-decoration:none; font-size: 11px; color:#666666; } .printing a:active { text-decoration: none; } /* resources link */ A.resourcesLink {text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; } A.resourcesLink:visited {text-decoration:none; color:#333333; } A.resourcesLink:hover {text-decoration:none; font-size: 11px; color:#666666; } A.resourcesLink:active { text-decoration: none; } /* CLIENT link */ A.clientLink {text-decoration: none; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #333333; } A.clientLink:visited {text-decoration:none; color:#333333; } A.clientLink:hover {text-decoration:none; font-size: 11px; color:#666666; } A.clientLink:active { text-decoration: none; } /* website Link2 */ A.websiteLink2 {font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #cc7700; text-decoration: none; } A.websiteLink2:hover {font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #97A9B4; } A.websiteLink2:visited {text-decoration:none; color:#cc7700; } /* SERVICE link */ A.serviceLink {text-decoration: none; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #CC6600; } A.serviceLink:visited {text-decoration:none; color:#CC6600; } A.serviceLink:hover {text-decoration:none; font-size: 12px; color:#666666; } A.serviceLink:active {text-decoration: none; } /* SMALL GREY link */ A.SmallGreyLink {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #CCCCCC; } A.SmallGreyLink:hover {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #97A9B4; } /* Blue_link */ A.Blue_link {font-family: Arial, Helvetica, sans-serif; font-size: 13px; color:#49516e; font-weight: normal; text-decoration: none; } A.Blue_link:hover {font-family: Arial, Helvetica, sans-serif; font-size: 13px; color:#000000; } A.Blue_link:visited {text-decoration:none; color:#49516e; } /* light_blue_link */ A.light_blue_link {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #8aa9d3; text-decoration: none; } A.light_blue_link:hover {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #97A9B4; } A.light_blue_link:visited {text-decoration:none; color:#8aa9d3; } /* bigLink */ A.big_Link {font-family:Trebuchet MS, Arial; font-size: 14px; color: #9ca661; font-style: normal;font-weight: bold; text-decoration: underline; } A.bigLink:hover {text-decoration: underline; font-size: 14px; color:#666666; }