@charset "utf-8";
/* CSS Document */
/* 	Alarm Complany
	Last updated on February 26, 2008
	Created & Updated by SM
*/

/* 	===================================================================================================
												Body
===================================================================================================  */

BODY
{
	margin: 0px auto;
	padding: 0px;
	background-color:#E9E9E9;
	font-family: "Tahoma" ,Arial, Helvetica, sans-serif;
}

#main
{
	width: 740px;
	margin: 0px auto;
}

.main-bg
{
	width:740px;
	float:left;
	background:url(../alar-images/background-main-left.gif) repeat-y left #FFFFFF ;
	padding: 39px 0px 0px 20px;
}



a
{
	color:#ba3236;
	text-decoration:none;
}

a:hover
{
	color:#676767;
	text-decoration:none;
}
/* 	==================================================================================================								
													Header
===================================================================================================  */

#header-container
{	
	width:740px;
	float:left;
	margin:0px 0px 0px 0px;
	
}

.header-row1,  .header-row2
{
	width:740px;
	float:left;
}


.header-logo
{
	width:145px;
	float:left;
}

.header-right
{
	width:499px;
	float:right;
	text-align:right;
	padding:10px 20px 0px 22px;
}
.header-right2
{
	width:499px;
	float:right;
	padding:10px 20px 0px 22px;
}



/* 	==================================================================================================								
													Content
===================================================================================================  */
.content-home
{
	width:740px;
	float:left;
	padding:50px 0px 0px 0px;
	
}

.content
{
	width:740px;
	float:left;
	padding:50px 0px 0px 0px;
}


.content-left
{
	width:199px;
	float:left;
	padding:73px 18px 0px 0px;
}

.content-right
{
	width:500px;
	float:left;
	text-align:left;
	padding:0px 0px 65px 0px;
}

.heading
{
	width:500px;
	float:left;
}

.text
{
	width:480px;
	float:left;
	padding:20px 20px 0px 0px;
	font-size:70%;
	color:#7f7f7f;
	line-height:17px; 
}

.title
{
	width:480px;
	float:left;
	padding:20px 20px 0px 0px;
	font-weight:bold;
	font-size:75%;
	color:#7f7f7f;
}

.portfolio
{
	width:737px;
	float:left;
	padding:0px 0px 0px 0px;
}


.portfolio-container
{
	width:717px;
	float:left;
	padding:0px 20px 0px 0px;
}

.inner-container
{
	width:692px;
	float:left;
	padding:0px 20px 20px 25px;
}

.portfolio-enlarge-container
{
	width:740px;
	float:left;
	padding:0px 0px 35px 0px;
	text-align:left;
}

.portfolio-enlarge-container-image
{
	width:710px;
	text-align:center;
	float:left;
}

.portfolio-enlarge-container-image img
{
	border:1px solid #7E7E7E;
	padding:3px;
	float:left;
	margin-bottom:10px;
}


.portfolio-top-links
{
	width:690px;
	padding:0px 0px 12px 0px;
	float:left;
	color:#95282B;
	font-size:70%;
	font-weight:bold;
}

.portfolio-top-links a
{
	color:#95282B;
	text-decoration:none;
}

.portfolio-top-links a:hover
{
	color:#767676;
	text-decoration:none;
}


.services-links
{
	width:690px;
	padding:0px 0px 12px 0px;
	float:left;
	/*color:#95282B;*/
	color:#ba3236;
	font-size:70%;
	font-weight:bold;
}

.services-links ul
{
	color:#ba3236;
	text-decoration:none;
	padding:10px 0px 10px 10px;
}

.services-links ul li 
{
	color:#ba3236;
	text-decoration:none;
	line-height:17px;
	background:url(../alar-images/bullet.gif) no-repeat left 6px ;
	list-style:none;
	list-style-image:none;
	padding:0px 0px 0px 15px;
	width:320px;
	float:left;
}

.services-links ul li a
{
	color:#ba3236;
	text-decoration:none;
}

.services-links ul li a:hover
{
	color:#767676;
	text-decoration:none;
}

.portfolio-top-links-left
{
	width:100px;
	float:left;
	padding:0px;
}

