/* Author: New Version Author URI: http://www.rzepak.pure.pl/ Project: PureCorp Description: Themeforest Item. Delicious - A font by Jos Buivenga (exljbris) -> www.exljbris.nl */ /*--------------------------------------------------------------------------------------- --- RESETS ---------------------------------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, 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: 0px none;outline: 0;vertical-align: baseline;background: ;} body {line-height: 1;} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;} :focus {outline: 0;} ins {text-decoration: none;} del {text-decoration: line-through;} table {border-collapse: collapse;border-spacing: 0;} /* Class below is responsible for rounding in nonIE browser, if you want css to validate, remove line below --------- */ .rounded {-moz-border-radius: 5px; /* Firefox */ -webkit-border-radius: 5px; /* Safari */} /*--------------------------------------------------------------------------------------- --- BASICS ---------------------------------------------------------------------------------------*/ html { min-height:101%;} body {color:#666; background:#fff;background-color:fff;font-size:12px;font-family: Arial, Helvetica, sans-serif;line-height:20px} /* #ddeef6 */ /*{color:#666;background:url('../img/bg_bottom.jpg'); font-size:11px;font-family: Verdana, Helvetica, sans-serif;line-height:20px}*/ a {color:#000;} a:hover {color:#000;} a:active {color:#000;} a:visited {color:#000;} .left {float:left;} .right {float:right;} .clear {clear:both;} .clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} .clearfix {display: inline-block;} /* for IE/Mac */ .padd10 {padding-right:10px;} h1 {font-size:30px;margin:0px; font-weight:normal;} h2 {font-size:20px;margin:5px 0px;font-family:Arial, Helvetica, sans-serif;font-style: normal;font-weight:normal;text-transform: normal;letter-spacing: -1px;line-height: 1.2em;} h3 {font-size:16px;margin:0px;font-family:Arial, Helvetica, sans-serif, sans-serif;font-style: normal;font-weight:normal;text-transform: normal;letter-spacing: -1px;line-height: 1.2em;} /* ------------------------------------------------------------------------------------ STRUCTURE */ #container_top {background:#fff; background-color:fff; width:100%} /*{background:#fff url('../img/bg_topline.jpg') repeat-x bottom;width:100%}*/ #content_top {background:#fff; background-color:fff;width:960px;margin: 0px auto;height:128px;position:relative} /*{background:#fff url('../img/bg_topline.jpg') repeat-x bottom;width:960px;margin: 0px auto;height:128px;position:relative}*/ #content {width:960px;margin:0px auto;background:#fff;border-left:1px solid #DDD;border-right:1px solid #DDD;text-align:left;} #top_menu {background:#323232 url('../img/menu_top.jpg') no-repeat top center;width:960px;margin-top:2px;height:36px} #top_menu ul {margin:0px;padding:0px;list-style:none;font-size:12px;padding-left:5px;margin-left:5px;} #top_menu ul li {float:left;display:block;} #top_menu ul li a {text-decoration:none;color:#fff;display:block;padding:10px 15px 7px 15px;border-right:1px solid #606060;} #top_menu ul li a:hover {background:#323232 url('../img/hover.jpg') repeat-x top;} #footer {background:#323232;width:960px;margin-top:10px;} #footer a {text-decoration:none;} #footer {background:#eee;} .section {padding:20px;} .section img {padding:5px;border:1px solid #eee;margin:9px;} .section p {padding:5px 0px;} /* ------------------------------------------------------------------------------------ CUSTOM */ /* LOGO --------- */ div#logo h1 {margin:0px;margin-left:0px;font-weight:normal;} div#logo h1 a {display:block;background:url('../img/logo.jpg') no-repeat left bottom; width:493px;height:89px;text-indent:-9999px;font-weight:normal;} /* Login form (client area) --------- BACKUP div#clientarea {position:absolute;top:-66px;right:0px;background:url('../img/client.png') no-repeat bottom;width:278px;padding-bottom:30px;padding-top:2px} #login {color: #fff;font-size: 10px;text-align: right;margin: 2px;} input#submit {margin-top:30px;margin-right:33px;border:1px solid #606060;color:#fff;background:#232323;padding:3px;font-size: 10px;text-transform:uppercase;} #login div {width:190px;float:left} #login label {display:block;margin-right:17px;} input#client_login {margin-right: 0px;border:1px solid #606060;background:transparent;width:100px;margin-bottom:5px;color:#fff;padding:3px;} input#client_zip {margin-right: 0px;border:1px solid #606060;background:transparent;width:100px;color:#fff;padding:3px;} */ div#clientarea {position:absolute;top:-66px;right:0px;background:url(../img/client.png) no-repeat bottom;width:263px;padding-bottom:30px;padding-top:2px;} #login {color: #fff;font-size: 10px;text-align: right;margin: 2px;} input#submit {margin-top:30px;margin-right:20px;border:1px solid #606060;color:#fff;background:#232323;padding:3px;font-size: 10px;text-transform:uppercase;} #login div {width:190px;float:left} #login label {display:block;} input#client_email {margin-right: 8px;border:1px solid #606060;background:transparent;width:100px;margin-bottom:5px;color:#fff;padding:3px;} input#client_zip {margin-right: 8px;border:1px solid #606060;background:transparent;width:100px;color:#fff;padding:3px;} /* First page promo top --------- */ div#promodesc {width:460px;padding:10px;padding-left:50px;padding-top:30px;font-size:12px;} div#promodesc h1 {font-size:34px;font-family:"Times New Roman", Times, serif;font-style: normal;font-weight: normal;text-transform: normal;letter-spacing: -1px;} div#promodesc h2 {font-size:18px;margin-top:10px;font-family:Arial, Helvetica, sans-serif;font-style: normal;font-weight: normal;text-transform: normal;letter-spacing: -1px;} div#promodesc p {margin-top:20px;width:370px;background:url('../img/dot.png');padding:7px;border::none;line-height:18px;font-size:14px;opacity: 0.8;filter:alpha(opacity=80);} div#promoimg {width:400px;padding:20px;background:url('../img/promoimage.jpg') no-repeat bottom;height:280px} div#promo {background:#003767 url('../img/contentbg.jpg') repeat-x bottom;color:#fff} div#buttons {width:370px;margin-top:40px;margin-left:0px;} /* Buttons Tour and Demo --------- */ a#tour {display:block;width:169px;height:43px;background:url('../img/tour.jpg') top;text-indent:-9999px} a:hover#tour {display:block;width:169px;height:43px;background:url('../img/tour.jpg') 0px 43px;} a#test {display:block;width:169px;height:43px;background:url('../img/test.jpg') top;text-indent:-9999px} a:hover#test {display:block;width:169px;height:43px;background:url('../img/test.jpg') 0px 43px;} /* Features on home page with icons --------- */ div#features {background:#f5f5f5 url('../img/descbg.jpg') repeat-x top;width:960px;padding-bottom:10px} div#features h2 {margin:0px;padding:20px 20px;font-weight:normal;} ul#feat {width:600px;margin-top:0px;margin-left:10px;} ul#feat li {float:left;display:block;width:200px;padding-left:75px;margin:10px;margin-bottom:20px;} ul#feat li h3 {margin:0px;font-weight:normal;} #f_clock {background:url('../img/fico_clock.jpg') no-repeat top left;} #f_monitor {background:url('../img/fico_monitor.jpg') no-repeat top left;} #f_pen {background:url('../img/fico_pen.jpg') no-repeat top left;} #f_search {background:url('../img/fico_search.jpg') no-repeat top left;} #f_secure {background:url('../img/fico_secure.jpg') no-repeat top left;} #f_stamp {background:url('../img/fico_stamp.jpg') no-repeat top left;} /* From the blog box --------- */ div#recentonblog h2 {color:#000;padding-left:0px;font-weight:normal;} div#recentonblog h3 a {color:#000;text-decoration:none;font-weight:normal;} div#recentonblog ul li {margin:0px 0px 10px 0px;padding:5px 0px;border-bottom:1px dashed #eee;} div#recentonblog ul li p {padding:10px 0px;} div#recentonblog {width:300px;border-left:0px solid #eee;border-bottom:0px solid #eee;padding-left:20px;padding-right:20px;padding-bottom:10px;} span.date {color:#000;padding-left:20px; background:url('../img/date.jpg') no-repeat left top;display:block;height:15px;margin-top:5px;font-size:9px} a.more {color:#000;padding-right:10px; background:url('../img/more.jpg') no-repeat right center;text-decoration:none} /* Testimonials --------- */ div#testimonials h2 {margin:0px;padding:0px 0px 10px 12px;font-weight:normal;} div#testimonials {color: #fff;background:#98002e url('../img/descbgtest.jpg') repeat-x top;width:940px;height:45px; margin-left:0; margin-right:0; margin-top:0; margin-bottom:0px; padding-left:10px; padding-right:10px; padding-top:15px; padding-bottom:10px} div.avatar {background:url('../img/avatar_bg.jpg') no-repeat; width:46px; height:44px;float:right} div.avatar img {padding-left:6px;padding-top:4px;} blockquote {color:#fff;font-family:"Times New Roman", Times, serif; font-style:italic;font-size: 20px;letter-spacing: normal;line-height:22px;background:#98002e url('../img/quotetop.jpg') no-repeat top left;; padding-left:25px; padding-right:0px; padding-top:0px; padding-bottom:0px} blockquote span {background:url('../img/quotebottom.jpg') no-repeat top right;padding-right:25px} div#testimonialslist p {margin-right:30px;margin-top:5px;color:#ffffff;font-family: Arial, Helvetica, sans-serif;font-size: 13px;margin-left:10px;background:#98002e;} div#testimonialslist {margin-top:10px;} .tstm_author {background-image:url('none');background-color:#98002e;font-size:12px;font-weight:normal} .pics_container {overflow:hidden;height:263px;width:372px;padding-top:24px;padding-left:10px;} .pics img {top:0;left:0;position:relative;z-index:1} .pics {position:relative;z-index:1} /* Footers boxes --------- */ .column {width:280px;padding:10px 20px;} #tweet p {padding:10px;border:1px solid #ffffff;font-size:13px;line-height:18px;background:url('../img/promoimage.jpg') no-repeat bottom;} #tweet p a {color:#fff} #quickcontact img {padding:5px; border:1px solid #808080;background:#474747;margin-right:20px;} #quickcontact a {color:#fff;} #bottom {background:url('../img/promoimage.jpg') repeat-x bottom;width:960px;color:#fff} #bottomline {background:#4e9bd1;width:940px; color:#fff;border-top:1px dashed #fff; padding-left:10px; padding-right:10px; padding-top:8px; padding-bottom:8px} #bottomline a {color:#fff;text-decoration:none} #bottom h2 {color:#fff;margin-bottom:10px;font-weight:normal;} /* BLOG --------- */ #blog {width:960px;} #head {background:#003767 url('../img/blogheader.jpg');color:#fff;border-bottom:1px solid #97002E} #head h2 {padding:10px;margin:0px;font-weight:normal;} #posts {width:650px;padding:10px;padding-top:20px;padding-right:10px;} .post_content {width:600px;min-height:100px;} .post_content .entry {padding:20px 10px 20px 15px;} .post_content h2 {padding-left:10px;color:#003767;font-weight:normal;} .post_content h2 a {text-decoration:none;color:#003767;font-weight:normal;} .post {background:url('../img/post_bottom.jpg') no-repeat bottom center;padding-bottom:40px} .post_meta {background:#eee url('../img/whitedot.jpg') repeat-x top;border:1px solid #ddd;color:#a1a1a1;margin:5px 0px; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px} .post_meta a.categorylink {background:#fff;text-decoration:none;} .post_meta a {text-decoration:none;color:#323232;} .entry blockquote{font-size:13px;padding:0px 5px 0px 20px;margin:15px;} .post_date {margin-top:40px;background:url('../img/datebg.jpg') no-repeat;width:49px;height:56px;padding-top:6px;color:#868686;line-height:16px} .post_date .day {font-family: Georgia, "Times New Roman", Times, serif;font-size:26px;text-align:center} .post_date .month {font-family: Georgia, "Times New Roman", Times, serif;font-size:12px;text-align:center} .post_date .hour {font-family: Georgia, "Times New Roman", Times, serif;font-size:14px;text-align:center;margin-top:-5px;} .pagination{margin-top:0px;} .pagination a, .pagination span{background: #fff;padding:5px;margin:2px;border:1px solid #d9d9d9;text-decoration:none;} .entry img {padding:5px; border:1px solid #eee;margin:5px;} .entry cite a {color:#999;text-decoration:none;} .entry a {color:#666;} .entry ul, .entry ol {margin: 3px 12px; list-style:circle} .entry h2.title a {text-decoration:none;color:#003767;font-size:28px;} .entry h2.title {margin-bottom:5px;} /* Blog sidebar --------- */ #sidebar {padding-top:20px;padding-left:20px;margin-left:20px;border-left:1px solid #eee;background:url('../img/sidebar_bg.jpg') repeat-y left;width:240px;border-bottom:1px solid #eee} #sidebar .widget {padding-bottom:10px;} #sidebar h2 {padding-bottom:5px;} #sidebar ul {margin-left:10px;list-style:circle;} #sidebar ul li {padding:2px;} #sidebar ul ul {margin-left:10px;} #sidebar .widget img {float:left;padding:4px 4px 4px 4px;border:1px solid #ddd;margin:4px 8px 4px 0px} #sidebar #baner {margin:10px 0px} #sidebar a {text-decoration:none;color:#666} /* Price page and table --------- */ #pricefaq li {display:block;float:left;width:240px;padding:20px;border:1px solid #eee;margin:5px;} table#prices {width:100%;margin-bottom:20px;margin-top:20px;} table#prices td {background:#8cbb51 url('../img/tabletdbg.jpg') repeat-y left;text-align:center;border:0px none; } table#prices td.tdname {background:#323232 url('../img/tdname.jpg') no-repeat top left;width:190px;vertical-align:middle;color:#fff;text-align:left; padding-left:5px; padding-right:0px; padding-top:5px; padding-bottom:5px} table#prices th {font-size:16px;text-align:center;background:url('../img/thbg.jpg') repeat-x bottom;color:#fff;height:25px;vertical-align:bottom;padding-bottom:3px;border:0px none; } span.yes {display:block;background:url('../img/yes.jpg') no-repeat;width:16px;height:16px;text-indent:-9999px;margin-left:50%;;margin-top:4px} span.no {display:block;background:url('../img/no.jpg') no-repeat;width:16px;height:16px;text-indent:-9999px;margin-left:50%} span.option {display:block;background:url('../img/option.jpg') no-repeat;width:16px;height:16px;text-indent:-9999px;margin-left:50%} table#prices td.totalprice {color:#fff;font-size:18px;padding-top:7px;background:#003767 url('../img/tabletdprices.jpg') repeat-x top; } /* Tour page --------- */ #tour {background:url('../img/toursidebar.jpg') repeat-y left; } #sidebar_tour {width:235px;padding-top:20px;} #sidebar_tour li.current {background:#fff;border-bottom:1px solid #ddd;border-top:1px solid #ddd;padding:10px 0px 10px 10px;} /* Use this class for hover --------- */ #sidebar_tour li {padding:10px 0px 10px 10px;border-bottom:1px solid #ddd;} #sidebar_tour a {text-decoration:none} #tour_content {margin-left:30px;padding-top:20px;width:650px;padding-bottom:30px;} #tour_content ul#count {margin-top:20px;} #tour_content ul#count li {font-size:25px;padding:10px;padding-left:65px;height:40px;padding-top:15px;} .one {background:url('../img/1.jpg') no-repeat top left;} .two {background:url('../img/2.jpg') no-repeat top left;} .three {background:url('../img/3.jpg') no-repeat top left;} .four {background:url('../img/4.jpg') no-repeat top left;} .five {background:url('../img/5.jpg') no-repeat top left;} /* Contact Form --------- */ .message {display:none;} .contact {text-align:right; width:400px;} .contact ul {list-style-type:none;} .contact li {list-style-type:none;margin:5px 0px;} .contact li.special {display:none;} .contact label {float:left;padding-top:4px;} .contact input {width:260px;border:1px solid #ddd;background:#eee url('../img/whitedot.jpg') repeat-x top;padding:5px} .contact textarea {width:260px;border:1px solid #ddd;background:#eee url('../img/whitedot.jpg') repeat-x top;padding:5px} input#send {margin-top:30px;margin-right:10px;border:1px solid #606060;color:#fff;background:#232323;padding:3px;font-size: 10px;text-transform:uppercase;} #alert {margin-top:5px;width:390px;border:1px solid #ddd;background:#eee url('../img/whitedot.jpg') repeat-x top;padding:5px;} #contact_info{text-align:center;width:450px;margin-top:5px;border:1px solid #ddd;background:#eee url('../img/whitedot.jpg') repeat-x top;padding:5px;} /* Genreal Form --------- */ .form {text-align:right; width:400px;} .form ul {list-style-type:none;} .form li {list-style-type:none;margin:5px 0px;} .form li.special {display:none;} .form label {float:left;padding-top:4px;} .form input {width:260px;border:1px solid #ddd;background:#eee url('../img/whitedot.jpg') repeat-x top;padding:5px} .form textarea {width:260px;border:1px solid #ddd;background:#eee url('../img/whitedot.jpg') repeat-x top;padding:5px} .form select {width:272px;border:1px solid #ddd;background:#eee url('../img/whitedot.jpg') repeat-x top;padding:5px}