/*! normalize.css v2.1.0 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

body { 
	background:	#22263F; 
	color: #333;
	background: url(images/texture.jpg) #dae4e6;
	font-family:"Verdana",sans-serif;
	font-size:62.5%; 
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
}
#allcontent { 
	width:	98%; 
	margin: 0 auto; 	
}
body, h1, h2, h3, h4, h5, h6, p, input, select, textarea {
	color: #093644;
	font-family: "Helvetica Neue", Arial,Helvetica,Tahoma,sans-serif;
	font-weight: normal;
	line-height: 20px;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

#content a {
	color: #e45905;
}

/* header */

#header { 
	border: none;
	width: auto;
	margin: 10px;
}
.logo	{
	float: left;
	display: inline;
	width: 66%;
}
.emergency {
	float: right;
	display: inline-block;
	color: #e45905;
	width: 33%;
	margin-top: 1em;
	font-size: 20px;
	text-align: center;
}
.emergency a{
	color: #e45905;
	font-weight: bold;
	line-height: 1.4em;
	text-align: center;
	text-decoration: none;
}
.emergency img{
	border: none;
	margin: 10px 0;
}
#header h1 {
	font-style: italic;
	padding:0 5px 10px 0;
	color: #6195a6;
	text-shadow: #fff 1px 1px;
	font-size: 1.8em;
}
.nav-button {
	display:none;
}
	
/* content area */

#content { 
	border: 4px solid #D40D12;
	border: 4px solid #2b5d6c;
	/* border-color: rgba(212, 13, 18, .7); */
	width: auto;
	margin: 10px;
	font-size:1.05em;
	background: url(images/bg.png) repeat-y 33.333333333% 0;
	/*background: #fff;*/
}
#content-primary { 
	float:left; 
	clear:left; 
	width:33.3333333%; 
	background-color: #d9e6ea;
}
#content-secondary { 
	float:right;
	width:66.6666667%; 
	background-color:#fff;
}
#content-secondary p,
#content-secondary li{
	font-size: 1.2em;
}
dl {
	font-size: 1.1em;
}
#content .vcard h2 {
	margin-left: 0;
}
#content h1 {
	font-size: 2.5em; 
	margin: 0.5em 20px; 
	line-height: 1.15em; 
}
#content h2 {
	font-size: 170%;
  	letter-spacing: 1px;
  	font-weight: normal;
	margin:	0.6em 20px; 
	line-height: 1.33em;
}
h2{
	margin: 0.6em 0px;
}
h3 {
	font-weight: bold;
	font-size: 1.33em;
	line-height: 1.33em;
	margin: 0.6em 20px; 
}
#carpet h2.list, 
#carpet li {
	font-size: 100%;
  	letter-spacing: 1px;
  	font-weight: normal;
	margin:	0.6em 0; 
	line-height: 1.2em;
}
#restoration h2.list, #bellaire h2.list {
	font-size: 1.05em;
	margin:  0;
	letter-spacing: 0px;
	line-height: 20px;
}

#content-secondary {	
	font-size: 1.25em;
	line-height: 1.25em;
}
#content-secondary p { 
	margin:	0.5em 20px; 
}
#content-secondary p a:link, 
#content-secondary p a:visited,
#content-secondary h2 a:link, 
#content-secondary h2 a:visited,
#content-secondary li a:link, 
#content-secondary li a:visited {
	text-decoration: none;
}
#content-secondary p a:hover,
#content-secondary h2 a:hover{
}
#content-secondary li a:hover {
}	

/* navigation */

#navbar ol {
	margin:0;
	padding:0;
	list-style:none;
}
#navbar ol li {
	font-size:1.5em;
	margin:0;
	padding:0;
}
#navigation a {
	display:block;
	padding-bottom:30px;
	padding-left:28px;
	padding-top:30px;
}
#navigation a:link, #navigation a:visited {
	background-color: transparent;
	text-decoration:none;
	color:#22263F;	
	text-shadow:  0 1px 0 rgba(255,255,255,.8);
}
#navigation a:hover {
	background-color:#538393;
	color: #fff;
	text-decoration:none;
	text-shadow:  0 -1px 0 rgba(0,0,0,.8);
	}
#navigation a:active {
	background-color:#e45905;
	color:#fff;
}
/* current state */
#home #home a,
#guarantee #guarantee a,
#referral #referral a,
#carpet #carpet a,
#restoration #restoration a,
#vortex #vortex a,
#success #success a,
#about #about a,
#ethical #ethical a,
#contact #contact a {
	background:#0b3c4c;
	color:#fff;
	text-shadow:none;
}
/* hover on current state */
#home #home a:hover,
#guarantee #guarantee a:hover,
#referral #referral a:hover,
#carpet #carpet a:hover,
#restoration #restoration a:hover,
#vortex #vortex a:hover,
#success #success a:hover,
#about #about a:hover,
#ethical #ethical a:hover,
#contact #contact a:hover {
	background-color:#538393;
	color:#fff;
}