.portfolio-top-links-right
{
	width:68px;
	float:right;
	text-align:right;
	padding:0px 4px 0px 0px;
}

.prev
{
	width:29px;
	float:left;
}

.next
{
	width:29px;
	float:right;
}

.stroke
{
	width:4px;
	padding:0px 2px 0px 2px;
	float:left;
}

.heading1
{
	font-size:80%;
	font-weight:bold;
	color:#767676;
	text-align:left;
	float:left;
	line-height:25px;
	width:740px;
	padding:18px 0px 0px 0px;
}

.heading2
{
	font-size:90%;
	font-weight:bold;
	color:#767676;
	text-align:left;
	float:left;
	line-height:25px;
	width:200px;
	padding:0px 0px 0px 0px;
}

.heading3
{
	font-size:80%;
	font-weight:bold;
	color:#767676;
	text-align:left;
	float:left;
	line-height:25px;
	width:740px;
	
}

.services-top-row
{
	width:725px;
	float:left;
}

.back
{
	width:200px;
	float:right;
	color:#ba3236;
	font-size:75%;
	text-align:right;
	line-height:25px;
	padding:7px 0px 0px 0px;
}

.back a
{
	color:#ba3236;
	text-decoration:none;
}

.back a:hover
{
	color:#676767;
	text-decoration:none;
}


.paragraph
{
	font-size:70%;
	color:#767676;
	text-align:left;
	float:left;
	line-height:16px;
	width:660px;
	padding:0px 0px 0px 30px;
	margin:0px 0px 0px 10px;
}

.paragraph1
{
	font-size:70%;
	color:#767676;
	text-align:left;
	float:left;
	line-height:16px;
	width:690px;
	
}


/*
.paragraph ul
{
	padding:0px 0px 0px 10px;
	float:left;
	text-align:left;
	width:670px;
}

.paragraph li
{
	float:left;
	text-align:left;
	width:665px;
	padding:2px 0px 2px 20px;
	background:url(../alar-images/bullet.gif) no-repeat left ;
	list-style:none;
	
}
*/



.product-container
{
	width:129px;
	float:left;
	padding:0px 18px 15px 0px;
}

.product
{
	background:url(../alar-images/product-right-shadow.gif) no-repeat left top;
	width:112px;
	height:75px;
	float:left;
	padding:1px 21px 1px 1px;
}


.product-text
{
	width:124px;
	padding:10px 0px 0px 5px;
	color:#767676;
	font-size:80%;
	float:left;
	height:52px;
	
	font-weight:bold;
}

.testimonial
{
	width:725px;
	float:left;
	font-size:70%;
	color:#767676;
	line-height:17px;
	padding:0px 0px 10px 0px;
}

.testimonial img
{
	margin:0px 10px 10px 0px;
	padding:2px;
	border:1px solid #737373;
}
.testimonial-author
{
	width:250px;
	float:right;
	text-align:right;
	color:#95282b;
	font-weight:bold;
	padding:0px 10px 20px 0px;
}
.testimonial-date
{
	color:#bbbbbb;
	font-style:italic;
	font-weight:normal;
}

.contact-container
{
	width:740px;
	float:left;
	padding:0px 0px 20px 0px;
}

.contact-container-title
{
	width:300px;
	float:left;
	font-size:100%;
	font-weight:bold;
	color:#7F7F7F;
}

.required-field
{
	width:300px;
	float:right;
	text-align:right;
	font-size:65%;
	color:#7F7F7F;
}

.red-text
{
	color:#FF0000;
	font-size:105%;
}

.contact-left
{
	width:350px;
	float:left;
}
.contact-right
{
	width:350px;
	float:right;
}

.contact-right-address
{
	width:370px;
	float:left;
	line-height:18px;
	color: #7F7F7F;
	font-size:75%;
	padding:0px 0px 20px 0px;
}

.contact-text
{
	color:#95282B;
	font-size:70%;
	font-weight:bold;
	padding:0px 0px 15px 0px;
}
.contact-text-yes
{
	color: #CC0000;
	font-size:70%;
	font-weight:bold;
	padding:100px 0px 100px 0px;
	line-height:18px;
}
.contact-text-no
{
	color:#CC0000;
	font-size:70%;
	font-weight:bold;
	padding:0px 0px 15px 0px;
}

