/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	box-sizing: border-box;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out; 
	-o-transition: all 0.5s ease-in-out; 
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
p + p { 
	margin-top: 0.5em;
}
strong {
font-weight: bold;
}

/*================================*/
/*          Colours               */
/*                                */
/*                                */
/*================================*/

/* Fonts */
@font-face {
    font-family: "ExoBlack";
    src: url("../fonts/exo-black-webfont.eot");
    src: url("../fonts/exo-black-webfont.eot?#iefix") format("embedded-opentype"),
         url("../fonts/exo-black-webfont.woff") format("woff"),
         url("../fonts/exo-black-webfont.ttf") format("truetype"), 
         url("../fonts/exo-black-webfont.svg#exo-black-webfont") format("svg");
    font-weight: normal;
}

.two-column {
display: block;
float: left;
width: 50%;
padding: 20px;
margin: 0;
overflow: hidden;
}

.three-column {
display: block;
float: left;
width: 33.333%;
height: 100%;
padding: 0;
margin: 0;
overflow: hidden;
}

iframe.katvid {
border: 10px solid #e77008;
}

body {	
background-image: url("../images/background-light.png");
background-repeat: repeat-x;
background-color: #ffffff;
font-family: 'Poppins', sans-serif;
margin: 0px;
padding: 0px 0px 0px 0px;
}

body#landing {	
background-image: url("../images/background-light-short.png");
background-repeat: repeat-x;
background-color: #ffffff;
margin: 0px;
padding: 0px 0px 0px 0px;
}

/* Divs */
#wrapper {
max-width: 1160px;
width: 100%;
padding: 0px;
margin: 0px auto 0px auto;
background-color: transparent;
}

#header {
position: relative;
margin: 0px;
padding: 0px;
height: 250px;
max-width: 1160px;
width: 100%;
font-size: 8pt; 
font-family: 'Poppins', sans-serif;
text-align: center;
background-color: transparent;
background-image: url("../images/header-light.png");
background-repeat: no-repeat;
background-position: center left;
}

#contact-wrapper {
position: absolute;
top: 18px;
right: 86px;
}

#contact-logos {
position: absolute;
top: 50px;
right: 86px;
width: 190px;
height: 145px;
background-color: transparent;
background-image: url("../images/header-logos.png");
background-repeat: no-repeat;
background-position: center;
}

#header-landing {
position: relative;
margin: 0px;
padding: 0px;
height: 250px;
max-width: 1160px;
width: 100%;
font-size: 8pt; 
font-family: 'Poppins', sans-serif;
text-align: center;
background-color: transparent;
background-image: url("../images/header-light.png");
background-repeat: no-repeat;
background-position: center;
}

#social {
position: relative;
width: 100%;
padding: 20px 0px 20px 10px;
overflow: hidden;
}

#tweets {
position: relative;
background-color: transparent;
width: 100%;
height: 40px;
padding: 0px;
text-align: left;
}

#spacer {
position: realtive;
height: 25px;
width: 100%;
padding: 0px;
margin: 0px;
}

#main_menu {
position: relative;
top: 10px;
left: 0px;
width: 100%;
height: 40px;
padding: 0px;
z-index: 99;
}

#banner {
position: relative;
top: 0px;
margin: 0px;
padding: 0px;
height: 450px;
max-width: 1160px;
width: 100%;
background-color: transparent;
z-index: 50;
}

#banner-noslide {
position: relative;
top: 0px;
margin: 0 0 20px 0;
padding: 0px;
height: 460px;
max-width: 1160px;
width: 100%;
background-color: #222222;
z-index: 50;
}

#banner-text-wrapper {
float: left;
padding: 40px 20px 20px;
margin: 0;
box-sizing: border-box;
}

#ultion-banner-wrapper {
position: absolute;
bottom: 20px;
right: 20px;
border: 5px solid #ffffff;
}

#panels {
position: relative;
padding: 0 0 40px 0;
margin: 0 auto;
width: 100%;
overflow: hidden;
}

#area_panel {
position: relative;
padding: 0px 0px 0px 10px;
height: 225px;
width: 900px;
}

#checkbox {
position: relative;
color: #ffffff; 
font-size: 0.9em; 
font-family: 'Poppins', sans-serif;
background-color: transparent;
padding: 0px 0px 0px 0px;
margin-bottom: 10px;
line-height: 1.5em;
float: left;
}

#callback {
position: relative;
padding: 10px 0px 0px 0px;
}

#column1 {
width: 25%;
color: #c2c2c2; 
font-size: 1em;
font-family: 'Poppins', sans-serif;
margin: 0;
padding: 0;
line-height: 1.5em;
float: left;
}

#column2 {
width: 25%;
color: #c2c2c2; 
font-size: 1em;
font-family: 'Poppins', sans-serif;
margin: 0;
padding: 0;
line-height: 1.7em;
float: left;
}

#column3 {
width: 25%;
color: #c2c2c2; 
font-size: 1em;
font-family: 'Poppins', sans-serif;
margin: 0;
padding: 0;
line-height: 1.7em;
float: left;
}

#column4 {
width: 25%;
color: #c2c2c2; 
font-size: 1em;
font-family: 'Poppins', sans-serif;
margin: 0;
padding: 0;
line-height: 1.7em;
float: left;
}

#footer {
position: relative;
top: 0px;
width: 100%;
padding: 0px 0px 0px 0px;
line-height: 1em;
overflow: hidden;
}

#footer1 {
position: relative;
width: 30%;
padding: 0;
margin: 0px 10px 0px 10px;
float: left;
overflow: hidden;
}

#footer2 {
position: relative;
width: 30%;
padding: 0;
margin: 0px 10px 0px 10px;
float: left;
overflow: hidden;
}

#footer3 {
position: relative;
width: 30%;
padding: 0;
margin: 0px 10px 0px 10px;
float: left;
overflow: hidden;
}

#baseline {
position: relative;
width: 100%;
padding: 0 10px;
margin: 0;
overflow: hidden;
}

#baseline-wrapper {
position: relative;
width: 100%;
max-width: 1160px;
padding: 60px 0 20px;
margin: 0 auto;
}

/* Landing Pages */
#landing-footer {
width: 100%;
max-width: 1160px;
margin: 0 auto;
padding: 30px 10px;
text-align: center;
overflow: hidden;
}

/* Index Page */
#center {
position: relative;
max-width: 1160px;
width: 100%;
padding: 20px 0;
margin: 10px 10px 0 0;
line-height: 1.5em;
}

/* Areas Covered Map Link */
#area_view {
position: absolute;
top: 500px;
left: 68%;
width: 350px;
height: 40px;
}

/* Contact Page */
#shop-visit {
position: relative;
width: 100%;
background-color: transparent;
padding: 0px 0px 0px 0px;
margin-right: 10px;
line-height: 1.5em;
float: left;
}

#shop-visit-addr {
position: absolute;
top: 75px;
left: 450px;
}

#local-numbers {
height: auto;
margin-top: 20px;
}

/* Columns */
/* Areas Covered page */
#area_col1 {
width: 25%; 
margin: 0;
padding: 0px 0px 0px 10px;
float: left;
}

#area_col2 {
width: 25%; 
margin: 0;
padding: 0px 0px 0px 10px;
float: left;
}

/* Contact Page */
#contact_col1 {
width: 35%; 
margin: 0;
padding: 0px 0px 0px 10px;
float: left;
}

#contact_col2 {
width: 55%; 
margin: 0;
padding: 0px 0px 0px 10px;
float: left;
}

/* Key Cutting Page */
#keycut_col1 {
width: 35%; 
margin: 0;
padding: 0px 0px 0px 0px;
float: left;
}

#keycut_col2 {
width: 65%; 
display: inline-block;
margin: 0;
padding: 0px 0px 0px 0px;
float: left;
}

