/********************************************
	Tag Resets
********************************************/

body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
th,
td,
article,
aside,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	margin: 0;
	padding: 0;
	border: 0;
}

/********************************************
	Normalize CSS
	http://necolas.github.com/normalize.css/
********************************************/

html {
	height: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	min-height: 100%;
	font-family: 'Open Sans', sans-serif;
	color: #000;
}


article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
audio,
canvas,
video {
	display: block;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

b,
strong {
	font-weight: bold;
}

abbr[title] {
	border-bottom: 1px dotted;
}

input,
textarea,
button,
select {
	margin: 0;
	font-size: 100%;
	line-height: normal;
	vertical-align: baseline;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
}

input[type="checkbox"],
input[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

textarea {
	overflow: auto;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ******************************************
	Custom Styles
****************************************** */

/*	  For details on font-size:100% see here: 
      http://filamentgroup.com/lab/how_we_learned_to_leave_body_font_size_alone/ 
	  
	  For details on line-height:1 see here:
      http://meyerweb.com/eric/thoughts/2008/05/06/line-height-abnormal/ 

	  For details on text-size-adjust:100% see here:
	  https://developer.mozilla.org/en-US/docs/CSS/text-size-adjust 
*/

html {
   font-size: 100%;
   line-height: 1;
   -moz-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
	background-color: #000000;
  	background-size: 100% auto;
  	background-repeat: no-repeat;
  	background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
	height: 100%;

}


body {
	font-family: 'Open Sans', sans-serif;
	color: #000;
	background: #fff;
}

html, body {
	overflow-x: hidden;
}

p {
	font-size: 0.9em; 
	line-height: 1.423;
	margin: .612em 0;
	font-weight: normal;
}

h1,h2,h3,h4,h5,h6 {
	    font-weight: 200;
	    }
		
h1 {
	font-size: 2em; /*3.189em*/
	line-height: 1.223;
	text-transform: uppercase;
	font-weight: lighter;
	text-shadow: 0 2px 2px rgba(0, 0, 0, .55);
	
		}
	
h2  {
	font-size: 1.0em; /*2.126*/
	line-height: 1.223;
	text-transform: uppercase;
	font-weight: normal;
	text-shadow: 0 2px 2px rgba(0, 0, 0, .55);
	
	}

h3 {
	font-size: 1em; /*2.126*/
	line-height: 1.223;
	text-transform: uppercase;
	font-weight: bold;
}
		
		    
h4 {
	font-size: 1em;
	line-height: 1.56;
	text-transform: uppercase;
	color: #842131;
	font-weight: bold;
		}
		
h5 {
	font-size: 0.9em;
	line-height: 1.125;
	font-weight: bold;
	color: #fff;
		}

h6 {
	font-size: .85em;
	line-height: 1.53;
	font-weight: 500;
		}


a:hover {
	cursor: pointer;
}

#container-nav {
	padding-right: 0em;
}

#nav {
	margin-top: 0em;
	margin-right: 0em;
	width: 100%;
	text-align: right;
	z-index: 5;
	background: #fff;
}

#nav h4 {
	padding-right: 1em;
	font-size: 0.8em;
}

#logo {
	float: left;
	width: 160px;
}


#nav ul {
	list-style: none;
	padding: 0;
	margin: .65em auto .39em;
	padding-right: 1em;
	background-color: #fff;
	
}

#nav li {
	color: #aaa;
	/*text-shadow: 0 2px 2px rgba(0, 0, 0, .65);*/
	letter-spacing: 1px;
}


#nav a{
	display: block;
	font-size: 0.8em;
	text-decoration: none;
	color: #842131;
	opacity: 1;
	text-transform: uppercase;
	padding: 0.5em 0.5em;
}

#nav a:hover {
	color: #ccc;
	-webkit-transition: color .4s ease-out;
  -moz-transition: color .4s ease-out;
  -o-transition: color .4s ease-out;
  transition: color .4s ease-out;
}

#nav nav {
		    height: 0;
		    overflow: hidden;
		}
		