.map
{
	float:left;
	width:300px;
	text-align:left;
	padding:10px 0px 0px 0px;
}

.security-img
{
float:left;
padding:0px 0px 10px 0px;
}

/* 	==================================================================================================								
													Form
===================================================================================================  */

#form-container
{
	padding:12px 20px 20px 20px;
	text-align:left;
	width:300px;
	font-weight:bold;
	color: #7F7F7F;
	text-decoration: none;
	float:left;
	background-color:#ededed;
}

#form
{
	width:300px;
	float:left;
}

#form label
{
	display:block;
	width:290px;
	text-align:left;
	padding:15px 0px 5px 0px;
	margin:0px;
	font-size:75%;
	color:#7F7F7F;
	border:none;
	float:left;	
}

#form input
{
	font-size:75%;
	color: #7F7F7F;
	text-decoration: none;
	padding: 1px 0px 1px 2px;
	width:290px;
	height:20px;
	float:left;
	font-size:75%;
	border:0px solid #666666;
}

.form-select
{
	font-size:75%;
	color: #676767;
	text-decoration: none;
	padding: 1px 0px 1px 2px;
	margin:0px 0px 2px 0px;
	width:200px;
	float:left;
	border:0px solid #666666;
}


#form textarea
{
	font-size:75%;
	color: #676767;
	text-decoration: none;
	padding:2px;
	margin:0px;
	line-height:18px;
	width:280px;
	height:110px;
	font-family: "Tahoma" ,Arial, Helvetica, sans-serif;
	border:0px solid #666666;
}


.form-button
{
	font-size:75%;
	color: #676767;
	text-decoration: none;
	padding: 10px 0px 1px 2px;
	width:100px;
	float:left;
	border:0px solid #666666;
	background:url(../alar-images/btn-submit.gif) no-repeat 0px 0px;
	
	
}

#formsubmit
{
	text-align:left;
	width:200px;
	height:26px;
	padding:0;
	margin:0;
	float: left;
	padding:10px 0px 0px 0px;
	clear:both;
}

.formbutton
{	
	width:72px;
	height:26px;
	background:url(../alar-images/btn-submit.gif) no-repeat ;
	border:none;
	cursor:pointer;
}

/* 	==================================================================================================								
													Menus
===================================================================================================  */

.menu
{
	width:440px;
	height:40px;
	float:right;
	padding:34px 0px 14px 0px;
	margin:0px;
}
	
.menu ul
{
	position: relative;
	width:440px;
	height:40px;
	background:url(../alar-images/background-menu.gif) no-repeat;
	margin: 0px;
	padding: 0px;
	cursor:pointer;
}

.menu ul li
{
	margin: 0px;
	padding: 0px;
	list-style: none;
	position: absolute;
	top:0px;
}

.menu ul li, .menu a
{
	display:block;
	height:40px;
	border-bottom:0px;
}

.menu ul li a
{
	text-indent:-9999px;
	text-decoration:none;
	padding: 0px;
}

.m1
{
	left:0px; top:0px; width:60px;
}
.m2
{
	left:60px; top:0px; width:80px;
}
.m3
{
	left:140px; top:0px; width:90px;
}
.m4
{
	left:230px; top:0px; width:110px;
}
.m5
{
	left:340px; top:0px; width:100px;
}

.m1 a:hover 
{
	background: transparent url(../alar-images/background-menu.gif) 0 -40px no-repeat; border-bottom:0px;
}
.m2 a:hover 
{
	background: transparent url(../alar-images/background-menu.gif) -60px -40px no-repeat; border-bottom:0px;
}
.m3 a:hover 
{
	background: transparent url(../alar-images/background-menu.gif) -140px -40px no-repeat; border-bottom:0px;
}
.m4 a:hover 
{
	background: transparent url(../alar-images/background-menu.gif) -230px -40px no-repeat; border-bottom:0px;
}
.m5 a:hover 
{
	background: transparent url(../alar-images/background-menu.gif) -340px -40px no-repeat; border-bottom:0px;
}