#key-logos {
width: 100%;
margin: 0 0 0 10px;
padding: 20px 0 0;
float: left;
}

#shop-logos {
width: 100%;
margin: 0 0 0 10px;
padding: 0;
float: left;
}

/* Shop Columns */
#two-column-shop-map {
display: block;
float: left;
width: 50%;
height: auto;
overflow: hidden;
}

#two-column-shop {
display: block;
float: left;
width: 50%;
height: auto;
overflow: hidden;
}

/* Image Wrapper */
.image-wrapper {
width: 100%;
padding: 20px 0;
margin: 0;
overflow: hidden;	
}

#image-wrap {
float: right;
width: 40%;
padding-right: 5em;
}

#shop-image-wrap {
float: right;
width: 40%;
padding-right: 5em;
padding-top: 1em;
}

#right-image-wrap {
float: right;
width: 40%;
padding: 1em 2em 0 0.5em;
}

#brisant-wrapper {
margin: 0 auto;
padding: 20px 0;
text-align: center;
}

/* Sections */
section {
position: relative;
padding: 40px 0 0;
margin: 0;
overflow: hidden;
}

section.sub {
padding: 20px 0 0;
margin: 0;
overflow: hidden;
}

.section-column-60 {
float: left;
display: block;
width: 60%;
margin: 0;
padding: 0 40px 0 0;
}

.section-column-40 {
float: left;
display: block;
width: 34%;
margin: 0;
padding: 20px 0 0;
text-align: center;
}

/* Div Separator */
.clearer {
font-size: 0px;
line-height: 0px;
display: block;
margin: 0px;
padding: 0px;
clear: both;
height: 0px;
width: auto;
}

/*===== Menus =====*/
.menu_title {
display: none;
position: relative;
float: right;
bottom: 0.6em;
margin-right: 3em;
color: #ffffff;
font-family: 'Poppins', sans-serif;
font-size: 1.1em;
font-weight: 600; 
}

nav a {
position: relative;
color: #ffffff; 
display: block; 
font-size: 1em;
font-family: 'Poppins', sans-serif;
font-weight: 600;
text-transform: uppercase;
line-height: 50px;
padding: 0 25px; 
text-decoration: none; 
}

nav a.last {
padding: 0 0 0 25px;
}

nav a:hover {
color: #e77008;
}

nav a.nocursor {
cursor: context-menu;
}

nav ul,
nav ul li { 
height: 50px;
list-style-type: none; 
padding: 0; 
margin: 0; 
}

nav > ul { 
text-align: left; 
}

nav > ul > li { 
display: inline-block; 
}

nav > ul > li:first-child { 
border-left: none; 
}

.sub-menu-parent { 
position: relative;
background: url("../images/down.gif") no-repeat scroll right 15px center;
padding: 0 15px 0 0; 
}

.sub-menu {
visibility: hidden; /* hides sub-menu */
opacity: 0;
position: absolute;
top: 100%;
left: 0;
width: 100%;
transform: translateY(-2em);
z-index: -1;
transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
}

.sub-menu-parent:hover .sub-menu {
visibility: visible; /* shows sub-menu */
opacity: 1;
z-index: 1;
transform: translateY(0%);
transition-delay: 0s, 0s, 0.3s; /* this removes the transition delay so the menu will be visible while the other styles transition */
}

.sub-menu li {
background: #222222;
width: 250px;
height: 50px;
line-height: 50px;
border-bottom: 1px solid #ececec;
box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
text-align: left;
}

.sub-menu li.last {
border-bottom: none;
border-radius: 0 0 7px 7px;
}

.sub-menu li a {
line-height: 50px;	
}

/* General */
.center {
text-align: center;
}

.left {
text-align: left;
}

.bold {
font-weight: 700;
}

.clear {
clear: both;
}

/* Videos */
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
	margin: 10px;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Headers */
h1 {
color: #222222;
font-size: 2em;
font-weight: 300;
margin: 0px 0px 0px 10px;
padding: 0px 0px 0px 0px;
display: block;
line-height: 1.5em;
text-align: left;
}

h1.landing {
color: #222222;
font-size: 2.5em;
font-weight: 700;
margin: 30px 0 10px 0;
padding: 0;
display: block;
line-height: 1.5em;
text-align: center;
}

h2 {
color: #222222;
font-size: 1.8em;
font-weight: 300;
margin: 0px 0px 0px 10px;
padding: 0px 0px 0px 0px;
display: block;
line-height: 1.5em;
text-align: left;
}

h2.landing {
color: #222222;
font-size: 2.1em;
font-family: 'Pacifico', cursive;
margin: 0 0 10px 0;
padding: 0;
display: block;
line-height: 1em;
text-align: center;
}

h2.white {
color: #ffffff;
font-size: 1.8em; 
font-family: 'ExoBlack', sans-serif;
}

h4 {
color: #222222;
font-size: 1.4em;
font-weight: 300;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
display: inline;
line-height: 2.0em;
text-align: left;
}

/* Paragraphs */
p.main_text {       
color: #222222; 
font-size: 1.0em; 
font-family: 'Poppins', sans-serif;
padding: 0px 20px 0px 10px;
line-height: 1.5em;
text-align: left;
}

p.banner-text {       
color: #ffffff; 
font-size: 1.2em; 
padding: 0 0 0 20px;
line-height: 1.7em;
text-align: left;
}

p.page_number {       
color: #e77008; 
font-size: 0.9125em; 
font-family: 'Poppins', sans-serif;
padding: 0px 20px 0px 10px;
line-height: 1.5em;
text-align: left;
}

p.test_name {       
color: #222222; 
font-size: 0.9125em; 
font-family: 'Poppins', sans-serif;
padding: 0px 20px 0px 10px;
line-height: 1.5em;
text-align: left;
}

p.contact_locks {       
color: #e77008; 
font-size: 1.1875em; 
font-family: 'Poppins', sans-serif;
padding: 0px 20px 0px 10px;
line-height: 1.5em;
text-align: left;
}

p.heading {       
color: #222222; 
font-size: 1.0em; 
font-family: 'Poppins', sans-serif;
padding: 5px 5px;
line-height: 1.5em;
text-align: left;
}

p.header-contact {       
color: #ffffff; 
font-size: 2.9em; 
font-family: 'ExoBlack', sans-serif;
padding: 0;
line-height: 1em;
text-align: left;
}

p.heading-landing {       
color: #222222; 
font-size: 2.3em; 
font-family: RobotoBold, Verdana, Arial;
font-weight: 700;
padding: 5px 5px;
margin: 0;
line-height: 1.5em;
text-align: center;
}

p.main_text-landing {       
color: #222222; 
font-size: 1.0em; 
font-family: 'Poppins', sans-serif;
padding: 0px 20px 0px 10px;
line-height: 1.5em;
text-align: center;
}

p.footer-landing {       
color: #222222; 
font-size: 1.3em; 
font-family: RobotoBold, Verdana, Arial;
font-weight: 400;
padding: 5px 5px;
margin: 0;
line-height: 1.5em;
text-align: center;
}

p.link_header {       
color: #222222; 
font-size: 1.0em; 
font-family: 'Poppins', sans-serif;
padding: 0px 20px 0px 10px;
line-height: 1.5em;
text-align: left;
}

p.contact_place {       
color: #222222; 
font-size: 1.0em; 
font-family: 'Poppins', sans-serif;
padding: 0px 20px 0px 10px;
line-height: 2.0em;
text-align: left;
}

p.contact_number {       
color: #222222; 
font-size: 1.0em; 
font-family: 'Poppins', sans-serif;
padding: 0px 20px 0px 10px;
line-height: 2.0em;
text-align: left;
}

