@charset "utf-8"; /* CSS Document */ /*Main styles ---------------------------------------*/ ul, ol { list-style:none; } h1, h2, h3, h4, h5, h6, pre, code { font-size: 1em; } ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input, div, span, img, dt, dd, dl { margin:0; padding:0; } html { font-size: 16px; height: 100%; } body { color: #555; background: #fff repeat-x scroll 0 0; font-size: 62.5%; font-size-adjust: 0.52; text-align: left; font-family: Helvetica, Arial,Verdana,sans-serif; } h1 { font-size: 3.5em; } h2 { font-size: 2.0em; font-weight:normal; padding:0 0 15px 0; } h3 { font-size: 1.8em; font-weight:normal; } h4 { font-size: 1.5em; } a { color: #0066CC; text-decoration: none; } a:link { outline: invert medium none; } a:hover { text-decoration: underline;} :link img, :visited img{ border:none; } p { color: #777; font-family: Arial, Verdana, sans-serif; font-size: 1.3em; margin-bottom:1.2em; } label {display:block; color:#333; font-size:1.8em; letter-spacing:-1px;} .clear{ clear: both; } .clear-right{ clear: right; font-size: 0.0em; height: 0px; } .clear-left{ clear:left;} .left { float: left; margin: 0 15px 25px 0; } .right { float: right; margin: 0 0 25px 15px; } .heavy { font-size: 1.4em; font-weight: bold; color: #333; padding-bottom: 15px; } /*Global styles ---------------------------------------*/ #content { clear: both; float: left; padding-top: 40px; /*margin-top: 2px;*/ background-image:url(../images/spacer_02.gif); background-repeat: repeat-x; width: 100%;} #pcontent { clear: both; float: left; padding-top: 0px; /*margin-top: 2px;*/ background-image:url(../images/spacer_02.gif); background-repeat: repeat-x; width: 100%;} #main-column { width:700px; float:right; } #main-column1 { width:960px; float:center; background-color:#b0c4de } #sub-column { width:225px; float:left; } .wrap {width:960px; /*height:60px;*/ padding:15px; margin: 0 auto;} .more { float: right; display: block; background: url(../images/learn-more-bg.gif) no-repeat scroll 100% 0; line-height: 31px; padding: 0 40px 0 0; margin-top: 50px; } .more a { color: #FFFFFF; } .more a:hover { text-decoration: none; } .more span { float: left; display: block; color: #fff; font-size: 1.9em; background: url(../images/learn-more-bg.gif) no-repeat scroll 0 0; padding: 0 0 0 20px; } .more1 { float: right; display: block; background: url(../images/learn-more-bg.gif) no-repeat scroll 100% 0; line-height: 31px; padding: 0 40px 0 0; margin-top: 50px; margin-right:110px } .more1 a { color: #FFFFFF; } .more1 a:hover { text-decoration: none; } .more1 span { float: left; display: block; color: #fff; font-size: 1.9em; background: url(../images/learn-more-bg.gif) no-repeat scroll 0 0; padding: 0 0 0 20px; } /*Header styles ---------------------------------------*/ body div.container { clear: both; float: left; width: 100%; } #header { padding: 15px 0 0 0; } #header div#wrap-header { margin: 0 auto; width: 960px; } #logo { float: left; } #logo a { display: block; background: url(../images/header-logo.png) no-repeat scroll 0 0; height: 36px; width: 116px; } #logo a span { display: none; } #navigation { float: right; width: 820px; } #navigation ul { background: url(../images/navigation.png) no-repeat scroll 0 0; padding: 1px 0 3px 0; height: 32px; } #navigation ul li { float: left; } #navigation ul li a { display: block; color: #6f6f6f; font: normal 1.8em Arial, Helvetica, sans-serif; line-height: 32px; padding: 0 15px; border-right: solid thin #ccc; } #navigation ul li:hover { background: url(../images/navigation.png) no-repeat scroll 50% -38px; } #navigation ul li:hover a { color: #fff; text-decoration: none; } #navigation ul li.first:hover { background: url(../images/navigation.png) no-repeat scroll 0 -38px; } #navigation ul li.first a.on{ background: url(../images/navigation.png) no-repeat scroll 0 -38px; } #navigation ul li a.on{ background: url(../images/navigation.png) no-repeat scroll 50% -38px; color: #fff; } #navigation ul li.last { float: right; background: url(../images/navigation.png) no-repeat scroll 100% -1px; } #navigation ul li.last a { border-right: none; border-left: solid thin #ccc; } #navigation ul li.last a.on { background: url(../images/navigation.png) no-repeat scroll 100% -38px; } #navigation ul li.last:hover { background: url(../images/navigation.png) no-repeat scroll 100% -38px; } /*#navigation ul li.last a { background: url(../images/navigation_arrow.png) no-repeat scroll 0 0; padding: 0 15px 0 35px; } #navigation ul li.last:hover a { background: url(../images/navigation_arrow.png) no-repeat scroll 0 -33px; } #navigation ul li.last a.on { background: url(../images/navigation_arrow.png) no-repeat scroll 0 -33px; }*/ /*Featured styles ---------------------------------------*/ .featuredN { clear: both; float: left; padding: 25px 0; background-color:#000; height: 285px; width: 100%; } #featured { clear: both; float: left; padding: 25px 0; background-color:#000; height: 285px; width: 100%; } #featured div.tagline { float:right; width: 440px; padding: 0 25px 0 0; } #featured h1 { color: #FFF; padding-left:3px; padding-top:90px; font-size:2.4em; text-align:left; font-weight:normal; } #featured img { float: left; display: block; margin: 0 0 0 25px; } #featuredsmall { clear: both; padding: 25px; background-color:#000; height: 75px; } #featuredsmall h2 { color: #FFF; padding-top:25px; font-size:2.8em; text-align:center; font-weight:normal; } /*Store styles ---------------------------------------*/ .store ol.additional li{ clear:both; height: 75px; } .store ol.boxes li{ height: 225px; } .store ol.boxes li h3{ padding-left: 5px; } .store ol.boxes li p{ padding-top: 25px; } .store ol.boxes li img{ float: left; } .store .add { float: left; display: block; background: url(../images/add-bg.gif) no-repeat scroll 100% 0; line-height: 31px; padding: 0 40px 0 0; margin-top: 10px; } .store .add a:hover { text-decoration: none; } .store .add span { float: left; display: block; color: #fff; font-size: 1.9em; background: url(../images/add-bg.gif) no-repeat scroll 0 0; padding: 0 0 0 20px; } .store h2 { float: left; width: 400px; } .store .cart { float: right; font-size: 1.4em; } /*Products styles ---------------------------------------*/ #products { padding: 2px 0 15px 0; background-color:#000; height: 386px; } #products ul li { width: 225px; float: left; color: #FFF; } #products ul li h3.standard{ padding-left: 60px; } #products ul li h3.professional{ padding-left: 45px; } #products ul li h3.enterprise{ padding-left: 60px; } #products ul li h3.littleblue{ padding-left: 80px; } #products .more { margin:0 0 0 50px; float: left; } #call { color: #ffff66; font-size: 1.6em; padding: 10px 0px 30px 0; width: 70%; } #call span{ float: right; } #comparison { padding: 5px 0 5px 0; border: 1px solid #CCC; font-weight: bold; font-family: Arial; } #comparison ol li { float: left; text-align: center; color: #555; width: 85px; padding: 3px 0 3px 0; } #comparison ol.titles { border-bottom: 1px solid #CCC; height: 30px; } #comparison ol.odd { background-color: #f1f1f1; height: 29px; font-size: 1.3em;} #comparison ol.even { height: 29px; font-size: 1.3em;} #comparison li.small {width:20px;} .notes { margin: 5px 0 25px 0; font-size: 1.3em; clear: both; text-align: right; } #sub-column h3 { margin: 0 0 5px 0; } #sub-column ul { margin-bottom: 15px; } #sub-column ul li { background-image:url(../images/arrow.gif); background-repeat:no-repeat; padding: 0 0 5px 15px; font-size: 1.3em; } #trial { border: 1px solid #CCC; background-color: #f1f1f1; padding: 15px; text-align: center; margin-bottom: 25px; } #trial p { padding: 20px 0 0 0; } .grabtrial { float: right; display: block; background: url(../images/learn-more-s-bg.gif) no-repeat scroll 100% 0; line-height: 31px; padding: 0 35px 0 0; } .grabtrial a { color: #FFFFFF; } .grabtrial a:hover { text-decoration: none; } .grabtrial span { float: left; display: block; color: #fff; font-size: 1.9em; background: url(../images/learn-more-s-bg.gif) no-repeat scroll 0 0; padding: 0 0 0 12px; } #screenshots { border: 1px solid #CCC; background-color: #f1f1f1; padding: 12px; margin-bottom: 25px; } #screenshots img{ border: 1px solid #CCC; margin: 10px 15px 0 0; } #main-column #left-column { float:left; width: 325px; } #main-column #right-column {float:right; width: 325px; } #bundle { background-image:url(../images/server-bundle.jpg); background-repeat:no-repeat; } #bundle h3 { padding-left:90px; } #bundle p { padding-left:90px; } #safe { background-image:url(../images/secure-server.jpg); background-repeat:no-repeat; } #safe h3 { padding-left:90px; } #safe p { padding-left:90px; } /*LittleBlue styles ---------------------------------------*/ #littleblue { clear: both; padding: 25px; background-image:url(../images/littleblue-bg.gif); background-repeat:no-repeat; background-color:#000; height: 310px; } #littleblue h2 { color: #FFF; padding-top:105px; font-size:3.0em; text-align:left; font-weight:normal; width:210px; float:right; } #main-column #left-column h3 a {color:#555; padding-left:75px; } #main-column #left-column #about p {padding-left:0; font-size:1.3em;} /*LittleBlue1 styles ---------------------------------------*/ #littleblue1 { clear: both; padding: 25px; background-image:url(../images/littleblue_bg2.jpg); background-repeat:no-repeat; background-color:#000; height: 310px; } #littleblue1 h2 { color: #FFF; padding-top:105px; font-size:3.0em; text-align:left; font-weight:normal; width:210px; float:right; } #main-column #left-column h3 a {color:#555; padding-left:75px; } #main-column #left-column #about p {padding-left:0; font-size:1.3em;} /*Mach2 styles ---------------------------------------*/ #Mach2 { clear: both; padding: 25px; background-image:url(../images/mach2_bg.jpg); background-repeat:no-repeat; background-color:#000; height: 310px; } #Mach2 h2 { color: #FFF; padding-top:105px; font-size:3.0em; text-align:left; font-weight:normal; width:210px; float:right; } #main-column #left-column h3 a {color:#555; padding-left:75px; } #main-column #left-column #about p {padding-left:0; font-size:1.3em;} /*qbooks styles ---------------------------------------*/ #qbooks { clear: both; padding: 25px; background-image:url(../images/qbooks_bg.jpg); background-repeat:no-repeat; background-color:#000; height: 310px; } #Mach2 h2 { color: #FFF; padding-top:105px; font-size:3.0em; text-align:left; font-weight:normal; width:210px; float:right; } #main-column #left-column h3 a {color:#555; padding-left:75px; } #main-column #left-column #about p {padding-left:0; font-size:1.3em;} /*Index styles ---------------------------------------*/ #sub-column .blue { color:#0066CC; } #sub-column #intel { background-image:url(../images/intel.gif); background-repeat:no-repeat; padding:15px 0 0 65px; display:block; height:50px; cursor: pointer; margin-top: 20px; } #main-column #left-icons { float:left; } #main-column #right-icons {float:right; } #main-column #left-icons h3 a {padding-left:75px; color: #555; } #main-column #right-icons h3 a {padding-left:75px; color: #555; } #main-column #left-icons p {padding-left:75px; font-size:1.2em;} #main-column #right-icons p {padding-left:75px; font-size:1.2em;} #main-column ol { width: 320px; padding: 0 0 10px 0; } #main-column ol li { padding-bottom: 10px; } #main-column ul { width: 320px; padding: 0 0 10px 15px; } #main-column ul li { padding-bottom: 10px; list-style: circle; font-size: 1.2em; color: #777; } #main-column ol #affordable { background-image:url(../images/affordable.jpg); background-repeat:no-repeat; } #main-column ol #easy-setup { background-image:url(../images/easysetup.jpg); background-repeat:no-repeat; } #main-column ol #backup { background-image:url(../images/backup_restore.jpg); background-repeat:no-repeat; } #main-column ol #secure { background-image:url(../images/secure.jpg); background-repeat:no-repeat; } #main-column ol #web { background-image:url(../images/webserver.jpg); background-repeat:no-repeat; } #main-column ol #mail { background-image:url(../images/mailserver.jpg); background-repeat:no-repeat; } #main-column ol #print { background-image:url(../images/printserver.jpg); background-repeat:no-repeat; } #main-column ol #updates { background-image:url(../images/updates.jpg); background-repeat:no-repeat; } #main-column ol #ftp { background-image:url(../images/ftp.jpg); background-repeat:no-repeat; } #main-column ol #remote { background-image:url(../images/remote.gif); background-repeat:no-repeat; } /*Footer styles ---------------------------------------*/ #footer { clear: both; color: #AAA; height:50px; padding:0; background-image:url(../images/footer-gradient.jpg); background-repeat:repeat-x; border-top: 2px solid #CCC; font-size: 1.1em; } #footer a { color: #AAA; text-decoration: underline; } #footer a:hover { text-decoration: none; }