body { 
	background:		#22263F; 
	color:			#333; 
	font-family:"Verdana",sans-serif;
	font-size:small; 
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:18px;
}

#allcontent { 
	width:			1000px; 
	margin-left: 	auto; 
	margin-right: 	auto;
	 	
}

#header { 
	margin: 0;
	padding: 0px 0px 20px 0px;
	height:	165px;
	border: none;
	width: 100%;
	position: relative;
	}
	
.logo	{
	float: left;
	position: relative;
	display: inline;
}
	
.emergency	{
	float: right;
	position: relative;
	display: inline;
	color: #D40D12;
	width: 240px;
	line-height: 36px;
	text-transform: uppercase;
	font-size: 30px;
	font-weight: bold;
	margin-top: -20px;
	}
.emergency a{
	color:  #D40D12;
	font-style: normal;
	text-decoration: none;
}
.emergency img{
	position: absolute;
	z-index: 0;
	top: 28px;
	right: -8px;
	border: none;
}
#header h1 {
	font-style: italic;
	padding:0px 5px 15px 20px;
	color: white;
	float: left;
	font-size: 1.6em;
	margin-bottom: 10px;
	}
	

#content { 
	border:4px solid #D40D12;
	float:left;
	width:100%;
	font-size:1.05em;
	background: #ccc url(images/bg.png) repeat-y 50% 0;
	}

#content-primary { 
	float:left; 
	clear:left; 
	width:333px; 
	background-color: #D0D8EB;
}

#content-secondary { 
	float:right;
	width:667px; 
	background-color:#3D3A71; 
	color:#D0D8EB; 
}

#content h1 {
	font-size:		2.5em; 
	margin:			0.5em 20px; 
	line-height:	1.15em; 
	color:			white;
	text-shadow:  0 -2px 0 rgba(0,0,0,.9);

}

#content h2 {
	font-size: 170%;
  	letter-spacing: 1px;
  	font-weight: normal;
	margin:			0.6em 20px; 
	color:			white; 
	line-height: 1.33em;
	text-shadow:  0 -1px 0 rgba(0,0,0,.9);

}

#carpet h2.list {
	font-size: 100%;
  	letter-spacing: 1px;
  	font-weight: normal;
	margin:			0.6em 20px; 
	color:			white; 
	line-height: 1.2em;
}

#carpet li.carpetList {
	list-style: none;
}

#restoration h2.list, #bellaire h2.list {
	font-size: 1.05em;
	margin:  0;
	letter-spacing: 0px;
	line-height: 20px;
	color: #D0D8EB;
}

#contact h2{
	margin: 0.6em 0px;
}
#content h3 {
	line-height:	1.2em; 
	margin:			0.6em 20px; 
	color:			#D0D8EB; 
	font-weight:	normal;
}
#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 {
	color:		white;
	text-decoration: none;
}

#content-secondary p a:hover,
#content-secondary h2 a:hover{
	color:	#D40D12;
}

#content-secondary li a:hover {
	color:	#D40D12;
}	
ol {
	width:0;
	margin:0;
	padding:0;
	list-style:none;
}

ol li {
	font-size:1.5em;
	letter-spacing:1px;
	margin:0;
	padding:0;
}


#navigation a {
display:block;
padding-bottom:30px;
padding-left:28px;
padding-top:30px;
width:305px;
}

#navigation a:link, a:visited {
	background-color: transparent;
	color:#22263F;
	text-decoration:none;
	text-shadow:  0 1px 0 rgba(255,255,255,.8);
}
	
#navigation a:hover {
	background-color:#728EC0;
	color: white;
	text-decoration:none;
	text-shadow:  0 -1px 0 rgba(0,0,0,.8);
	}
	#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:#728EC0;
		color:#fff;
		text-shadow:none;
	}
	#home #home a:hover,
	#carpet #carpet a:hover,
	#restoration #restoration a:hover,
	#vortex #vortex a:hover,
	#success #success a:hover,
	#about #about a:hover,
	#contact #contact a:hover {
		background:#728EC0;
	}
	#navigation a:active {
		background:#22263F;
		color:#fff;
	}
#photo, .photo{
	float: right;
	margin: 10px 10px 20px 10px;
	clear: right;
}	
#photo em{
	display: block;
}
	
}
#extra {
background: url(images/gradient.gif) repeat-x;
width: 333px;
height: 200px;
}
#content .more {
	 position:relative; 
	 float:right; 
	  margin-top:-2em;
	 }
#main {
	background:#3D3A71;
	}
#graphics, .graphics{
	float: right;
	clear: right;
	margin: 10px;
	}
#imgcontainer{
	float: right;
	clear: right;
	margin: 0 2px 0 10px;
}		
#badge, #badge_three{
	float: left;
	margin: 10px;
}

#badge_one, #badge_two {
	float: left;
	margin: 10px 80px 10px 10px;
}
	
#box	{
	width: 250px;
	color: #3d3a71;
	float: right;
	clear: right;
	margin: 10px;
	padding: 20px 10px;
	background:#D0D8EB none repeat scroll 0 0;
}

#box h2	{
	color:#3d3a71;
	}
	
#box h3 {
	color:#3d3a71;
	}
	
#story  {
	margin: 1.5em;
	padding: .5em;
	border: 1px solid #D0D8EB;
	}

#contact #main {
	padding: 40px;
}
#contact #main a {
	color: #D0D8EB;
}

dl {
	width:	320px;
	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:100px;
}

#content dl {
	width: 500px;
}
#content dl dd {
width:370px;
margin:0px;
}

dl dd {
border-top:2px solid #CCCCCC;
float:right;
padding:5px 0 5px 30px;
width:200px;
}
#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:970px;
}
.special {
	color: #D40D12;
}
.green {
	color: #72a930;
}
.green a:hover{
	color: #acd977;
}
img, div { behavior: url(iepngfix.htc) }

/* Begin Sliding Panel */

.panel {
position: absolute;
top: 200px;
right: 0;
display: none;
background: #000000;
border:1px solid #111111;
width: 330px;
height: auto;
padding: 30px 130px 30px 30px;
filter: alpha(opacity=95);
opacity: .95;
}

.panel h2{
	color: #cccccc;
}
.panel p{
margin: 0 0 15px 0;
padding: 0;
color: #cccccc;
}

.panel a, .panel a:visited{
margin: 0;
padding: 0;
color: #ffffff;
text-decoration: none;
border-bottom: 1px dotted #ffffff;
}

.panel a:hover, .panel a:visited:hover{
margin: 0;
padding: 0;
color: #ffffff;
text-decoration: none;
border-bottom: 1px solid #ffffff;
}

a.trigger{
position: absolute;
text-decoration: none;
top: 230px; right: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 20px 15px 20px 40px;
font-weight: 700;
background:#D40D12 url(images/plus.png) 15% 55% no-repeat;
border:1px solid #444444;
display: block;
}

a.trigger:hover{
position: absolute;
text-decoration: none;
top: 230px; right: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 20px 20px 20px 40px;
font-weight: 700;
background:#3D3A71 url(images/plus.png) 15% 55% no-repeat;
border:1px solid #444444;
display: block;
}

a.active.trigger {
background:#222222 url(images/minus.png) 15% 55% no-repeat;
}

.columns{
clear: both;
width: 330px;
padding: 0 0 20px 0;
line-height: 22px;
}

.colleft{
float: left;
width: 130px;
line-height: 22px;
}

.colright{
float: right;
width: 130px;
line-height: 22px;
}


hr{
background-color: #333333;
height: 1px;
}



/*self-clear floats*/
.group:after {
	content:  ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}