p.keycut_type {       
color: #222222; 
font-size: 1.0em; 
font-family: 'Poppins', sans-serif;
padding: 0px 20px 0px 10px;
line-height: 2.0em;
text-align: left;
}

p.useful_links {       
color: #222222; 
font-size: 1.0em; 
font-family: 'Poppins', sans-serif;
padding: 0px 20px 0px 10px;
line-height: 1.3em;
text-align: left;
}

p.error {       
color: #222222; 
font-size: 8.0em; 
font-family: 'Poppins', sans-serif;
font-weight: 700;
padding: 0px 20px 0px 10px;
line-height: 1.5em;
text-align: center;
}

p.terms {       
color: #222222; 
font-size: 0.9375em; 
font-family: 'Poppins', sans-serif;
padding: 0px 20px 0px 10px;
line-height: 1.5em;
text-align: left;
}

p.footer_copy {       
color: #222222; 
font-size: 0.9em; 
font-family: 'Poppins', sans-serif;
padding: 0px 20px 0px 10px;
line-height: 1.5em;
text-align: center;
}

p.footer_jke {       
color: #222222; 
font-size: 0.8125em; 
font-family: 'Poppins', sans-serif;
padding: 0px 20px 0px 10px;
line-height: 1.5em;
text-align: center;
}

/* Spans */
span.number {
color: #222222; 
font-size: 1.125em; 
font-family: 'Poppins', sans-serif;
padding: 0px 20px 0px 10px;
line-height: 1.5em;
text-align: left;
}

span.text_orange {
color: #e77008; 
font-size: 1.0em; 
font-family: 'Poppins', sans-serif;
padding: 0px;
line-height: 1.5em;
text-align: left;
}

span.bold {
font-size: 1.1em;
font-weight: 700;
}

/* Input fields / Textareas */
/* Call back Form */
input.newsletter {       
color: #222222;
font-size: 0.8125em; /* 13pt */
font-family: 'Poppins', sans-serif;
margin: 0px 0px 10px 10px; 
padding: 0px; 
}

input.response {       
background-color: #222222;
height: 30px;
width: 20em;
color: #ffffff;
font-size: 0.8125em; /* 13pt */
font-family: 'Poppins', sans-serif;
margin-left: 10px;
margin-right: 10px;
border: 1px solid #222222; 
}

/* Contact Form */
.contactform {
padding: 20px 0 0;	
}

textarea.contact {       
background-color: #222222;
color: #ffffff;
font-size: 10pt;
font-family: 'Poppins', sans-serif;
border: 1px solid #e77008;
font-family: 'Poppins', sans-serif;
outline: none;
padding: 10px;
}

input.contact {       
background-color: #222222;
height: 40px;
color: #ffffff;
font-size: 10pt;
font-family: 'Poppins', sans-serif;
border: 1px solid #e77008;
outline: none;
padding: 10px;
}

input.submit_contact {
background: none repeat scroll 0 0 #e77008;
border: 0 none;
color: #F4EBD2;
cursor: pointer;
font-family: 'Poppins', sans-serif;
font-size: 1.0em;
font-weight: 200;
padding: 8px 14px;
text-align: center;
transition: background 0.35s ease-in-out 0s;
}

input.submit_contact:hover {
background: none repeat scroll 0 0 #e7842e;
}

input.answer {       
background-color: #222222;
min-height: 30px;
width: 3em;
color: #ffffff;
font-size: 0.9em;
font-family: 'Poppins', sans-serif;
border: 1px solid #e77008;
margin: 0px;
padding: 0px;
text-align: center;
}

/* Tables */
/* Links */
table.links {
border: 0;
}

td.linklogos {
width: 20%;
color: #222222; 
font-size: 1.0em; 
font-family: 'Poppins', sans-serif;
padding: 0px 20px 0px 10px;
line-height: 1.5em;
text-align: left;
}

td.linkinfo {
width: 80%;
color: #222222; 
font-size: 1.0em; 
font-family: 'Poppins', sans-serif;
padding: 0px 20px 0px 10px;
line-height: 1.5em;
text-align: left;
}

/* Callback */
table.callback {
border: 0;
}

td.callback1 {
color: #ffffff; 
font-size: 0.9em;  
font-family: Roboto,Verdana, Arial;
padding: 0px 0px 0px 10px;
line-height: 1.5em;
text-align: left;
vertical-align: top;
}

table.contact_error {
width: 600px;
border: 0;
}

td.contact1 {       
width: 600px;
font-size: 10pt; 
font-family: 'Poppins', sans-serif;
font-weight: lighter;
text-align: left;
}

td.error_contact {       
color: #222222;
width: 600px;
height: 40px;
font-size: 11pt; 
font-family: 'Poppins', sans-serif;
font-weight: lighter;
text-align: left;
padding-left: 10px;
}

td.success_contact {       
color: #222222;
width: 600px;
height: 40px;
font-size: 11pt; 
font-family: 'Poppins', sans-serif;
font-weight: lighter;
text-align: left;
padding-left: 10px;
}

/* Links */
a.link:link , a.link:visited, a.link:active {
color: #222222;
font-size: 1.0em; 
font-family: 'Poppins', sans-serif;
text-decoration: underline;
Margin: 0px 0px 0px 0px; 
}

a.link:hover {
color: #e28225;
font-size: 1.0em; 
font-family: 'Poppins', sans-serif;
text-decoration: underline;
Margin: 0px 0px 0px 0px; 
}

a.blank:link, a.blank:visited, a.blank:active {
text-decoration: none;
}

a.page_num:link , a.page_num:visited, a.page_num:active {
color: #222222;
font-size: 0.9125em; 
font-family: 'Poppins', sans-serif;
text-decoration: none;
Margin: 0px 0px 0px 0px; 
}

a.page_num:hover {
color: #e28225;
font-size: 0.9125em; 
font-family: 'Poppins', sans-serif;
text-decoration: underline;
Margin: 0px 0px 0px 0px; 
}

a.top:link , a.top:visited, a.top:active {
color: #222222;
font-size: 1.0em; 
font-family: 'Poppins', sans-serif;
text-decoration: none;
Margin: 0px 0px 0px 0px; 
}

a.top:hover {
color: #e28225;
font-size: 1.0em; 
font-family: 'Poppins', sans-serif;
text-decoration: underline;
Margin: 0px 0px 0px 0px; 
}

a.sitemap:link , a.sitemap:visited, a.sitemap:active {
color: #222222;
font-size: 1.0em; 
font-family: 'Poppins', sans-serif;
text-decoration: underline;
Margin: 0px 0px 0px 0px; 
}

a.sitemap:hover {
color: #e28225;
font-size: 1.0em; 
font-family: 'Poppins', sans-serif;
text-decoration: underline;
Margin: 0px 0px 0px 0px; 
}

a.jke:link , a.jke:visited, a.jke:active {
color: #222222;
font-size: 0.9125em; 
font-family: 'Poppins', sans-serif;
text-decoration: none;
Margin: 0px 0px 0px 0px; 
}

a.jke:hover {
color: #e28225;
font-size: 0.9125em; 
font-family: 'Poppins', sans-serif;
text-decoration: underline;
Margin: 0px 0px 0px 0px; 
}

a.footer:link , a.footer:visited, a.footer:active {
color: #222222;
font-size: 10pt; 
font-family: 'Poppins', sans-serif;
text-decoration: none;
Margin: 0px;
padding: 0px;
}

a.footer:hover {
color: #e28225;
font-size: 10pt; 
font-family: 'Poppins', sans-serif;
text-decoration: underline;
Margin: 0px;
padding: 0px;
}

a.button {
background-color: #e77008;
width: 200px;
border: 2px solid #000000;
display: block;
color: #ffffff !important;
cursor: pointer;
font-family: 'Poppins', sans-serif;
font-size: 1em;
padding: 10px 20px;
margin: 20px 0 10px 20px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out; 
-o-transition: all 0.5s ease-in-out; 
-ms-transition: all 0.5s ease-in-out;
}

