.contactContainer {
	width: 335px;/*width of the contact form*/
	color: white; /*font text color, same as above applies */
	float: left;
	}

.physicalContact{
	width: 335px;
	height:180px;
	float:left;
	font-weight: bolder;
}

.contactTop{
	width: 335px;
	height:190px;
	background-image:url('images/contactPicture.jpg');
}

.contactBottom{
	background-image: url('images/ccc.jpg');
	background-repeat: repeat;
	border: 3px double;
	border-color: #9d9d9d;
	width: 335px;
	margin: 0px 0px 25px 0px;
	float:left;
}

.contactBottom h3{
	margin:0px;
	padding:0px;
}

.align{
	text-align:center;
}

.info{
	padding-top: 5px;
	float:left;
	font-size: 17px;
	width: 180px;
	padding:5px;
	margin: 20px 5px 20px 20px;
	border: 3px double white;
	text-align:center;
}

.info h2{
	margin:0px;
	padding:0px;
}
.info ul{
	list-style-type: none;
}
	
.pics{
	width: 120px;
	float:left;
	padding:5px;
	margin: 5px;
	border: 3px double white;
	text-align:center;
}

.specs{
	width: 420px;
	float:left;
	padding:5px;
	margin: 5px;
	border: 3px double white;
	text-align:center;
}

.specs h2, h3{
	margin:0px;
	padding:0px;
}

#contct {
	border: 3px double;
	border-color: #9d9d9d;
	width: 454px;/*width of the contact form*/
	float: left;
	margin-bottom:25px;
	text-align: left;
	}

#map {
	border: 3px double;
	border-color: #9d9d9d;
	float: left;
	width: 250px;
	margin-bottom:25px;
	}
	
#contct li {
	float: left;/*necessary to set the li box apart from the contct div */
	width: 436px;/*width of the container that holds the label and input elements */
	padding: 2px;/* best left alone */
	margin: 2px;/* best left alone */
	list-style-type: none;/* best left alone */
	}

#contct input, #contct textarea {
	width: 436px;
	float: left;
	}