#nav input[type=checkbox] {
		    position: absolute;
		    top: -999em;
		    left: -999em;
		}
	
#nav label { 
		    display: block;
		    background: url("../img/icon-menuwhite_slate.png") no-repeat right center;
		    text-indent: -999em;
		    opacity: 1;
		    margin-right: 0.6em;
		    cursor: pointer;
		    -webkit-user-select: none;  /* Chrome all / Safari all */
		    -moz-user-select: none;     /* Firefox all */
		    -ms-user-select: none;      /* IE 10+ */
		    user-select: none;
		}
	
#nav input[type=checkbox]:checked ~ nav {
		    height: auto;
		    overflow: hidden;  
		}
.wrapper {
	        padding: 1.3em 0.65em;
	        -webkit-box-sizing: border-box;
	        -moz-box-sizing: border-box;
	        box-sizing: border-box;
		}

.wrapper a {
	text-decoration: none;
	color: #999;
}

.wrapper h3 {
	padding-top: 1em;
	padding-bottom: 0.5em;
	text-align: left;
	font-size: 1.2em;
	color: #842131;
	text-align: center;
}

#masthead {
		color:#fff;
		width:100%;
		padding-top: 0.5em 1em 0;
		}

#masthead h1 {
	padding-top: 2em;
	padding-bottom: 1em;
	text-align: center;
	position: relative;
	z-index: 2;
}

#masthead h2 {
	letter-spacing: 0em;
	padding-bottom: 16px;
	text-align: center;
	position: relative;
	z-index: 2;
}

#masthead p {
	color: #000;
}


#content article {
	padding-top: .65em;
	padding-bottom: 1.3em;
		}


#masthead,
#content, {
    margin: 0 5.5%;
    }


#container-content {
	padding-right: 1em;
	padding-left: 1em;
}

.mainboxes {
	padding: 1em;
	list-style: none;
	display: block;
	margin: -1.65em -2.3em 0 -2.7em;
}

.mainboxes li {
	width: 106%;
	display: block;
	margin: -0.35em auto 0;
}

.servicebox {
	background: #e7fafa;
	text-align: center;
	background-image: 
    linear-gradient(
    	to bottom,
      rgba(0, 0, 0, 0.2),
      rgba(0, 0, 0, 0.2)
    ),
    url("../img/officesmall.jpg");
}

.servicebox:hover {
	background: #e7fafa;
	text-align: center;
	background-image: 
    linear-gradient(
    	to bottom,
      rgba(0, 0, 0, 0.6),
      rgba(0, 0, 0, 0.4)
    ),
    url("../img/officesmall.jpg");
}

.staffbox {
	background: #ceecec;
	background-image: 
    linear-gradient(
    	to bottom,
      rgba(0, 0, 0, 0.0),
      rgba(0, 0, 0, 0.1)
    ),
    url("../img/RaulCrop.jpg");
	text-align: center;
	-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
}

.staffbox:hover {
	background: #ceecec;
	background-image: 
    linear-gradient(
    	to bottom,
      rgba(0, 0, 0, 0.3),
      rgba(0, 0, 0, 0.2)
    ),
    url("../img/RaulCrop.jpg");
	text-align: center;
	-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
}

.contactbox {
	background: #b9d9d9;
	background-image: 
    linear-gradient(
    	to bottom,
      rgba(0, 0, 0, 0.2),
      rgba(0, 0, 0, 0.3)
    ),
    url("../img/waterlegssmall.jpg");
	text-align: center;
	-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
}

.contactbox:hover {
	background: #b9d9d9;
	background-image: 
    linear-gradient(
    	to bottom,
      rgba(0, 0, 0, 0.6),
      rgba(0, 0, 0, 0.5)
    ),
    url("../img/waterlegssmall.jpg");
	text-align: center;
	-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
}

.servicebox h3,
.staffbox h3,
.contactbox h3 {
	text-align: center;
	padding: 5.5em 0 3.5em;
	margin-bottom: 0.5em;
	color: #fff;
	font-weight: bold;
}

