/* RESET CSS */
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, embed, 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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	background: transparent;
}

/* Eliminate outlines on clicked anchors */
:focus
{
	outline: 0;
}

ol, ul
{
	list-style: none;
}

blockquote, q
{
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after
{
	content: '';
	content: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table
{
	border-collapse: collapse;
	border-spacing: 0;
}

/* Keep superscript tags from breaking line-height */
sup
{
	font-size: smaller;
	vertical-align: baseline;
	position: relative;
	bottom: 0.33em;
}

.floatL { float:left; display:inline; }
.floatR { float:right; display:inline; }
strong { font-weight:bold; }
em { font-style:italic; }

.clear {
clear:both;
}

.clear:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}

/* DEBUG */
.border-red { border:1px solid #F00 !important; }
.border-green { border:1px solid #0F0 !important; }
.border-blue { border:1px solid #00F !important; }
/* --------------------------------------------------------------

typography.css

-------------------------------------------------------------- */

body, td, th, ul, ol {
  color: #666;
  font-size: 62.5%;
  line-height:1.5em;
  font-family: Arial, "Helvetica Neue", Helvetica, Verdana, sans-serif;
}

/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 {font-weight: bold;}
 
h1 {font-size: 3.0em; line-height: 1; }
h2 {font-size: 2.16em; line-height: 1.20; }
h3 {font-size: 1.5em; line-height: 1.2em; }
h4 {font-size: 1.2em; line-height: 1.25; }
h5 {font-size: 1.0em; font-weight: normal; }
h6 {font-size: 0.9em; font-weight: normal; }
 
/* Text elements
-------------------------------------------------------------- */
p {margin: 0; font-size:1.2em; line-height:1.4em; }
 
a:focus,
a:hover,
a:active {text-decoration: underline;}
a {color: #000; text-decoration: none; outline: none;}
 
blockquote {margin: 1.25em; font-style: italic;}
q {font-style: italic;}
cite {font-weight:bold;}
strong {font-weight: bold;}
em,dfn {font-style: italic;}
dfn {font-weight: bold;}
sup, sub {line-height: 0;}
mark { background: transparent; }
 
abbr,
acronym {border-bottom: 1px dotted #fff;}
address {margin: 0 0 1.25em; font-style: italic;}
 
pre {margin: 1.25em 0; white-space: pre;}
pre,code,tt {font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5;}
 
 
/* Lists
-------------------------------------------------------------- */

dl {margin: 0 0 1.25em 0;}
dl dt {font-weight: bold;}
dd {margin-left: 1.15em;}

hr {clear: both;}
/* STRUCTURE *************************/

#wrapper {
	width:100%;
	text-align:center;	
	background:#FFF url(/Content/images/bg_wrapper_with_grass.png) 50% 0 repeat-x;
}

#frame {
	width:1020px;
	margin:0 auto;
	text-align:left;	
}

/* InField labels */ 
form.infields div { position: relative; } 
form.infields label { padding:3px 4px 0px 6px; position: absolute; }
form.infields fieldset.no_infields label,
form.infields div.no_infields label { padding:0px; position:static; }

/* FLOATS and IMAGE REPLACEMENT *******/

#header .login_form,
#header form div,
.search_form p,
.search_form form,
h1,
#nav li,
#nav li a,
#side_nav,
#splash h2,
#splash h3,
#form #colA,
#cta .column,
p.social,
#footer p,
ul.listleft,
#content #colB,
#content #colC,
.login_form form,
.login_form p,
.contact1,
.col1,
.col2,
.highlight .example {
	float:left;
	display:inline;	
}

#header .search_form,
#navigation,
#form #colB,
#footer p.logo,
fieldset p,
ul.listright,
p.right,
.contact2,
#refer_full_form,
.about-customerreferral #content #colC {
	float:right;
	display:inline;	
}

h1 a,
#nav li a,
#side_nav li a,
#splash h2,
#colB h3,
#cta h3,
#footer p.logo,
fieldset p,
#page_fold a,
p.refer a,
.social_sm p a {
	text-indent:-9999px;
	overflow:hidden;
	display:block;	
}

/* COMMON ELEMENTS *******************/

input.text {
	background:#FFF url(/Content/images/bg_text_input.gif) 0 0 repeat-x;	
	height:15px;
	border:1px solid #A8ACAD;
	color:#333;
	font-size:1em;
	padding-left:3px;
}

input.btn_gold, input.btn_red {
	height:36px;
	width:247px;
	line-height:28px !important;
	vertical-align:middle;
	font-size:1.5em;
	text-align:center;	
	font-weight:bold;
	background:url(/Content/images/btn_gold.png) 0 0 no-repeat; 
	border:0; 
	color:#000; 
	padding-bottom:3px;	
	font-family:Arial, Helvetica, Sans-Serif;
	cursor:pointer;
}

p.btn_red a { 
	display:block;
	height:33px;
	width:191px;
	line-height:33px !important;
	vertical-align:middle;
	font-size:1.2em;
	text-align:center;	
	font-weight:bold;
	background:url(/Content/images/btn_red_sm.png) 0 0 no-repeat; 
	border:0; 
	color:#FFF; 
	padding-bottom:3px;	
	font-family:Arial, Helvetica, Sans-Serif;
	cursor:pointer;
}

input.btn_red { background:url(/Content/images/btn_red.png) 0 0 no-repeat; color:#FFF; }

input.btn_gold:hover,
input.btn_red:hover,
p.btn_red a:hover { background-position:0 -36px; cursor:pointer; }
p.btn_red a:hover { text-decoration:none; }
input.btn_gold:active,
p.btn_black a:active,
input.btn_red:active,
p.btn_red a:active { position:relative; top:1px; left:1px; }

p.btn_black a,
input.btn_black {
	width:204px;
	height:30px;
	background:url(/Content/images/btn_black.gif) 0 0 no-repeat;
	display:block;	
	font-size:1.2em;
	font-weight:bold;
	text-align:center;
	color:#FFF;
	line-height:30px;
	vertical-align:middle;
}

input.btn_black {
	border:0px;	
	font-family:Arial, Helvetica, Sans-Serif;
	cursor:pointer;
}

p.btn_black a:hover,
input.btn_black:hover {
	text-decoration:none;
	background-position:0 -30px;	
}

a.lightbox:hover { cursor:pointer; }

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

#header {
	height:26px;
	padding-top:7px;	
}

#header input.submit,
.login_form p a,
label#remember_label {
	background:url(none);	
	border:0px;
	color:#FEC52B;
	font-size:1.1em;
	cursor:pointer;
	padding-left:0px;
}
label#remember_label {
	vertical-align:baseline;
	position:relative;
	top:-1px;	
}

.login_form { margin-left:40px; width:50%; }
.login_form p { color:#FEC52B; margin:1px 0 0 1em; display:inline-block; height:20px; vertical-align:baseline; }
.login_form p a {
	font-size:.9em;	
}
.search_form { margin-right:0px; width:40%; }

.login_form input.text { width:113px; margin-right:7px; }
.login_form input.submit { margin:0px 0 0 10px; display:block; height:20px; vertical-align:middle; }

@media screen and (-webkit-min-device-pixel-ratio:0) {
.login_form input.submit { position:relative; top:-2px; }
.login_form p { position:relative; top:-1px; }
}

.search_form p { line-height:1em; margin:5px 24px 0 0; }
.search_form a {
	color:#F9F9F9;
	text-transform:uppercase;
	background:url(/Content/images/icon_contact.gif) left center no-repeat;
	display:block;
	padding-left:17px;	
	font-weight:bold;
}

.search_form p.homeLink a { background:url(/Content/images/icon_home.gif) left center no-repeat; }

.search_form input.text { width:169px; border-right:0px; margin-right:0px; }

#header .search_form input.submit { 
	margin-left:0px; 
	text-indent:-9999px;
	background:url(/Content/images/btn_search.gif) 0 0 no-repeat;
	width:28px;
	height:19px;
	color:#FFF;
}

#header form#search fieldset { height:19px; }

#row2 {
	background:url(/Content/images/bg_row2.gif) 0 0 repeat-x;	
	height:58px;
	overflow:hidden;
}

