/* 

STYLE SHEET FOR EMERgency24 .com Home Page - index.htm
Created by Jeffrey Grey - Interactive Designer EM24 - v1.0 Created 23 DEC 2008
http://www.emergency24.com
LAST UPDATED: 20 FEB 2009

Notes

*/
/* --------- 1. defaults  --------- */

body {
	background: #0b0b0b url('../images/bg_body.jpg') repeat-x 50% 0;
	color: #aaa;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}

/*  --------- 2. structure  --------- */

#container {
	min-width: 960px;
	width: 940px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}

#page_content {
	margin: 10px 0;
	width: 620px;
	position: relative;
}


/*****************

* HEADER

*****************/

#header {
	width: 940px;
	height: 47px;
	margin: 20px 0 0 -2px;
	padding: 0 0 0 5px;
	background: url('../images/header_bg.png') no-repeat;
	position: relative; /*Important - aligns the left side boxes */
}

/*------ CITY LINKS---------*/
#topLinks ul {
	position: absolute;
	left: 295px;
	top: 0;
	margin: 15px 60px 0 0;
	font-size: 1em;
	letter-spacing: -1px;
}
#topLinks ul li {
	display: inline;
	margin: 0 5px;
	font: bold 1em/1.5em "Century Gothic";
	text-transform: uppercase;
}
#topLinks ul li a {
	color: #ffc001;
	text-decoration: none;
	font-weight: bold;
}
#topLinks ul li a:hover {
	color: #fff;
}

/*------DEALER LOGIN BOX------------ */
#dealerLogin {
	position: absolute;
	right: 25px;
	top: 6px;
}
#dealerLogin a {
	background: url('../images/dealerLogin.png') no-repeat 0 0;
	width: 162px;
	height: 35px;
	display: block;
	text-indent: -5000px;
	float: right;
}
#dealerLogin li {
	list-style: none;
}

/** --TOP LOGO--**/

#logoWrapper a {
	display: block;
	height: 47px;
	width: 263px;
	overflow: hidden;
	margin: 0 0 0 5px;
}
/* -- SECRET SQUIRREL METHOD --*/
#logoWrapper a:hover {
	display: block;
	text-indent: -268px;
}
#logoWrapper a img {
	border: none;
}

/*****************

* DEALER BAR UPNDER HEADER

*****************/

#dealerBar {
	width: 940px;
	height: 46px;
	margin: 10px 0;
	padding: 0;
	background: url('../images/bg_applinks.png') no-repeat;
	color: #f77e09;
}
#dealerBar ul {
	float: left;
	margin: 15px 0 0 10px;
}
#dealerBar ul li {
	display: inline;
	margin: 10px;
}
#dealerBar ul li a {
	text-decoration: none;
	color: #f77e09;
	font-weight: bold;
}
#dealerBar ul li a:hover {
	border-bottom: 1px #800000 solid;
	color: #e7e8e8;
}

/*****************

* IMAGE BOXES

*****************/
/*change this to make the left side content bigger or smaller */

/*Alarm Monitoring and Alarm Dealer Services Box */
#box1 {
	width: 619px;
	height: 224px;
	background: url('../images/box1Set.jpg') no-repeat;
	margin: 0 0 10px 0;
}
#box1 ul {
	margin: 15px 0 0 50px;
	padding: 0;
	list-style: none;
	line-height: 1.5em;
}
#box1 li {
	background: url('../images/bullet.png') no-repeat 1% 50%;
	padding-left: 20px;
}
#box1 a {
	color: #000;
	text-decoration: none;
	border-bottom: 1px #db6113 solid;
}
#box1 a:hover {
	color: #fff;
	border-bottom: 1px #800000 solid;
}
#box1 li.lock {
	background: url('../images/lock.png') no-repeat 0 50%;
}
h3 {
	background: url('../images/box1SetTitle.jpg') no-repeat;
	width: 321px;
	height: 62px;
	margin: 0;
	padding: 0;
	text-indent: -9999em;
}
/*-----END BOX1----- */

/*Security for family, home and Business Box */
#box2 {
	width: 620px;
	height: 225px;
	background: url('../images/box2Set.jpg') no-repeat;
	position: relative;
	margin: 10px 0;
}
#box2 ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	line-height: 1.5em;
	position: absolute;
	top: 50px;
	right: 70px;
}
#box2 li {
	background: url('../images/bullet_new.png') no-repeat 0 50%;
	padding-left: 20px;
}
.h3TitleSwap {
	background: url('../images/box2SetTitle.jpg') no-repeat;
	width: 441px;
	height: 37px;
	float: right;
	margin: 1px 0 0 0;
	padding: 0;
	text-indent: -9999em;
}

/**--DEALER STARBURST--**/

#dealerBtn {
	position: absolute;
	top: 275px;
	right: 60px;
}
#dealerBtn li {
	list-style: none;
}
#dealerBtn a {
	border-style: none;
	border-color: inherit;
	border-width: 0;
	background: url('../images/findDealerBtn.png') no-repeat 0 0;
	width: 75px;
	height: 85px;
	display: block;
	text-indent: -5000px;
}
/*------END BOX2------------ */

/*Alarm Industry Community Affairs */

