/*	Global Styles */

body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: center;
	margin: 0px;
	background-color: #666666;
}

p {
	margin:0px 0px 8px 0px;
}
a {
	text-decoration: none;
	color:#CC0000;
}
a:hover a:focus {
	text-decoration: underline;
	color:#CC0000;
}
p a{
	color:#CC0000;
	text-decoration:none;
}

p a:hover {
	color:#CC0000;
	text-decoration:underline;
}

li a {
	color:#CC0000;
	text-decoration:none;
}
li a:hover {
	color:#CC0000;
	text-decoration:underline;
}

h1 {
	border-bottom:1px solid #CC0000;
	font-size:20px;
	font-weight:normal;
	margin:0px 0px 8px 0px;
}

h2 {
	color:#CC0000;
	font-size:16px;
}
h2 a, h2 a:visited{
	color:#000000;
	font-size:16px;
	text-decoration: none;
}
h2 a:hover{
	color:#CC0000;
	font-size:16px;
	text-decoration: none;
}

h3 {
	color:#CC0000;
	font-size:14px;
}

img {
	border: none;
	}
	



/*	----------------------------------------------------- 
	Container & Site Parents 

	* For Site Children please see relevant sections
	* eg Site Children --> Main Section
	----------------------------------------------------- */
	
div#container {
	width: 760px;
	text-align: left;
	margin: 12px auto 12px auto;
	background-color: #FFFFFF;
}

div#header {
	/* Site Children --> Header Section */
	background: url('../images/header_backgr_grad.gif') left top repeat-x #FFFFFF;
	width:760px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align:right;
	border-bottom:1px solid #666666;
}

div#footer {
	padding:4px 0px 4px 4px;
	border-top:1px dotted #666666;
	background-color:#FFFFFF;
}

/*
	Header Section
*/

div#header_menu_bar {
	border-bottom:1px dotted #666666;
	color:#666666;
	font-weight:bold;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;	
	height:18px;
}

div.header_menu {
	display:inline;
	border-left:1px dotted #666666;
	padding:0px 10px 0px 10px;
	margin:0px 0px 0px 0px;
	height:18px;
	line-height:18px;
}

div.header_menu a {
	color:#CC0000;
	text-decoration:none;
}

div#header_logo {
	padding:4px 4px 4px 4px;
	float: left;
}

div#header_sky {
	float: left;
	width: 200px;
	text-align: center;
	font-size: 80%;
	}

/*chnages to main page*/

h2.underline{
border-bottom:1px solid #CC0000;
	margin-bottom:5px;
	padding-bottom:0px;
}

div#homepageright{
	float:right;
	width:170px;
	border-left:1px dotted #666666;
	padding:0px;

}
div#homepageright ul{
	margin:0px 0px 0px 10px;
	padding:0px;

}

div#homepageright ul li{
	display:block;
	font-weight:bold;
	margin-top:5px;
	list-style:none;
	color:#CC0000;
	font-size:16px;

	
}

div#homepageright ul li a{

	text-decoration:none;
	color:#CC0000;
}
div#homepageright ul li ul{
	margin:0px 0px 0px 15px;
	padding:0px;
}
div#homepageright ul li ul li{
	font-size:12px;
	color:#000000;
	margin-left:0px;
	list-style:none;
}
div#homepageright ul li ul li a{
	color:#000000;
}
div#homepageright h2{
	text-align:center;
	margin-bottom:0px;
	padding-bottom:0px;
}

div#homepageleft{
	float:left;
	width:340px;
}

/*
	Main Container
*/

div#main_container {
	background: url('../images/backgr_grad.gif') left top repeat-x #FFFFFF;
}

div#left_section {
	float:left;
	width:200px;
}

div#main_section {
	float:left;
	width:520px;
	padding:8px 20px 10px 20px;
}

/*
	Left Menu
*/

ul#left_menu {
	list-style:none;
	margin:0px;
	padding:0px;
}

ul#left_menu li {
	width:191px;
	height:20px;
	line-height:20px;
	background-color:#CC0000;
	border-bottom:1px solid #FFFFFF;
	border-right:1px solid #666666;
	padding:0px 0px 0px 8px;	
}

ul#left_menu li.currentpage {
	background-color:#999999;
}

ul#left_menu li a {
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}

ul#left_menu li a:hover {
	color:#FFFFFF;
	font-weight:bold;
	text-decoration: underline;
}

ul#left_menu li.bottom {
	border-bottom:1px solid #666666;
}

ul#left_menu li.prods{
	height:auto;
}
ul#left_menu li.prods ul{
	width:180px;
	margin-left:10px;
	margin-bottom: 5px;
	padding:0px;
}
ul#left_menu li.prods ul li{
	list-style:none;
	display:block;
	width:180px;
	height:12px;
	border:0px;
	margin:0px;
	padding:0 0 2px 0;
	line-height:10px;
	color:#FFFFFF;
}
ul#left_menu li.currentpage ul li{
	background-color:#999999;
}
/* 
	Left Contact Us
*/

div.left_contact {
	border-right:1px dotted #666666;
	padding: 0 0 10px 0;
}

div.left_contact img{
	padding: 0 0 0 10px;
}

div.left_contact #holder{
	padding: 0 0 0 10px;
}

h1.leftside {
	margin:0px 10px 8px 0px;
	padding:8px 0px 0px 0px;
}