/*===== Telephone Numbers =====*/
.tel,.tel:visited { /*for small screens */ 
color: inherit; 
padding: 0; 
text-decoration: none; 
cursor: default;
} 

.tel:hover,.tel:focus { 
color: inherit; 
}

/* Lists */
ul {
color: #e77008;
list-style-type: disc;
list-style-position: inside;
margin: 10px 0 20px 0;
text-align: left;
}

ul.landing {
color: #e77008;
margin: 10px auto 0;
width: 30%;
}

li.links {
line-height: 1.5em;
list-style-image: url("../images/bullet.png");
padding: 0 0 15px 0;
}

li.news {
color: #222222;
font-size: 1.0em;
font-family: 'Poppins', sans-serif;
line-height: 1.5em;
margin-left: 50px;
vertical-align: bottom;
list-style-image: url("../images/news-bullet.png");
}

ul.testimonial {
margin: 0px;
padding: 0px 0px 0px 10px;
list-style-type: none;
width: 95%;
}

li.testimonial {
color: #222222;
background-color: #eeeeee;
font-size: 1.0em;
font-family: 'Poppins', sans-serif;
line-height: 1.5em;
margin-left: 0px;
margin-top: 10px;
padding: 40px;
}

span {
color: #222222;
font-size: 0.9125em;
font-family: 'Poppins', sans-serif;
line-height: 1.5em;
}

span.news {
color: #222222;
font-size: 0.875em;
font-family: 'Poppins', sans-serif;
line-height: 1.5em;
}

span.keys {
color: #222222;
font-size: 1.0em;
font-family: 'Poppins', sans-serif;
line-height: 1.5em;
}

span.bullets {
color: #222222; 
font-size: 1.0em; 
font-family: 'Poppins', sans-serif;
line-height: 1.5em;
}

span.terms {
color: #222222;
font-size: 0.9375em;
font-family: 'Poppins', sans-serif;
line-height: 1.5em;
}

li.sitemap{
color: #ffffff;
font-size: 12pt;
font-family: 'Poppins', sans-serif;
line-height: 1.5em;
}

/* Social List */
ul.social {
margin: 0px 0px 0px 0px;
padding: 0px;
}

li.social {
float: left;
line-height: 1.5em;
list-style-type: none;
display: block;
margin-right: 10px;
}

/* Areas Covered */
ul.areas {
color: #e28225;
margin: 10px 0px 0px 0px;
}

.areas li {
color: #222222;
font-size: 1.0em;
font-family: 'Poppins', sans-serif;
line-height: 2.0em;
}

.areas li a:link , .areas li a:visited, .areas li a:active {
color: #222222;
font-size: 1.0em; 
font-family: 'Poppins', sans-serif;
text-decoration: none;
Margin: 0px 0px 0px 0px;
}

.areas li a:hover {
color: #e28225;
font-size: 1.0em; 
font-family: 'Poppins', sans-serif;
text-decoration: underline;
Margin: 0px 0px 0px 0px;
}

.areas li ul li {
	color: #e28225;
    font-size: 0.9125em;
	font-family: 'Poppins', sans-serif;
	line-height: 1.2em;
}

.areas li ul li.end {
	color: #e28225;
    font-size: 0.9125em;
	font-family: 'Poppins', sans-serif;
	padding-bottom: 10px;
}

/* List styling */
.featureList, .featureList ul {
color: #ffffff;
font-family: RobotoBold,Verdana,Arial;
font-size: 1.2em;
line-height: 2em;
list-style-type: none;
margin-left: 20px;
margin-top: 20px;
padding: 0 0 0 20px;
text-align: left;
}
.lineF {
padding-left: 4em;
margin-top: 0;
}

.featureList li:before {
position: absolute;
margin-left: -1.3em;
font-weight: bold;
}
.featureList li.tick:before {
content: "\2713";
color: #e77008;
}

/* Images */
img {
	border: 0;
}

img.keycut_type {
border: 0;
}

img.image_right {
	border: 0;
	float: right;
	padding: 0px, 0px, 0px, 0px;
	margin: 0px, 0px, 10px, 20px;
}

img.qrcode {
	border: 0;
	display: block;
    margin-left: auto;
    margin-right: auto;
	padding-top: 20px;
}

img.keys_right {
	border: 0;
	max-width: 100%;
	height: auto;
	display: block;
	float: right;
	padding: 0;
	margin: 0;
}

img.keys {
margin: 0 10px;
}

/* hr */
hr {
background-color: #e28225 !important;
border: #e28225 1px dotted !important;
border-style: none none solid;
margin: 0px 10px 20px !important;
padding: 0px 10px;
}

.hr-landing {
background: none repeat scroll 0 0 #e28225;
border: 0 none;
display: block;
height: 2px;
margin: 0 auto 20px;
width: 250px;
}

/* Colour fade on hover */
/* Index page */
ul.panel {
margin: 0px;
padding: 0px;
}

.panel li {
float: left;
list-style-type: none;
margin: 0;
padding: 0;
display: block;
height: 250px;
width: 33.333%;
position: relative;
}

/* Locksmith Areas */
ul.area_panel {
margin: 0px;
padding: 0px;
}

.area_panel li {
float: left;
list-style-type: none;
margin: 0px;
padding: 0px 10px 0px 0px;
display: block;
height: 225px;
width: 900px;
position: relative;
}

img.grey {
position: absolute;
left: 0;
top: 0;
border: 0;
z-index: 10;
}
 
img.color {
position: absolute;
left: 0; 
top: 0;
border: 0;
}

img.logos {
margin: 0 20px 10px;
}

/* Jquery Expandable Styles */
.layer1 {
margin: 0;
padding: 0;
width: 1160px;
min-height: 60px;
}
 
.heading {
margin: 1px;
color: #222222;
padding: 3px 10px;
cursor: pointer;
position: relative;
background-color:#ffffff;
}

.content {
color: #222222;
font-size: 1.0em; 
font-family: 'Poppins', sans-serif;
padding: 10px 10px;
margin-bottom: 15px;
background-color:#ffffff;
}

.find {
margin: 1px;
color: #222222;
height: 40px;
padding: 3px 10px;
cursor: pointer;
position: relative;
background-image: url("../images/find-light.png");
background-repeat: no-repeat;
}

.find_open {
margin: 1px;
color: #222222;
height: 40px;
font-family: 'Poppins', sans-serif;
font-size: 10pt;
font-weight: bold;
padding: 3px 10px;
cursor: pointer;
position: relative;
background-image: url("../images/find_open-light.png");
background-repeat: no-repeat;
}

/* bicubic resizing for non-native sized IMG:
code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img { -ms-interpolation-mode: bicubic; }

/*============================*/  
/*=== Custom Slider Styles ===*/  
/*============================*/  
#slider-wrapper {    
    width:900px;   
    height:350px;   
    margin: 0px;   
    padding-top: 0px;   
    margin-top: 0px;   
}   
  
#slider {   
    position:relative;   
    width:900px;   
    height:350px;   
    margin-left:0px;
    margin-top: 0px;	
    background:url(../images/loading.gif) no-repeat 50% 50%;   
} 

#slider img {   
    position:absolute;   
    top: 0px;   
    left: 0px;   
    display:none;   
}   
#slider a {   
    border:0;   
    display:block;   
} 

/* Testimonial Slider */
#slider-wrapper2 {    
    width:290px;   
    height:200px;   
    margin: 0px;   
    padding-top: 0px;   
    margin-top: 0px;   
}   
  
#slider2 {   
    position:relative;   
    width:290px;   
    height:200px;   
    margin-left:0px;
    margin-top: 0px;	
    background:url(../images/loading.gif) no-repeat 50% 50%;   
}