/* images */

#photo, .photo {
	width: 54%;
}
img {
	max-width:100%;
}
#photo img, .photo img{
	width: 100%;
}
#photos img {
	max-width: 100%;
}
#photo, .photo{
	float: right;
	margin: 10px 10px 20px 10px;
	clear: right;
}	
#photo em, .photo em{
	display: block;
}
#content .more {
	 float:right; 
	 margin-top: -1em;
}
#graphics, .graphics{
	float: right;
	clear: right;
	margin: 10px;
}
#imgcontainer{
	float: right;
	clear: right;
	margin: 0 2px 0 10px;
	width: 100%;
	height:20em;
}	
#imgcontainer img{
	margin: 20px 0 0;
}
#badges{
	margin: 0 auto;
	clear: right;
	max-width: 666px;
}
#badge_one, #badge_two, #badge_three {
	float: left;
	margin: 10px 12.1212121% 10px 10px;
}
#badge_three {
	margin-right: 10px;
}

.badges {
	padding: 2em;
}

/* success page */
	
.story  {
	margin: 1.5em;
	padding: .5em;
	border: 1px solid #D0D8EB;
}

/* contact info */

#contact #main {
	padding: 20px 0 0 20px;
	max-width: 600px;
	margin: 0 auto;
}
#contact #main a {
	color: #e45905;
}
dl {
	border-bottom: 2px solid #CCCCCCC;
	float: left;
	border-bottom: 2px solid #CCCCCCC;
}
dl dt {
	border-top:2px solid #CCCCCC;
	clear:both;
	float:left;
	font-size:0.85em;
	font-weight:bold;
	padding:5px 0;
	text-align:right;
	text-transform:uppercase;
	width:30%;
}
#content dl {
	width: 90%;
}
#content dl dd {
	width: 70%;
	margin:0px;
}
dl dd {
	border-top:2px solid #CCCCCC;
	float:left;
	padding:5px 0 5px 30px;
}
/* end contact */

#vortex_logo {
	text-align: center;
}
#goals {
	line-height: 1.8em;
}
#footer {
	clear:both;
	color:#FFFFFF;
	font-size:0.75em;
	font-weight:bold;
	margin:0 auto;
	padding:15px 0;
	text-align:center;
	width:97%;
}
.special {
	color: #D40D12;
}
.green {
	color: #72a930;
}
.green a:hover{
	color: #acd977;
}
img, div { 
	behavior: url(iepngfix.htc);
}

/*self-clear floats*/

.group:after {
	content:  ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

*, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* responsive */

@media screen and (max-width: 60em) {
	.emergency a {
	  	font-size: 0.8em;
	}
}
@media screen and (max-width: 40.5em) {
	/* header */

	#header { 
		text-align: center;
		margin: 10px auto;
	}
	.logo{
		float: none;
		display: block;
		width: 100%;
	}
	.emergency	{
		float: none;
		display: block;
		width: 100%;
	}
	.emergency a {
  		font-size: 1.2em;
 	}
	#header h1 {
		padding:0;
		font-size: 1.6em;
	}

	/* top nav */

	.nav-button{
		font-size:1.25em;
		display: inline-block;
	}
	.nav-button a {
		padding: 16px;
		position: relative;
		bottom: 5px;
		left:10px;
	}
	.nav-button a:link, .nav-button a:visited {
		background-color: #D0D8EB;
		background-color: #d9e6ea;
		text-decoration:none;
		color:#22263F;	
		text-shadow:  0 1px 0 rgba(255,255,255,.8);
	}

	/* content */

	#content {
		background: #3D3A71;
		background: #fff;
	}
  	#content-primary {
  		width: 100%;
    	float:none;
    	position:relative;
    	margin: 20px 0 0;
  	}
  	#content-secondary {
  		width:100%;
  		float:none;
  	}
	#navbar{
		display: block;
	}
	#navbar ol li{
		display: inline-block;
		width: 49.52%;
		height: auto;	
	}
	#navigation a{

	}
	#photo, .photo {
		float:none;
		width: 93%;
		max-width: 100%;
		margin: 1em auto;
	}
	#photo img, .photo img{
		max-width: 100%;
	}
	#imgcontainer {
		float:none;
		width: 100%;
		margin: 0 auto;
	}
	#imgcontainer img{
		width: 100%;
	}
}