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, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline;}
article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}
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 */
@font-face {font-family: Museo; src: url(fonts/MuseoCyrl_500.otf);}

h1, h2, h3, h4, h5, h6 {font-weight:normal; color:#6096BC; font-family:"Museo", Arial, Helvetica, sans-serif;}
h1, h2, h3 {margin: 0 0 10px 0;}
h1 {font-size:2.5em; line-height:1; margin:10px 0 18px;}
h1 span {font-size:18px; line-height:1; margin:7px 0; display:block;}
h2 {font-size:2em;}
h3 {font-size:1.5em; line-height:1.2em;}
h3 a {color:#444;}
h4 {font-size:1.2em; line-height:1.25; margin-bottom:0.85em;}
h5 {font-size:1em; font-weight:bold; margin-bottom:0.5em;}
h6 {font-size:1em; font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}

p {margin: 0 0 10px 0; line-height:20px;}
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 {color:#444; text-decoration:underline;}
a:focus, a:hover {color:#6096BC;}

img {max-width:100%;}

ul, ol {margin: 0 0 20px 0; padding: 0;}
ul {list-style: none;}
ul li {margin-bottom:8px;}
ol {list-style-type:decimal; margin-left: 30px;}
li ul, li ol {margin:0;}

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;}

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;}
td {vertical-align:top;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
hr {background:#DDDDDD; color:#DDDDDD; clear:both; float:none; width:100%; height:.1em; margin:10px 0; border:none;}

/* other */
.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;}
.bold {font-weight:bold;}
.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;}
.margin-bottom {margin-bottom:24px;}
.clear {clear:both;}
.hidden {display:none;}
.float_left {float:left; position:relative; margin-right:15px;}
.float_right {float:right; position:relative; margin-left:15px;}

/*color*/
.white {color:#fff;}
.yellow {color:#FBC51D;}

/* forms */
label {font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
legend {font-size:1.2em;}

input[type=text], input[type=submit], input[name=submit], textarea, select, span.select, a.submit {border-radius: 2px; margin:0.5em 0;}
input[type=text], textarea {padding: 5px; background-color:#fff; border:2px solid #B3CCD8; color:#457da3; width: 95%;}
textarea {height:100px;}
input[type=checkbox], input[type=radio] {position:relative; top:.25em;}
input[type=text]:focus, textarea:focus {color:#3e6f91; border:2px solid #6096BC;}
input:focus, select:focus, textarea:focus, button:focus {outline: none;}
::-webkit-input-placeholder {color:#a2c1cf;}
:-moz-placeholder {/* Firefox 18- */color:#3e6f91;}
::-moz-placeholder {/* Firefox 19+ */color:#3e6f91;}
:-ms-input-placeholder {color:#3e6f91;}


input[type=submit], input[name=submit], a.submit, .more-link {float:right; margin-top:10px; width:150px; height:39px; background-color:#FBC51D; color: #fff; text-decoration: none; font-size:14px; line-height: 39px; border: 0;}
input[type=submit]:hover, input[name=submit]:hover, a.submit:hover, .more-link:hover {background-color:#FBCF1D; color: #fff;}

form.inline {line-height:3;}
form.inline p {margin-bottom:0;}

form .invalid label {color:#8a1f11;}
form p.invalid input.text, form p.invalid textarea {border-color:#8a1f11; color:#8a1f11;}

.error, .notice, .success {padding:.8em; margin-bottom:1em; border:2px solid #ddd; font-size:15px;}
.error {background:#FBE3E4; color:#8a1f11; border-color:#FBC2C4;}
.notice {background:#FFF6BF; color:#514721; border-color:#FFD324;}
.success {background:#E6EFC2; color:#264409; border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}



html, body {margin:0; padding:0; height:100%;}

body {background: #fff; font: 14px Verdana, Serif; color:#666666;}
.screen-reader-text {position: absolute; left: -9999px; top: -9999px;}
.clear {clear: both;}
.group:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
* html .group, *:first-child+html .group {zoom: 1;} /* First selector = IE6, Second Selector = IE 7 */

#container {min-height: 100%; min-width: 1040px; position:relative;}
#page-wrap {width: 960px; margin: 20px auto 0;padding-bottom: 170px;}
#header_wrapper {width: 100%; height:285px; background-color:#68ACD9; padding-top:10px; border-top:10px solid #4A7EA6; background: url('../../_images/graphics/cyan-blue.png');box-shadow: 0px 0px 5px #4A7EA6;}
#footer_wrapper {width: 100%; height: 139px; margin:0; position:absolute; bottom: 0; background-color:#4A7EA6; background: url('../../_images/graphics/cyan-blue.png');}
#header, #footer {width: 960px; margin: 0 auto; position:relative;}
#header {height:285px;}
#content_rc, #news-content {float:left; width:650px;}
#sidebar {width:290px; margin-left:20px;float:right;}
#sidebar ul {padding-left:20px;}

#paragraphs * {background-color: rgba(255,255,255,0.1);}

#header #top_logo {margin-top: 8px;}

table a {font-size: 12px;}
table h3 a {font-size: 15px;}
table img {position: relative; top:7px;}



#wrapper {width:980px; margin:0 auto; position:relative;}

/*Header*/
#phone {bottom:0px; margin-left:-20px; padding:0px; position:absolute;}
#phonetimes {bottom:4px; padding:0px; position:absolute; left:0;}

/* Enquiry Form */
#form {height:auto; width:475px; position:absolute; right:0; top:7px; padding:0;}
#form label {color:#fff;}
#form h4 {display:inline-block; color:#3e6883; font-size:12px; margin-bottom:0; margin-right:10px;}
#form h4.reg {position:relative; top:-64px; right: -210px;}
#form input[type=text], #form textarea {background-color:#4A7EA6; border:none; color:#B3CCD8;}
#form input[type=text] {width:26%; margin-right:10px;}
#form textarea {width: 465px; height:50px;}
#form ::-webkit-input-placeholder {color:#B3CCD8;}
#form :-moz-placeholder {/* Firefox 18- */color:#B3CCD8;}
#form ::-moz-placeholder {/* Firefox 19+ */color:#B3CCD8;}
#form :-ms-input-placeholder {color:#B3CCD8;}
#form input[type=text]:focus, #form textarea:focus {color:#fff; box-shadow: 0px 0px 5px #fff;}
#form input[name=submit] {box-shadow: 0px 0px 5px #6096BC;}
#formdetails {position: absolute; top: 55px;}

/*banner*/
#banner {width:100%; border-bottom:2px solid #6096BC; margin:0 0 25px -20px; padding:0 20px;}

/*#header select{width:100%;}*/

/* all form DIVs have position property set to relative so we can easily position newly created SPAN */
form div {position: relative;} 


/* setting the width and height of the SELECT element to match the replacing graphics */
select.select {position: relative; z-index:10; width:100% !important; height:30px !important; line-height:26px; margin:10px 0 0 0; padding:0;}

/* dynamically created SPAN, placed below the SELECT */
span.select {position:relative; bottom:0; float:left; top:-35px; margin:10px 0 0 0; left:0; width:100%; height:26px; line-height:26px; text-indent:10px; color:#fff; background: url('../../_images/graphics/selectarrowwhite.png') right 0 no-repeat; background-color:#6096BC; z-index:1;}
	
	
/*HEADER SELECT STYLE*/

/* setting the width and height of the SELECT element to match the replacing graphics */
#header select.select {position: absolute; -webkit-appearance: none; right: 0; top: 5px; width: 100% !important; height: 46px !important; margin: 0 0 14px 0; padding: 0 20px; background-color: #fff;}

/* dynamically created SPAN, placed below the SELECT */
#header span.select {position:absolute; margin:0 0 14px -20px; top:5px; height:36px; padding:10px 20px 0 20px; font-family:"Museo", Arial, Helvetica, sans-serif; font-size:1.2em; text-indent:0; color:#6096BC; background: url('../../_images/graphics/new_arrow.png') 485px 20px no-repeat; background-color:#fff; box-shadow: 0px 0px 5px #4A7EA6;}
    
#form option  { color:#666; margin: 2px -20px 2px 2px; padding: 6px 0; font-family:"Helvetica", Arial, sans-serif; background-color: #fff; width: 467px; text-indent: 10px;}
#form p{color:#fff;}

.countdown {position: absolute; right: 4px; top: 86px; font-size: 14px; font-weight: bold; color:#fff;}

#step1 {margin-top:10px; font-size:0.85em;}
#step2 {width:65%; float:left;margin-top:8px; font-size:0.85em;}

/* Text */
#home h1/*, .page h1, h1.storytitle*/ {width:100%; text-align:center; padding:15px 40px; margin:15px -40px 20px -40px; color:#fff; background: url('../../_images/graphics/cyan-blue.png'); font-size:21px; display:inline-block; box-shadow: 0px 0px 5px #4A7EA6; overflow: hidden;}

#paragraphs h3 {margin-top:10px;}

#error {font-size:18px; color:#FFF; background-color:red; width:100%; padding-top:25px; height:50px; text-align:center;}

.breadcrumbs a {text-decoration:none; font-size: 12px; color: #80aabe;}
.breadcrumbs a:hover {color: #6096BC;}
.breadcrumbs {width:100%; padding:5px 0px; border-bottom: .1em solid #B3CCD8; color: #80aabe;}
.breadcrumbs a.curent-page {font-size: 14px; font-weight: bold;}

/*Business card form page*/
.infobar{float:left; width:30%; margin:15px 0 0 0;}
.submission{float:right; width:63.33%; margin:15px 0 0 0;}
.cardform{float:left; width:41%; margin:20px 0 0 0;}
.content {float: left; margin: 20px 0 30px; width: 100%;}
.infobar img{margin-bottom:20px;}
#standard{margin-right:3%; padding:20px;}
#deluxe{padding:20px; box-shadow: 0px 0px 5px #B3CCD8;border-radius: 2px 2px 2px 2px;}

/*Promotion*/
.promotion {width:100%; float:right; border-bottom:2px solid #6096BC; padding:0; margin:30px 0;}
.promotion_info, a.submit {float:left;}
.promotion_info {margin:110px 30px;}


/* Footer */
#footer {padding-top:40px;color:#FFF;}
#footer a, #header a {color:#FFF;}
#footer a:hover, #header a:hover {color:#FBD41D;}
.footer_nav {margin-top:15px;}


/* Posts */
.post {position:relative; margin: 20px 0 40px; padding: 0; width: 100%; background-color: rgba(255,255,255,0.1);}
.post h2 {font-size: 36px;}
.post h2 a {text-decoration:none; color:#6096BC; font-size: 26px;}
.post h2 a:hover {}
#content_rc .post, .archive .post {border-bottom: 2px solid #6096BC;}

.entry * , h1, #page-wrap p { background-color: rgba(255,255,255,0.1);}
.entry h3 {font-size:18px;}
.entry h3 a {text-decoration:none; color:#6db8d2;}
.entry h2 {font-size:22px;}

.alignleft {float:left; margin-right:15px; margin-bottom:15px;}
.alignright {float:right; margin-left:15px; margin-bottom:15px;}

.more-link {float: none; padding:3px 8px 5px; font-size:13px; line-height: 13px; margin: 0 auto 10px;}

.tags {font-size:10px; margin:0 0 10px;}
.tags strong {font-size: 14px;}
.tags ul {padding-left: 0;display: inline;}
.tags a {font-size:10px; font-weight:normal; text-decoration:none; }

.comment_link {margin-bottom: 10px; font-size:10px;}

/* Tags */
#content_rc .tags {list-style-type: none; padding: 0; color: #666666; overflow:hidden; font-size:9px;}
#content_rc .tags li {display: inline; line-height: 16px; padding:0;}
#content_rc .tags li:after {content: ",";}
#content_rc .tags li:first-child:after, #content .tags li:last-child:after {content: "";}

/* FB and Tweeter */
.sm_btns {background-color: transparent; border: medium none; margin: 0; width: 100%; margin: 20px 0 0; overflow: hidden;}
.sm_btns .twit_btn, .sm_btns .sm_iframe_holder {border: 0; width: 450px; overflow: hidden;}
.sm_btns .sm_iframe_holder {float: right;}
.sm_btns .sm_iframe_holder iframe{margin: -1px;}


/* Comment */
#comments, #respond {clear: both;}
#comments h2, #respond h2 {font-size: 1.58em;}

#comments ol li {border-bottom: solid .1em #B3CCD8; padding-bottom: 10px; margin-bottom: 20px;}
.says, .commentmetadata a {font-size: 0.8em;}
.commentmetadata {margin: 6px 0;}
.commentmetadata a {color: #888;}
.commentmetadata a:hover {color: #6096BC;}

/* Respond */
#respond {width:500px;}
#respond input[type=text] {width:240px;}
#respond textarea {width:300px;}
#respond #submit {float:none;}

/* Sign up form */
#signup_form {width:360px; margin: 0 0 20px 50px; float: right;}
#signup_form input[type=text], #signup_form textarea {width: 96%;}

/* Blog's Sidebar */
#sidebar_blog {float:right; margin-left:20px; width:290px;}
#sidebar_blog h2 {font-size:1.5em;}
#sidebar_blog ul {border-left:dotted 1px #6096BC;/* #B3CCD8;*/}
#sidebar_blog ul li {margin-left:8px; font-size:0.98em;}

/* testimonials */
#news_content {float: left; margin-top: 10px; width: 620px;}

#news_nav {float: left; margin-top: 10px; padding-left: 10px; width: 270px;}
#news_nav li li, #news_nav #searchform { background-color: #FFFFFF; border: medium none; margin: 3px 0; padding: 3px 10px;}
#news_nav li {list-style: none;}
#news_nav li li {list-style: disc;}

#testimonials .news .post {padding: 15px 10px 0;}
#testimonials .news .post span {float: left; line-height: 38px; margin-right: 8px; font-family: "Museo",Arial,Helvetica,sans-serif; font-weight: normal;}
#testimonials .post h4 {clear: both; font-size: 0.9em;}
.news .post.category-garage {background-color: #d1e0e7;}
#content_rc.news .post.category-customer {background-color: #fdeba4; border-bottom-color: #FBC51D;}

#testimonials #sidebar_blog {width:270px;}