.servicebox p,
.staffbox p,
.contactbox p {
	padding: 0.5em 0em 2em;
}

.textmain {
	max-width: 760px;
	display: block;
	margin: 0.5em auto 2em;
}

#waterlegs {
	width: 300px;
	display: block;
	margin: 1em auto;
}

.lakediv {
	background-color: #000;
	 background-image: 
    linear-gradient(
    	to bottom,
      rgba(0, 0, 0, 0.3),
      rgba(0, 0, 0, 0.4)
    ),
    url("../img/lake.jpg");
	padding-top: 7em;
	padding-bottom: 7em;
	padding-left: 1.65em;
	padding-right: 1.62em;
	margin-right: -1.62em;
	margin-left: -1.65em;
	margin-bottom: 0em;
	color: #fff;
	text-align: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	clear: both;
}

.lakediv h4 {
	max-width: 580px;
	display: block;
	margin: 1em auto;
	color: #fff;
}

.testimonialdiv {
	background: #e7fafa;
	background: ;
	margin: 0 -2em;
	padding: 1em 2em;
	text-align: center;
}

#testimoniallogo {
	width: 90%;
	max-width: 300px;
}

.locationdiv {
	background: #ceecec;
	margin: 0 -2em;
	padding: 1em 2em;
	color: #000;
	text-align: center;
}

.locationdiv iframe {
	width: 86%;
	display: block;
	margin: 1em auto;
	height: 300px;
}


/********************************** Footers ***********************/


footer {
	padding: 0.5em;
	clear: both;
}

#container-footer {
	background-color: #fff;
	color: #000;
	font-size: 90%;
	text-align: left;
	width: 100%;
	left: 0;
	bottom: 0;
	margin-top: -1.8em;
	margin-bottom: 0em;
	padding-left: 1em;
}

#container-footer ul {
	list-style: none;
	float: right;
}

.footerleft {
	float: left;
	padding-bottom: 1em;
	margin: 0;
	background: #fff;
}

#container-footer p {
	line-height: 0.6;
}

#container-footer a {
	text-decoration: none;
	color: #842131;
}

#container-footer a:hover {
	color: #999;
	-webkit-transition: color .4s ease-out;
  -moz-transition: color .4s ease-out;
  -o-transition: color .4s ease-out;
  transition: color .4s ease-out;
}

/******************** Services ******************/

.aboutmain {
	max-width: 600px;
	display: block;
	margin: 1em auto;
}

#clifflegs {
	width: 90%;
	display: block;
	margin: 1em auto;
	max-width: 400px;
}

/*********************** Our Staff *********************/

#staffphotos {
	width: 90%;
	display: block;
	margin: 1em auto;
}

#staffpage h4 {
	clear: both;
}

/********************** Helpful Info *******************/

#helpfulinfotext h3 {
	text-align: center;
}

#helpfulinfotext {
	padding-bottom: 2em;
}

#staffpic {
	max-width: 740px;
	width: 90%;
	display: block;
	margin: 2em auto 0em;
}

.danglediv {
	background-color: #000;
	 background-image: 
    linear-gradient(
    	to bottom,
      rgba(0, 0, 0, 0.4),
      rgba(0, 0, 0, 0.3)
    ),
    url("../img/legsdangle.jpg");
	padding-top: 7em;
	padding-bottom: 9em;
	padding-left: 1.65em;
	padding-right: 1.62em;
	margin-right: -1.62em;
	margin-left: -1.65em;
	margin-bottom: 0em;
	color: #fff;
	text-align: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	clear: both;
}

.danglediv h4 {
	max-width: 540px;
	display: block;
	margin: 1em auto;
	color: #fff;
}

/*********************** Contact ***********/


#maincontent .form {
			width: 99%;
			background: rgba(0, 0, 0, 0.1);
			padding:.65em;
		}

.contactmain span {
	padding-bottom: 1em;
}

