body, div, h1, form, fieldset, input, textarea {
	margin: 0; padding: 0; border: 0; outline: none;
}

html {
	height: 100%;
}

body {
	background: #d1d3d4;
	background: -moz-linear-gradient(top, #d1d3d4 0%, #d1d3d4 100%); /* firefox */	
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d1d3d4), color-stop(100%,#d1d3d4)); /* webkit */
	font-family: sans-serif; 
}

#contact {
	width: 430px; margin: 30px auto; padding: 60px 30px;
	background: #e7e9ea; border: 1px solid #e1e1e1;
	-moz-box-shadow: 0px 0px 8px #444;
	-webkit-box-shadow: 0px 0px 8px #444;
}

h1 {
	font-size: 25px; color: #626261; text-transform: uppercase;
	text-align: center; margin: 0 0 35px 0; text-shadow: 0px 1px 0px #f2f2f2;
}

label {
	float: left; clear: left; margin: 11px 20px 0 0; width: 95px;
	text-align: right; font-size: 16px; color: #626261; 
	text-transform: uppercase; text-shadow: 0px 1px 0px #f2f2f2;
}

input {
	width: 260px; height: 35px; padding: 5px 20px 0px 20px; margin: 0 0 20px 0; 
	background: #cbcbcb;
	background: -moz-linear-gradient(top, #b6b6b6 0%, #cbcbcb 20%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b6b6b6), color-stop(20%,#cbcbcb)); /* webkit */
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	-moz-box-shadow: 0px 1px 0px #f2f2f2;-webkit-box-shadow: 0px 1px 0px #f2f2f2;
	font-family: sans-serif; font-size: 16px; color: #000000; text-transform: uppercase; text-shadow: 0px 0px 0px #334f71; 
}
	input::-webkit-input-placeholder  {
    	color: #959595; text-shadow: 0px 0px 0px #6c6c6c;  
	}
	input:-moz-placeholder {
	    color: #959595; text-shadow: 0px 0px 0px #6c6c6c; 
	}

textarea {
	width: 260px; height: 170px; padding: 12px 20px 0px 20px; margin: 0 0 20px 0; 
	background: #cbcbcb;
	background: -moz-linear-gradient(top, #b6b6b6 0%, #cbcbcb 20%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b6b6b6), color-stop(20%,#cbcbcb)); /* webkit */
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	-moz-box-shadow: 0px 1px 0px #f2f2f2;-webkit-box-shadow: 0px 1px 0px #f2f2f2;
	font-family: sans-serif; font-size: 16px; color: #000000; text-transform: uppercase; text-shadow: 0px 0px 0px #334f71; 
}
	textarea::-webkit-input-placeholder  {
    	color: #959595; text-shadow: 0px 0px 0px #6c6c6c;  
	}
	textarea:-moz-placeholder {
	    color: #959595; text-shadow: 0px 0px 0px #6c6c6c; 
	}
	
input:focus, textarea:focus {
	background: #d1d1d1;
	background: -moz-linear-gradient(top, #d1d1d1 0%, #dddddd 20%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d1d1d1), color-stop(20%,#dddddd)); /* webkit */
}

input[type=submit] {
	width: 185px; height: 52px; float: right; padding: 10px 15px; margin: 0 15px 0 0;
	-moz-box-shadow: 0px 0px 5px #999;-webkit-box-shadow: 0px 0px 5px #999;
	border: 1px solid #4f7a00;
	background: -moz-linear-gradient(top, #84c60b 0%, #77b800 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#84c60b), color-stop(100%,#77b800)); /* webkit */
	cursor: pointer; 
	mailto: chrstnes73@aol.com?subject=CS%20Design%20and%20Photography%20Web%20Contact;
}


#content #social {
	width: 371px; float: right; 
}		
	#content #social ul {
		list-style: none;
	}
		#content #social ul li {
			float: left; margin: 0 20px 20px 0;
		}
			#content #social ul li a {
				display: block; width: 100px; padding: 5px 0 5px 45px;
				background: url(images/social-icons.png) no-repeat;
			}
				#content #social ul li a.twitter { background-position: 0 -3px; }
				#content #social ul li a.youtube { background-position: -172px -1px; }
				#content #social ul li a.facebook { background-position: -172px -136px; }
				#content #social ul li a.flickr { background-position: 0 -71px; }
				#content #social ul li a.digg { background-position: -172px -71px; }
				#content #social ul li a.lastfm { background-position: 0 -140px; }