@charset "utf-8";
/* CSS Document */



html   {
    
    margin: 0;
    padding: 0;
    /*background-image: url("../images/as_back.png");*/
	background-color: rgb(50, 72, 150);


}
        
        body  {
            margin: 0 auto;
			margin-top: 20px;
			height: 1000px;
            width: 800px;
            background-color: rgb(180, 180, 180);
            font: 100% Arial, Helvetica, sans-serif;
            padding: 1em, 50px;
            border-bottom: 10px solid rgb(140, 140, 140);
			border-right: 10px solid rgb(155, 155, 155);
			border-left: 10px solid rgb(200, 200, 200);
            border-top: 10px solid rgb(190, 190, 190);
			overflow:auto;
        }
        

a:hover {
    color: #009;
}

#heading {
		
	background-color: rgb(180, 180, 180);
	width: 80%;
	margin: auto;
	border-bottom: 25px solid rgb(180, 180, 180);

}

#billPayButton  {
	background-color: rgb(255, 255, 98);
}

p {
	line-height: 130%;
	margin-right: 10px;
	margin-left: 10px;
}

#address {
	line-height: 110%;
}

#mainInfo {
	background-color: rgb(180, 180, 180);
	width: 60%;
	float: left;
	margin-left: 50px;
	margin-bottom:50px;
	
}

#animation {
	width: 30%;
	background-color:rgb(180, 180, 180);
	float: right;
	margin-right: 20px;
	
	}
	
#aboutText  {
	width: 650px;
	height: 330px;
}

#copywrite {
	width: 600px;
	margin: auto;
	clear: left;
	font-size: 14px;
}

#customerLinks  {
	margin-bottom: 60px;
}

#testSystemText {
	margin-left: 50px;
	margin-top: 30px;
	float: left;
	width: 400px;
	margin-bottom:60px
	
}

#returnButton {
	width: 600px;
	clear: left;
	margin: auto;
}

#paymentsHeading {
margin-top: 100px;
}

#paymentsText {
	width: 425px;
	text-align: justify;
	padding-top: 20px;
	}

#paymentsReturnButton {
	margin-top: 200px;
}

/* The following is code for IPCamera.html  */


#cameraHeading {
	margin: auto;
	font-size: 25px;
	padding-top: 30px;
}

#cameraAccessText {
	width: 450px;
	margin-top: 25px;
	margin-left: 30px;
	float: left;
	padding-top: 20px;
}

#cameraReturnButton {
	width: 600px;
	padding-top: 20px;
	clear: left;
	margin: auto;
}	

#whiteCamera {
	margin-left: 90px;
	margin-top: 120px;
	margin-bottom: 4px;
}

#pageHeading {  /* flame, logo & guys at top of page */
	padding-top: 5px;
}
	
#textMessageText {
text-align: justify;
width: 400px;
margin-left: 10px;
padding-left: 20px;
/* padding-top: 30px; */
line-height: 130%;
float: left;
}

#textReturn {     /* text messages return button */
	
	padding-top: 120px;
	clear: left;
	}

#accessText {   /* on line access text  */
	width: 400px;
	float: left;
	padding-left: 50px;
}

#accessReturn {   /* on line access return button  */
	clear: left;
	padding-top:70px;
}

#lapTopBoyd {
	float: right;
	padding-right: 100px;
}

#onLineTextPic {
	padding-bottom: 50px;
}

#registerText {
	padding-top: 50px;
}

#registerButton {
	padding-top: 210px;
}

#container {
	padding-top:  30px;
}

#customerReturn {  /* return button on Custormers Page  */
padding-top:  20px;
}

#lookingText {
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 10px;
}


#boydLookingPic {
	float: right;
	padding: 25px;
	}
	
#lookingReturn {
	clear: left;
}

#pulseText {
	
	width:400px;
	margin: auto;
}

#pulseReturn {
	padding-top: 50px;
}

#commentsText {
	width: 80%;
}

#responseBox {
	width: 60%px;
	margin: auto;
	padding-top: 80px;
}

#feedbackReturn {
	padding-top: 120px;
}

#y12MainReturn {
	padding-top: 60px;
}

.menuButton {
	margin-top: 5px;
	
}

.button {
    background-color: rgb(50, 72, 150);
	border-width:medium;
    color:white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display:inline-block;
    font-size: 16px;
	border-radius:15px;
	margin-top:40px;
	border-color: rgb(160, 160, 160);
 }