#slider2 img {   
    position:absolute;   
    top: 0px;   
    left: 0px;   
    display:none;   
}   
#slider2 a {   
    border:0;   
    display:block;   
}      
  
.nivo-controlNav {   
    position:absolute;   
    left:350px;   
    bottom: 0px;   
}   
.nivo-controlNav a {   
    display:block;   
    width:22px;   
    height:22px;   
    background:url(../images/bullets.png) no-repeat;   
    text-indent:-9999px;   
    border:0;
    margin-top: 180px;	
    margin-left: 30px;   
    float:left;   
} 
  
.nivo-controlNav a.active {   
    background-position:0 -22px;   
}  
  
.nivo-directionNav a {   
    display:block;   
    width:30px;   
    height:30px;   
    background:url(../images/arrows.png) no-repeat;   
    text-indent:-9999px;   
    border:0;   
}   
a.nivo-nextNav {   
    background-position: -30px 0;  
    right: 25px;   
}   
a.nivo-prevNav {   
    left: 25px;   
}   
  
.nivo-caption {   
text-shadow:none;   
font-family: 'Poppins', sans-serif; 
}   
.nivo-caption a {   
    color:#efe9d1;   
    text-decoration:underline;   
}

.nivo-directionNav a{
    top: 40%;
}

/* Contact Slide */
#siteMap {
  width:400px;
  position:fixed;
  left:-400px;
  top:250px;
  display:block;
  color:#FFF;
  z-index:100;
  /*opacity: 0.95;*/
}

#siteMap #mapButton {
  display:block;
  color:#222222;
  font-size: 1.125em; /* 13pt */
  font-family: 'Poppins', sans-serif;
  line-height: 2.0em;
  background-color:#e77008;
  padding:2px 5px;
  height:40px;
  width: 90px;
  text-align:center;
  position:relative;
  left: 100%;
  margin-top:80px;
  cursor:pointer;

  transform-origin:     0% 0%;
  -ms-transform-origin:     0% 0%;
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin:        0% 0%;
  -o-transform-origin:      0% 0%;
  
  -ms-transform:rotate(270deg); /* IE 9 */
  -moz-transform:rotate(270deg); /* Firefox */
  -webkit-transform:rotate(270deg); /* Safari and Chrome */
  -o-transform:rotate(270deg); /* Opera */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); /* IE 7/8 */

  /*-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-0.00000000, M12=1.00000000, M21=-1.00000000, M22=-0.00000000,sizingMethod='auto expand')";
  filter: progid:DXImageTransform.Microsoft.Matrix(M11=-0.00000000, M12=1.00000000, M21=-1.00000000, M22=-0.00000000,sizingMethod='auto expand');

  -moz-transform:  matrix(-0.00000000, -1.00000000, 1.00000000, -0.00000000, 0, 0);
  -webkit-transform:  matrix(-0.00000000, -1.00000000, 1.00000000, -0.00000000, 0, 0);
  -o-transform:  matrix(-0.00000000, -1.00000000, 1.00000000, -0.00000000, 0, 0); */
}

#siteMap #theMap {
  width:100%;
  height:350px;
  background-color:#666666;
  margin-top:-144px;
}

#callback {
  width: 95%;
  padding: 10px;
}

/*********************************************************************/
/* Media Queries for Mobile */
@media screen and (max-width: 480.99px) 
			  and (min-width: 320px) {

body {	
background-image: url("../images/background_320-light.png");
background-repeat: repeat-x;
background-color: #ffffff;
margin: 0px;
padding: 0px 0px 0px 0px;
}

#wrapper {
width: 100%;
max-width: 980px;
padding: 0px;
margin: 0px auto 0px auto;
background-color: transparent;
}

#addthis {
display: none;
}

#contact-wrapper {
margin: 0;
padding: 240px 0 0;
position: relative;
right: 0;
left: 0;
top: 0;
}

#contact-logos {
display: none;
}

.sub-menu-parent {
background: none;
padding: 0;
}

p.header-contact {
color: #222222;
text-align: center;
}

#banner {
display: none;
}

#ultion-banner-wrapper {
display: none;
}

#shop-visit {
display: none;
}

#local-numbers {
display: none;
}

#area_view {
display: none;
}

#area_panel {
display: none;
}

#brisant-wrapper {
display: none;
}

/* Image Wrapper */
#image-wrap {
display: none;
}

#shop-image-wrap {
display: none;
}

#right-image-wrap {
display: none;
}

#header {
position: relative;
margin: 0px;
padding: 0px;
height: 320px;
width: 100%;
max-width: 1160px;
font-size: 8pt; 
font-family: 'Poppins', sans-serif;
text-align: center;
background-color: transparent;
background-image: url("../images/header_320.png");
background-repeat: no-repeat;
background-position: center;
}

#header-landing {
position: relative;
margin: 0 0 30px 0;
padding: 0px;
height: 250px;
background-color: #222222;
background-image: url("../images/header_landing_250.png");
background-repeat: no-repeat;
background-position: center;
}

#center {
position: relative;
width: 100%;
max-width: 1160px;
min-height: 675px;
background-color: transparent;
padding: 0px 0px 0px 0px;
margin-right: 10px;
line-height: 1.5em;
float: left;
}

#panels {
position: relative;
padding: 0px 0px 0px 10px;
height: 780px;
width: 100%;
}

.panel li {
float: left;
list-style-type: none;
margin: 10px 0px 0px 0px;
padding: 0px 10px 0px 0px;
display: block;
height: 250px;
width: 100%;
position: relative;
}

.layer1 {
margin: 0;
padding: 0;
width: 100%;
max-width: 1160px;
min-height: 60px;
}

.two-column {
width: 100%;
margin: 0 0 10px 0;
}

.three-column {
width: 100%;
}

#column1 {
width: 100%;
color: #c2c2c2; 
font-size: 1.0em; /* 15pt */ 
font-family: 'Poppins', sans-serif;
margin: 0;
padding: 0px 0px 0px 10px;
line-height: 1.5em;
float: left;
}

#column2 {
width: 100%;
color: #c2c2c2; 
font-size: 1.0em; /* 16pt */ 
font-family: 'Poppins', sans-serif;
margin: 0;
padding: 0px 0px 0px 10px;
line-height: 1.7em;
float: left;
}

#column3 {
width: 100%;
color: #c2c2c2; 
font-size: 1.0em; /* 16pt */ 
font-family: 'Poppins', sans-serif;
margin: 0;
padding: 0px 0px 0px 10px;
line-height: 1.7em;
float: left;
}

#column4 {
width: 100%;
color: #c2c2c2; 
font-size: 1.0em; /* 16pt */ 
font-family: 'Poppins', sans-serif;
margin: 0;
padding: 0px 0px 0px 10px;
line-height: 1.7em;
float: left;
}

#social {
position: realtive;
height: 75px;
width: 100%;
padding: 0px 0px 0px 10px;
}

#tweets {
position: relative;
background-color: transparent;
width: 100%;
height: 100px;
padding: 0px;
text-align: left;
}

#footer {
position: relative;
top: 0px;
width: 100%;
padding: 0px 0px 0px 0px;
line-height: 1em;
}

#footer1 {
position: relative;
width: 100%;
height: 230px;
padding: 0px 0px 0px 0px;
margin: 0px 10px 0px 10px;
float: left;
}

#footer2 {
position: relative;
width: 100%;
height: 280px;
padding: 0px 0px 0px 0px;
margin: 0px 10px 0px 10px;
float: left;
}

#footer3 {
position: relative;
width: 100%;
height: 280px;
padding: 0px 0px 0px 0px;
margin: 0px 10px 0px 10px;
float: left;
}

