/* Reset and tool classes */
* {font-family: arial, verdana, sans-serif; border: none; outline: none; text-decoration: none; list-style: none; color: #191919; padding: 0; margin: 0;}
body {width: 100%; font-size: 0.625em;}
#header_contain {width: 100%; background: #b6c7db;}
	#header {background: #bfcee2 url(../images/header_bg.jpg) no-repeat 100% 0; width: 1024px; height: 107px; margin: 0 auto;}
		#header #logo {display: inline; float: left; text-indent: -9999px; width: 250px; height: 72px; margin: 20px 0 0 50px;}
		#header p {width: 400px; font-size: 1.2em; color: #191919; float: left; display: inline; margin: 20px 0 0 30px;}

#nav_contain {width: 100%; background: transparent url(../images/pnav_bg_rep.jpg) repeat-x 0 0; height: 39px;}
	#nav_primary {background: transparent url(../images/pnav_bg.jpg) no-repeat 0 0; display: block; width: 1024px; height: 39px; margin: 0 auto;}	
		#nav_primary ul {background: #687b7a url(../images/pnav_bg_rep.jpg) repeat-x 0 0; display: block; height: 39px; margin-left: 14px;}
			#nav_primary li {display: block; float: left; width: 150px; height: 39px;}
				#nav_primary li a {background: transparent url() no-repeat 0 0; display: block; text-indent: -9999px; width: 150px; height: 39px;}
					.about #nav_primary li#pnav_about a,
					.services #nav_primary li#pnav_services a,
					.links #nav_primary li#pnav_links a,
					.testimonials #nav_primary li#pnav_testimonials a,
					.cctv #nav_primary li#pnav_cctv a,
					.contact #nav_primary li#pnav_register a {background-position: 0 -78px;}
					#nav_primary li a:hover, #pnav_primary li a:active {background-position: 0 -39px;}
				#nav_primary li#pnav_about a {background-image: url(../images/pnav_about.jpg);}
				#nav_primary li#pnav_services a {background-image: url(../images/pnav_services.jpg);}
				#nav_primary li#pnav_links a {background-image: url(../images/pnav_links.jpg);}
				#nav_primary li#pnav_testimonials a {background-image: url(../images/pnav_testimonials.jpg);}
				#nav_primary li#pnav_cctv a {background-image: url(../images/pnav_cctv.jpg);}
				#nav_primary li#pnav_register a {background-image: url(../images/pnav_register.jpg);}
			
#container {width: 1024px; padding-bottom: 40px; margin: 0 auto;}
	
.area1 {width: 430px; float: left; display: inline; padding-bottom: 50px; margin: 50px 0 0 45px;}
	.area1 h1 {font-size: 2.2em; font-weight: normal; color: #516564; margin-bottom: 25px;}
	.area1 h2 {font-size: 1.2em; margin-top: 25px;}
	.area1 h3 {font-size: 1.2em; font-weight: bold; margin-bottom: 5px;}
	.area1 h4 {font-size: 1.2em; font-weight: normal; margin-bottom: 15px;}
	.area1 p {font-size: 1.2em; margin-bottom: 5px;}
	.area1 ul {margin-bottom: 25px;}
		.area1 ul li {list-style: disc inside; font-size: 1.1em; font-weight: bold; margin-bottom: 5px;}
	.area1 ul.links {margin-top: 25px;}
		.area1 ul.links li {list-style: none; font-size: 1.2em; font-weight: normal; margin-bottom: 25px;}
			.area1 ul.links li a {color: #0c4163; text-decoration: underline;}
	.area1 .feed {margin-bottom: 15px;}
	.area1 #cam2 {overflow: hidden; width: 425px; height: 319px;}

	.area1 dl {font-size: 1.2em; margin-top: 5px;}
		.area1 dl dt {font-weight: bold; margin-bottom: 25px;}

/* Registration Form */
	.area1 #form_register {width: 350px; padding-top: 10px;}
		.area1 #form_register legend {display: none;}
		.area1 #form_register label {font-size: 1.2em; width: 72px; float: left; clear: left; margin: 0 15px 0 0;}
		.area1 #form_register input {border: 1px solid #516564; font-size: 1.2em; width: 130px; height: 20px; float: left; margin-bottom: 10px;}
		.area1 #form_register p {font-size: 1.2em; width: 200px; color: #fff; margin: 10px;}
		.area1 #form_register a {font-size: 1.2em; color: #fff; text-decoration: underline; float: left; margin: 10px 0 0 12px;}
		.area1 #form_register #register_submit {clear: both; float: left; color: transparent; border: none; background: transparent url(../images/register_form_submit.gif) no-repeat 0 0; width: 69px; height: 22px; display: block; cursor: pointer; margin-top: 10px; margin-right: 23px;}
		.area1 #form_register #terms_label {width: 180px; margin-right: 0;}
		.area1 #form_register #register_terms {border: none; width: 15px; padding: 0; margin: 0;}
		
		.area1 #form_register .error {}
			.area1 #form_register .error li {list-style: none; padding: 0; margin: 0;color: #f00; margin-bottom: 5px;}
			
		
/* Login Form */	
.area2 {background: transparent url(../images/login_bg.jpg) no-repeat 0 100%; width: 460px; height: 339px; float: right; display: inline; margin: 25px 10px 0 0;}
	.area2 form {background: transparent url(../images/login_form_bg_bot.jpg) no-repeat 0 100%; width: 252px; display: block; float: right;}
		.area2 form div {float: left; background: transparent url(../images/login_form_bg_top.jpg) no-repeat 0 0; display: block; width: 252px;}
			.area2 form legend, .area2 form h3 {font-size: 1.2em; text-transform: uppercase; color: #fff; font-weight: bold; display: block; padding: 15px 0 5px 97px;}
			.area2 form label {font-size: 1.2em; text-transform: uppercase; color: #fff; width: 72px; float: left; clear: left; margin: 0 15px 0 10px;}
			.area2 form input {font-size: 1.2em; width: 130px; height: 20px; float: left; margin-bottom: 10px;}
			.area2 form p {font-size: 1.2em; width: 200px; color: #fff; margin: 10px 10px 35px 10px;}
			.area2 form a {font-size: 1.2em; color: #fff; text-decoration: underline; float: left; margin: 10px 0 0 12px;}
			.area2 form #login_submit, .area2 form #logout_submit {float: right; background: transparent url(../images/login_form_submit.gif) no-repeat 0 0; width: 52px; height: 25px; display: block; cursor: pointer; margin-right: 23px;}
			.area2 form #logout_submit {background-image: url(../images/logout_form_submit.gif); width: 70px;}

#footer {clear: both; display: block; width: 100%; position: fixed; bottom: 0;  bottom: 0; background: #fff; padding: 20px 0;}
	#footer ul {display: block; width: 1024px; margin: 0 0 0 45px;}
	#footer li {float: left; display: inline; border-right: 1px solid #949494; padding-right: 10px; margin-right: 10px;}
		#footer a {color: #0c4163;}
		#footer .last {border-right: none;}