#contactdiv {
		background-color: #888;
	 background-image: 
    linear-gradient(
    	to bottom,
      rgba(0, 0, 0, 0.0),
      rgba(0, 0, 0, 0.0)
    ),
    url("../img/footer_lodyas.png");
	padding-top: 1em;
	padding-bottom: 1em;
	padding-left: 1.65em;
	padding-right: 1.62em;
	display: block;
	margin-bottom: 0;
	margin-right: -1.62em;
	margin-left: -1.65em;
	color: #fff;
}

#thankstext {
	padding-bottom: 50px;
}

.thankspic {
		background-color: #888;
	 background: 
		linear-gradient(
      	to bottom,
      	rgba(0, 0, 0, 0.3),
      	rgba(0, 0, 0, 0.6)
    	), url("../img/weights.jpg") no-repeat top center;
		padding: 0% 0;
		padding-bottom: 0em;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
	padding-top: 1em;
	padding-bottom: 1em;
	padding-left: 1.65em;
	padding-right: 1.62em;
	display: block;
	margin-bottom: 0;
	margin-right: -1.62em;
	margin-left: -1.65em;
	height: 300px;
	color: #fff;
}

#contactmain {
	text-align: center;
}

#contactaddress {
	text-align: center;
}

#googlemap{
	width: 90%;
	display: block;
	margin: 1em auto;
}


/********************************************
	Fluid Media
********************************************/

	figure {
	    position: relative;
	}

	figure img,
	figure object,
	figure embed,
	figure video {
	    display: block;
	    max-width: 100%; 
	}

	img {
	    border: 0;
	    -ms-interpolation-mode: bicubic;
	}

	/* 
	interpolation-mode
	http://css-tricks.com/ie-fix-bicubic-scaling-for-images/
	 */


/* ******************************************
	   Form Styles Basic Layout
****************************************** */

	form {
	    padding: 0 0em;
	    }
    
	form ul {
	    list-style: none;
	    padding: 1em 0 0;
	    }
    
	form li {
	    padding: 0 0 .65em;
	    }
	
	legend {
		font-size: 1.382em; 
		line-height: 1.223;
		text-align: center;
		color: #c9c9c9;
		}
		    
	label {
	    display: block;
		font-size: 1em;
		line-height: 1.56;
	    padding: 0 0 .325em;
	    color: #fff;
		}
		
	legend, label {      
		font-weight: 300;
		text-transform: uppercase;
		}
	
	input,
	textarea {
	    display: block;
	    width: 100%;
		font-size: 1em;
		line-height: 1.3;
		font-weight: 500;
	    padding: .65em;
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
	    }

	    #contact {
	    	width: 99%;
	    }

	/**
	 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
	 * 2. Improve readability and alignment in all browsers.
	 */

	textarea {
	    padding-bottom: 10%;
	    overflow: auto; /* 1 */
	    vertical-align: top; /* 2 */
	    }

	    .send {
	    display: inline-block;
	    max-width: 200px;
	    font-size: 1em;
	    line-height: 1;
	    font-weight: 500;
	    color: #fff;
	    text-decoration: none;
	    background: #115f4f;
	    margin: .65em .26em;
	    padding: .975em;
	    border: solid 2px #888;
	    border-radius: 1.3em;
	    text-shadow: 0 -1px 1px rgba(0, 0, 0, .65);
	    }
    
	.send:hover {
	    background: #555;
	    -webkit-transition: background .4s ease-out;
  -moz-transition: background .4s ease-out;
  -o-transition: background .4s ease-out;
  transition: background .4s ease-out;
	    }
    
	.send:active,
	.send:focus {
	    background: #555;
	    }

	 	    /* ******************************************
			Media Queries for screen less than 45em (720px)
****************************************** */
	@media screen and (max-width: 45em) {
	#container-header {
		background: 
		linear-gradient(
      	to bottom,
      	rgba(0, 0, 0, 0),
      	rgba(0, 0, 0, 0.3)
    	), url("../img/bicycle.jpg") no-repeat top center;
		padding: 0% 0;
		padding-bottom: 0em;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		}


	#container-footer {
	font-size: 60%;
	line-height: 1.2;
		}

	#container-footer ul {
	display: none;
}

