@font-face {    font-family: 'foughtknightregular';    src: url('../fonts/foughtknight-webfont.eot');    src: url('../fonts/foughtknight-webfont.eot?#iefix') format('embedded-opentype'),         url('../fonts/foughtknight-webfont.woff') format('woff'),         url('../fonts/foughtknight-webfont.ttf') format('truetype'),         url('../fonts/foughtknight-webfont.svg#foughtknightregular') format('svg');    font-weight: normal;    font-style: normal;}/********************************All Pages************************************/html { height: 100%; overflow-x: hidden;overflow-y: scroll;}body {margin: 0px;text-align: center;color: black;background: url(../images/background1.jpg) no-repeat fixed center top;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;border-radius: .625em;-moz-border-radius: .625em;-webkit-border-radius: .625em;-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */}h1, h2, h3, h4, h5, h6 {padding: 35px 170px 0px 170px;text-align: left;font-family: foughtknightregular;color: #095B95;text-shadow: 0 0px 2px #fff, 0 0px 2px #fff, 0 0px 2px #fff, 0 0px 2px #fff, 0 0px 2px #fff ;padding-top: 30px;letter-spacing: 2px;}padding: 35px 170px 0px 170px;text-align: left;padding-top: 30px;h1 {font-size: 2em;padding-top: 3.5em;}p { font-family: trajan;font-size: 1.2em;padding: 1.25em 7.5em 0 7.5em;color: white;}.first { /*references the first paragraph*/padding-top: 5em;}#nav {  padding-bottom:3.125em;  overflow:hidden;  height: 3.125em;  margin-left: auto;  margin-right: auto;  display: block;}			#nav ul {				display: block;				margin: 0;				padding: 0;				position: relative;				z-index: 100;				overflow:hidden;			}			#nav li {				display: inline-block;				vertical-align: bottom;				margin: 2em .925em;			}			#nav a {				padding: 0;				letter-spacing: 0.08em;				text-decoration: none;				text-transform: lowercase;				font: 1.225em foughtknightregular, "Lato","Trebuchet MS", "Arial", "Helvetica", sans-serif;				color: #095B95;				text-shadow: 0 0 .12em white, 0 0 .12em white, 0 0 .12em white, 0 0 .12em white, 0 0 .12em white;				transition: color 0.2s ease-in, font-size 0.2s ease-in, letter-spacing 0.2s ease-in, text-shadow 0.2s ease-in;			}			#nav a:hover {				color: white;				letter-spacing: 0.06em;				text-shadow: 0 0 .12em hsl(205, 89%, 31%), 0 0 .12em hsl(205, 89%, 31%), 0 0 .12em hsl(205, 89%, 31%), 0 0 .12em hsl(205, 89%, 31%), 0 0 .12em hsl(205, 89%, 31%);				font-size: 1.23em;				transition-duration: .75s;				transition-timing-function: ease;			}/*End Of Generic Code*/#hwmlogo {position: relative;top: 0px;display: block;margin: 0 auto;}#hwmtext {display: block;margin: 0 auto;}#header {font-family: heraldsquare;text-align: center;position: relative;top: -9.375em;font-size: 5em;}#construction {display: block;position: absolute;top: 0;left: 0;z-index: 0;}/********************************Home Page************************************//*End Of Home Page*//********************************Graphics Page************************************//*End Of Graphics Page*//********************************Value Package Page************************************//*End Of Value Package Page*//********************************Contact Page************************************//*End Of Value Package Page*/#wrapper {width: 100%;margin: 0 auto;background-color: ;/*currently transparent*/-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}	#wrapper2 {border-radius: 1.875em;background-color: white;font: black;width: 53.250em;margin: 0 auto;padding-top: 1.875em;height: 47.188em;}#content2 {background-image: url('../images/ValuePackageTemplate2.jpg');background-repeat: no-repeat;height: 24.875em;width: 53.25em;z-index: 99999999; /*change the z-index's of all these*/margin : 1.25em auto 0 auto;}#content2:hover {background-image: url('../images/ValuePackageCodeTemplate2.jpg');height: 24.875em;width: 53.25em;z-index: 99999999;}#steps {margin-top: 1.875em;}table {position: relative;top: 1.563em;margin: 0 auto;border-radius: .938em;border: .063em solid white;background-color:rgba(84,84,84,0.3);padding: .438em;}td {padding: .5em .625em .5em .625em;font-size: 1.188em;text-align: center;color: white;font-weight: bold;} th {padding: 0 .313em 0 .313em;font-size: 1.375em;letter-spacing: .188em;text-align: center;font-family: foughtknightregular;color: #095B95;text-shadow: 0 0 .125em #fff, 0 0 .125em #fff, 0 0 .125em #fff, 0 0 .125em #fff, 0 0 .125em #fff ;}#consult {position: relative;top: 1.6em;font-size: 1.2em;margin-top: 1.2em;margin-bottom: 3.75em;font-style: italic;font-family: trajan;color: white;}#consult a:hover {font-size: 1.5em;color: red;}.cost2 {position: relative;display: block;top: 15px;padding-bottom: 55px;font-size: 1.155em;}#thanks {text-align: center;}#banner {position: relative;top: 0px;margin-bottom: -50px;z-index: 1;width: 700px;height: 360px;}#video {position: relative;top: -40px;margin-bottom: 25px;z-index: 1;width: 100%;}.link {color: #800000; text-decoration: none; }#portfolio {padding-top: 30px;width: 65%;margin: 0 auto;display: block;}@media screen and (-webkit-min-device-pixel-ratio:0) {    #portfolio{	width: 50%;}}.gallerypic{display: inline-block;margin: 35px;	border:5px solid white;	width:300px;	height:142px;}.gallerypic a{	width:300px;	height:142px;	text-indent:-99999px;	display:block;}/* Contact Form */#form {margin: 0 auto;width: 500px;background-color: rgba(0, 0, 0, .7);border-radius: 15px;-moz-border-radius: 10px;-webkit-border-radius: 10px;border: 2px solid #FFF;text-align: left;color: #000;font-size: 14px;margin-top: 70px;}form textarea {display: block;position: relative;width: 400px;max-width: 400px;min-width: 400px;left: 0px;height: 100px;min-height: 100px;}#formcontent {display: block;position: relative;left: -70px;}#formbuttons {display: block;position: relative;left: 190px;padding-bottom: 20px;}/* End Of Contact Form *//* Back To Top */	#back-to-top{		position:fixed;		bottom:200px;		right: -50px;	}		#back-to-top a{		text-align:center;		text-decoration:none;		display:block;		width:40px;		/*??CSS3??transition?????????????????*/		opacity: .7;	}			#back-to-top a:hover{		opacity: 1;		transition: 2s;	}		#back-to-top a span{		border-radius:12px;		display:block;		height:40px;		width:40px;		background: url(../images/arrow.png) no-repeat center center;		margin-bottom:5px;	}		#back-to-top a:hover span{		background: url(../images/arrow.png) no-repeat center center;	}/* End Of Back To Top *//* End HomePage CSS *//* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */.clearfix:after {content: "";display: table;clear: both;}/*header heights*/.graphics {position: relative;margin-top: -65px;}.package {position: relative;margin-top: -65px;}.photography {position: relative;margin-top: -65px;}.contact {position: relative;margin-top: -65px;}/*end of header heights*//********************************Photography Page************************************/#container{width:890px;margin: 0 auto;margin-top:75px;}.clear{clear:both;}#heading{background-color:#2A2A2A;border:1px solid #444444;height:20px;padding:6px 0 25px 15px;margin-bottom:30px;overflow:hidden;}div.nomargin{margin-right:0px;}.pic{float:left;margin:0 15px 15px 0;border:5px solid white;width:200px; /*was 200px*/height:200px; /*was 250px*/}.pic a{width:200px; /*was 200px*/height:200px; /*was 250px*/text-indent:-99999px;display:block;}/*End Of Photography Page*/#footer{display: block;background: url(../images/footer.png) no-repeat 100% 100% transparent;margin: 0 auto;text-align: center;color: white;font-size: 1.1em;font-style: italic;padding-top: 100px;}#footer a {text-decoration: none;color: white;}#footer a:hover {color: #095A94;font-weight: bold;margin-left: -3px;}#google {position: relative;left: 55px;bottom: -210px;width: 32px;height: 32px;padding: 0;margin: 0;opacity: .7;transition: 1s;text-decoration: none;}/*change the size of this icon to 32x32*/#facebook {position: relative;left: -55px;bottom: -210px;width: 34px;height: 34px;padding: 0px;margin: 0px;opacity: .7;transition: 1s;text-decoration: none;}a:hover#google, a:hover#facebook {opacity: 1;}/*Mobile CSS*/@media only screen and (max-width: 767px) {/***** Phone (landscape 420px) *****/@media only screen and (min-width: 480px) and (max-width: 767px) {}