/* Rel 2.0 */ /* Resets all Margins and Paddings to 0 */ * {margin: 0;padding: 0;} body { font-family: Verdana, Arial, sans-serif; font-size: .625em; } ul, li { margin: 0;padding: 0;list-style: none; } p { margin: 0;padding: 0; } h1 { font-size: 1.8em; } /* Default Size for h1 is 18px - based on an 10px height */ h2 { font-size: 1.5em; } /* Default Size for h2 is 15px - based on an 10px height */ h3 { font-size: 1.2em; } /* Default Size for h3 is 12px - based on an 10px height */ h4 { font-size: 1.1em; } /* Default Size for h4 is 11px - based on an 10px height */ h5 { font-size: 1em; } /* Default Size for h5 is 10px - based on an 10px height */ h6 { font-size: .9em; } /* Default Size for h6 is 9px - based on an 10px height */ a { text-decoration: none; cursor: pointer; } /* link */ a:active, a.active { outline: none; } /* Removes dotted area around active tags in Firefox */ a:hover { text-decoration: none; } /* mouse over link */ img { border: 0; } /* images and iframes don't have a border by default. */ .clear { clear: both; } .hide { display: none; } .strong { font-weight: bold; } .text_18 { font-size: 1.8em; } .text_15 { font-size: 1.5em; } .text_12 { font-size: 1.2em; } .text_11 { font-size: 1.1em; } .text_10 { font-size: 1em; } .text_9 { font-size: .9em; } /* global styles /*-------------------------------------------------------------------------------*/ div#container {background:url(../images/container-bg.gif) repeat-y;width:980px;margin:auto;position:relative;} a {color:#069;text-decoration:none;} a:hover {color:#39c;text-decoration:none;} p {line-height:1.37em;font-size:1.1em;} div#printLogo {display:none;} #subnav { background: transparent url(../images/column_nav_v2.png) repeat top left; position: absolute; width: 175px; height: 345px; left: 10px; padding:0px; margin:0px } a.subnavLink:link {color:#069;text-decoration:none; margin-left: 25px; font-size: 1.2em;} a.subnavLink:visited {color:#069;text-decoration:none; margin-left: 25px; font-size: 1.2em;} a.subnavLink:hover {color:#484848;text-decoration:underline;} #contentWell { position: relative; margin-left: 200px; margin-right: 40px; background-color:#fff; padding:10px; overflow: auto; } #contentWell h1 { font-size: 1.5em; font-family: Trebuchet, Verdana, sanserif; padding-top: 1px; color: #3F3E3F } #contentWell h2 { background: transparent url(../images/h2_bg.jpg) repeat top left; font-size: 1.1em; font-family: Trebuchet, Verdana, sanserif; padding-top: 1px; color: #3F3E3F; background-color: #f5f5f8; padding:5px 5px; margin:1px } #contentWell h3 { font-size: 1em; font-family: Trebuchet, Verdana, sanserif; padding-top: 1px; color: #3F3E3F; background-color: #f5f5f8; padding:5px 5px; margin:1px } /* pseudo columns */ #rightClump { float: right; width: 46%; padding:0px; margin:0px 1em 1em 1em; border: 1px solid #ddd; } #rightClump p {font-size:1.1em; margin:10px; text-align:left; } #rightClump li { margin: 1px 1px 1px 15px; list-style: disc; } #leftClump { float: left; width: 46%; padding:0px; margin:0px 1em 1em 1em; border: 1px solid #ddd; } #leftClump p { margin:10px; text-align:left; } #leftClump li { margin: 1px 1px 1px 15px; list-style: disc; } /* header */ /*-------------------------------------------------------------------------------*/ div#header {position:relative;left:10px;width:960px;height:96px;background:#517c9e url(../images/header-bg.jpg) 0 0 no-repeat;} div#header p {color: rgb(242,242,242); font-size: .5em;} div#headerPics {width:960px;height:96px;background:transparent url(../images/header-pics.jpg) right top no-repeat;} /* remove / fix! */ img#marblLogo {position:absolute;top:43px;left:17px;} div#utilityLinks {position:absolute;top:40px;left:557px;} #globalheader { margin-top: 0; margin-bottom: 0; } /* temp - */ /* GLOBALHEADER */ #globalheader { width: 980px; height: 38px; margin: 0px auto; position: relative; left:10px; } #globalheader #globalnav { margin: 0; padding: 0; } #globalheader #globalnav li { display: inline; } #globalheader #globalnav li a { float: left; width: 117px; height: 0; padding-top: 38px; overflow: hidden; } #globalheader #globalnav li a, #globalheader #globalsearch { background:#f2f2f2; background-image: url(../images/ae_globalnavbg.png); background-repeat: no-repeat; } /* BUTTONS */ #globalheader #globalnav li#gn-home a { background-position: 0 0; } #globalheader #globalnav li#gn-blind a { background-position: -117px 0; } #globalheader #globalnav li#gn-arch a { background-position: -234px 0; } #globalheader #globalnav li#gn-phil a { background-position: -351px 0; } #globalheader #globalnav li#gn-process a { background-position: -468px -114px; } #globalheader #globalnav li#gn-reference a { background-position: -585px 0; } #globalheader #globalnav li#gn-search a { background-position: -702px 0; } #globalheader #globalnav li#gn-blank a { background-position: -819px 0; } /* OVER STATES */ #globalheader #globalnav li#gn-home a:hover { background-position: 0 -38px; } #globalheader #globalnav li#gn-blind a:hover { background-position: -117px -38px; } #globalheader #globalnav li#gn-arch a:hover { background-position: -234px -38px; } #globalheader #globalnav li#gn-phil a:hover { background-position: -351px -38px; } #globalheader #globalnav li#gn-process a:hover { background-position: -468px 0px; } #globalheader #globalnav li#gn-reference a:hover { background-position: -585px -38px; } #globalheader #globalnav li#gn-search a:hover { background-position: -702px -38px; } /* PRESSED STATES */ #globalheader #globalnav li#gn-home a:active { background-position: 0 -76px; } #globalheader #globalnav li#gn-blind a:active { background-position: -117px -76px; } #globalheader #globalnav li#gn-arch a:active { background-position: -234px -76px; } #globalheader #globalnav li#gn-phil a:active { background-position: -351px -76px; } #globalheader #globalnav li#gn-process a:active { background-position: -468px -76px; } #globalheader #globalnav li#gn-reference a:active { background-position: -585px -76px; } #globalheader #globalnav li#gn-search a:active { background-position: -702px -76px; } /* ON STATES */ #globalheader.home #globalnav li#gn-home a:hover { background-position: 0 -114px; cursor: default; } #globalheader.store #globalnav li#gn-blind a { background-position: -117px 0px !important; } #globalheader.mac #globalnav li#gn-arch a { background-position: -234px -114px !important; } #globalheader.ipoditunes #globalnav li#gn-phil a { background-position: -351px -114px !important; } #globalheader.iphone #globalnav li#gn-process a { background-position: -468px 0 !important; } #globalheader.downloads #globalnav li#gn-reference a { background-position: -585px -114px !important; } #globalheader.support #globalnav li#gn-search a { background-position: -702px -114px !important; } table.img { table-layout: fixed } .img-shadow { float:left; background: url(../images/photo_shadow.gif) no-repeat bottom right; margin: 10px 0 0 5px; !important; } .img-shadow img { display: block; position: relative; background-color: #fff; border: 1px solid #a9a9a9; margin: -6px 6px 6px -6px; padding: 4px; } /* footer styles /*-------------------------------------------------------------------------------*/ div#footer {clear:both;position:relative;left:10px;height:74px;width:960px;background-color:#f2f2f2;} div#footer #footerNav {position:absolute;top:20px;left:30px;width:420px;color:#069;line-height:1.8em;} div#footer #footerInfo {position:absolute;top:20px;left:550px;width:400px;line-height:1.6em;} div#footerShadow {clear:both;width:980px;height:20px;background:url(../images/footer-shadow.gif) no-repeat;}