@import url(../css/global-grid/reset.css);

/*----------------------------------------------------------------------------------------
Structural Styles
----------------------------------------------------------------------------------------*/
body{background:#f4f4e7;font:12px/1.33 Arial, 'Liberation Sans', FreeSans, sans-serif;}
#container, #extHeader, #footer-wrapper{width:960px;margin:0 auto;text-align:left;}
#extHeader{height:90px;padding-top:20px;margin-bottom:5px;position:relative;}
#intHeader{position:relative;}
#contentArea{width:708px;float:left;display:inline;margin-left:12px;}
#sidebar{width:230px;margin-right:10px;_margin-right:8px;float:left;display:inline;}

/*Meat clearfix*/
#contentArea:after { clear:both;content:'.';display:block;visibility:hidden;height:2px; }
#meat { min-height:1%; display:block;}


/*----------------------------------------------------------------------------------------
Global Styles
----------------------------------------------------------------------------------------*/
.clear { clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.css-replace{text-indent:-9999px;margin:0;height:0;width:0;overflow:hidden;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
b {font-weight:bold;font-size:105%;}
sup {font-size:85%;position:relative;top:-4px;}
#content h2, #rail h3{font-size:14px;color:#000;margin-bottom:5px;}
#content p, #rail p{color:#666;font-size:12px;line-height:16px;margin-bottom:20px;}
#content p a {display:inline !important;color:#666;line-height:16px;}
#content a{color:#333;font-size:12px;text-decoration:underline;margin-bottom:15px;display:block;}
#content a:hover{text-decoration:none;}

/*----------------------------------------------------------------------------------------
extHeader Styles
----------------------------------------------------------------------------------------*/
#extHeader #logo{float:left;position:relative;top:0px;}
#headerPhone{
	float:right;
	text-align:right;
	width:270px;
	font-family:'myriad pro','trebuchet ms',arial,sans-serif;
	color:#2a6c8a;
	font-weight:bold;
	font-size:14px;
}
#headerPhone strong{color:#000;font-size:24px;line-height:18px;display:block;}

/*----------------------------------------------------------------------------------------
intHeader Styles
----------------------------------------------------------------------------------------*/
#headerMenu {
	height:31px;
	background:#FFF url(../images/best-homesecurity-companies/headerMenu-bg.png) repeat-x top left;
	-moz-border-radius-topright: 7px;
	-moz-border-radius-topleft: 7px;
	-webkit-border-top-right-radius:7px;
	-webkit-border-top-left-radius:7px;
}
#headerMenu ul {margin-left:20px;padding-top:5px;}
#headerMenu ul li {
	display: inline;
	float: left;
	margin-left:5px;
	background:transparent url(../images/best-homesecurity-companies/headerMenu-tab-inactive.png) no-repeat top left;
	width:90px;
	height:26px;
	text-align:center;
}
#headerMenu ul li.active {background-image: url(../images/best-homesecurity-companies/headerMenu-tab.png);}
#headerMenu ul li.active a {color:#000;}
#headerMenu ul li:hover {background-image: url(../images/best-homesecurity-companies/headerMenu-tab.png);}
#headerMenu ul li:hover a {color:#000;}
#headerMenu a {
	font-size: 15px;
	line-height:16px;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	position: relative;
	top: 6px;
}

