/* -----------------------------------------------------------------------


 Blueprint CSS Framework 0.9
 http://blueprintcss.org

   * Copyright (c) 2007-Present. See LICENSE for more info.
   * See README for instructions on how to use Blueprint.
   * For credits and origins, see AUTHORS.
   * This is a compressed file. See the sources in the 'src' directory.
   
   
   
   COLORS
   Blue: #1ba2ce
   Grey: #969696
   Light grey: #c7c7c7
   Green: #cbe504

----------------------------------------------------------------------- */


/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */
html {font-size:100.01%;}
body {font-size:75%;color:#969696;background:#e4f4f9;font-family:"Arial, Helvetica Neue", Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#1ba2ce;}
h1 {font-size:2em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:1.4em;margin-bottom:0.75em;}
h3 {font-size:1.1em;line-height:1;margin-bottom:0.4em;}
h4 {font-size:.9em;line-height:1.25;margin-bottom:0.4em;}
h5 {font-size:1.6em;margin-bottom:.7em;}
h6 {font-size:1.3em;margin-bottom:.4em;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#1ba2ce;text-decoration:none;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

/* forms.css */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input[type=text], input[type=password], input.text, input.title, textarea, select {background-color:#fff;border:1px solid #bbb;}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color:#666;}
input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0.5em 0;}
input.text, input.title {width:300px;padding:5px;color:#969696;}
input.title {font-size:1.5em;}
textarea {width:300px;height:250px;padding:5px;color:#969696;font-family:arial;font-size:1em;}
input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:.25em;}
form.inline {line-height:3;}
form.inline p {margin-bottom:0;}
.error, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {color:#1ba2ce;font-weight:bold;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

/* global.css */
.clear {clear:both;}
.wrapper {margin:0 20px 20px 20px;}
.nomargin {margin:0;}
.submitOk {width:32px;height:22px;background:url(../img/ok.png) no-repeat;border:none;cursor:pointer;float:left;margin-top:4px;}
div.hr {height:1px;background: #C7C7C7;}
div.hr hr {display:none;}

/* tooltip.css */
a.info{position:relative;z-index:24;}
a.info:hover{z-index:25;}
a.info span{display:none;padding:15px 25px 15px 18px;font-size:10px;line-height:12px;}
a.info:hover span{display:block;position:absolute;top:-20px; left:-270px; width:209px;height:95px;background:url(../img/tooltip.png) no-repeat;}

/* menu.css */
body.homepages .topNav li.homepages a {border-top:1px solid #c7c7c7;border-bottom:1px solid #c7c7c7;}
body.advertising .topNav li.advertising a {border-top:1px solid #c7c7c7;border-bottom:1px solid #c7c7c7;}
body.dinwebb .topNav li.dinwebb a {border-top:1px solid #c7c7c7;border-bottom:1px solid #c7c7c7;}
body.clients .topNav li.clients a {border-top:1px solid #c7c7c7;border-bottom:1px solid #c7c7c7;}
body.press .topNav li.press a {border-top:1px solid #c7c7c7;border-bottom:1px solid #c7c7c7;}
body.blog .topNav li.blog a {border-top:1px solid #c7c7c7;border-bottom:1px solid #c7c7c7;}
body.contact .topNav li.contact a {border-top:1px solid #c7c7c7;border-bottom:1px solid #c7c7c7;}
body.clients .topNav li.clients a {border-top:1px solid #c7c7c7;border-bottom:1px solid #c7c7c7;}

/* menu-level2.css */
body.company .topNav li.dinwebb a {border-top:1px solid #c7c7c7;border-bottom:1px solid #c7c7c7;}
body.company .level2 li.company a {border-bottom:1px solid #c7c7c7;}

body.exclusive .topNav li.homepages a {border-top:1px solid #c7c7c7;border-bottom:1px solid #c7c7c7;}
body.exclusive .level2 li.exclusive a {border-bottom:1px solid #c7c7c7;}

body.plus .topNav li.homepages a {border-top:1px solid #c7c7c7;border-bottom:1px solid #c7c7c7;}
body.plus .level2 li.plus a {border-bottom:1px solid #c7c7c7;}

/* structure.css */
#siteWrapper {width:960px;margin:0 auto;background:url(../img/siteBg.png) repeat-y;}
#site {width:900px;margin:0 auto;}
#site .webIcons {float:right;margin:6px 0 0 0;}

/* header.css */
#header {clear:both;background:url(../img/header.png) no-repeat;width:900px;}
#header #logotype {float:left;width:259px;height:53px;}
.topNav {float:left;margin:30px 0 0 0;padding:0;list-style:none;width:900px;}
.topNav.level2 {margin-top:10px;margin-bottom:30px;border-top:1px solid #c7c7c7;padding-top:5px;}
.topNav li {float:left;margin:0 39px 0 0;}
.topNav li a {color:#1ba2ce;text-transform:uppercase;padding:2px 0 2px 0;border-top:1px solid #fff; border-bottom:1px solid #fff;}
.topNav.level2 li a, .topNav.level2 li a:hover {color:#969696;border:none;border-bottom:1px solid #fff;}
.topNav.level2 li a:hover {border-bottom:1px solid #c7c7c7;}
.topNav li a:hover, #header .topNav li a.current {color:#1ba2ce;border-top:1px solid #c7c7c7;border-bottom:1px solid #c7c7c7;}
#header .loginForm {margin:3px 10px 0 0;float:right;display:inline;}
#header .loginForm input.text {height:17px;padding:1px 1px 1px 4px;margin-right:5px;width:110px;float:left;}
#header .loginForm p {margin:0;padding:0;}
#header .loginForm .forgotPassword {clear:both;display:block;font-size:10px;text-align:right;float:right;margin-top:5px;position:relative;right:-10px;}
#header .loginForm .forgotPassword a {color:#969696;}

/* main.css */
#main {clear:both;margin:16px 0 0 0;}
#main h3 {border-bottom:1px solid #c7c7c7;width:281px;float:right;margin-bottom:20px;padding-bottom:5px;}
#main .photo {background:url(../img/indexSplash.png) no-repeat;width:596px;height:323px;float:left;margin-bottom:30px;}
#main .photo .copy {text-transform:uppercase;margin:80px 0 0 100px;}
#main .photo .copy h1 {color:#cbe504;}
#main .photo .copy ul {margin:0 0 20px 0;padding:0;list-style:none;}
#main .photo .copy ul li {background-image: url(../img/checkGreen.png);background-repeat:no-repeat;padding-left:20px;line-height:25px;}
#main .photo .copy a {padding-right:20px;background:url(../img/arrowBlue.png) top right no-repeat;color:#969696;}
#main .photo .copy a:hover {color:#1ba2ce;}
#main .rightCol {float:right;border-left:1px solid #c7c7c7;border-right:1px solid #c7c7c7;width:281px;height:284px;overflow:auto;}
#main .rightCol h4 {text-transform:uppercase;color:#1ba2ce;padding-left:15px;background:url(../img/arrowBlueSmall.png) no-repeat;}
#main .rightCol h4 a:hover {color:#1ba2ce;}
#main .rightCol p a {color:#969696;}
#main .rightCol a.readMore {color:#1ba2ce;}

/* services.css */
#services {margin:0 0 20px 0;}
#services h2 {border-bottom:1px solid #c7c7c7;text-transform:uppercase;margin-bottom:20px;}
#services .packages {margin:0;padding:0;list-style:none;float:left;width:900px;text-transform:uppercase;}
#services .packages li {float:left;margin:0 10px 0 0;padding:0;width:292px;height:120px;display:block;cursor:pointer;border-left:1px solid #c7c7c7;}
#services .packages .direct {background:url(../img/packageDirect.png) 15px 0px no-repeat;}
#services .packages .plus {background:url(../img/packagePlus.png) 15px 0px no-repeat;}
#services .packages .exclusive {background:url(../img/packageExclusive.png) 15px 0px no-repeat;margin-right:0;}
#services .packages li h5 {margin:18px 0 0 67px;text-transform:uppercase;}
#services .packages p a {padding-left:17px;background:url(../img/checkGreenSmall.png) no-repeat;}
#services .packages li h6 {margin:0 0 0 67px;}
#services .packages li h6 a {color:#cbe504;}
#services .packages li p {margin:0 0 0 67px;}
#services .packages li a {color:#969696;}

/* articles.css */
#articles {float:left;}
#articles.level2 {margin-top:16px;margin-bottom:-15px;}
#articles h3 {border-bottom:1px solid #c7c7c7;text-transform:uppercase;width:900px;padding-bottom:5px;margin-bottom:20px;}
#articles.level2 h3 {width:546px;}
#articles .articleList {margin:0 0 40px 0;padding:0;list-style:none;float:left;width:900px;}
#articles.level2 .articleList {margin:0 0 0 0;width:546px;}
#articles .articleList li h4 {text-transform:uppercase;margin-top:18px;font-size:1.1em;}
#articles .articleList li {margin:0;padding:0;width:413px;float:left;padding-left:18px;margin-right:18px;border-left:1px solid #c7c7c7;}
#articles .articleList li p {margin:0;padding:0;}
#articles .articleList li p a {color:#969696;padding-right:20px;background:url(../img/arrowBlue.png) bottom right no-repeat;}
#articles .articleList li img {width:90px;height:130px;background:#f5f5f5;float:left;margin:0 18px 0 0;}
#articles .articleList li .hr {width:527px;margin:20px 0 20px 0;}

/* footer.css */
#footer {clear:both;background:url(../img/footer.png) bottom left no-repeat;height:9px;width:964px;margin:0 auto;}

/* 3columns.css */
#column1 {width:370px;float:left;border-right:1px solid #c7c7c7;padding-right:30px;margin-bottom:20px;}
#column1 h2 {color:#1ba2ce;text-transform:uppercase;font-size:1.1em;padding-left:15px;background:url(../img/arrowBlueMedium.png) 0px 4px no-repeat;}
#column1 .comments {margin-top:-1.4em;margin-bottom:2em;}
#column1 .comments.last {margin-bottom:0;}
#column2 {width:219px;border-right:1px solid #c7c7c7;border-right:1px solid #c7c7c7;float:left;margin-left:20px;padding-right:20px;}
#column2 h3, #column3 h3 {text-transform:uppercase;border-bottom:1px solid #c7c7c7;padding-bottom:5px;margin-top:40px;}
#column2 form h3, #column3 form h3 {margin-top:0;}
#column2 input.text, #column3 input.text {width:207px;color:#969696;}
#column2 ul, #column3 ul {margin:15px 0 0 0;padding:0;list-style:none;}
#column2 ul li a, #column3 ul li a {color:#969696;}
#column2 ul li a:hover, #column3 ul li a:hover {color:#1ba2ce;}
#column3 {margin-left:20px;float:left;width:219px;}
#column3 h3 {text-transform:uppercase;border-bottom:1px solid #c7c7c7;padding-bottom:5px;}
#column3 .packages {margin:29px 0 0 0;padding:0;list-style:none;}
#column3 .packages li {width:171px;height:63px;display:block;margin-bottom:15px;}
#column3 .packages li:hover {cursor:pointer;}
#column3 .packages li p {font-size:1.7em;text-transform:uppercase;margin:0 0 0 55px;padding-top:10px;line-height:22px;}
#column3 .packages .direct {background:url(../img/packageDirectSmall.png) no-repeat;}
#column3 .packages .plus {background:url(../img/packagePlusSmall.png) no-repeat;}
#column3 .packages .exclusive {background:url(../img/packageExclusiveSmall.png) no-repeat;}
#column2 h3, #column3 h3 {color:#969696;}

/* 2columns */
#leftCol {width:546px;float:left;margin-bottom:50px;}
#leftCol h2, #leftCol h1 {border-bottom:1px solid #c7c7c7;width:546px;font-size:1.1em;text-transform:uppercase;padding-bottom:5px;}
#leftCol h2 {margin-top:30px;}
#leftCol .packages, #rightCol .packages {margin:29px 0 0 0;padding:0;list-style:none;}
#leftCol .packages li, #rightCol .packages li {width:171px;height:63px;display:block;margin-bottom:15px;float:left;}
#leftCol .packages li:hover, #rightCol .packages li:hover {cursor:pointer;}
#leftCol .packages li p, #rightCol .packages li p {font-size:1.7em;text-transform:uppercase;margin:0 0 0 55px;padding-top:10px;line-height:22px;}
#leftCol .packages .direct, #rightCol .packages .direct {background:url(../img/packageDirectSmall.png) no-repeat;margin-right:16px;}
#leftCol .packages .plus, #rightCol .packages .plus {background:url(../img/packagePlusSmall.png) no-repeat;margin-right:16px;}
#leftCol .packages .exclusive, #rightCol .packages .exclusive {background:url(../img/packageExclusiveSmall.png) no-repeat;}
#leftCol .packages a, #rightCol .packages a {color:#969696;}
#leftCol .packages a:hover, #rightCol .packages a:hover {color:#1ba2ce;}
#leftCol ul, #leftCol ol {color:#1ba2ce;}
#leftCol ul span, #leftCol ol span {color:#969696;}
#leftCol .workflow {margin-top:20px;}
#leftCol .googleMap {margin:20px 0 0 0;}
#leftCol .address span {width:100px;display:block;float:left;clear:left;}
#rightCol {width:308px;float:right;margin-bottom:50px;}
#rightCol h3 {color:#969696;width:308px;border-bottom:1px solid #c7c7c7;font-size:1.1em;text-transform:uppercase;padding-bottom:5px;padding-top:30px;}
#rightCol h3.alt {padding-top:0;color:#1ba2ce;}
#rightCol h3.alt2 {padding-top:0;}
#rightCol .tips {margin:18px 0 0 0;padding:0;list-style:none;}
#rightCol .tips li {padding-left:20px;background:url(../img/checkGreenSmall.png) no-repeat;line-height:20px;}
#rightCol .tips li a {color:#969696;}
#rightCol .tips li a:hover {color:#1ba2ce;}
#rightCol .customerPhoto {margin:39px 0 0 0;}