/* pageWidth */
/* Colors */
/* Fonts */
/*
    RESET.CSS 
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, 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, menu, nav, section, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

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

abbr[title], dfn[title] {
  border-bottom: 1px dotted black;
  cursor: help; }

/* HTML 5 */
article, aside, dialog, figure, footer, header, hgroup, nav, section {
  display: block; }

mark {
  background-color: #ff9;
  color: black;
  font-style: italic;
  font-weight: bold; }

/* Common */
/* Page Specific */
#PrivacyPolicy h2, #Thanks h2, #Error h2 {
  font: normal 24px/24px "Arial", sans-serif;
  color: #666666; }

#PrivacyPolicy #main ul + h2, #PrivacyPolicy #main dl + h2, #PrivacyPolicy #main p + h2 {
  margin-top: 12px;
  font: normal 18px/24px "Arial", sans-serif; }
#PrivacyPolicy #main h2 {
  margin-bottom: 12px; }
#PrivacyPolicy #main h2 strong {
  display: block; }
#PrivacyPolicy #main h3 {
  color: #666666;
  font: normal 16px/24px "Arial", sans-serif;
  margin-top: 12px;
  text-transform: capitalize; }
#PrivacyPolicy #main li, #PrivacyPolicy #main dt, #PrivacyPolicy #main dd {
  font: normal 14px/24px "Arial", sans-serif; }
#PrivacyPolicy #main dl {
  margin-top: 12px; }
#PrivacyPolicy #main dd {
  margin-bottom: 12px; }
#PrivacyPolicy #main a {
  color: #666666; }

header {
  background-color: white; }

.ContactDetails {
  width: 950px;
  margin: 0 auto;
  overflow: hidden;
  padding: 12px 0; }
.ContactDetails a {
  color: #0283bd;
  font: normal 14px/24px "Didact Gothic", sans-serif;
  text-decoration: none;
  float: left; }
.ContactDetails .phone {
  font: bold 30px/48px "Didact Gothic", sans-serif; }
.ContactDetails .email {
  font: normal 24px/48px "Didact Gothic", sans-serif;
  border-left: 1px solid #a3d5ec;
  margin-left: 20px;
  padding-left: 20px; }

#banner {
  background-color: #0281bc;
  height: 200px; }
#banner ul {
  width: 950px;
  margin: 0 auto; }
#banner ul li {
  display: inline;
  float: left; }

#visualisation {
  float: right;
  position: relative; }
#visualisation img {
  margin-top: 6px; }

.logo{
	padding-top:10px;
	padding-right:10px;
	border-right:1px solid #A3D5EC;
	margin-right:10px;
}
h1 {
  color: white;
  font: normal 32px/48px "Handlee", sans-serif;
  width: 508px;
  margin-right:88px;
  text-align: right;
  margin-top: 48px; }
h1 #Logo {
  float: left;
  margin-top: -9px; }
h1 .tagline, h1 .serviceArea {
  display: block;
  background-color: #1c8ec3;
  padding-right: 40px; }
h1 .tagline {
  text-transform: lowercase;
  padding-top: 6px;
  behavior: url(PIE.htc);
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-radius: 0px 5px 0 0;
  border-radius: 0 5px 0 0; }
h1 .serviceArea {
  font: normal 18px/24px "Droid Sans", sans-serif;
  padding-bottom: 6px;
  behavior: url(PIE.htc);
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-radius: 0 0 5px 0;
  border-radius: 0 0 5px 0; }

h3 {
  font: bold 18px/24px "Arial", sans-serif; }

p {
  font: normal 14px/24px "Arial", sans-serif; }

#page {
  width: 950px;
  margin: 0 auto;
  overflow: hidden; }

#main {
  float: left;
  width: 640px; }
#main section {
  width: 310px;
  float: left; }
#main section h2, #main section p {
  color: #666666; 
  margin-bottom:10px;}
#main section h2 {
  font: bold 24px/24px "Arial", sans-serif; }
#main #ourServices {
  float: right; }
#main #ourServices li {
  list-style: none;
  color: #666666;
  font: bold 18px/36px "Arial", sans-serif;
  background: url(i/your247l/tick.png) no-repeat 0 9px Transparent;
  padding-left: 24px; }

#main section#aboutUs .testimonial{
	margin:10px 0;
}
#main section#aboutUs .testimonial p{
	font-size:12px;
	margin-bottom:0;
	font-weight:bold;
}
#main section#aboutUs .testimonial p.quote{
	font-style:italic;
	font-weight:normal;
}

aside {
  float: right;
  width: 290px; }
aside section {
  margin-bottom: 6px; }

#callUsNow, #license {
  behavior: url(PIE.htc);
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background-color: #0283bd;
  padding: 6px 12px; }