#headerBanner {position:absolute;right:-7px;top:-7px;}
/*----------------------------------------------------------------------------------------
Sidebar Styles
----------------------------------------------------------------------------------------*/
#sidebar {margin-bottom:300px;margin-top:10px;}
#sidebarMenu {background:transparent url(../images/best-homesecurity-companies/sidebarMenu-bottom-bg.png) no-repeat left bottom;padding-bottom:15px;}
#sidebarMenu h1{
	background:transparent url(../images/best-homesecurity-companies/sidebarMenu-header-bg.png) no-repeat left top;
	color:#FFF;
	font-size:14px;
	text-transform:uppercase;
	line-height:34px;
	padding-left:15px;
}
#sidebarMenu ul{background:transparent url(../images/best-homesecurity-companies/sidebarMenu-body-bg.png) repeat-y left top;padding:10px 5px 15px;}
#sidebarMenu li {position:relative;left:-5px;}
#sidebarMenu li a{text-indent:15px;text-decoration:none;color:#666;display:block;height:27px;line-height:20px;font-size:16px;font-weight:bold;}
#sidebarMenu li a:hover{background:transparent url(../images/best-homesecurity-companies/sidebarMenu-active-bg.png) no-repeat left top;color:#FFF;}
#sidebarMenu li a.active{background:transparent url(../images/best-homesecurity-companies/sidebarMenu-active-bg.png) no-repeat left top;color:#FFF;}

#sidebarSub {margin-left:11px;width:198px;height:70px;padding:5px;background:transparent url(../images/best-homesecurity-companies/sidebarSub-bg.png) no-repeat left top;}
#sidebarSub h3 {text-align:center;font-size:18px;line-height:20px;color:#333;margin-top:10px;}
#sidebarSub p {text-align:center;font-size:20px;line-height:21px;color:#333;}
#sidebarSub p span {color:#2a6c8a;}

/*----------------------------------------------------------------------------------------
Call Box Styles
----------------------------------------------------------------------------------------*/
#call-box{
	background:transparent url(../images/best-homesecurity-companies/call-box-bg.png) no-repeat left top;
	width:709px;
	height:61px;
	margin-top:10px;
	position:relative;
}
#call-box p{line-height:58px;color:#fff;font-size:27px;font-weight:bold;text-align:left;margin-left:6px;}

/*----------------------------------------------------------------------------------------
ContentArea Styles
----------------------------------------------------------------------------------------*/
#contentWrapper {
	width:688px; 
	background:#FFF;
	padding:10px; 
	-moz-border-radius-bottomleft:7px; 
	-moz-border-radius-bottomright:7px;
	-webkit-border-bottom-right-radius:7px;
	-webkit-border-bottom-left-radius:7px;
	margin-bottom:100px;
}
#content, #innerRail {float:left;display:inline;}
#content{width:450px;}
#content h1 {font-size:20px;line-height:24px;color:#666666;font-weight:bold;margin-bottom:10px;}
#innerRail{width:225px;height:340px;margin-left:10px;background:transparent url(../images/best-homesecurity-companies/innerRail-offer.gif) no-repeat center top;}

/*----------------------------------------------------------------------------------------
Footer Styles
----------------------------------------------------------------------------------------*/
#extFooter{min-height:100px;clear:both;padding-top:15px;background:#6c6847;padding-bottom:20px;}
#footer-sidebar,#footer-content,#footer-rail{float:left;}
#footer-sidebar{margin-bottom:20px;}
#footer-content{margin:10px 0;text-align:center;}
#footer-content p {font-size:12px; line-height:12px; color:#FFF;margin-bottom:5px;}

/*----------------------------------------------------------------------------------------
Geo Styles
----------------------------------------------------------------------------------------*/
#loctypelist em{font-style:normal;}
#loctypelist a.selected:hover{text-decoration:none;}
#loctypelist li a, #footer-rail h4{font-size:13px;font-weight:bold;color:#FFF;margin-bottom:5px;display:block;text-indent:5px;line-height:20px;background-color:#4d4b38;-moz-border-radius:4px;-webkit-border-radius:4px;}
#extFooter a, #locations .proximity{font-size:10px;color:#FFF;}
#locations{text-align:justify;margin-bottom:15px;}


.vcard {
	border:1px solid white;
	color:white;
	font-size:9pt;
	padding:8px;
	margin:0 auto 0 auto !important;
	text-align:center;
	width:940px;
	position:relative;
	margin-right:20px;
}

.vcard a {color:white;}