iframe {
	width: 90%;
	display: block;
	margin: 1em auto;
}

}


		    /* ******************************************
	Media Queries for screen wider than 45em (720px)
****************************************** */

	@media screen and (min-width: 45em) {

	    body {
	        font-size: 105%;
	        }

		h1 {
	font-size: 3.2em; /*3.189em*/
	line-height: 1.223;
		}

		h2 {
	font-size: 1em; /*3.189em*/
	line-height: 1.223;
		}

		#container-header {
			background:
			linear-gradient(
      		to bottom,
      		rgba(0, 0, 0, 0),
      		rgba(0, 0, 0, 0.3)
    		), url("../img/bicycle.jpg") no-repeat top center;
			padding:0% 0;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			background-size: cover;
		}
    
	    #nav {
	        padding: 0;
	    }

	    #nav h4 {
			padding-right: 1.4em;
			font-size: 1em;
		}

		#logo {
			float: left;
			width: 180px;
		}
		
	    #nav label {
	        display: none;
	    }
		
	    #nav nav {
	        height: auto;
	    }
		
	    #nav ul {
	        border: 0;
	        margin: 0.4em;
	        }
		#nav li {
		        display: inline;
		        border: 0;
		        font-size: 0.9em;
		    }

		#nav a {
		        display: inline-block;
		        }

		#logo {
			margin: 0.5em 0.5em;
		}

		#masthead {
			padding-top: 1em;
		}

		#masthead h1 {
			padding: 1.6em 0.5em 0.8em;
		}

		#masthead h2 {
			letter-spacing: 0.1em;
			padding: 0 2em 3em;
}

	.wrapper h3 {
		font-size: 1.2em;
	}

.mainboxes {
	margin: -1.65em -3.3em 0em -3.6em;
	vertical-align: top;
}

.mainboxes li {
	width: 32.8%;
	display: inline-block;
	vertical-align: top;
	height: 210px;
}

.servicebox h3,
.staffbox h3,
.contactbox h3 {
	padding: 120px 0 2em;
}

.servicebox {
	background-image: 
    linear-gradient(
    	to bottom,
      rgba(0, 0, 0, 0.2),
      rgba(0, 0, 0, 0.2)
    ),
    url("../img/officemedium.jpg");
}

.servicebox:hover {
	background-image: 
    linear-gradient(
    	to bottom,
      rgba(0, 0, 0, 0.6),
      rgba(0, 0, 0, 0.4)
    ),
    url("../img/officemedium.jpg");
}

.staffbox {
	background-image: 
    linear-gradient(
    	to bottom,
      rgba(0, 0, 0, 0.0),
      rgba(0, 0, 0, 0.1)
    ),
    url("../img/RaulCrop.jpg");
}

.contactbox {
	background-image: 
    linear-gradient(
    	to bottom,
      rgba(0, 0, 0, 0.2),
      rgba(0, 0, 0, 0.2)
    ),
    url("../img/waterlegsmedium.jpg");
}

.contactbox:hover {
	background-image: 
    linear-gradient(
    	to bottom,
      rgba(0, 0, 0, 0.6),
      rgba(0, 0, 0, 0.4)
    ),
    url("../img/waterlegsmedium.jpg");
}

#waterlegs {
	width: 260px;
	float: right;
	margin: 1em;
}

.testimonialdiv,
.locationdiv {
	display: inline-block;
	width: 45%;
}
.testimonialdiv {
	float: left;
	padding-left: 4em;
	height: 462px;
}

.locationdiv {
	float: right;
	height: 462px;
}

.contactmain h4 {
	padding-left: 2em;
	font-size: 1.2em;
}

.contactmain h3 {
	padding-left: 2.2em;
}

.contactmain p {
	max-width: 640px;
	padding-left: 3em;
}