#callUsNow h3, #license h3 {
  behavior: url(PIE.htc);
  text-shadow: 0 0 1px black;
  filter: dropshadow(color=black, offx=0, offy=0);
  color: #e8bb00;
  font: italic 24px/36px "Arial", sans-serif; }
#callUsNow p, #license p {
  behavior: url(PIE.htc);
  text-shadow: 0 0 1px black;
  filter: dropshadow(color=black, offx=0, offy=0);
  color: white;
  font: bold 24px/36px "Arial", sans-serif; }

#callUsNow {
  background: url(i/your247l/aside-icons.png) no-repeat right 4px #0283bd; }

#license {
  background: url(i/your247l/aside-icons.png) no-repeat right -128px #0283bd; }

#lostYourCarKeys {
  behavior: url(PIE.htc);
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 3px solid #666; }
#lostYourCarKeys figcaption {
  background-color: #666666;
  color: white;
  font: normal 14px/24px "Arial", sans-serif;
  text-align: center; }

#contactUs {
  behavior: url(PIE.htc);
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background-color: #0283bd;
  padding: 6px 12px; }
#contactUs h2, #contactUs p, #contactUs span {
  color: white; }
#contactUs h2 {
  font: bold 36px/36px "Arial", sans-serif; }
#contactUs p {
  font: normal 18px/24px "Arial", sans-serif;
  padding-bottom: 11px;
  border-bottom: 1px solid #015da9; }
#contactUs .clientName {
  border-top: 1px solid #03aed5;
  padding-top: 11px; }
#contactUs .clientEmail input {
  background-position: 3px -33px; }
#contactUs .clientPhone input {
  background-position: 3px -68px; }
#contactUs div {
  clear: both;
  margin-bottom: 6px; }
#contactUs div span {
  font: bold 14px/24px "Arial", sans-serif; }
#contactUs div input, #contactUs div textarea {
  border: 1px solid #81a0a5; }
#contactUs div input {
  float: right;
  height: 22px;
  width: 160px;
  background: url(i/your247l/icons.png) no-repeat 3px 0 white;
  padding-left: 20px; }
#contactUs div textarea {
  width: 266px; }
#contactUs .secure {
  font: normal 11px/24px "Arial", sans-serif;
  border: none;
  clear: both;
  padding: 0 0 0 24px;
  float: right;
  background: url(i/your247l/icons.png) no-repeat 3px -187px Transparent; }
#contactUs .submit {
  behavior: url(PIE.htc);
  background: #f0efee;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f0efee), to(#a39f9a));
  background: -moz-linear-gradient(#f0efee, #a39f9a);
  background: linear-gradient(#f0efee, #a39f9a);
  -pie-background: linear-gradient(#f0efee, #a39f9a);
  behavior: url(PIE.htc);
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border: 1px solid #81a0a5;
  float: right;
  color: #666666;
  padding: 5px 24px;
  font: normal 12px/24px "Arial", sans-serif;
  position: relative;
  clear: both;
  margin-bottom: 5px; }
#contactUs .submit:hover {
  behavior: url(PIE.htc);
  background: #a39f9a;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#a39f9a), to(#f0efee));
  background: -moz-linear-gradient(#a39f9a, #f0efee);
  background: linear-gradient(#a39f9a, #f0efee);
  -pie-background: linear-gradient(#a39f9a, #f0efee); }

#promoted {
  overflow: hidden;
  margin-bottom: 24px; }
#promoted li {
  float: left;
  width: 296px;
  list-style: none;
  background: url(i/your247l/square-striped-bgr.png) no-repeat 6px 6px Transparent;
  border: 1px solid #cccccc;
  behavior: url(PIE.htc);
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  margin-bottom: 10px;
  padding: 6px; }
#promoted h3 {
  color: #d1a100; }
#promoted p {
  color: #84814a;
  font: normal 14px/24px "Arial", sans-serif; }
#promoted .icon {
  background: url(i/your247l/promoted-icons.png) no-repeat 0 0 Transparent;
  width: 72px;
  height: 72px;
  float: left;
  margin-right: 6px; }
#promoted ._15-years-experience, #promoted ._general-locksmith {
  float: right; }
#promoted ._general-locksmith .icon {
  background-position: 0 -72px; }
#promoted ._15-years-experience .icon {
  background-position: 0 -144px; }
#promoted ._onsite-key-cutting .icon {
  background-position: 0 -216px; }

footer {
  width: 100%;
  float: left;
  background-color: #0283bd;
  margin-top: 18px; }
footer ul {
  width: 950px;
  margin: 0 auto;
  text-align: center;
  padding: 12px 0; }
footer li, footer a {
  color: white; }
footer li {
  display: inline;
  margin-right: 20px;
  padding-right: 20px;
  border-right: 1px solid white; }
footer a {
  text-decoration: none;
  font: normal 14px/24px "Didact Gothic", sans-serif; }