#box3 {
	width: 620px;
	height: 224px;
	background: url('../images/box3Set.jpg') no-repeat;
	position: relative;
	margin: 10px 0;
}
.h3TitleSwap2 {
	background: url('../images/box3SetTitle.jpg') no-repeat;
	width: 393px;
	height: 49px;
	margin: 1px 0 0 0;
	padding: 0;
	text-indent: -9999em;
}
#box3 ul {
	margin: 5px 0 0 50px;
	padding: 0;
	list-style: none;
	line-height: 1.5em;
}
#box3 li {
	background: url('../images/bullet.png') no-repeat 1% 50%;
	padding-left: 20px;
}
#box3 a {
	color: #000;
	text-decoration: none;
	border-bottom: 1px #db6113 solid;
}
#box3 a:hover {
	color: #800000;
	border-bottom: 1px #800000 solid;
}
/*-------END BOX3--------- */


/**--------LEARN MORE BUTTONS-----------**/

#dealerMoreBtn {
	position: absolute; /*remember to set the parent container div to show relative*/;
	top: 170px;
	right: 20px;
}
#dealerMoreBtn a {
	background: url('../images/learnMoreBtn.png') no-repeat 0 0;
	width: 169px;
	height: 39px;
	display: block;
	text-indent: -5000px;
}
#dealerMoreBtn ul li {
	list-style: none;
}
#secureMoreBtn {
	position: absolute; /*remember to set the parent container div to show relative*/;
	top: 410px;
	right: 20px;
}
#secureMoreBtn a {
	border-style: none;
	border-color: inherit;
	border-width: 0;
	background: url('../images/learnMoreBtn.png') no-repeat 0 0;
	width: 169px;
	height: 39px;
	display: block;
	text-indent: -5000px;
}
#secureMoreBtn li {
	list-style: none;
}

#comtyMoreBtn {
	position: absolute; /*remember to set the parent container div to show relative*/;
	top: 640px;
	left: 53px;
}
#comtyMoreBtn a {
	border-style: none;
	border-color: inherit;
	border-width: 0;
	background: url('../images/learnMoreBtn.png') no-repeat 0 0;
	width: 169px;
	height: 39px;
	display: block;
	text-indent: -5000px;
}
#comtyMoreBtn li {
	list-style: none;
}

/* ----------SIDEBARS------------ */

/*right col sizing - change this to make the sidebar bigger or smaller */
#right_col {
	width: 300px;
	float: right;
	margin-right: 23px;
}

/**--welcome to em24 info box--**/
#sideBar1 {
	width: 300px;
	height: 62px;
	margin: 0 0 10px 0;
}

#sideBar1 h4 {
	background: url('../images/sideBar1_welcome.png') no-repeat;
	width: 300px;
	height: 62px;
	margin: 0;
	padding: 0;
	text-indent: -9999em;
}

/*Contact Us Dealer Call to Action Button */
#sideBar4 a {
	background: url('../images/dealerSell.png') no-repeat;
	width: 300px;
	height: 87px;
	display: block;
	text-indent: -9999em;
}

#sideBar4 li {
	list-style: none;
}

/*small info box about em24 */

.sideBar2 {
	width: 299px;
	background: url('../images/sideBar2_bottom.png') no-repeat left bottom;
	margin: 10px 0;
}
.sideBar2 h5 {
	background: url('../images/sideBar2_top.png') no-repeat left top;
	text-indent: -5000em;
}
.sideBar2 p {
	margin: -10px 0 0 0;
	padding: 0 10px 10px 10px;
	line-height: 1.5em;
	color: #fff;
}

/*Company News and Breaking News Boxes */

.sideBar3 {
	width: 299px;
	margin: -1px 0 20px 0;
	background: url('../images/sidebar3_bottom.png') no-repeat left bottom;
}
.sideBar3 h5 {
	background: url('../images/sidebar3_top.png') no-repeat left top;
	font-size: 135%;
	padding: 12px 10px;
	color: #81061f;
}
.sideBar3 h4 {
	font-size: 135%;
	padding: 5px 10px;
	color: #81061f;
}
.sideBar3 p {
	padding: 5px 10px;
	font-size: 90%;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	line-height: 1.8em;
}
.sidebar3links a:hover {
	color: #db6113;
	text-decoration: none;
	border-bottom: 1px #ff0000 solid;
}
a.morelink {
	color: #81061f;
	margin: 0.7em 0 0 0;
}
a:hover.morelink {
	color: #000;
	text-decoration: none;
	border-bottom: 1px #800000 solid;
}


/* ---------- 3. links and navigation ---------- */


/* -- MASTER LINK STYLES -- */
a {
	color: #8ed6ff;
	text-decoration: none;
}
a:hover {
	color: #fff;
}
.box2Links a {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px #800000 solid;
}
.box2Links a:hover {
	color: #db6113;
	text-decoration: none;
	border-bottom: 1px #ff0000 solid;
}
.box3Links a {
	color: #000;
	text-decoration: none;
	border-bottom: 1px #baab94 solid;
}
.box3Links a:hover {
	color: #666;
	border-bottom: 1px #800000 solid;
}
.box4Links a:hover {
	color: #666;
}


/*MISC CLASSES */

/* message2 class is used for h2 replacement */
.message2 {
	border-top: 1px solid #d2d2d2;
/* -- adds the border to separate the news stories -- */	padding: 0;
}
/*Caps the news stories */
.subtitle {
	text-transform: uppercase;
	font-size: 85%;
	font-weight: bold;
	margin: -10px 0 0 0;
}
.subtitle1 {
	text-transform: uppercase;
	font-size: 85%;
	font-weight: bold;
	margin: -15px 0 0 0;
}