/* LAYOUT */ * {margin:0; padding:0; border:0; } .clear { clear:both; } .clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; } img { behavior:url(iepngfix.htc); } img.left { float: left; margin: 2px 20px 16px 0; } img.right { float: right; margin: 2px 0 16px 20px; } img.across { margin: 2px 0 16px 0; } img.flushleft { margin-left: -20px; } img.flushright { margin-right: -20px; } #header { width: 995px; margin: 17px auto 0 auto; position: relative; } #container { width: 995px; margin: 0 auto; position: relative; } #main { width:100%; position: relative; } #content { padding: 18px 10px; position: relative; color: #333; } #breadcrumb { clear:both; text-align:center; margin:18px auto; clear:both; font-size:10px; color:#686868; } /* GRID */ .column { float: left; } .grid2col, .grid2cola, .grid2colb, .grid2colc, .grid2cold, .grid2cole, .grid2colf, .grid3col, .grid3cola, .grid4col, .grid5col, .grid6col { width: 100%; } .grid2col .column { width: 49%; } .grid2col .grid2col .column { width: 47.8%; } .grid3col .grid2col .column { width: 46%; } .grid4col .grid2col .column { width: 45%; } .grid2cola .column.first { width: 66%; } .grid2cola .column.last { width: 32%; } .grid2cola .grid2col .column.first { width: 48.6%; } .grid2cola .grid2col .column.last { width: 48.6%; } .grid2colb .column.first { width: 74.9%; } .grid2colb .column.last { width: 23%; } .grid2colc .column.first { width: 32%; } .grid2colc .column.last { width: 66%; } .grid2cold .column.first { width: 23%; } .grid2cold .column.last { width: 74.9%; } .grid2cold .grid2col .column { width: 47.8%; } .grid2cole .column.first { width: 79%; } .grid2cole .column.last { width: 19%; } .grid2colf .column.first { width: 19%; } .grid2colf .column.last { width: 79%; } .grid3col .column { width: 32%; margin-left: 2%; } .grid2col .grid3col .column { width: 31%; } .grid3cola .column { width: 58%; margin-left: 2%; } .grid3cola .column.first, .grid3cola .column.last { width: 19%; } .grid4col .column { width: 23%; margin-left: 3%; } .grid5col .column { width: 18.4%; margin-left: 2%; } .grid6col .column { width: 15%; margin-left: 2%; } .column.first, .column.last { margin-left: 0 !important; } .column.last { float: right !important; } p.last, ul.last, ol.last, li.last { _width:auto !important; _float:none !important; } #container:after, #content:after, .grid2col:after, .grid2cola:after, .grid2colb:after, .grid2colc:after, .grid2cold:after, .grid2cole:after, .grid2colf:after, .grid3col:after, .grid3cola:after, .grid4col:after, .grid5col:after, .grid6col:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #container, #content, .grid2col, .grid2cola, .grid2colb, .grid2colc, .grid2cold, .grid2cole, .grid2colf, .grid3col, .grid3cola, .grid4col, .grid5col, .grid6col { _zoom:1; } /* TYPE */ body { font: 12px/18px "Lucida Grande", Geneva, Lucida, Arial, Helvetica, sans-serif; background-color:#fff; color:#333; text-align:left; } a { color: #3C5B6F; } a img {border:none; } strong, b { font-weight:bold; color:#FA603A} em, i { font-style:italic; } sup { padding-left:1px; font-size:10px !important; font-weight:normal !important; vertical-align: baseline; position: relative; bottom: 0.33em; color:#76797c; _position:static !important; } .sosumi { font-size: 10px !important; color:#76797c; } #main p { margin-bottom: 18px; } #main h1 { font-weight: normal; font-size: 24px; line-height: 36px; margin-bottom: 18px; } #main h2 { font-weight: bold; font-size: 16px; line-height: 18px; margin-bottom: 18px; } #main h3 { font-weight: bold; font-size: 1em; line-height: 18px; margin-bottom: 9px;} #main h4 { font-weight: bold; font-size: 10px; line-height: 18px; } #main p.intro { font-weight: bold; } #main .more { text-align: right; } #main ul { margin-bottom: 18px; list-style: none outside; } #main ol { margin-bottom: 18px; list-style: decimal; margin-left: 2.2em; } #main ul.square, #main ul.circle { margin-left: 2em; } #main ul.square { list-style: square outside; } #main ul.circle { list-style: circle outside; } #main ul ul.circle, #main ul ul.square { margin-top: 4px; margin-bottom: 5px; } #main ol.sosumi { margin-left: 0; padding-left: 2em; } #main a.pdf { background: url(globalic.gif) 0 0.4em no-repeat; display: block; padding-left: 20px; } #main a.html { background: url(globalic.gif) 0 0.4em no-repeat; display: block; padding-left: 20px; } #main a.qt { background: url(globalic.gif) 0 0.4em no-repeat; display: block; padding-left: 20px; } #main a.ical { background: url(globalic.gif) 0 0.4em no-repeat; display: block; padding-left: 20px; } #main a.dl { background: url(globalic.gif) 0 0.4em no-repeat; display: block; padding-left: 20px; } #main a.dmg { background: url(globalic.gif) 0 0.4em no-repeat; display: block; padding-left: 20px; } #main a.zip { background: url(globalic.gif) 0 0.4em no-repeat; display: block; padding-left: 20px; } #main a.keynote { background: url(globalic.gif) 0 0.4em no-repeat; display: block; padding-left: 20px; } #main a.audio { background: url(globalic.gif) 0 0.4em no-repeat; display: block; padding-left: 20px; } #main .sidebar { font-size: 10px; line-height: 18px; color:#686868; } #main .callout { font-size: 11px; line-height: 18px; margin-bottom: 18px; } #main .last { margin-bottom: 0 !important; } #main .first { margin-top: 0; padding-top:0 } /*jaea*/ .box {margin: 0px 0 0px 0; padding: 9px; } .boxcap {margin: -9px 0px -9px 0px!important; height: 9px; padding:0px;clear:both;} .box.center {text-align:center;} .box.white243 {background: url(../img/boxwhite_243.png) 0 0 no-repeat;} .box.gray243 {background: url(../img/boxgray_243.png) 0 0 no-repeat; } .box.gray760 {background: url(../img/boxgray_760.png) 0 0 no-repeat; } /*.box h2 {font-weight: bold; font-size: 1em !important; }*/ .box p {margin-bottom:9px!important; padding: 0!important;} /*.box h2 {margin-bottom:9px!important; padding: 0!important; }*/ .white243 .boxcap {background: url(../img/boxwhite_243.png) bottom left no-repeat;} .gray243 .boxcap {background: url(../img/boxgray_243.png) bottom left no-repeat;} .gray760 .boxcap {background: url(../img/boxgray_760.png) bottom left no-repeat;} .box ul {list-style: none; margin:0 !important; padding:0 !important;} .box ul li {margin-bottom:9px; padding:0 !important} p.boxheader { } /* PROMO FOOTER CONTENT */ #main .roundbox { background-repeat:no-repeat;background-position: 0 0; clear:both; margin:0px 0 5px; padding:0; color:#999; font-size:0.95em; line-height:1.6em; position:relative; background-image:url(../img/boxwhite_243.png);} #main .roundbox.white243 { background-image: url(../img/boxwhite_243.png);width:243px;} #main .roundbox.gray243 { background-image: url(../img/boxgray_243.png);width:243px;} #main .roundbox.gray760 { background-image: url(../img/boxgray_760.png);width:760px;} /*#main #roundbox .cap { height:10px; margin-top:0px; font-size:1px;} #main #roundbox .cap.top { margin-bottom:-10px; background-repeat: no-repeat; background-position: top left;} #main #roundbox.five .cap.top {background-image: url(../img/global/box_white10gray_760_bgtop_5x1.png);} #main #roundbox.four .cap.top {background-image: url(../img/global/box_white10gray_760_bgtop_4x1.png);}*/ #main .roundbox .cap.bottom { height:10px; margin-top:-10px; background-position: bottom left; background-repeat:no-repeat; } #main .roundbox.white243 .cap.bottom {background-image:url(../img/boxwhite_243.png);} #main .roundbox.gray243 .cap.bottom {background-image:url(../img/boxgray_243.png);} #main .roundbox.gray760 .cap.bottom {background-image:url(../img/boxgray_760.png);} #main .roundbox p, #main .roundbox ul {} #main .roundbox.center p, #main .roundbox.center ul {text-align:center;} #main .roundbox p.header {padding-top:5px;font-weight: bold; font-size: 1.2em; line-height: 18px;} #main .roundbox p.footer {padding-bottom:-5px;} /*#main #roundbox ul {display:inline;} #main #roundbox.grid5col .column { width:112px; margin:0; padding:1.0em 20px; } #main #roundbox.grid4col .column { width:150px; margin:0; padding:1.0em 20px; } #main #roundbox a.block { display:block; color:#999; font-weight:bold; text-decoration: none!important; } #main #roundbox a.block:hover { color:#08c; } #main #roundbox a.block strong { display:block; margin:-0.2em 0 0; color:#666; font-size:110%} #main #roundbox a.block:hover strong { color:#FA603A;} #main #roundbox a.block img.center { display:block; margin-right:auto; margin-left:auto; } #main #roundbox a.block img.flushbottom { margin-bottom:1px; } */ /**.box {background: url(../img/box_243x600.png) 0 0 no-repeat; padding: 0.4em; margin: 0 0 8px 0;} .boxgray {background: url(../img/boxgray_243x600.png) 0 0 no-repeat; margin: 0 0 8px 0;} .box h2, .boxgray h2 {margin:0; padding-top:1em; font-weight: bold; font-size: 1em !important; line-height: 18px!important; } .box.center, .boxgray.center {text-align:center;} .boxcap {background: url(../img/box_243x600.png) bottom left no-repeat;height:6px; clear:both;} .boxgraycap {background: url(../img/boxgray_243x600.png) bottom left no-repeat;height:6px;} .box ul {list-style: none; margin:0 !important;padding:0 !important;} .box ul li {margin-bottom:7px; padding:0} .box .gray760 { background: url(../img/boxgray_243x600.png) 0 0 no-repeat; }**/ #header h1 { font-weight: bold; font-size: 24px; line-height: 36px; margin: 0 20px 18px 20px;} #header ul { list-style: none; margin: 0 20px; padding:0;} #header ul li { border-right: 1px dotted #ccc; color: #3C5B6F; display:inline; font-weight: bold; font-size: 110%; margin: 0 1em 0 0; padding: 0 1em 0 0; white-space: nowrap; } #header ul li a {text-decoration: none} #header ul li a:hover, #header ul li a:active { color: #FA603A; } div.hr { border-top: 1px dotted #ccc; width: 100%; height: 1px; overflow:hidden; margin: 0.2em 0; } .date {font-size: 85%; color:#FA603A;} #footer {font-size: 85%; color:#CCCCCC;text-align:center; border-top: 1px dotted #ccc;clear:both;margin-top:18px;} .buzztable {text-align:center; vertical-align:center;} table.support {margin: 0 auto;} table.support td {vertical-align:middle; padding:0.5em 0.2em 2.5em 0.2em; text-align:center;} table.news { margin: 9px 1.5em 9px 0; border-collapse:collapse;} table.news tr td {vertical-align: top; margin: 0.5em 1em 0.2em 0;} table.news tr td.news-img {text-align:right; padding: 0.2em 1em;} table.news tr.odd {background:#fff;} .box .header {margin: -9px -9px 0 -9px;} .box .header h2 {float:left; padding:9px 9px 9px 18px!important; margin:0!important;text-align:left;width:120px;border-right: 1px solid #dedede;} .box .header p {float:right; width:585px;padding:9px 18px 9px 9px!important; margin:0 0 0 -1px!important; border-left: 1px solid #dedede;font-weight:bold} .box .header .hr {border-top: 1px solid #dedede;height:1px;width:100%;clear:both;} ul.menu {list-style: none;width:100%;padding:0;margin:0;} ul.menu li {float:left; height:60px; width:175px; border-left: 1px solid #dedede; white-space:normal; margin:0 9px 0 0; background-position:9px 0;background-repeat:no-repeat;background-color:#f6f6f6:} ul.menu li.left {border-left:0!important; background-position:0 0!important;} ul.menu li a { font-weight:bold; text-decoration:none; color:#333;display:block;padding-left:90px; width:87px;} ul.menu li a:hover, ul.menu li.on a {color:#FA603A} ul.menu li#th-service {background-image: url(../img/pyramid-poster_thmumb.jpg); } ul.menu li#th-4DSEM {background-image:url(../img/u4Dsem-th.jpg);} /* PROMO FOOTER CONTENT */ #main #contentfooter { background:url(../img/products/contentproducts_bg_760b.png) repeat-y 0 0; clear:both; width:760px; margin:19px 0 2px; padding:0; color:#999; font-size:11px; line-height:1.6em; } #main #contentfooter .cap { height:50px; margin:0; font-size:1px; } #main #contentfooter .cap.top { margin-bottom:-50px; background:url(../img/products/contentproducts_bgtop_760b.png) no-repeat top left; } #main #contentfooter .cap.bottom { height:50px; margin-top:-50px; background:url(../img/products/contentproducts_bgbottom_760b.png) no-repeat bottom left; } #main #contentfooter .content {position:relative;z-index:1;} #main #contentfooter.grid4col .column { width:150px; _width:150px; margin:0; padding:1.6em 20px 0; } #main #contentfooter.grid4col #cf-newtomac { _padding-right: 14px; _padding-left: 14px; _width: 210px; } #main #contentfooter.grid4col #cf-getamac { _padding-right: 10px; _padding-left: 13px; _width: 210px; } #main #contentfooter a.block { display:block; color:#999; font-weight:bold;text-decoration: none!important; } #main #contentfooter a.block:hover { color:#08c; } #main #contentfooter a.block strong { display:block; margin:-0.2em 0 1.6em; color:#666; font-size:14px} #main #contentfooter a.block:hover strong { color:#FA603A;} #main #contentfooter a.block span { display:block; } #main #contentfooter a.block img.center { display:block; margin-right:auto; margin-left:auto; *position:relative; } #main #contentfooter a.block img.flushbottom { margin-bottom:1px; } #main #contentfooter a.block #osxfeatures { margin-left: 0px; } #main #contentfooter #cf-buynow { position:relative; } #main #contentfooter #cf-buynow h3 { margin:0; } #main #contentfooter #cf-buynow span { display:block; margin:-.2em 0 1em; } #main #contentfooter #cf-buynow img.right { margin:0 12px -30px -30px; } #main #contentfooter #cf-buynow img.rightdisc { margin:0 2px -40px -30px; } #main #contentfooter #cf-buynow img.button { } #main #contentfooter uls, #main #contentfooter uls li { margin:0; padding:0 0 1px; } #main #contentfooter #cf-buynow ul li.reseller { margin-top:-.2em; } #main #contentfooter #cf-buynow ul li.call, #main #contentfooter #cf-buynow ul li.reseller { padding-bottom:.6em; } #main #contentfooter #cf-buynow .violator { position:absolute; top:0; right:0; } #main #contentfooter #cf-uptodate p {margin-top: 15px; margin-bottom: 2px;} #main #contentfooter #cf-uptodate p.firstlink {margin-top: 7px; } #main #contentfooter .column { *z-index: 200; position: relative; } ul.textlist {list-style-type:disc!important; padding-left: 1.5em;} ul.textlist li:before {display:marker!important; marker-offset: 1.5em!important;} table.tableau {border-spacing:0; border-collapse:collapse; margin-bottom:18px;} table.tableau tr td{border:1px solid #333333;background-color:#f6f6f6;padding:3px;} /* PROMO FOOTER CONTENT */ #main #subnav { background-repeat:repeat-y; background-position: 0 0; clear:both; width:760px; margin:19px 0 2em; padding:0; color:#999; font-size:0.95em; line-height:1.6em; position:relative; background-image: url(../img/global/box_white10gray_760_bg_4x1.png);} #main #subnav.five { background-image: url(../img/global/box_white10gray_760_bg_5x1.png);} #main #subnav.four { background-image: url(../img/global/box_white10gray_760_bg_4x1.png);} #main #subnav .cap { height:10px; margin-top:0px; font-size:1px;} #main #subnav .cap.top { margin-bottom:-10px; background-repeat: no-repeat; background-position: top left;} #main #subnav.five .cap.top {background-image: url(../img/global/box_white10gray_760_bgtop_5x1.png);} #main #subnav.four .cap.top {background-image: url(../img/global/box_white10gray_760_bgtop_4x1.png);} #main #subnav .cap.bottom { height:10px; margin-top:-10px; no-repeat bottom left; } #main #subnav.five .cap.bottom {background-image:url(../img/global/box_white10gray_760_bgbottom_5x1.png);} #main #subnav.four .cap.bottom {background-image:url(../img/global/box_white10gray_760_bgbottom_4x1.png);} #main #subnav ul {display:inline;} #main #subnav.grid5col .column { width:112px; margin:0; padding:1.0em 20px; } #main #subnav.grid4col .column { width:150px; margin:0; padding:1.0em 20px; } #main #subnav a.block { display:block; color:#999; font-weight:bold; text-decoration: none!important; } #main #subnav a.block:hover { color:#08c; } #main #subnav a.block strong { display:block; margin:-0.2em 0 0; color:#666; font-size:110%} #main #subnav a.block:hover strong { color:#FA603A;} #main #subnav a.block img.center { display:block; margin-right:auto; margin-left:auto; } #main #subnav a.block img.flushbottom { margin-bottom:1px; } #mn-consulting img {margin:20px -30px 0 64px;} #mn-picomaster img {margin:25px auto 0 auto;width:50%;display:block;} #mn-4dsem img {margin:17px 0 -10px 65px;width:70%;} #mn-service img {margin:10px auto 0 auto;width:70%;display:block;} /* PROMO FOOTER CONTENT */ #main #mostcited { background:url(../img/about/boxlightgray_bg_1x500.png) repeat-y 0 0; clear:both; width:500px; margin:0 0 2em; padding:0; font-size:11px; line-height:1.6em; position:relative; } #main #mostcited .cap { height:10px; margin:0; font-size:1px; } #main #mostcited .cap.top { margin-bottom:-10px; background:url(../img/about/boxlightgray_bgtop_10x500.png) no-repeat top left; } #main #mostcited .cap.bottom { height:10px; margin-top:-10px; background:url(../img/about/boxlightgray_bgbottom_10x500.png) no-repeat bottom left; } #main #mostcited ul li {background:url(../img/about/boxlightgray_bgseperation_1x2.png) right repeat-y;} #main #mostcited ul li.last {background:none;} #main #mostcited span.boxtitle {font-size: medium;margin: 0.5em 0 0 20px ;display:block; color:#999;} #main #mostcited img {margin-right: 1em; float:left;} #main #mostcited.grid2col .column { width:210px; margin:0; padding:1.0em 20px; } #main #mostcited.grid5col .column { width:112px; margin:0; padding:1.0em 20px; } #main #mostcited.grid4col .column { width:150px; margin:0; padding:1.0em 20px; } #main #mostcited a.block { display:block; color:#333; text-decoration: none!important; } #main #mostcited a.block:hover { color:#FA603A; } #main #mostcited a.block strong { color:#333} #main #mostcited a.block:hover strong { color:#FA603A;} #main #mostcited a.block img.center { display:block; margin-right:auto; margin-left:auto; } #main #mostcited a.block img.flushbottom { margin-bottom:1px; } .headline {color:#999999;font-size:larger;} dl.publication dd {margin-bottom:9px;} dl.publication dt a {text-decoration:none;} dl.publication dt strong {color: #3C5B6F;} dl.publication dd strong {color: #333333;} dl.publication dt a:hover strong {color: #FA603A;} .referencebox {border: 1px solid #CCCCCC; margin: 1em auto; width:70%; padding:1em;} .reference {width:80%; border: 1px solid #999; margin: 1em auto; background:#f6f6f6; border-collapse:collapse;} .reference td, .reference th {vertical-align:middle; padding: 0.5em; border: 1px solid #999;} .reference th {font-weight:bold; text-align:left; width: 11em;} table.team tr td{ border: 0; padding: 0 0.5em 0.5em 2em; } table.team tr td img {float:left; margin-right: 0em; border:none;} /******************************************************************************* * styles used for google maps *******************************************************************************/ /* div with checkboxes to show/hide certain agency types */ #googlemaplocationcontrols { display: none; text-align: center; vertical-align: middle; margin-bottom: 5px; /* padding: 5px 0px 5px 5px; border: solid 1px #666; */ } /* checkboxes */ #googlemaplocationcontrols input { width: 13px; height: 13px; margin-right: 3px; margin-left: 5px; border-width: 0px; } /* checkbox labels */ #googlemaplocationcontrols label { float: none; display: inline; width: auto; margin-right: 5px; } /******************************************************************************* * styles used for google maps popup info windows *******************************************************************************/ /* main div */ .locationInfo { width: 100%;margin-top:-20px; margin-bottom:6em;; } /* left column */ .locationInfoLeft { float: left; width: 100px; } .locationInfoLeft img{margin:0;padding:0} /* right column */ .locationInfoRight { margin-left:120px; width: 150px; } /* address div */ .locationInfoAddress { margin-bottom: 10px; font-size:x-small; line-height:normal; } /* "nearby agencys" div */ .locationInfoNearbyText { margin-top: 10px; } /* directions planner form functionality */ div.directionsForm { display:none; } form.directionsForm { display: inline; } div.directionsFormInput { width: 100%; } input.directionsFormInput { width: 100px; font-size:11px; } #styleHeadquarter {color:#FF0000} name {margin:0:} div.banner a {float:right; clear:right;} /* set the image to use and establish the lower-right position */ .cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2{ background: transparent url(../img/demobox.png) no-repeat bottom right} .cssbox{ /* intended total box width - padding-right(next) */ width:335px !important; /* IE Win = width - padding */ width: 320px; /* the gap on the right edge of the image (not content padding) */ padding-right:15px; /* use to position the box */ margin:20px auto} /* set the top-right image */ .cssbox_head{background-position:top right; /* pull the right image over on top of border */ margin-right:-15px; /* right-image-gap + right-inside padding */ padding-right:40px} /* set the top-left image */ .cssbox_head h2{ background-position:top left; margin:0; /* reset main site styles*/ border:0; /* ditto */ /* padding-left = image gap + interior padding ... no padding-right */ padding:25px 0 15px 40px; height:auto !important; height:1%} /* IE Holly Hack */ /* set the lower-left corner image */ .cssbox_body{ background-position:bottom left; margin-right:25px; /* interior-padding right */ padding:15px 0 15px 40px} /* mirror .cssbox_head right/left */ .productmenu ul {list-style: none;} .productmenu li {display:inline; color:#FFFFFF; font-weight:bold; margin:0 2em;} .productmenu li a {text-decoration:none;width:250px;color:#FFFFFF} .productmenu li a:hover, #header ul li a:active { color: #FA603A; } ul.mainright li { padding:0 0 0.5em 0;font-size:11px; } ul.mainright li strong { color:#666666;font-size:12px; } .productselector ul { padding-bottom:0em; } .productselector ul li { background-color:#003c54; color:#FFFFFF; display:block; font-weight:bold; font-size: 14px; margin:0; float:left; border:solid #082c3a; border-width: 0 1px 1px 0; } .productselector ul li.on { background-color:#024d6a; border-width: 0 1px 0 0; padding:1em; } .productselector ul li.on:hover { background-color:#024d6a; } .productselector ul li:hover { background-color:#095a7a; } .productselector ul li a { color:#FFFFFF; text-decoration:none; display:block; padding:1em; }