/* -- 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-weight:inherit; 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; background:white; }
ol, ul { list-style:none; }
/* 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: "" ""; }
/* -- END RESET ----------------------------------------- */

#meat .left #vcard, #intHeader .footer {position:absolute;top:-9999px;} /* HIDE VCARD AND SECONDARY NAV */

html,body { text-align:center;background:#CCC;font-family:Arial, Helvetica, sans-serif; }

.clear {clear:both;}
.flt_right {float:right;}
.flt_left {float:left;}

.testimonial { display:none;color:#333;float:right;width:190px;margin:5px 0 5px 5px;padding:10px;border-left:1px dashed #666;background-color:#E5E5E5; }
.testimonial .quote { font-weight:bold;font-size:16px;line-height:1.3em;text-align:justify; }
.testimonial .biline { font-family:Georgia, Times, serif;font-style:italic;margin:0; }

.contact-box {text-align:center;text-transform:uppercase;background:#13BDD2;color:#FFF;padding:5px;margin:25px 0;}
.contact-box .title {font-size:12px;margin:0;line-height:1em;}
.contact-box .pnumber {font-size:36px;font-weight:bold;margin:0;line-height:1em;}
.contact-box.last {margin:0;}


a {text-decoration:none;color:#666;}
strong {font-weight:bold;}
#meat .right h1, #meat .right h2, #meat .right h3, #meat .right h4, #meat .right h5 { margin:15px 10px; }
h2 {font-size:30px;font-weight:bold;}
h3, h4, h5 {font-size:24px;font-weight:normal;color:#333;text-transform:uppercase;}
p {font-size:12px;line-height:1.8em;}
#meat .right p { margin:10px; }
#meat .right ul, #meat .right ol {margin:10px 20px}
#meat .right ul li {font-size:12px;line-height:2em;margin:0 20px;list-style-type:disc;}
#meat .right ol li {font-size:16px;font-weight:bold;line-height:2em;margin:0 30px;list-style-type:decimal;}

table {
	width:97%; 
	margin:0 auto;
	border-collapse:collapse;
	background-color: #E5E5E5;
	font-size:12px;
}
table td, table th {
	padding:4px; 
	text-align:center; 
	vertical-align:middle; 
	border-collapse:collapse; 
	border:1px solid #FFF; 
	padding-top:5px; 
	padding-bottom:5px;
}
table th{ 
	background-color:#333; 
	color:#FFF;
}
table tr.title { 
	background-color: #666; 
	color:#FFF; 
}
table td.title { 
	text-align: left; 
	font-size:120%;
	background-color: #666; 
	width : 25%; 
	color:#FFF; 
	padding-left:5px;
}
table .highlight { 
	background-color: #13BDD2;
	color:#000;
}
table tfoot td {
	text-align: left; 
	color:#000; 
	background-color:#FFF;
}
table tfoot tr td small { line-height:1.2em;font-size:90%; }


#container {
	width:800px;
	margin:10px auto;
	text-align:left;
	position:relative;
	background:#333 url(../images/microsite-security-grunge/grunge-bg.png) no-repeat;
}
#intHeader {
	height:140px;
	background:transparent url(../images/adt-micro/update/logo.png) no-repeat 20px 20px;
}
#intHeader .left { /*LOGO AREA*/
	height:102px;
	position:absolute;
	top:20px;
	right:20px;
	padding:0 0 0 0;
}
#intHeader .left a h1 {
	padding:20px 0 0 0;
	font-size:14px;
	color:#CCC;
	text-transform:uppercase;
	text-align:right;
}
#intHeader .left a h1 span {
	display:block;
	font-size:36px;
	font-weight:bold;
}
#meat .left { /* SIDEBAR AREA*/
	width:140px;
    float:left;
}
#meat .left ul li a {
	display:block;
	padding:10px 10px;
	color:#CCC;
	font-size:14px;
	text-transform:uppercase;
	font-weight:bold;
	filter:alpha(opacity=50);
	-moz-opacity:.5;
	opacity:.5;
	word-spacing:.2em;
	border-top:1px #343434 solid;
	border-bottom:1px #343434 solid;
	margin-top:-1px;
}
#meat .left ul li:first-child {
	margin-top:1px;
}
#meat .left ul li a:hover {
	background:url(../images/microsite-security-grunge/side-trans-bg.png);
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
	color:#FFF;
}
#meat .right { /* CONTENT AREA*/
	width:650px;
	margin:0 10px 10px 0;
    float:left;
	background:#FFF;
}
#meat #promo-area {
	background:#FFF url(../images/microsite-security-grunge/promo-img.jpg) no-repeat;
	height:355px;
	position:relative;
}
#meat #promo-area .pnumber {
	position:absolute;
	top:38px;
	right:22px;
	font-weight:bold;
	font-size:48px;
	color:#FFF;
	margin:0;
	line-height:1em;
}
#meat #promo-area .promo-burst {
	position:absolute;
	top:160px;
	left:-50px;
	height:105px;
	width:105px;
}
#meatFooter { /* FOOTER AREA*/
	clear:both;
}
#meat .tips li {
	padding:10px 0;
}
#meat .tips strong {
	font:bold 16px Arial, Helvetica, sans-serif;
}
#meat .tips span {
	display:block;
}
#meat #header-phone {
	width:316px;
	height:59px;
	position:absolute;
	top:10px;
	right:-10px;
	background:#13BDD2 url(../images/microsite-security-grunge/phone-bg.png) no-repeat;
	text-align:right;
	color:#FFF;
	display:none;
}
#meat #header-phone .title {
	padding:5px 10px 2px 10px;
	font-size:14px;
	text-transform:uppercase;
	margin:0;
	line-height:1em;
}
#meat #header-phone .pnumber {
	padding:0 10px;
	font-size:36px;
	font-weight:bold;
	margin:0;
	line-height:1em;
}

/* vCard */

.vcard	{
	background:#999;
	color:#333;
	width:800px; 
	padding:9px;
	margin:10px auto;
	font-size:10pt;
	line-height:1.3em;
}

.vcard span.fn, .vcard .adr, .vcard a.url {display: block;}


#loctypelist {text-align:left;  font-size:13px; padding:0 15px;}

#locations{text-align:justify; color:#666; font-size:12px; padding:10px 15px 15px 15px;line-height: 1.3em;}
#locations a{color:#666;}
#locations a:hover {text-decoration:underline;}