#container-footer {
	margin-top: 0.4em;
}

#container-footer ul {
	margin: 1em;
}

#container-footer ul li {
	display: inline-block;
	font-size: 0.8em;
	padding: 0 0.4em;
}

#staffphotos {
	width: 300px;
	float: left;
	margin: 1em;
}

#clifflegs {
	width: 300px;
	float: right;
	margin: 1em;
}

iframe {
	width: 70%;
	display: block;
	margin: 1em auto 2em;
}

}

/* ******************************************
		Media Queries for screen wider than 60em (960px)
****************************************** */
	
	@media screen and (min-width: 60em) {

		h1 {
	font-size: 3.4em; /*3.189em*/
	line-height: 1.223;
	text-transform: uppercase;
	font-weight: lighter;
		}

		h2 {
	font-size: 1.2em; /*3.189em*/
	line-height: 1.223;
	text-transform: uppercase;
		}	

		#container-header {
			background:
			linear-gradient(
      		to bottom,
      		rgba(0, 0, 0, 0),
      		rgba(0, 0, 0, 0.3)
    		), url("../img/bicycle.jpg") no-repeat top center;
			padding:0;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			background-size: cover;
		}

		#nav li {
		    padding: 0 1em;
		    }

		#masthead h1 {
			padding-top: 2em;
			letter-spacing: 0.1em;
		}

		#masthead h2 {
			padding-bottom: 2em;
		}

.aboutmain {
	max-width: 700px;
}

.lakediv {
	background-color: #000;
	 background-image: 
    linear-gradient(
    	to bottom,
      rgba(0, 0, 0, 0.3),
      rgba(0, 0, 0, 0.4)
    ),
    url("../img/lakecrop.jpg");
	padding-top: 7em;
	padding-bottom: 7em;
	padding-left: 1.65em;
	padding-right: 1.62em;
	margin-right: -1.62em;
	margin-left: -1.65em;
	margin-bottom: 0em;
	color: #fff;
	text-align: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	clear: both;
}
	

.contactmain h4 {
	padding-left: 3em;
	font-size: 1.2em;
}

.contactmain h3 {
	padding-left: 3.2em;
}

.contactmain p {
	max-width: 720px;
	padding-left: 4em;
}

.form {
	max-width: 800px;
}

#thankstext {
	padding-bottom: 150px;
}

.thankspic {
	margin-top: 2em;
}

	}

		/* ******************************************
	Print Styles
****************************************** */
@media print and (max-width: 8.5in){
	
	#masthead {
		color:black;
	}
	
	#container-header {
		height: auto;
	}
	
	img {
		width:2in;
	}
	
	#maincontent	{
		float:left;
		width:45%;
	}
	
	#container-footer	{
		clear:both;
	}
	
}


/* Float Clearing http://nicolasgallagher.com/micro-clearfix-hack */

.group:after {
    content: " "; 
    display: table;
    clear: both;
}
	/* Clearfix */

.group {
	    *zoom: 1;
	    }
		

/* Figures/Images */

		.ie #maincontent figure {
		    width: 100%;
		    box-sizing: border-box;
		    }

/* "*" hack applies only to IE7 and below */

		.ie #maincontent figure {
		    *width: auto;
		    }
   
		/* Navigation */

/* IE8 .checked class for checkbox.js */

		#nav input[type=checkbox].checked ~ nav {
		    height: auto;
		    overflow: visible;  
		}

/* Always show nav, IE7 and below */

		.ie #nav nav {
		    *height: auto;
		    *overflow: visible;  
		}

/* Hide navicon, IE7 and below */

		.ie #nav label { 
		    *background: none;
		    }
     
/* box-sizing polyfill, IE7 and below (The URL in .ie textarea is placeholder only. You will need to replace with path to your domain) */

		.ie .wrapper,
		.ie .name,
		.ie .email,
		.ie input,
		.ie textarea {
		    *behavior: url("http://www.absolute-path.com/js/boxsizing.htc");
		}