/* Area Columns */
#area_col1 {
width: 100%; 
margin: 0;
padding: 0px 0px 0px 10px;
float: left;
}

#area_col2 {
width: 100%; 
margin: 0;
padding: 0px 0px 0px 10px;
float: left;
}

/* Key Cutting Columns */
#keycut_col1 {
width: 100%; 
margin: 0;
padding: 0px 0px 0px 0px;
float: left;
}

#keycut_col2 {
width: 100%; 
display: inline-block;
margin: 0;
padding: 0px 0px 0px 0px;
float: left;
}

/* Shop Columns */
#two-column-shop-map {
display: none;
}

#two-column-shop {
display: block;
float: left;
width: 95%;
height: auto;
overflow: hidden;
}

/* Sections */
.section-column-60 {
padding: 0 0 40px 0;
width: 98%;
}

.section-column-40 {
padding: 0;
width: 98%;
}


/* Contact Form */
textarea.contact {       
background-color: #222222;
color: #ffffff;
width: 100%;
font-size: 10pt;
font-family: 'Poppins', sans-serif;
border: 1px solid #e77008;
font-family: Arial; 
}

input.contact {       
background-color: #222222;
height: 40px;
width: 100%;
color: #ffffff;
font-size: 10pt;
font-family: 'Poppins', sans-serif;
border: 1px solid #e77008; 
}

input.answer {       
background-color: #222222;
min-height: 30px;
width: 3em;
color: #ffffff;
font-size: 0.9em;
font-family: 'Poppins', sans-serif;
border: 1px solid #e77008;
margin: 0px;
padding: 0px;
text-align: center;
}

/* Contact Table */
table.contact_error {
width: 100%;
border: 0;
}

td.contact1 {       
width: 100%;
font-size: 10pt; 
font-family: 'Poppins', sans-serif;
font-weight: lighter;
text-align: left;
}

td.error_contact {       
color: #F2E8C4;
width: 100%;
height: 40px;
font-size: 10pt; 
font-family: 'Poppins', sans-serif;
font-weight: lighter;
text-align: left;
padding-left: 10px;
}

td.success_contact {       
color: #F2E8C4;
width: 100%;
height: 40px;
font-size: 10pt; 
font-family: 'Poppins', sans-serif;
font-weight: lighter;
text-align: left;
padding-left: 10px;
}

/* Lists */
ul.landing {
width: 70%;
}

/* Images */
img.image_right {
border: 0;
max-width: 100%;
padding: 0px, 0px, 0px, 0px;
margin: 0px, 0px, 10px, 20px;
}

}

/*********************************************************************/
/* Mobile Landscape */
@media screen and (max-width: 600.99px) 
			  and (min-width: 481px) {
			  
body {	
background-image: url("../images/background_320-light.png");
background-repeat: repeat-x;
background-color: #ffffff;
margin: 0px;
padding: 0px 0px 0px 0px;
}

#area_panel {
display: none;
}

#wrapper {
max-width: 1160px;
padding: 0px;
margin: 0px auto 0px auto;
background-color: transparent;
}

#header {
position: relative;
margin: 0px;
padding: 0px;
height: 320px;
width: 100%;
max-width: 1160px;
font-size: 8pt; 
font-family: 'Poppins', sans-serif;
text-align: center;
background-color: transparent;
background-image: url("../images/header_320.png");
background-repeat: no-repeat;
background-position: center;
}

#header-landing {
position: relative;
margin: 0 0 30px 0;
padding: 0px;
height: 250px;
background-color: #222222;
background-image: url("../images/header_landing_250.png");
background-repeat: no-repeat;
background-position: center;
}

#banner {
display: none;
}

#ultion-banner-wrapper {
display: none;
}

#contact-wrapper {
margin: 0;
padding: 240px 0 0;
position: relative;
right: 0;
left: 0;
top: 0;
}

#contact-logos {
display: none;
}

.sub-menu-parent {
background: none;
padding: 0;
}

p.header-contact {
color: #222222;
text-align: center;
}

#addthis {
display: none;
}

#area_view {
display: none;
}

#shop-visit {
display: none;
}

#shop-image-wrap {
display: none;
}

#right-image-wrap {
display: none;
}

#brisant-wrapper {
display: none;
}

#center {
position: relative;
width: 100%;
max-width: 1160px;
min-height: 675px;
background-color: transparent;
padding: 0px 0px 0px 0px;
margin-right: 10px;
line-height: 1.5em;
float: left;
}

#panels {
position: relative;
padding: 0px 0px 0px 10px;
height: 780px;
width: 100%;
}

.panel li {
float: left;
list-style-type: none;
margin: 10px 0px 0px 0px;
padding: 0px 10px 0px 0px;
display: block;
height: 250px;
width: 100%;
position: relative;
}

.layer1 {
margin: 0;
padding: 0;
width: 100%;
max-width: 1160px;
min-height: 60px;
}

.two-column {
width: 100%;
margin: 0 0 10px 0;
}

.three-column {
width: 100%;
}

#column1 {
width: 100%;
color: #c2c2c2; 
font-size: 1.0em; /* 15pt */ 
font-family: 'Poppins', sans-serif;
margin: 0;
padding: 0px 0px 0px 10px;
line-height: 1.5em;
float: left;
}

#column2 {
width: 100%;
color: #c2c2c2; 
font-size: 1.0em; /* 16pt */ 
font-family: 'Poppins', sans-serif;
margin: 0;
padding: 0px 0px 0px 10px;
line-height: 1.7em;
float: left;
}

#column3 {
width: 100%;
color: #c2c2c2; 
font-size: 1.0em; /* 16pt */ 
font-family: 'Poppins', sans-serif;
margin: 0;
padding: 0px 0px 0px 10px;
line-height: 1.7em;
float: left;
}

#column4 {
width: 100%;
color: #c2c2c2; 
font-size: 1.0em; /* 16pt */ 
font-family: 'Poppins', sans-serif;
margin: 0;
padding: 0px 0px 0px 10px;
line-height: 1.7em;
float: left;
}

#social {
position: realtive;
height: 75px;
width: 100%;
padding: 0px 0px 0px 10px;
}

#tweets {
position: relative;
background-color: transparent;
width: 100%;
height: 100px;
padding: 0px;
text-align: left;
}

#footer {
position: relative;
top: 0px;
width: 100%;
padding: 0px 0px 0px 0px;
line-height: 1em;
}

#footer1 {
position: relative;
width: 100%;
height: 230px;
padding: 0px 0px 0px 0px;
margin: 0px 10px 0px 10px;
float: left;
}

#footer2 {
position: relative;
width: 100%;
height: 280px;
padding: 0px 0px 0px 0px;
margin: 0px 10px 0px 10px;
float: left;
}

#footer3 {
position: relative;
width: 100%;
height: 280px;
padding: 0px 0px 0px 0px;
margin: 0px 10px 0px 10px;
float: left;
}

/* Area Columns */
#area_col1 {
width: 100%; 
margin: 0;
padding: 0px 0px 0px 10px;
float: left;
}

#area_col2 {
width: 100%; 
margin: 0;
padding: 0px 0px 0px 10px;
float: left;
}

/* Key Cutting Columns */
#keycut_col1 {
width: 100%; 
margin: 0;
padding: 0px 0px 0px 0px;
float: left;
}

#keycut_col2 {
width: 100%; 
display: inline-block;
margin: 0;
padding: 0px 0px 0px 0px;
float: left;
}

/* Contact Page */
#contact_col1 {
width: 55%; 
margin: 0;
padding: 0px 0px 0px 10px;
float: left;
}

#contact_col2 {
width: 30%; 
margin: 0;
padding: 0px 0px 0px 10px;
float: left;
}

/* Shop Columns */
#two-column-shop-map {
display: none;
}

#two-column-shop {
display: block;
float: left;
width: 95%;
height: auto;
overflow: hidden;
}