h1 { margin:8px 0 0 57px; }

h1 a {
	background:url(/Content/images/logo_safeguard.gif) 0 0 no-repeat;	
	height:42px;
	width:102px;	
}

/* MAIN NAVIGATION *******************/

ul#nav {
	width:350px;
	height:59px;
	margin:0px 29px 0 0;
	overflow:hidden;
}

#nav li a {
	height:59px;
	width:76px;	
	margin:0px 2px 0 0;
	background:url(/Content/images/sprite_main_nav.png) no-repeat;
}

#nav li a.nav2 { width:69px; background-position: -78px 0px; }
#nav li a.nav3 { width:115px; background-position: -149px 0px; }
#nav li a.nav4 { width:80px; margin-right:0px; background-position: -266px 0px; }

#nav li a.nav1:hover { background-position: 0 -59px; }
#nav li a.nav2:hover { background-position: -78px -59px; }
#nav li a.nav3:hover { background-position: -149px -59px; }
#nav li a.nav4:hover { background-position: -266px -59px; }

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

#wrap_footer {
	width:100%;
	text-align:center;	
	background:url(/Content/images/bg_footer.jpg) 0 0 repeat-x;
}

#footer {
	width:968px;
	margin:0 auto;
	text-align:left;
	padding:18px 0 0px 52px;
	overflow:hidden;
	position:relative;
	background:url(/Content/images/bg_footer.jpg) 0 0 no-repeat;
	height:151px;
}

