/*--------------------------------------- General ---------------------------------------*/ html { min-height:100%; margin-bottom:1px; } body, ul, li, h1, h2, h3, p { margin:0px; padding:0px; } body, input, td, th, textarea { font-family:Arial, Helvetica, sans-serif } /* Font sizes */ body { font-size:62%; } #content { font-size:1.1em; } #footer, #nav { font-size:1.1em; } textarea { font-size:1.1em; } a { text-decoration:none; color:#336699 } a:hover { text-decoration:underline; } #main a { color:#ff0000; } ul, li { list-style-type:none } img { border:0px; } td, th { vertical-align:top; text-align:left } p { margin-bottom:1.3em; } p, dt, dd, li { line-height:1.5em } table, ul, dl, h2, h3 { margin-bottom:1.1em; } h1 { font-size:1.5em; font-weight:normal; margin-bottom:16px; color:#08477B; } h2 { font-size:1.2em; margin-bottom:10px; color:#6795bd; } h3 { font-size:1em; color:#333; } a.plain { text-decoration:none } a.plain:hover { text-decoration:underline } p.opening, .intro p { color:#996699; font-size:1.2em; } p.hidden { display:none } p.notice { background-color:#996699; font-weight:bold; color:#fff; padding:4px; width:70%; } ul.inline, ul.inline li { margin:0; padding:0; list-style-type:none } ul.inline li { margin-left:18px; display:inline; } /*--------------------------------------- Main Layout ---------------------------------------*/ body { background:#666 url(../images/template/bg.jpg) center top repeat-y; color:#333; text-align:center; } #wrapper { margin:20px auto 10px; text-align:left; background:#fff url(../images/template/wrapper-bg.jpg); width:1010px; min-width:1010px; } #container { margin:0 5px 0; background-color:#00f; text-align:left; width:1000px; background:#fff; } .closing { background: url(../images/template/wrapper-bg-bottom.jpg) bottom center no-repeat; height:6px; line-height:6px; clear:both; } /* Header Section -------------------------------------*/ #banner { height:98px; background:#ECEFE4; } #title { height:27px; background: #6795BD url(../images/template/title_bg.gif); line-height:27px; padding-left:16px; color:#fff; font-size:1.2em; font-weight:bold } #homelink { float:left; display:inline; width:124px; } #homelink a { color:#fff; font-weight:bold } #tagline { float:left; display:inline; width:400px; margin-left:40px; } #email { float:right; display:inline; width:200px; margin-right:25px; text-align:right } #email a { color:#fff; } #logo { width:390px; height:98px; float:left; display:inline; margin-left:16px; font-size:1.8em; font-weight:bold } #utility { float:right; display:inline; width:240px; height:73px; margin:15px 20px 0 0; text-align:right; color:#064679 } #utility .detail { font-weight:bold; font-size:1.8em; margin-bottom:10px; } #utility li { background-position:center left; background-repeat:no-repeat; padding-left:13px; } #utility li.phone { background-image:url(../images/template/icon-phone.gif) } #utility li.mail { background-image:url(../images/template/icon-mail.gif); padding-left:18px; } #utility a:hover { color:#6795BD; text-decoration:none } /* Main Content Columns -------------------------------------*/ #content { float:left; width:100%; } #content-wrapper { background: url(../images/template/content-bg.gif) top left repeat-y; } #content, #main, #sidebar { float:left; display:inline; } #main { width:760px; margin-left:40px; margin-top:24px; font-size:1.2em; } #sidebar { width:140px; background-color:#F3F4EF } #sidebar { min-height: 335px; height: auto; } * html #sidebar { height: 335px; } /* Left Sidebar Section -------------------------------------*/ #subnav ul, #subnav li { margin:0; padding:0; list-style-type:none; background:none } #subnav { margin:2px 11px 0 16px; } #subnav li { border-bottom:1px solid #A9B296; } #subnav li a { display:block; border-bottom:1px solid #fff; color:#08477B; line-height:18px; padding:4px 0; } #subnav li a:hover { color:#6795BD; text-decoration:none } /* Footer and Sponsors Section -------------------------------------*/ #features { clear:both; background:#ECEFE4 url(../images/template/features-bg.gif) top left repeat-y; min-height: 104px; height: auto; border-top:2px solid #ECEFE4; border-bottom:2px solid #ECEFE4; } * html #features { height: 104px; } #features ul.inline li { margin:10px 12px 0 12px; width:176px; float:left; display:inline; font-size:1.3em; font-weight:bold; font-family:Arial, Helvetica, sans-serif; line-height:1.2em; } #features h3 { display:inline; margin:0; } #features ul.inline li img.icon { float:right; display:inline; } #features li h3 a { display:block; text-indent:-9999px; } #features li.networksolutions h3 a { width:63px; height:45px; } #features li.trainingcourses h3 a { width:49px; height:29px; } #features li.computersales h3 a { width:58px; height:29px; } #features li.repaircentre h3 a { width:39px; height:29px; } #features li.businesswebsites h3 a { width:55px; height:29px; } #features li.networksolutions h3, #features li.networksolutions h3 a { background:url(../images/template/heading-businessnetworksolutions.gif) top left no-repeat; } #features li.trainingcourses h3, #features li.trainingcourses h3 a { background:url(../images/template/heading-trainingcourses.gif) top left no-repeat; } #features li.computersales h3, #features li.computersales h3 a { background:url(../images/template/heading-computersales.gif) top left no-repeat; } #features li.repaircentre h3, #features li.repaircentre h3 a { background:url(../images/template/heading-repaircentre.gif) top left no-repeat; } #features li.businesswebsites h3, #features li.businesswebsites h3 a { background:url(../images/template/heading-businesswebsites.gif) top left no-repeat; } #features li h3 a:hover { background-position: bottom left } #features a { color:#08477B; text-decoration:none } #features a:hover { color:#6795BD; } #footer { background-color:#08477B; line-height:22px; padding:0 12px; font-size:1.1em } #footer, #footer a { color:#fff; } #copyright, #sitedetails { width:250px; float:left; display:inline; } #sitedetails { width:700px; float:right; text-align:right } #footer .divider { margin:0 4px; } #footer a:hover { color:#81A7C6; text-decoration:none } #credit { margin-bottom:15px; clear:both; text-align:center } #credit a { color:#CCCCCC; text-decoration:none } #credit a:hover { color:#08477B; } /*--------------------------------------- Specific Pages ---------------------------------------*/ #homepage #content { background:url(../images/template/homepage-main-bg.jpg) top right no-repeat; } #homepage #main { margin-left:45px; width:370px; margin-top:70px; } /*--------------------------------------- Common Classes ---------------------------------------*/ /*--------------------------------------- Hacks ---------------------------------------*/ .clear { clear:both; height:0; } /* Correcting the center aligned background bug in Firefox and Safari which effect large background images */ html { margin-left: -1px; overflow-Y: scroll; } @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { head~body *{ margin-left: -1px;} }