/* Sections */
.section-column-60 {
padding: 0 0 40px 0;
width: 98%;
}

.section-column-40 {
padding: 0;
width: 98%;
}

/* Contact Form */
textarea.contact {       
background-color: #222222;
color: #ffffff;
width: 100%;
font-size: 10pt;
font-family: 'Poppins', sans-serif;
border: 1px solid #e77008;
font-family: Arial; 
}

input.contact {       
background-color: #222222;
height: 40px;
width: 100%;
color: #ffffff;
font-size: 10pt;
font-family: 'Poppins', sans-serif;
border: 1px solid #e77008; 
}

input.answer {       
background-color: #222222;
min-height: 30px;
width: 3em;
color: #ffffff;
font-size: 0.9em;
font-family: 'Poppins', sans-serif;
border: 1px solid #e77008;
margin: 0px;
padding: 0px;
text-align: center;
}

/* Contact Table */
table.contact_error {
width: 100%;
border: 0;
}

td.contact1 {       
width: 100%;
font-size: 10pt; 
font-family: 'Poppins', sans-serif;
font-weight: lighter;
text-align: left;
}

td.error_contact {       
color: #ffffff;
width: 100%;
height: 40px;
font-size: 10pt; 
font-family: 'Poppins', sans-serif;
font-weight: lighter;
text-align: left;
padding-left: 10px;
}

td.success_contact {       
color: #ffffff;
width: 100%;
height: 40px;
font-size: 10pt; 
font-family: 'Poppins', sans-serif;
font-weight: lighter;
text-align: left;
padding-left: 10px;
}

/* Lists */
ul.landing {
width: 60%;
}

/* Images */
img.image_right {
border: 0;
display: block;
width: 100%;
padding: 0px, 0px, 0px, 0px;
margin: 0px, 0px, 10px, 20px;
}
			  
			 
}

/*********************************************************************/
/* Small Tablet Portrait */
@media screen and (max-width: 778.99px) 
			  and (min-width: 601px) {
			  
body {	
background-image: url("../images/background_320-light.png");
background-repeat: repeat-x;
background-color: #ffffff;
margin: 0px;
padding: 0px 0px 0px 0px;
}

#wrapper {
max-width: 1160px;
padding: 0px;
margin: 0px auto 0px auto;
background-color: transparent;
}

#header {
position: relative;
margin: 0px;
padding: 0px;
height: 320px;
width: 100%;
max-width: 1160px;
font-size: 8pt; 
font-family: 'Poppins', sans-serif;
text-align: center;
background-color: transparent;
background-image: url("../images/header_320.png");
background-repeat: no-repeat;
background-position: center;
}

#header-landing {
position: relative;
margin: 0 0 30px 0;
padding: 0px;
height: 250px;
background-color: #222222;
background-image: url("../images/header_landing_250.png");
background-repeat: no-repeat;
background-position: center;
}

#banner {
display: none;
}

#ultion-banner-wrapper {
display: none;
}

#contact-wrapper {
margin: 0;
padding: 240px 0 0;
position: relative;
right: 0;
left: 0;
top: 0;
}

#contact-logos {
display: none;
}

.sub-menu-parent {
background: none;
padding: 0;
}

p.header-contact {
color: #222222;
text-align: center;
}

#addthis {
display: none;
}

#area_view {
display: none;
}

#center {
position: relative;
width: 100%;
max-width: 1160px;
min-height: 675px;
background-color: transparent;
padding: 0px 0px 0px 0px;
margin-right: 10px;
line-height: 1.5em;
float: left;
}

#panels {
position: relative;
padding: 0px 0px 0px 10px;
height: 780px;
width: 100%;
}

.panel li {
float: left;
list-style-type: none;
margin: 10px 0px 0px 0px;
padding: 0px 10px 0px 0px;
display: block;
height: 250px;
width: 100%;
position: relative;
}

.layer1 {
margin: 0;
padding: 0;
width: 100%;
max-width: 1160px;
min-height: 60px;
}

.two-column {
width: 100%;
margin: 0 0 10px 0;
}

.three-column {
width: 100%;
}

#column1 {
width: 100%;
color: #c2c2c2; 
font-size: 1.0em; /* 15pt */ 
font-family: 'Poppins', sans-serif;
margin: 0;
padding: 0px 0px 0px 10px;
line-height: 1.5em;
float: left;
}

#column2 {
width: 100%;
color: #c2c2c2; 
font-size: 1.0em; /* 16pt */ 
font-family: 'Poppins', sans-serif;
margin: 0;
padding: 0px 0px 0px 10px;
line-height: 1.7em;
float: left;
}

#column3 {
width: 100%;
color: #c2c2c2; 
font-size: 1.0em; /* 16pt */ 
font-family: 'Poppins', sans-serif;
margin: 0;
padding: 0px 0px 0px 10px;
line-height: 1.7em;
float: left;
}

#column4 {
width: 100%;
color: #c2c2c2; 
font-size: 1.0em; /* 16pt */ 
font-family: 'Poppins', sans-serif;
margin: 0;
padding: 0px 0px 0px 10px;
line-height: 1.7em;
float: left;
}

#social {
position: realtive;
height: 75px;
width: 100%;
padding: 0px 0px 0px 10px;
}

#tweets {
position: relative;
display: none;
background-color: transparent;
width: 100%;
height: 100px;
padding: 0px;
text-align: left;
}

#footer {
position: relative;
top: 0px;
width: 100%;
padding: 0px 0px 0px 0px;
line-height: 1em;
}

#footer1 {
position: relative;
width: 100%;
height: 230px;
padding: 0px 0px 0px 0px;
margin: 0px 10px 0px 10px;
float: left;
}

#footer2 {
position: relative;
width: 100%;
height: 280px;
padding: 0px 0px 0px 0px;
margin: 0px 10px 0px 10px
}

#footer3 {
position: relative;
width: 100%;
height: 280px;
padding: 0px 0px 0px 0px;
margin: 0px 10px 0px 10px;
float: left;
}

/* Area Columns */
#area_col1 {
width: 100%; 
margin: 0;
padding: 0px 0px 0px 10px;
float: left;
}

#area_col2 {
width: 100%; 
margin: 0;
padding: 0px 0px 0px 10px;
float: left;
}

/* Key Cutting Columns */
#keycut_col1 {
width: 50%; 
margin: 0;
padding: 0px 0px 0px 0px;
float: left;
}

#keycut_col2 {
width: 50%; 
display: inline-block;
margin: 0;
padding: 0px 0px 0px 0px;
float: left;
}

/* Contact Page */
#contact_col1 {
width: 50%; 
margin: 0;
padding: 0px 0px 0px 10px;
float: left;
}

#contact_col2 {
width: 30%; 
margin: 0;
padding: 0px 0px 0px 10px;
float: left;
}

/* Sections */
.section-column-60 {
padding: 0 20px 0 0;
width: 55%;
}

/* Contact Form */
textarea.contact {       
background-color: #222222;
color: #ffffff;
width: 100%;
font-size: 10pt;
font-family: 'Poppins', sans-serif;
border: 1px solid #e77008;
font-family: Arial; 
}

input.contact {       
background-color: #222222;
height: 40px;
width: 100%;
color: #ffffff;
font-size: 10pt;
font-family: 'Poppins', sans-serif;
border: 1px solid #e77008; 
}

input.answer {       
background-color: #222222;
min-height: 30px;
width: 3em;
color: #ffffff;
font-size: 0.9em;
font-family: 'Poppins', sans-serif;
border: 1px solid #e77008;
margin: 0px;
padding: 0px;
text-align: center;
}

/* Contact Table */
table.contact_error {
width: 100%;
border: 0;
}