.m1a 
{
	left:0; width:60px; background: transparent url(../alar-images/background-menu.gif) 0 -40px no-repeat; border-bottom:0px;
}

.m2a 
{
	left:60px; width:80px; background: transparent url(../alar-images/background-menu.gif) -60px -40px no-repeat; border-bottom:0px;
}

.m3a 
{
	left:140px; width:90px; background: transparent url(../alar-images/background-menu.gif) -140px -40px no-repeat; border-bottom:0px;
}
.m4a 
{
	left:230px; width:110px; background: transparent url(../alar-images/background-menu.gif) -230px -40px no-repeat; border-bottom:0px;
}
.m5a 
{
	left:340px; width:100px; background: transparent url(../alar-images/background-menu.gif) -340px -40px no-repeat; border-bottom:0px;
}





#sub-menu{	
	text-align:center;
	width:199px;
	height:296px;
	border:0;
	padding:0;
	margin:0;
	float:left;
}
#sub-menu ul{
	position: relative;
	width:199px;
	height:296px;
	background:   url("../alar-images/background-menu-left.gif");
	margin: 0;
	padding: 0;
}

#sub-menu ul li{
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;

}

#sub-menu ul li, #sub-menu a{
	display:block;
	height:98px;
	border-bottom:0;
}

#sub-menu ul li a{
	text-indent:-9999px;
	text-decoration:none;
}


#sm1{ left:0; top:0;  width:199px; height:98px; }

#sm2{ left:0px; top:98px; width:199px; height:97px; }

#sm3{ left:0px; top:197px; width:199px; height:98px; }



#sm1 a:hover {
	background:  transparent url("../alar-images/background-menu-left.gif") no-repeat -199px 0px;  border-bottom:0;
}
#sm2 a:hover {
	background: transparent url("../alar-images/background-menu-left.gif") no-repeat -199px -98px; border-bottom:0;
} 
#sm3 a:hover {
	background: transparent url("../alar-images/background-menu-left.gif") no-repeat -199px -197px; border-bottom:0;
} 

/* 	==================================================================================================								
													Footer
===================================================================================================  */

.dot-line
{
	background:url(../alar-images/footer-dotted-line.gif) repeat-x top;
	width:722px;
	float:left;
	padding:5px 0px 5px 0px;
}
.dot-line-inner
{
	background:url(../alar-images/footer-dotted-line.gif) repeat-x top;
	width:680px;
	float:left;
	margin:20px 0px 5px 0px;
}

#footer
{
	width: 722px;
	text-align: left;
	color:#7f7f7f;
	font-size:70%;
	margin:0px 0px 20px 0px;
}

#footer a
{
	color:#7f7f7f;
	text-decoration:none;
}

#footer a:hover
{
	color:#EA5506;
	text-decoration:none;
}

#footersubmenus
{
	width: 300px;
	height: 17px;	
	text-align: left;
	float: left;
	padding: 0px 0px 10px 10px;
	line-height: 20px;
	font-weight: normal;
	color:#7f7f7f;
	text-decoration: none;	
}

#footersubmenus a 
{
	text-decoration: none;
	color:#7f7f7f;
}

#footersubmenus a:hover
{
	text-decoration: none;
	color:#DF0309;
}

#footersubmenus-active
{
	text-decoration: none;
	color:#DF0309;
}

ul.footersubmenus_links
{
	margin:0;
	padding:0;
	background-position: center;
	text-align: left;
}

ul.footersubmenus_links li	
{
		margin:0;
	padding:0;
	list-style-position:inside;
	list-style-type:none;
	padding:0px 4px;
	display: inline;
	text-align: left;
}

.footer-right
{
	float:right;
	text-align:right;
	width:350px;
}
.team-container
{

	float:left;
	margin-right:18px;
}

.team
{
	width:160px;
	height:160px;
	overflow:hidden;
	border:1px solid #838282;
}
.team-text
{
	padding:10px 0px 0px 5px;
	color:#080603;
	font-size:80%;
	float:left;
height:52px;	
	font-weight:bold;
}
.red
{
color:#BA3236;
}
.team-info
{
font-weight:normal;
padding-right:1px;
}
.team-pageImg
{
margin-left:110px !important;
}