/*--[TABLE OF CONTENTS]--------------------------------------------- Remember order attributes: {position, size, margin, padding, border, text, the rest} * BODY + GLOBAL STYLES * HEADER * CONTENT * FOOTER * CUSTOM CLASSES * PAGE SPECIFIC ------------------------------------------------------------------*/ /*--[BODY]--------------------------------------------------------*/ body { margin:0px; text-align:center; font-size:0.625em; font-family: Verdana, Ariel, Helvetica, sans-serif; /* Consult: /working/resources/fontmatrix.xls for font-family */ background-color:#636466; } /* shadow */ #shadow { position:relative; width:1020px; margin:0 auto; padding-right:25px; background:url(/silvercube/images/silvercube/fade-right-hand-side.jpg) right repeat-y; } #shadow .top-shadow { text-align:right; height:9px; padding:0; margin-right:-25px; background:url(/silvercube/images/silvercube/fade-top.jpg) top repeat-x; } #shadow .right-shadow-top { position:absolute; right:-1px; top:0;} #shadow .right-shadow-bottom { position:absolute; right:-1px; bottom:5px; } #shadow .bottom-shadow { text-align:right; height:30px; padding:0; margin-right:-25px; background:url(/silvercube/images/silvercube/fade-bottom.jpg) bottom repeat-x; } #site-container { position:relative; width:1024px; margin:0 auto; line-height:1.1em; text-align:left; color:#888; background-color:#fff;} /*--[GLOBAL STYLES]-------------------------------------------*/ .clr { clear:both; height:1px; overflow:hidden; margin:0; } strong { font-weight:bold; } em { font-style:italic; } a { cursor:pointer; color:#00a8cb; } h1 { font-size:1.9em; line-height:1.9em; font-weight:normal; color:#f7931d; } h2 { font-size:1.9em; line-height:1.9em; font-weight:normal; color:#00a8cb; } h3 { font-size:1.2em; line-height:1.2em; font-weight:bold; color:#777; } h4 { font-weight:bold; margin:2.5em 0 0.5em 0; } p { line-height:1.5em; } blockquote { } ol { } ol li { } ul { } ul li { margin:1em 0; } .right { clear:right; float:right; } .left { clear:left; float:left; } /*--[HEADER]------------------------------------------------------*/ #header { width:100%; padding-top:50px; } #header #banner { margin-left:70px; width:300px; float:left; } #banner h2 { position:relative; display:block; height:68px; width:278px; font-size:1em; } #banner h2 span { position:absolute; display:block; top:0; left:0; height:68px; width:278px; background:url(/silvercube/images/silvercube/logo.jpg) no-repeat; } #header #nav { width:600px; float:right;} #nav li { display:block; float:left; margin:0; } #nav li a { display:block; width:120px; margin:5px; padding:0 5px 2px 5px; text-align:center; line-height:2em; color:#fff; text-decoration:none; background-color:#00a8cb; } #nav li a:hover { background-color:#007698; } #nav li a.current { background-color:#007698; } /*--[CONTENT]-----------------------------------------------------*/ #content { position:relative; clear:both; padding:20px 50px; min-height:550px; text-align:right; background-image: url(/silvercube/images/silvercube/home.jpg); background-repeat:no-repeat; background-position:left 40px; } #content .intro-text { position:absolute; top:40px; left:0; z-index:99; } #content .intro-text ul { position:relative; display:block; height:527px; width:477px; margin:0; padding:0; overflow:hidden; z-index:1; background-color:#fff;} #content .intro-text ul li { top:0; left:0; margin:0; padding:0; z-index:1; } #content #contact-fc { position:relative; float:right; width:545px; margin-bottom:20px; padding:10px 0 10px 0; font-size:1.6em; color:#007698; border:solid #cdcdcd; border-width:1px 0 1px 0; z-index:9999; } #contact-fc a { color:#007698; text-decoration:none; z-index:999; } #content #main-content { position:relative; clear:both; float:right; width:420px; padding-bottom:5px; font-size:1.1em; text-align:justify; } #main-content p { margin:0.6em 0; } #main-content ul { padding-left:15px; } #main-content ul li { padding-left:5px; line-height:1.4em; list-style-image: url(/silvercube/images/silvercube/single-cube.jpg); } #content hr { clear:both; position:relative; float:right; height:1px; width:440px; border:0; background-color:#cdcdcd; } #content #featured-content { position:relative; clear:both; float:right; width:426px; padding:0; margin:0 -5px 50px 0; font-weight:bold; text-align:right; font-style:italic; color:#fff; background:#F7921C url(/silvercube/images/silvercube/quote-marks.jpg) 10px 10px no-repeat; } #featured-content em { font-style:normal; color:#666; } #featured-content .top { height:6px; width:426px; margin:0; padding:0; line-height:0; font-size:0; background: url(/silvercube/images/silvercube/top.jpg) no-repeat; } #featured-content .middle { width:346px; padding:0 10px 0 60px; margin:0; } #featured-content .bottom { clear:both; bottom:0; height:6px; width:426px; padding:0; margin:0; line-height:0; font-size:0; background: url(/silvercube/images/silvercube/bottom.jpg) no-repeat; } .back-and-forth a { display:block; float:right; width:70px; margin:5px; padding:2px 4px; text-align:center; font-weight:bold; text-decoration:none; background-color:#00a8cb; color:#fff; } .back-and-forth a:hover { background-color:#007698; } /*--[FOOTER]------------------------------------------------------*/ #footer { padding:0 25px 20px 25px; width:950px; height:90px; overflow:hidden; } #footer img { margin:0px 40px 0 0; } #main-footer { position:relative;clear:both; width:990px; margin: 0 auto; padding:0 20px 20px 20px; text-align:left; font-weight:bold; color:#cdcdcd; } #main-footer a { color:#cdcdcd; text-decoration:none; } /*--[CUSTOM CLASSES]----------------------------------------------*/ /*--[PAGE SPECIFIC]-----------------------------------------------*/ body#how-we-can-help-you #content { background-image: url(/silvercube/images/silvercube/how-we-can-help-you.jpg); } body#how-we-work #content { background-image: url(/silvercube/images/silvercube/how-we-work.jpg); } body#clients-and-case-studies #content { background-image: url(/silvercube/images/silvercube/clients-and-case-studies.jpg); } body#giving-back #content { background-image: url(/silvercube/images/silvercube/giving-back.jpg); } body#whats-new #content { background-image: url(/silvercube/images/silvercube/whats-new.jpg); } body#opportunities #content { background-image: url(/silvercube/images/silvercube/opportunities.jpg); } body#contact-us #content { background-image: url(/silvercube/images/silvercube/contact-us.jpg); } body#recent-press #content { background-image: url(/silvercube/images/silvercube/recent-press.jpg); }