h1.leftside-title {
	margin:0px 0px 13px 10px;
	padding:5px 10px 0 0;
	color: #fff;
}

h1.leftside-title a, h1.leftside-news a:visited{
	color: #000;
	text-decoration:none;
}
h1.leftside-title a:hover{
	color: #cc0000;
	text-decoration:none;
}

/*
	Main Section
*/

div#flash_section {
	float:left;
	border-bottom:1px solid #666666;
}

div#flash_section img {
	margin:8px 15px 8px 15px
}
ul.subhome li a{
	color:#CC0000;
	text-decoration:none;
	font-weight: bold;
	padding: 0px 0px 5px 0px;
}
ul.subhome li {
	margin-top:15px;
}

/*
	Footer
*/

div#footer a {
	color:#CC0000;
	text-decoration:none;
}

div#footer_left {
	float:left;
	margin:40px 0 0;
}

div#footer_right {
	float:right;
	text-align:right;
	vertical-align:middle;
}

div#footer_right img {
	margin:0px 0px 0px 0px;
}

img.footerlogo1 {	
	padding:0px 2px 0px 2px;
}

img.footerlogo2 {
	padding:0px 2px 10px 2px;
}

img.footerlogo3 {
	padding:0px 2px 6px 2px;
}

img.footerlogo4 {
	padding:0px 2px 0px 2px;
}

/* General Site Classes */

div.clear {
	clear: both;
}

.right {
	text-align:right;
}


img.right {
	float:right;
	border:none;
	margin:0px 0px 6px 6px;
}

img.right1 {
	float:right;
	border:none;
	margin:0px 0px 10px 10px;
}

img.left {
	float:left;
	border:none;
	margin:10px 20px 15px 0;
}

.error {
	color:#FF0000;
}

.quote {
	color:#CC0000
}
ul.homepage{
	margin-left:0px;
	padding-left:0px;
}
ul.homepage li {
	list-style-type:none;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 60px;
	min-height: 50px
}
ul.homepage li ul{
	padding:0px 0px 0px 0px;
	margin:0px;
	width:250px;
	/*border-top:1px dotted #666666;
	border-bottom:1px dotted #666666;*/
}

ul.homepage li ul li{
	display:inline;
	padding:0px;
	margin:0px 0px 5px 0px;
	min-height:1%;
}
ul.homepage li ul li a {
	color:#CC0000;
	text-decoration:none;
	font-weight:normal;
	font-size:10px;
	padding: 0px 0px 0px 0px;
}
ul.homepage li ul li a:hover {
	text-decoration:underline;
}

ul.homepage li.cctv { background: url('../images/sm/sec-sm.jpg') top left no-repeat;	}
	
ul.homepage li.access { background: url('../images/thumbs/products_access.jpg') top left no-repeat;	}
	
ul.homepage li.intercoms { background: url('../images/thumbs/products_intercom.jpg') top left no-repeat;	}

ul.homepage li.time { background: url('../images/sm/tim-sm.jpg') top left no-repeat;	}
	
ul.homepage li.tv { background: url('../images/thumbs/products_tv.jpg') top left no-repeat;	}
	
ul.homepage li.address { background: url('../images/thumbs/products_publicaddress.jpg') top left no-repeat;	}
	
ul.homepage li.radio { background: url('../images/thumbs/products_radiopaging.jpg') top left no-repeat;	}
	
ul.homepage li.call { background: url('../images/sm/com-sm.jpg') top left no-repeat;	}
	
ul.homepage li.disability { background: url('../images/sm/dis-sm.jpg') top left no-repeat; }
	
ul.homepage li.key {  }
	
ul.homepage li.guard { background: url('../images/thumbs/products_cogard.jpg') top left no-repeat;	}

ul.homepage li a {
	color:#CC0000;
	text-decoration:none;
	font-weight: bold;
	padding: 0px 0px 5px 0px;
}

fieldset {
	border:0px;
}

fieldset label {
	float: left;
	text-align:left;
	width:130px;
}
#displayproducts{
	float:left;
	margin:0;
	padding:0 0 10px 0;
	width:520px;
}
#displayproducts li{
	margin-left:10px;
	list-style:none;
}
#displayproducts ul {
	padding: 0;
	margin: 0;
}
#displayproducts li a{
	color:#CC0000;
}
#displayproducts li.dtitle{
	margin-top:10px;
	font-size:16px;
	color:#000;
	font-weight:bold;
	list-style:none;
}
#displayproducts ul li.dtitle a{
		color:#000;
		text-decoration:none;
}

#displayproducts li.products{
	/*float: left;*/
	display: inline;
	margin: 0 0 0 5px;
	padding: 0;
}
.optitle{
	background-color:#CCCCCC;
}
.bigtextcontact{
	font-size:16px;
}
.center{
	text-align:center;
}
.news-intro{
	background: url(../images/news-bg.gif) no-repeat #f6f6f6;
	width: 501px;
	border: 1px solid #dbdbdb;
	padding: 0 5px 0 5px;
	margin: 0 0 10px 0;
}
.news-intro h2{
	padding: 0;
	margin: 5px 0 5px 0;
	border-bottom: 1px solid #dbdbdb;
	color: #000;
}

#news-links{
	padding: 0 0 0 10px;
}