@charset "utf-8";
.SanAntonioHomeMonitoring {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
color: #6600CC;
background-color: #FFFFFF;
list-style-position: inside;
list-style-type: square;
}
a {
font-size: 12px;
color: #660099;
}
a:visited {
color: #666699;
}
a:hover {
color: #FF0000;
}
a:active {
color: #6699CC;
}
h1,h2,h3,h4,h5,h6 {
font-family: Georgia, Times New Roman, Times, serif;
}
h1 {
font-size: 32px;
color: #000099;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
}
h2 {
font-size: 24px;
color: #CC0000;
}
h3 {
font-size: 16px;
color: #6600CC;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
}
body,td,th {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #6600CC;
}

/*  */
/* General styles */
.SmallText {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: normal;
font-variant: normal;
color: #212121;
}
.style1 {font-weight: bold}

body {
margin:0;
padding:0;
border:0;						/* This removes the border around the viewport in old versions of IE */
width:100%;
background-color:#FFFFFF;
min-width:600px;				/* Minimum width of layout - remove line if not required */
								/* The min-width property does not work in old versions of Internet Explorer */
}
/* Header styles */
#header 
{
background:url(Images/san-antonio-home-security-%7Eheader-background.png);
background-position:center;
background-repeat:repeat-x;
clear:both;
float:left;
width:100%;
}
/* column container */
.colmask 
{
position:relative;				/* This fixes the IE7 overflow hidden bug */
clear:both;
float:left;
width:100%;						/* width of whole page */
overflow:hidden;				/* This chops off any overhanging divs */
}
/* common column settings */
.colright, .colmid, .colleft 
{
float:left;
width:100%;						/* width of page */
position:relative;
}
.col1, .col2, .col3 
{
float:left;
position:relative;
padding:0 0 0 0;				/* no left and right padding on columns, we just make them narrower instead 
only padding top and bottom is included here, make it whatever value you need */
overflow:hidden;
}
/* >>>>>>>>>>>>>>>>>  3 Column settings >>>>>>>>>>>>>>>>> */
.threecol {
background:#FFCC00;				/* right column background colour */
}
.threecol .colmid 
{
right:22%;						/* width of the right column */
background:#FFFFFF;				/* center column background colour */
}
.threecol .colleft 
{
right:54%;						/* width of the middle column */
background:#FFFFFF;				/* left column background colour */
}
.threecol .col1 
{
width:50%;						/* width of center column content (column width minus padding on either side) */
left:102%;						/* 100% plus left padding of center column */
}
.threecol .col2 
{
width:19%;						/* Width of left column content (column width minus padding on either side) */
left:29%;						/* Width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col3 
{
width:19%;						/* Width of right column content (column width minus padding on either side) */
left:87%;						/* Please make note of the brackets here: (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}
/* Footer styles */
#footer {
clear:both;
float:left;
width:100%;
background-color:#CC0000;
padding:20px;
}
#footer p 
{
padding:10px;
margin:0;
color:#FFFFFF;
}
a.footer:visited {color: #FFFFFF}
a.footer:link {color: #FFFFFF}
a.footer:hover {color: #FFFF66}

#homeSecurity
{
	background-color:#ebf6fc;
	color:#000099;
	float:left; 
	padding-top:10px; 
	padding-left:10px; 
	padding-right:10px;
	padding-bottom:10px; 
	width:46%;
}
#homeSecurity2
{
	background-color:#ebf6fc;
	color:#000099;
	float:left; 
	padding-top:10px; 
	padding-left:10px; 
	padding-right:10px;
	padding-bottom:10px; 
	width:100%;
}
#smokeDetector
{
	background-color:#fdedef;
	color:#CC0000;
	padding-top:10px; 
	padding-left:10px; 
	padding-right:10px;
	padding-bottom:10px; 
	width:46%;
	float:left;
}
#smokeDetector2
{
	background-color:#fdedef;
	color:#CC0000;
	padding-top:10px; 
	padding-left:10px; 
	padding-right:10px;
	padding-bottom:10px; 
	width:100%;
	float:left;
}
#carbonMonoxide
{
	background-color:#f8eef8;
	color:#ac27a9;
	padding-top:10px; 
	padding-left:10px; 
	padding-right:10px;
	padding-bottom:10px; 
	width:46%;
	clear:left;
	float:left;
}
#carbonMonoxide2
{
	background-color:#f8eef8;
	color:#ac27a9;
	padding-top:10px; 
	padding-left:10px; 
	padding-right:10px;
	padding-bottom:10px; 
	width:100%;
	clear:left;
	float:left;
}
#personalERS
{
	background-color:#f2f6ee;
	color: #5a8e22;
	padding-top:10px; 
	padding-left:10px; 
	padding-right:10px;
	padding-bottom:10px; 
	width:46%;
	float:left;
}
#personalERS2
{
	background-color:#f2f6ee;
	color: #5a8e22;
	padding-top:10px; 
	padding-left:10px; 
	padding-right:10px;
	padding-bottom:10px; 
	width:100%;
	float:left;
}
.homeSecurity
{
	font-size: 16px;
	color: #000099;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.smokeDetector
{
	font-size: 16px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color:#CC0000;
}
.carbonMonoxide
{
	font-size: 16px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color:#ac27a9;
}
.personalERS
{
	font-size: 16px;
	color: #000099;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #5a8e22;
}