#footer p { 
	font-size:1.1em; 
	margin-bottom:20px;	
	width:500px;
	line-height:1.5em;
}

#footer p.links {
	color:#EEBC31;	
}

#footer a {
	color:#EEBC31;	
}

#footer p.logo {
	width:333px;
	height:127px;
	background:url(/Content/images/logo_safeguard_footer.png) 0 0 no-repeat;	
	position:absolute;
	top:6px;
	right:0px;
}

/* SHARED ELEMENTS *******************/

#colC h5 {
	height:35px;
	width:220px;
	line-height:35px !important;
	vertical-align:middle;
	font-size:1.4em;
	text-align:center;	
	font-weight:bold;	
}

.box_sm {
	background:#F6F6F6;	
	border-left:1px solid #D6D6D6;
	border-right:1px solid #D6D6D6;
	padding:10px 15px;
	overflow:hidden;
}

.box_sm p { line-height:1.2em; margin-bottom:10px; }

.box_sm input.text { width:187px; height:20px; margin-bottom:6px; }
.box_sm form.infields label { font-size:1.2em; }
.box_sm fieldset div.checkbox {
	padding:12px 0 22px 0;
	border-top:1px solid #D2D2D2;
	border-bottom:1px solid #D2D2D2;
	margin:8px 0 12px;
}

.box_bottom_sm {
	width:220px;
	height:4px;
	background:url(/Content/images/box_bottom_sm.gif) 0 0 no-repeat;
	margin-bottom:5px;	
}

.social_sm { padding-top:21px; }

.social_sm p {
	width:26px;
	display:inline;
	float:left;
	margin:0 14px 0 0;
}

.social_sm p.noMargin { margin-right:0px; }

.social_sm p a {
	width:26px;	
	height:38px;
	background:url(/Content/images/sprite_social_icons_sm.png) 0 0 no-repeat;
}

.social_sm a.linkedin { background-position:-26px 0; }
.social_sm a.blog { background-position:-52px 0; }
.social_sm a.twitter { background-position:-78px 0; }
.social_sm a.youtube { background-position:-104px 0; }

.social_sm a.facebook:hover { background-position:0 -38px; }
.social_sm a.linkedin:hover { background-position:-26px -38px; }
.social_sm a.blog:hover { background-position:-52px -38px; }
.social_sm a.twitter:hover { background-position:-78px -38px; }
.social_sm a.youtube:hover { background-position:-104px -38px; }

/* TESTIMONIALS ******************/

.about-securityconsultation #colC,
.business-securityconsultation #colC,
.residential-securityconsultation #colC { margin-top:4.1em; }
.testimonials blockquote p.statement { color:#572100; font-weight:bold; }
.testimonials blockquote p.name { color:#666; font-weight:normal; float:right; }
.testimonials hr {
	border-top:1px solid #D2D2D2;
	border-bottom:1px solid #E7E5E5;	
	margin:15px 0;
}

/* MAIN CONTENT **************************************/

#colB {
	width:460px;
	margin-right:18px;	
}

#content h4 {
	font-family:Myriad Pro, Helvetica, Arial, Sans-Serif;
	color:#572100;
	font-size:2.6em;
	margin-bottom:10px;	
}

#colB img { margin-bottom:18px; }

#colB p { margin-bottom:1.5em; font-size:1.3em; }
#colB p.noMargin,
#colB p.loc { margin-bottom:.2em; }
#colB p.emp { color:#030303; font-weight:bold; }

#colB ul {
	list-style:disc outside;
	font-size:1.3em;
	margin:0 0 20px 20px;	
}

#colB ol 
{
	list-style: decimal outside;
	font-size: 1.3em;
	margin: 0 0 20px 20px;
}

#colC {
	width:220px;
}

input.btn_red {
	height:36px;
	width:191px;
	background:url(/Content/images/btn_red_sm.png) 0 0 no-repeat;	
}

.error span.field-validation-error {background: url(../images/icon_error.png) no-repeat; height: 18px; position: absolute; right: 14px; text-indent: -999em; top: 4px; width: 19px; }

.error input,
input.required {border:solid 1px red !important;}

#img_container {height: 90px; overflow: hidden; width: 282px;}

a.redirect { display: none; }

#MainForm div { display: inline; float: left; }
#MainForm .submit-buttons { clear: both; width: 100%; } /* IE6&7 */

.site-savelead form.infields div { display: inline; float: left; }
.site-savelead form .checkbox input,
.site-savelead form .checkbox label { display: inline; float: left; }
.site-savelead form .submit-buttons { clear: both; }


/* Search Results Pagger **************************************/
.pagger {font-size: 1.2em; margin-bottom: 8px;}
.pagger a {margin-right: 8px; text-decoration: underline;}
.pagger a:hover {text-decoration: none;}