/* CSS Document */
/* Triple S Alarms and CCTV - Web Design By James Sheraton*/

/*--Misc paragraph styles and classes--*/
a{color: #3f3f3f; text-decoration:none;}
a.designBy{	color:#CCCCCC;}
h3{color: #3f3f3f;}
h1{font-size: 20px; color:#333333}
.p1{font-size: 12px;	margin: 5px 0 0 8px; padding: 0 5px 0 0; width: 200px; float: left;}
p.indent{text-indent: 10px;	padding:0px 0px 30px 0px;} 
p.indent2{text-indent: 10px;} 
img.link{float: left; margin: 5px 0 0 0; border: solid #a7a7a7 2px;}
img.linkVert{float: left; margin: 5px 0 0 20px; border: solid #a7a7a7 2px;}
a.view_links{color: #3f3f3f; text-decoration: none; font-size: 16px;}
a.view_links:hover{color: #3f3f3f; text-decoration: underline;}

/*--Main Page Styles--*/

html{background: url(images/mainBG.png)  }

body{	
	text-align:center;
	padding: 0px;
	margin: 0px;
	}	

#container{
	margin:0 auto; 
	padding:0px;
	border: 0px;
	width: 820px;
	text-align:left;
	font-family: "Lucida Grande","Lucida Sans Unicode",arial,sans-serif;
	font-size: 13px;
	}
	
#header{
	height:140px;
	margin:0;
	padding:0;
	border:0;
	background-color: #ffffff;
	}
	
#logo{
	float:left;
	width:320px;
	height:110px;
	margin:20px 0px 0px 25px;
	padding: 0;
	}
	
#companyAddress{
	font-size: 75%;
	color: #999999;
	width: 150px;
	float: right;
	margin: 30px 0;
	padding: 0;
	}

#topContainer{
	float:left;
	width:818px;
	height:330px;
	background: url(images/slogan.png) no-repeat;
	}
	
#bottomContainer{
	float:left;
	width:818px;
	height:350px;
	}
	
#companyPictures{
	float:left;
	width:300px;
	height:225px;
	margin: 50px 0 0 12px;
	}	

#companyDescription{
	float:right;
	width:440px;
	height:131px;
	margin:0;
	padding: 140px 40px 0px 0px;
	font-size: 13px;
	text-indent: 10px;
	color: #333333;
	}

#productLinksLeft{
	float:left;
	width:355px;
	height:145px;
	text-align:left;
	color: #3f3f3f;
	padding: 10px 0px 0px 50px;
	margin: 15px 0px 0px 0px;
	background-image: url(images/content_lines.png);
	background-position: top right;
	}
	
#productLinksRight{
	float:right;
	width:355px;
	height:145px;
	text-align:left;
	color: #3f3f3f;
	padding: 10px 0px 0px 50px;
	margin: 15px 0px 0px 0px;
	background-image: url(images/content_lines.png);
	background-position: top right;
	}

#titleLinks{
	margin: 5px;
	padding: 5px 0 0 0;
	font-size: 115%;
	color: #3f3f3f;
	font-weight: bold;
	}

/*--Contact form--*/
#contact_display{
	float:left;
	width: 200px;
	}

label{
	float: left;
	text-align: right;
	margin-right: 0px;
	width: 100px;
	padding-top: 5px;
	font-size: 13px;
	}

#contact_display{
	width: 600px;
	margin-top: 25px;
	}

#contact_display .textType, #contact_display textarea{
	padding: 5px;
	width: 400px;
	font-family: Helvetica, sans-serif;
	font-size: 1em;
	margin: 0px 0px 10px 0px;
	border: 1px solid #ccc;
	}

#contact_display textarea{
	height: 90px;
	}

#contact_display .sub{
	float:right;
	}

/*--Sub Page Styles--*/

#infoContainer{
	float:left;
	width: 818px;
	height: auto;
	}

#info_BG{
	float:left;
	width: 720px;
	height: 540px;
	padding:20px 50px 40px 50px;
	color: #666666;
	background: url(images/info_BG.png) repeat-y;
	}
		
#dotPoints{
	width:360px;
	height:200px;
	float:left;
	font-size: 14px;
	line-height: 20px;
	}
 
#productImages{
	width: 290px;
	height:200px;
	float: left;
	padding:0px 0px 0px 50px;
	margin:0px 0px 0px 20px;
	background: url(images/productImagesBG.png) no-repeat;
	}


/*--Footer--*/
#footer-nav{
	width: 100%;
    float: left;
	color: #57485b;  
	background-color: #403E3E;
	border-style: solid;
	border-width: 1px 0px 1px 0px;
	border-color: #ffffff;
	}
	
#footer-groups{
	padding:10px 0px 0px 0px;
	width:200px;
	float: left;
	}
	
a.footer{
	color: #EEEEEE;
	text-decoration:none;
	}
	
#design-by {
	width:auto;
	padding:57px 10px 0px 0px;
	float: right;
	color:#CCCCCC;
	font-size: 11px;
	text-align: right;
	}
/*--end footer--*/