/* Remove margin, padding and border from everything -----------------------------------------------------------------------------*/ *{margin:0; padding:0; border:0} /* Styles for layout -----------------------------------------------------------------------------*/ .clear{clear:both} .right{float:right} .left{float:left} .dn{display:none} /* Set up the document -----------------------------------------------------------------------------*/ body{font:.813em "Trebuchet MS", Arial, Helvetica, sans-serif; color:#212121; text-align:center; background: #c0d9ef url(../_images/background-home.png) repeat-x center -8px} .sub{background: #c0d9ef url(../_images/background-sub.png) repeat-x center -8px} /* Typography -----------------------------------------------------------------------------*/ h1{font-size:2.5em; color:#660000; /* Equivalent to 22pt */} h2{font-size:2.0em; color:#03336c; /* Equivalent to 24px */} h3{font-size:1.333em; color:#660000; /* Equivalent to 16px */} h4{font-size:1.6em; color:#00234b; /* Equivalent to 18pt */} h5{font-size:1.4em; color:#00234b; /* Equivalent to 14pt */} p, q, cite{font-size:1em; /* Equivalent to 12px */} #navbar ul, ol, dl{list-style:none; /* Equivalent to 12px */} li, dd, dt{font-size:1em; /* Equivalent to 11px */} /* Header -----------------------------------------------------------------------------*/ #header{background:url(../_images/header_skyline.png) no-repeat top center; height:157px; display:block} #header_wrapper{width:982px; margin:0 auto; text-align:left} #header_nav{float:right; margin-top:2px; margin-right:8px} .header_link{height:9px; display:block; margin-right:18px; margin-top:4px; background-repeat:no-repeat; background-image:url(../_images/header_nav.gif); float:left} .header_link:hover{background-position:0 -9px} #logo{display:block; width:140px; height:126px; float:left;} #share{width:73px; background-position:-49px 0} #share:hover{background-position:-49px -9px} #subscribe{width:49px; background-position:-140px 0} #subscribe:hover{background-position:-140px -9px} .header_link span{display:none} /* Navigation -----------------------------------------------------------------------------*/ a{color:#f59214} #navbar {margin-top:4px;} #navbar li{float:right; display:inline; padding-right:12px; background:url(../_images/nav-blue-spacer.gif) right 2px no-repeat} #navbar a {display:block; height:12px; margin:0 0 0 8px} #navbar a span{display:none} #nav_products{background:url(../_images/nav_main.gif) no-repeat left -48px; width:90px} a:hover#nav_products{background-position:-200px -48px} #nav_team{background:url(../_images/nav_main.gif) no-repeat left 0px; width:61px} a:hover#nav_team{background-position:-200px 0px} #nav_clients{background:url(../_images/nav_main.gif) no-repeat left -24px; width:75px} a:hover#nav_clients{background-position:-200px -24px} #nav_approach{background:url(../_images/nav_main.gif) no-repeat left -168px; width:92px} a:hover#nav_approach{background-position:-200px -168px} #nav_focus{background:url(../_images/nav_main.gif) no-repeat left -72px; width:68px} a:hover#nav_focus{background-position:-200px -72px} #nav_experience{background:url(../_images/nav_main.gif) no-repeat left -192px; width:100px} a:hover#nav_experience{background-position:-200px -192px} #nav_partners{background:url(../_images/nav_main.gif) no-repeat left -96px; width:60px} a:hover#nav_partners{background-position:-200px -96px} #nav_news{background:url(../_images/nav_main.gif) no-repeat left -120px; width:80px} a:hover#nav_news{background-position:-200px -120px} #nav_contact{background:url(../_images/nav_main.gif) no-repeat left -144px; width:56px} a:hover#nav_contact{background-position:-200px -144px} /* Footer -----------------------------------------------------------------------------*/ #footer{font-size:.846em; height:15px; margin:10px auto 0 auto; padding-top:10px; clear:both; color:#03336c; display:block; text-align:center} #footer a{color:#03336c; text-decoration:none} #footer_copyright{clear:both; color:#aabbd0; line-height:19px} /* Homepage -----------------------------------------------------------------------------*/ #main_container{width:982px; margin:0 auto; text-align:left} #content_left{width:490px; float:left; display:inline; margin:60px 0 20px 10px;} #content_left p{margin:15px 0} #contact_box {width:438px; float:right; display:inline; margin:66px 8px 0 0} #contact_title {width:250px; height:17px; background:url(../_images/title_contact.gif) no-repeat; margin:0 0 15px 5px} #tagline {width:472px; height:24px; background:url(../_images/tagline.gif) no-repeat; margin:auto} #home_portals {width:456px; color:#646464; float:right; display:inline; margin:66px 8px 0 0; height:400px} #home_portals p{margin:0} .portal_wide {width:432px; padding:12px; height:104px; margin-bottom:8px; background:url(../_images/portal_map.gif) no-repeat; color:#fff} .portal_tall, .portal_short1, .portal_short2{width:224px} .portal_tall {height:362px; float:left} .portal_short1{height:177px; float:right} .portal_short2{height:177px; float:right} .portal_title {width:224px; height:34px} .portal_title span {display:none} .portal_box {background:url(../_images/portal_white.gif) center bottom no-repeat} .portal_content{padding:12px; height:100px;} #home_bottom_gradient{width:459px; height:65px; background:url(../_images/home_bottom_gradient.jpg) no-repeat; text-align:right; padding-top:20px} /* Your template -----------------------------------------------------------------------------*/ .sub #content_left{width:700px; float:left; display:inline; margin:60px 0 0 10px;} .news_snippet{padding-left:30px; height:74px} #sub_portals{width:224px; color:#646464; float:right; display:inline; margin:66px 8px 0 0; height:400px} #sub_portals p{margin:0} #sub_portals .portal_tall{width:224px} .portal_title {width:224px; height:34px} .portal_title span {display:none} .portal_box {background:url(../_images/portal_white.gif) center bottom no-repeat} .portal_content{padding:12px; height:100px;} #sub_bottom_gradient{width:640px; height:87px; background:url(../_images/sub_bottom_gradient.png) no-repeat} #sub_bottom_gradient_large{width:966px; height:75px; background:url(../_images/sub-bottom-gradient-large.png) no-repeat; clear:both} #content_left ul{margin-left:15px} #team_member_info{float:right; margin:60px 0 20px 0; width:203px; padding-top:15px; padding-left:237px; height:347px; color:#fff; position:relative} #team_member_info p{margin-bottom:20px} #team_member_email{position:absolute; top:328px; left:5px; width:214px; height:29px} #team_subnav{float:right; clear:right; margin-top:10px; width:440px} /* Admin -----------------------------------------------------------------------------*/ .style1{font-size:11px} #admin_bar a{color:#013f72; background:#c0d9ef; border:1px solid #97b3cc; padding:0px 4px; text-decoration:none; float:right; font-size:12px} #admin_bar a:hover{background:#6FB3D1; border:1px solid #50A3C7} #confirm_bar a{color:#FFF; background:#6FB3D1; border:1px solid #50A3C7; padding:0px 4px; text-decoration:none; float:right; font-size:12px} #confirm_bar a:hover{background:#FD7A77; border:1px solid #EA556B} .admin_box{clear:both; width:100%; font-size:11px} .admin_headline{font-size:12px; color:#696969; border-bottom:1px solid #CDC87C} .newscolor_row2{background:#F0F0F0} .newscolor_row1{background:#F9F9F9} input, select, textarea{font-size:12px; border:#97b3cc 1px solid} .news_table{margin:0 auto} /* Tables -----------------------------------------------------------------------------*/ #box1 {width:490px; background-color:#C00; float:left; margin:45px 0 0 10px; display:inline; height:300px} #box2 {width:424px; height:450px; background-color:#066; float:right; margin:70px 16px 0 0; display:inline} /* Testers - Can be deleted -----------------------------------------------------------------------------*/ #box1 {width:490px; background-color:#C00; float:left; margin:45px 0 0 10px; display:inline; height:300px} #box2 {width:424px; height:450px; background-color:#066; float:right; margin:70px 16px 0 0; display:inline} #mapthumb{width:100px; height:100px; float:left; display:inline; margin:2px 10px 0 2px; background-image:url(../_images/portal_mapthumb.gif);} #title_products{width:300px; height:17px; float:left; display:inline; background-image:url(../_images/portal_title_products.gif); background-repeat:no-repeat; margin:2px 0 5px 0;} #title_products span{display:none;} #text_products{float:left; width:310px;} .readmore_orange{float:right; margin-top:5px;}