/* NOTES */ /* Blue #3c608d */ /* RESET CSS */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: Top; background: transparent; font-size:16px; font-family: Arial, "Trebuchet MS", Verdana, Sans-Serif;} ol, ul {list-style: none;} blockquote, q {quotes: none;} :focus {outline: 0;} /* remember to define focus styles! */ ins {text-decoration: none;} /* remember to highlight inserts somehow! */ del {text-decoration: line-through;} table {border-collapse: collapse;border-spacing: 0;} /* tables still need 'cellspacing="0"' in the markup */ /* GLOBAL */ body {margin:0 auto; background: #000 url(images/background.jpg) top left repeat-x; color:#333;} .hidden {text-indent:-3000px; overflow:auto; font-size:0px;} .clear {clear:both;} h1, h2, h3, h4, h5 {color:#333; font-family:Arial, Helvetica, Verdana, Sans-Serif; font-weight:normal;} h1 {font-size:28px; margin:0 0 10px 0;} h2 {font-size:24px; margin:0 0 5px 0; color:#3c608d;} h3 {font-size:22px; margin:5px 0 5px 0; color:#3c608d;} h4 {font-size:16px; margin:0 0 5px 0; color:#3c608d;} h5 {font-size:14px; margin:0 0 5px 0;} p {margin:0 0 10px 0; color:#333; font-family:"Times New Roman", Serif;} b {font-family:"Times New Roman", Serif;} ul.arrow {padding:0 0 0 0px; margin:0 0 0 0px;} ul.arrow li {list-style-image: url(images/bullet_blue_arrow.png); padding:0 0 0 0px; margin:0 0 0 0px;} ul.globe {padding:0 0 0 0px; margin:0 0 0 0px;} ul.globe li {list-style-image: url(images/bullet_blue_globe_sm.png); padding:0px 0 -40px 0px; margin:0px 0 0 0px;} a, a:visited {color:#3c608d; text-decoration:none;} a:hover, a:visited:hover {color:#3c608d; text-decoration:underline;} /* HEADER */ #header {margin:0 auto; width:980px;} #header .topper {background: url(images/header_bg_paper.png) top left no-repeat; width:980px; height:51px;} #header .branding {width:980px; height:107px; background:#fff; position:relative;} #header .branding .logo {margin:0 40px;} #header .branding .icon {position:absolute; top:30px; left:700px;} #header .branding h2 {font-size:10px; color:#3c608d; font-weight:normal; font-family:Helvetica, Verdana, Sans-Serif; position:absolute; top:30px; left:756px;} #header .branding h1 {font-size:30px; color:#474747; font-weight:normal; font-family:Helvetica, Verdana, Sans-Serif; position:absolute; top:38px; left:756px;} /* NAVIGATION */ #nav {margin:0 auto; width:1000px; height:48px; background: url(images/nav_bg.png) top left no-repeat;} #nav ul {width:980px; text-align:center; list-style-type:none; margin:0 auto; padding:0;} #nav ul li {float:left; height:38px; margin:0px 5px 0px 5px;} #nav ul li a {font-family:"Times New Roman", Serif; color:#fff; text-decoration:none; font-size:18px; display:block; height:38px; line-height:38px; padding:0px 10px 0px 10px; text-align:center;} #nav ul li a:visited {font-family:"Times New Roman", Serif; color:#fff; text-decoration:none; font-size:18px; display:block; height:38px; line-height:38px; padding:0px 10px 0px 10px; text-align:center;} #nav ul li a:hover {font-family:"Times New Roman", Serif; color:#b7c8e0; text-decoration:none; font-size:18px; display:block; height:38px; line-height:38px; padding:0px 10px 0px 10px; text-align:center;} #nav ul li a:visited:hover {font-family:"Times New Roman", Serif; color:#b7c8e0; text-decoration:none; font-size:18px; display:block; height:38px; line-height:38px; padding:0px 10px 0px 10px; text-align:center;} /* BODY */ #content {margin:0 auto; padding:30px 40px 10px 40px; width:900px; background:#fff;} /* LOOPED SLIDER */ /* Code from: http://github.com/nathansearles/loopedSlider */ /** Required */ .container { width:900px; height:329px; overflow:hidden; position:relative; /* cursor:pointer; */ } .container .slides img { z-index:2;} .slides { position:absolute; top:0; left:0; } .slides > div { position:absolute; top:0; width:900px; display:none; } /** Optional*/ #loopedSlider,#newsSlider { margin:0 auto; width:900px; position:relative; clear:both;} ul.pagination { list-style:none; padding:0; margin:0; position:absolute; left:40px; top:300px; z-index:2;} ul.pagination li { float:left; margin-right:5px;} ul.pagination li a { padding:2px 4px; background:#fff; color:#3c608d; border:1px solid #3c608d; text-decoration:none; font-size:10px;} ul.pagination li.a:hover { background:#3c608d; color:#fff; border:1px solid #3c608d; text-decoration:none;} ul.pagination li.active a { background:#3c608d; color:#fff; border:1px solid #3c608d; text-decoration:none;} /* HOMEPAGE BANNER */ #content .mainimage {margin:0 auto 30px auto; width:900px; height:329px;} /* Generic Homepage About Us Banner */ .banner1 {width:900px; height:329px; background: url(images/banner_1_bg.jpg) top left no-repeat; position:relative;} .banner1 h1 {position:absolute; top:30px; left:400px; color:#3c608d; font-size:24px; text-transform:uppercase; font-family: "Trebuchet MS", Verdana, Sans-Serif;} .banner1 p {position:absolute; top:80px; left:400px; width:450px; color:#3c608d; font-size:18px; font-family: "Trebuchet MS", Verdana, Sans-Serif;} .banner1 img {position:absolute; top:230px; left:630px;} /* LocalizationSuite */ .banner-localization {width:900px; height:329px; background: url(images/banner-bg-localization.jpg) top left no-repeat; position:relative;} .banner-localization h1 {position:absolute; top:60px; left:400px; color:#3c608d; font-size:24px; text-transform:uppercase; font-family: "Trebuchet MS", Verdana, Sans-Serif;} .banner-localization p {position:absolute; top:110px; left:400px; width:450px; color:#3c608d; font-size:18px; font-family: "Trebuchet MS", Verdana, Sans-Serif;} .banner-localization img {position:absolute; top:230px; left:630px;} /* QuicStart */ .banner-quickstart {width:900px; height:329px; background: url(images/banner-bg-quickstart.jpg) top left no-repeat; position:relative;} .banner-quickstart h1 {position:absolute; top:60px; left:400px; color:#3c608d; font-size:24px; text-transform:uppercase; font-family: "Trebuchet MS", Verdana, Sans-Serif;} .banner-quickstart p {position:absolute; top:110px; left:400px; width:450px; color:#3c608d; font-size:18px; font-family: "Trebuchet MS", Verdana, Sans-Serif;} .banner-quickstart img {position:absolute; top:230px; left:630px;} /* FlexGrid */ .banner-flexgrid {width:900px; height:329px; background: url(images/banner-bg-flexgrid.jpg) top left no-repeat; position:relative;} .banner-flexgrid h1 {position:absolute; top:60px; left:400px; color:#3c608d; font-size:24px; text-transform:uppercase; font-family: "Trebuchet MS", Verdana, Sans-Serif;} .banner-flexgrid p {position:absolute; top:110px; left:400px; width:450px; color:#3c608d; font-size:18px; font-family: "Trebuchet MS", Verdana, Sans-Serif;} .banner-flexgrid img {position:absolute; top:230px; left:630px;} /* EnterpriseStorage */ .banner-storage {width:900px; height:329px; background: url(images/banner-bg-enterprisestor.jpg) top left no-repeat; position:relative;} .banner-storage h1 {position:absolute; top:60px; left:400px; color:#3c608d; font-size:24px; text-transform:uppercase; font-family: "Trebuchet MS", Verdana, Sans-Serif;} .banner-storage p {position:absolute; top:110px; left:400px; width:450px; color:#3c608d; font-size:18px; font-family: "Trebuchet MS", Verdana, Sans-Serif;} .banner-storage img {position:absolute; top:230px; left:630px;} /* ECM Expert */ .banner-ecmexpert {width:900px; height:329px; background: url(images/banner-bg-ecmexpert.jpg) top left no-repeat; position:relative;} .banner-ecmexpert h1 {position:absolute; top:60px; left:400px; color:#3c608d; font-size:24px; text-transform:uppercase; font-family: "Trebuchet MS", Verdana, Sans-Serif;} .banner-ecmexpert p {position:absolute; top:110px; left:400px; width:450px; color:#3c608d; font-size:18px; font-family: "Trebuchet MS", Verdana, Sans-Serif;} .banner-ecmexpert img {position:absolute; top:230px; left:630px;} /* ContentConversion */ .banner-contentconv {width:900px; height:329px; background: url(images/banner-bg-contentconv.jpg) top left no-repeat; position:relative;} .banner-contentconv h1 {position:absolute; top:60px; left:400px; color:#3c608d; font-size:24px; text-transform:uppercase; font-family: "Trebuchet MS", Verdana, Sans-Serif;} .banner-contentconv p {position:absolute; top:110px; left:400px; width:450px; color:#3c608d; font-size:18px; font-family: "Trebuchet MS", Verdana, Sans-Serif;} .banner-contentconv img {position:absolute; top:230px; left:630px;} /* All Products */ .banner-products {width:900px; height:329px; background: url(images/banner-bg-products.jpg) top left no-repeat; position:relative;} .banner-products h1 {position:absolute; top:240px; left:60px; color:#3c608d; font-size:24px; text-transform:uppercase; font-family: "Trebuchet MS", Verdana, Sans-Serif;} .banner-products p {position:absolute; top:280px; left:60px; width:450px; color:#3c608d; font-size:18px; font-family: "Trebuchet MS", Verdana, Sans-Serif;} .banner-products img {position:absolute; top:230px; left:630px;} /* CONTENT - HOMEPAGE */ #content .homepage {} #content .homepage .homepage_column {float:left; width:210px; margin:0 20px 0 0;} #content .homepage .homepage_column h1 {color:#333; font-family:Arial, Helvetica, Verdana, Sans-Serif; font-size:18px; font-weight:normal; margin:0 0 10px 0;} #content .homepage .homepage_column p {color:#333; font-family:"Times New Roman", Serif; font-size:12px; margin:0 0 10px 0;} #content .homepage .homepage_column span {} #content .homepage .homepage_column_end {float:left; width:210px; margin:0 0 0 0;} #content .homepage .homepage_column_end h1 {color:#333; font-family:Arial, Helvetica, Verdana, Sans-Serif; font-size:18px; font-weight:normal; margin:0 0 10px 0;} #content .homepage .homepage_column_end p {color:#333; font-family:"Times New Roman", Serif; font-size:12px; margin:0 0 10px 0;} #content .homepage .homepage_column_end ul {color:#333; font-family:"Times New Roman", Serif; font-size:12px;} #content .homepage .homepage_column_end ul li {color:#333; font-family:"Times New Roman", Serif; font-size:12px;} #content .homepage .homepage_column_end span.news {color:#333; font-family:"Times New Roman", Serif; font-size:12px;} #content .homepage .homepage_column_end a.newslink {color:#3c608d; font-family:"Times New Roman", Serif; font-size:12px; text-decoration:none;} #content .homepage .homepage_column_end a.newslink:visited {text-decoration:none;} #content .homepage .homepage_column_end a.newslink:hover {text-decoration:underline;} #content .homepage .homepage_column_end a.newslink:visited:hover {text-decoration:underline;} /* jQuery Numeric Controls */ #slider { width:900px; height:349px; overflow:hidden; z-index:90000; } ol#controls{ margin:-22px auto 0 auto; padding:0; height:28px; } ol#controls li{ margin:0 10px 0 0; padding:0; float:left; list-style:none; height:28px; line-height:28px; } ol#controls li a{ float:left; height:28px; line-height:28px; border:1px solid #ccc; background:#a5b8d2; color:#555; padding:0 10px; text-decoration:none; } ol#controls li.current a{ background:#3c608d; color:#fff; } ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;} /* CONTENT ONE COLUMN */ #content .onecolumn {margin:-10px 0 0 0;} #content .onecolumn ul {margin:0 0 30px 40px;} #content .onecolumn ul li {margin:0 0 10px 0; padding:0 0 0 0px; font-family:"Times New Roman", Serif;} #content .onecolumn strong {font-family:"Times New Roman", Serif;} #content .onecolumn p.attribution {color:#666; margin:-10px 0 20px 20px;} #content .onecolumn a {font-family:"Times New Roman", Serif;} #content .onecolumn a.liblink, #content .onecolumn a.liblink:visited {color:#3c608d; font-family:Arial, Helvetica, Verdana, Sans-Serif; font-size:18px; font-weight:normal; padding:0 0 20px 0;} #content .onecolumn a.liblink:hover, #content .onecolumn a.liblink:visited:hover {color:#3c608d; font-family:Arial, Helvetica, Verdana, Sans-Serif; font-size:18px; font-weight:normal; padding:0 0 20px 0;} #content .twocolumn {margin:-10px 0 0 0;} #content .twocolumn ul {margin:0 0 30px 40px;} #content .twocolumn ul li {margin:0 0 10px 0; padding:0 0 0 0px; font-family:"Times New Roman", Serif;} #content .twocolumn strong {font-family:"Times New Roman", Serif;} #content .twocolumn p.attribution {color:#666; margin:-10px 0 20px 20px;} #content .twocolumn a {font-family:"Times New Roman", Serif;} #content .twocolumn a.liblink, #content .onecolumn a.liblink:visited {color:#3c608d; font-family:Arial, Helvetica, Verdana, Sans-Serif; font-size:18px; font-weight:normal; padding:0 0 20px 0;} #content .twocolumn a.liblink:hover, #content .onecolumn a.liblink:visited:hover {color:#3c608d; font-family:Arial, Helvetica, Verdana, Sans-Serif; font-size:18px; font-weight:normal; padding:0 0 20px 0;} #content .twocolumn .col1 {margin:0 40px 0 0; float:left; width:625px;} #content .twocolumn .col2 {margin:32px 0 0 0; float:left; width:235px;} #content .twocolumn .col2 a, #content .twocolumn .col2 a:visited {font-size:18px;} #content .twocolumn .col2 a:hover, #content .twocolumn .col2 a:visited:hover {font-size:18px;} /* tables */ .tableLibrary { border:1px solid #3c608d;} .tableHeader { background:#3c608d; color: #ffffff; font-weight:bold; padding:10px; text-align:center;} .tableHeader th { padding:10px;} .tableOddRow { padding:3px; background:#ffffff; color: #000000; font-weight:normal; font-family:"Times New Roman", Serif;} .tableEvenRow { padding:3px; background:#dddddd; color: #000000; font-weight:normal; font-family:"Times New Roman", Serif;} .tableEvenRow td, .tableOddRow td {padding:20px; font-family:"Times New Roman", Serif;} .tableEvenRow td.button {margin:auto 0; vertical-align:middle; top:50%;} .indent {margin-left:20px;} /* CONTENT TWO COLUMN */ #content .twocolumn {} /* SLIDING DOORS BUTTONS */ /* Note: Make sure the span's vertical padding (6 + 6) and line-height (14) amount to the total height of the button (26). Using a different padding, means setting a different height. */ a.button {background: transparent url('images/button_bg_a.png') no-repeat scroll top right; color: #fff; display: block; float: left; font-weight: normal; font-size:14px; font-family:"Times New Roman", Serif; height: 26px; margin:0 0 0 0; padding-right: 18px; text-decoration: none;} /* sliding doors padding */ a.button:link {color:#fff; font-family:"Times New Roman", Serif; font-weight: normal; font-size:14px; text-transform:uppercase; text-decoration:none;} a.button:visited {color:#fff; font-family:"Times New Roman", Serif; font-weight: normal; font-size:14px; text-transform:uppercase; text-decoration:none;} a.button span {font-family:"Times New Roman", Serif; font-weight:normal; background: transparent url('images/button_bg_span.png') no-repeat; display: block; line-height: 14px; padding: 6px 0 6px 18px;} a.button:active {background-position: bottom right; color: #ccc; outline: none; text-decoration:none;} /* hide dotted outline in Firefox */ a.button:active span {background-position: bottom left; padding: 6px 0 6px 18px; text-decoration:none;} /* push text down 1px */ /* PRODUCTS */ #product-holder {clear:both;} #product-holder img {float:left; display:block; height:250px; width:250px; margin:0 0 40px 0;} #product-holder .product-text {float:left; display:block; width:600px; margin:40px 0 40px 40px;} #product-holder .product-text h3 {} #product-holder .product-text p {} /* NEWS */ #news-holder {clear:both;} #news-holder img {float:left; display:block; height:111px; width:250px; margin:0 0 40px 0;} #news-holder .news-text {float:left; display:block; width:600px; margin:0 0 40px 40px;} #news-holder .news-text h3 {} #news-holder .news-text h3 a {font-size:22px; margin:5px 0 5px 0; color:#3c608d; font-family:Arial, Helvetica, Verdana, Sans-Serif; font-weight:normal;} #news-holder .news-text p {} /* SERVICES */ .service-container {padding:20px 0 0 0;} .service-wrap-left {float:left; display:inline; width:420px; margin:0 0 20px 0;} .service-wrap-right {float:left; display:inline; width:420px; margin:0 0 20px 60px;} /* FOOTER */ #footer {margin:0 auto; padding:52px 0 0 0; width:980px; background: url(images/footer_bg.jpg) top left no-repeat;} #footer .columns {height:196px;} #footer .columns .column1 {float:left; width:210px; margin:0 20px 0 40px;} #footer .columns .column2 {float:left; width:210px; margin:0 20px 0 0;} #footer .columns .column3 {float:left; width:210px; margin:0 20px 0 0;} #footer .columns .column4 {float:left; width:210px; margin:0 0 0 0;} #footer .columns h5 {font-size:16px; margin:0 0 10px 0;} #footer .columns p {font-size:11px;} #footer .columns span {font-size:11px;} #footer .columns ul {} #footer .columns ul li { font-size:11px; margin:0 0 0 0;} #footer .columns ul li.service { font-size:10px; margin:0 0 10px 0;} #footer .columns ul li.blog { font-size:11px; margin:0 0 10px 0;} #footer .columns a { font-size:11px;} #footer .columns a:visited {} #footer .columns a:hover {} #footer .columns a:visited:hover {} #footer .copyright {color:#333; margin:0 auto; padding:50px 0; text-align:center; width:980px; height:47px; background: url(images/footer_bg_paper.png) top left no-repeat; font-size:11px; font-family:Arial, Helvetica, Verdana, Sans-Serif;}