/**************************************************************************************************************/
/*                                                                                                            */
/*    GLOBAL RESET                                                                                            */
/*                                                                                                            */
/**************************************************************************************************************/

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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
}
ol, ul {
	list-style: none;
	margin-left:0px;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

img {
	border:none;
}
input, textarea {
  font-family:arial,verdana,helvetica;
  font-size:100%;
}

.clear {
clear:both;
height:0px;
display:block;
}

p {
line-height:1.6em;
font-size:1em;
color:#464646;
}

h2 {
font-size:24px;
line-height:1.1em;
margin:0px 0px 8px 0px;
}

h1 {
margin:0px 0px 14px 0px;
font-size:14px;
line-height:1.4em;
font-weight:normal;
}

/**************************************************************************************************************/
/*                                                                                                            */
/*    MASTER                                                                                                  */
/*                                                                                                            */
/**************************************************************************************************************/

body {
font-family:arial,verdana,helvetica;
font-size:62.5%;
background:#e1e1e1;
margin-top:-15px;
}

a:link {color:#154A96; text-decoration:none;}
a:visited {color:#154A96; text-decoration:none;}
a:hover {color: #154A96; text-decoration:underline;}
a:active {color: #154A96; text-decoration:none;}

div.container_wrapper {
width:980px;
position:relative;
margin:0px auto 0px auto;
background:transparent url(../images/page_bg.png) repeat-y;
}

div.container {
width:960px;
margin-left:10px;
position:relative;
}

/**************************************************************************************************************/
/*                                                                                                            */
/*    HEADER                                                                                                  */
/*                                                                                                            */
/**************************************************************************************************************/

div.header {
width:100%;
height:123px;
margin:0px 0px 30px 0px;
position:relative;
}

/*  LOGO - escott signs  */
h1.logo a {
position:absolute;
display:block;
left:20px;
top:-3px;
width:176px;
height:153px;
z-index:1;
background:url(../images/logo.png) no-repeat;
}

h1.logo span {
display:none;
}

/* SITE STRAPLINE - advanced sign technology */
h1.site_strapline {
position:absolute;
display:block;
right:0px;
top:0px;
z-index:1;
width:514px;
height:91px;
background:url(../images/site_strapline.png) no-repeat;
}

h1.site_strapline span {
display:none;
}

/**************************************************************************************************************/
/*                                                                                                            */
/*    GLOBAL NAVIGATION                                                                                       */
/*                                                                                                            */
/**************************************************************************************************************/

div.site_navigation {
width:960px;
height:32px;
position:absolute;
bottom:0px;
margin:0px 0px 0px 0px;
background:transparent url(../images/global_navigation.png) repeat-x;
}

.site_navigation ul {
position:absolute;
right:0px;
top:0px;
}

.site_navigation ul li {
float:left;
text-align:center;
padding-right:2px;
line-height:17px;
}

.site_navigation ul li a {
color:#fff;
width:100px;
font-size:1.2em;
padding:3px 0px;
text-decoration:none;
display:block;
}

.site_navigation ul li a:hover {
background:transparent url(../images/global_nav_over.png) no-repeat 0px 1px;
display:block;
height:22px;
}

.site_navigation ul li a.current {
background:transparent url(../images/global_nav_over.png) no-repeat 0px 1px;
display:block;
height:22px;
}

/**************************************************************************************************************/
/*                                                                                                            */
/*    CONTENT                                                                                                 */
/*                                                                                                            */
/**************************************************************************************************************/

div.content {
padding:0px 0px 30px 7px;
margin:0px 0px 15px 17px;
width:920px;
position:relative;
left:0px;
font-size:1.2em;
color:#626262;
}

/*  PAGE TITLE  */
div.page_title {
position:relative;
left:0px;
height:42px;
width:650px;
margin:6px 10px 10px -8px;
border-bottom:1px solid #ccc;
border-top:1px solid #ccc;
}

div.page_title h2 {
font-size:23px;
line-height:30px;
color:#019866;
padding:6px 0px 0px 7px;
font-weight:normal;
font-style:italic;
}

div.page_title_padding h2 {
padding-left:214px;
}

/**** ABOUT US PAGE ****/
.template3_top_right_content_box {
float:right;
margin:0px 0px 5px 10px;
}

.template3_top_right_content_box img {
border:1px solid #154A96;
}

/**** IMAGES ****/
.image_container {
margin:20px 0px 0px 0px;
width:640px;
}

.image {
margin:0px 19px 15px 0px;
border:6px solid #333;
background: #333;
height:138px;
overflow:hidden;
float:left;
}

.image:hover {
border:6px solid #646464;
}

/**************************************************************************************************************/
/*                                                                                                            */
/*    SIDE NAVIGATION                                                                                         */
/*                                                                                                            */
/**************************************************************************************************************/

.side_navigation {
width:253px;
height:500px;
float:right;
margin:-2px 0px 20px 33px;
*margin:-2px 0px 20px 25px;
background:transparent url(../images/side_navigation.png) no-repeat 0px 1px;
}

.side_navigation .title {
position:relative;
margin:22px 0px 19px 10px;
font-weight:bold;
font-size:18px;
font-family:verdana;
color:#154A96;
}

.side_navigation ul {
position:relative;
margin:0px 0px 0px 1px;
}

.side_navigation ul li {
border-top:1px solid #ccc;
}

.side_navigation ul li:first-child {
border-top:none;
}

.side_navigation ul li a {
padding:8px 0px 0px 13px;
height:20px;
display:block;
text-decoration:none;
}

.side_navigation ul li a {
color:#545454;
}

/********/
.side_navigation ul li.architectural_lettering a:hover {
background:transparent url(../images/purple_strip.png) no-repeat 1px 0px;
color:#fff !important;
}

.side_navigation ul li.architectural_lettering a.current {
background:transparent url(../images/purple_strip.png) no-repeat 1px 0px;
color:#fff !important;
}

/********/
.side_navigation ul li.illuminated_fascias a:hover {
background:transparent url(../images/aqua_strip.png) no-repeat 1px 0px;
color:#fff !important;
}

.side_navigation ul li.illuminated_fascias a.current {
background:transparent url(../images/aqua_strip.png) no-repeat 1px 0px;
color:#fff !important;
}

/********/
.side_navigation ul li.post_signs a:hover {
background:transparent url(../images/blue_strip.png) no-repeat 1px 0px;
color:#fff !important;
}

.side_navigation ul li.post_signs a.current {
background:transparent url(../images/blue_strip.png) no-repeat 1px 0px;
color:#fff !important;
}

/********/
.side_navigation ul li.directional_and_projecting_signs a:hover {
background:transparent url(../images/orange_strip.png) no-repeat 1px 0px;
color:#fff !important;
}

.side_navigation ul li.directional_and_projecting_signs a.current {
background:transparent url(../images/orange_strip.png) no-repeat 1px 0px;
color:#fff !important;
}

/********/
.side_navigation ul li.corporate_logos a:hover {
background:transparent url(../images/dk_green_strip.png) no-repeat 1px 0px;
color:#fff !important;
}

.side_navigation ul li.corporate_logos a.current {
background:transparent url(../images/dk_green_strip.png) no-repeat 1px 0px;
color:#fff !important;
}

/********/
.side_navigation ul li.citystop a:hover {
background:transparent url(../images/lt_green_strip.png) no-repeat 1px 0px;
color:#fff !important;
}

.side_navigation ul li.citystop a.current {
background:transparent url(../images/lt_green_strip.png) no-repeat 1px 0px;
color:#fff !important;
}

/********/
.side_navigation ul li.complete_themes a:hover {
background:transparent url(../images/lt_purple_strip.png) no-repeat 1px 0px;
color:#fff !important;
}

.side_navigation ul li.complete_themes a.current {
background:transparent url(../images/lt_purple_strip.png) no-repeat 1px 0px;
color:#fff !important;
}

/********/
.side_navigation ul li.steel_security_doors a:hover {
background:transparent url(../images/royal_blue_strip.png) no-repeat 1px 0px;
color:#fff !important;
}

.side_navigation ul li.steel_security_doors a.current {
background:transparent url(../images/royal_blue_strip.png) no-repeat 1px 0px;
color:#fff !important;
}

/********/
.side_navigation ul li.digital_vinyl_graphics a:hover {
background:transparent url(../images/red_strip.png) no-repeat 1px 0px;
color:#fff !important;
}

.side_navigation ul li.digital_vinyl_graphics a.current {
background:transparent url(../images/red_strip.png) no-repeat 1px 0px;
color:#fff !important;
}

/********/
.side_navigation ul li.point_of_sale a:hover {
background:transparent url(../images/yellow_strip.png) no-repeat 1px 0px;
color:#fff !important;
}

.side_navigation ul li.point_of_sale a.current {
background:transparent url(../images/yellow_strip.png) no-repeat 1px 0px;
color:#fff !important;
}

/**************************************************************************************************************/
/*                                                                                                            */
/*    FOOTER                                                                                                  */
/*                                                                                                            */
/**************************************************************************************************************/

div.footer {
width:980px;
position:relative;
margin:-15px auto 0px auto;
height:140px;
font-size:1.1em;
line-height:1.4em;
background:transparent url(../images/footer_bg.png) no-repeat;
}

.footer a {
color:#efefef;
}

.footer span.bold {
font-weight:bold;
}

.footer p {
position:absolute;
color:#fff;
left:35px;
top:10px;
}

.footer ul li {
line-height:1.6em;
}

.footer ul.column_one {
position:absolute;
left:320px;
top:10px;
}

.footer ul.column_two {
position:absolute;
left:320px;
top:50px;
}

.footer ul.column_three {
position:absolute;
left:440px;
top:10px;
}

.footer ul.column_four {
position:absolute;
left:640px;
top:10px;
}

.footer ul.column_five {
position:absolute;
left:840px;
top:10px;
}

/**************************************************************************************************************/
/*                                                                                                            */
/*    CONTACT PAGE / ENQUIRY FORM                                                                             */
/*                                                                                                            */
/**************************************************************************************************************/

#location_map
{
width:439px;
height:310px;
border:1px solid #555;
position:absolute;
top:60px;
left:180px;
margin-left:10px;
}

div.location_map_pop_up
{
line-height:18px;
font-size:12px;
color:#626262;
}

#enquiry_form {
margin-top:-140px;
margin-bottom:60px;
}

#enquiry_form .title {
font-size:23px;
line-height:40px;
color:#019866;
font-weight:normal;
}

.field {
position:absolute;
left:190px;
width:180px;
}

.textarea {
position:absolute;
left:190px;
width:440px;
}

#submit {
position:absolute;
margin-top:45px;
*margin-top:30px;
left:190px;
width:60px;
}

#reset {
position:absolute;
margin-top:45px;
*margin-top:30px;
left:255px;
width:60px;
}

#enquiry_form label {
margin-left:2px;
}

#enquiry_form p {
margin-top:6px;
}

.error_messages {
border:1px solid #019866;
padding:15px;
width:590px;
margin:0px 10px 10px 0px;
}

.error_messages .notice {
margin:0px 0px 10px 2px;
font-size:0.9em;
color:#545454;
}

.error_messages ul li {
line-height:1.5em;
font-size:0.9em;
color:#CF0F00;
margin:0px 0px 0px 3px;
}