td.contact1 {       
width: 100%;
font-size: 10pt; 
font-family: 'Poppins', sans-serif;
font-weight: lighter;
text-align: left;
}

td.error_contact {       
color: #ffffff;
width: 100%;
height: 40px;
font-size: 10pt; 
font-family: 'Poppins', sans-serif;
font-weight: lighter;
text-align: left;
padding-left: 10px;
}

td.success_contact {       
color: #ffffff;
width: 100%;
height: 40px;
font-size: 10pt; 
font-family: 'Poppins', sans-serif;
font-weight: lighter;
text-align: left;
padding-left: 10px;
}

/* Lists */
ul.landing {
width: 50%;
}

/* Images */
img.image_right {
border: 0;
display: block;
width: 100%;
padding: 0px, 0px, 0px, 0px;
margin: 0px, 0px, 10px, 20px;
}
			  
}

/*********************************************************************/
/* Small Tablet Portrait */
@media screen and (max-width: 984.99px) 
			  and (min-width: 779px) {
			  
body {	
background-image: url("../images/background_320-light.png");
background-repeat: repeat-x;
background-color: #ffffff;
margin: 0px;
padding: 0px 0px 0px 0px;
}

#wrapper {
max-width: 1160px;
padding: 0px;
margin: 0px auto 0px auto;
background-color: transparent;
}

#header {
position: relative;
margin: 0px;
padding: 0px;
height: 320px;
width: 100%;
max-width: 1160px;
font-size: 8pt; 
font-family: 'Poppins', sans-serif;
text-align: center;
background-color: transparent;
background-image: url("../images/header_320.png");
background-repeat: no-repeat;
background-position: center;
}

#header-landing {
position: relative;
margin: 0 0 30px 0;
padding: 0px;
height: 250px;
background-color: #222222;
background-image: url("../images/header_landing_250.png");
background-repeat: no-repeat;
background-position: center;
}

#banner {
display: none;
}

#contact-wrapper {
margin: 0;
padding: 240px 0 0;
position: relative;
right: 0;
left: 0;
top: 0;
}

#contact-logos {
display: none;
}

.sub-menu-parent {
background: none;
padding: 0;
}

p.header-contact {
color: #222222;
text-align: center;
}

#area_view {
display: none;
}

#center {
position: relative;
width: 100%;
max-width: 1160px;
min-height: 675px;
background-color: transparent;
padding: 0px 0px 0px 0px;
margin-right: 10px;
line-height: 1.5em;
float: left;
}

#panels {
position: relative;
padding: 0px 0px 0px 10px;
height: 780px;
width: 100%;
}

.panel li {
float: left;
list-style-type: none;
margin: 10px 0px 0px 0px;
padding: 0px 10px 0px 0px;
display: block;
height: 250px;
width: 100%;
position: relative;
}

.layer1 {
margin: 0;
padding: 0;
width: 100%;
max-width: 1160px;
min-height: 60px;
}

#column1 {
width: 100%;
color: #c2c2c2; 
font-size: 1.0em; /* 15pt */ 
font-family: 'Poppins', sans-serif;
margin: 0;
padding: 0px 0px 0px 10px;
line-height: 1.5em;
float: left;
}

#column2 {
width: 100%;
color: #c2c2c2; 
font-size: 1.0em; /* 16pt */ 
font-family: 'Poppins', sans-serif;
margin: 0;
padding: 0px 0px 0px 10px;
line-height: 1.7em;
float: left;
}

#column3 {
width: 100%;
color: #c2c2c2; 
font-size: 1.0em; /* 16pt */ 
font-family: 'Poppins', sans-serif;
margin: 0;
padding: 0px 0px 0px 10px;
line-height: 1.7em;
float: left;
}

#column4 {
width: 100%;
color: #c2c2c2; 
font-size: 1.0em; /* 16pt */ 
font-family: 'Poppins', sans-serif;
margin: 0;
padding: 0px 0px 0px 10px;
line-height: 1.7em;
float: left;
}

#social {
position: realtive;
height: 75px;
width: 100%;
padding: 0px 0px 0px 10px;
}

#tweets {
position: relative;
display: none;
background-color: transparent;
width: 100%;
height: 100px;
padding: 0px;
text-align: left;
}

#footer {
position: relative;
top: 0px;
width: 100%;
padding: 0px 0px 0px 0px;
line-height: 1em;
}

#footer1 {
position: relative;
width: 100%;
height: 230px;
padding: 0px 0px 0px 0px;
margin: 0px 10px 0px 10px;
float: left;
}

#footer2 {
position: relative;
width: 100%;
height: 280px;
padding: 0px 0px 0px 0px;
margin: 0px 10px 0px 10px
}

#footer3 {
position: relative;
width: 100%;
height: 280px;
padding: 0px 0px 0px 0px;
margin: 0px 10px 0px 10px;
float: left;
}

/* Area Columns */
#area_col1 {
width: 100%; 
margin: 0;
padding: 0px 0px 0px 10px;
float: left;
}

#area_col2 {
width: 100%; 
margin: 0;
padding: 0px 0px 0px 10px;
float: left;
}

/* Key Cutting Columns */
#keycut_col1 {
width: 50%; 
margin: 0;
padding: 0px 0px 0px 0px;
float: left;
}

#keycut_col2 {
width: 50%; 
display: inline-block;
margin: 0;
padding: 0px 0px 0px 0px;
float: left;
}

/* Contact Page */
#contact_col1 {
width: 50%; 
margin: 0;
padding: 0px 0px 0px 10px;
float: left;
}

#contact_col2 {
width: 30%; 
margin: 0;
padding: 0px 0px 0px 10px;
float: left;
}

/* Sections */
.section-column-60 {
padding: 0 20px 0 0;
width: 55%;
}

/* Contact Form */
textarea.contact {       
background-color: #222222;
color: #ffffff;
width: 100%;
font-size: 10pt;
font-family: 'Poppins', sans-serif;
border: 1px solid #e77008;
font-family: Arial; 
}

input.contact {       
background-color: #222222;
height: 40px;
width: 100%;
color: #ffffff;
font-size: 10pt;
font-family: 'Poppins', sans-serif;
border: 1px solid #e77008; 
}

input.answer {       
background-color: #222222;
min-height: 30px;
width: 3em;
color: #ffffff;
font-size: 0.9em;
font-family: 'Poppins', sans-serif;
border: 1px solid #e77008;
margin: 0px;
padding: 0px;
text-align: center;
}

/* Contact Table */
table.contact_error {
width: 100%;
border: 0;
}

td.contact1 {       
width: 100%;
font-size: 10pt; 
font-family: 'Poppins', sans-serif;
font-weight: lighter;
text-align: left;
}

td.error_contact {       
color: #ffffff;
width: 100%;
height: 40px;
font-size: 10pt; 
font-family: 'Poppins', sans-serif;
font-weight: lighter;
text-align: left;
padding-left: 10px;
}

td.success_contact {       
color: #ffffff;
width: 100%;
height: 40px;
font-size: 10pt; 
font-family: 'Poppins', sans-serif;
font-weight: lighter;
text-align: left;
padding-left: 10px;
}

/* Lists */
ul.landing {
width: 50%;
}

/* Images */
img.image_right {
border: 0;
display: block;
width: 100%;
padding: 0px, 0px, 0px, 0px;
margin: 0px, 0px, 10px, 20px;
}
			  
}


/*********************************************************************/
/* Small Tablet Portrait */
@media screen and (max-width: 1070.99px) 
			  and (min-width: 985px) {

nav a {
font-size: 0.9em;
padding: 0 20px !important;
}				  
				  
}


/*********************************************************************/
/* Small Tablet Portrait */
@media screen and (max-width: 1160px) 
			  and (min-width: 1071px) {

nav a {
font-size: 0.9em;
padding: 0 25px !important;
}				  
				  
}