@charset "UTF-8";
/* CSS Document */

body {
	background-color:#333;
	margin:0px;
	padding:0px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#theShadowKnows {
	background:url(images/back_shadow.png) repeat-y top left;
	_background:none;
	width:990px;
	margin:auto;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
}

#mainWrapper {
	width:964px;
	margin:20px auto;
	float:none;
	text-align:left;
	border:1px solid #CCC;
}
#headerWrapper {
	background:url(images/hm_header.jpg) no-repeat top left #DCDCDC;
	width:964px;
	height:335px;
	position:relative;
}
#headerWrapperInterior {
	background:url(images/int_header.jpg) no-repeat top left #DCDCDC;
	width:964px;
	height:206px;
	position:relative;
}
#navWrapper {
	background-color:#808080;
	width:946px;
	height:24px;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	position:absolute;
	bottom:0px;
	right:0px;
}
#navWrapper a {
	color:#FFF;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
	margin:0px 12px;
}

#navWrapper a:hover {
	color:#CCC;
}
#navWrapper .currentpage {
	color:#000;
}
#navWrapper .currentpage:hover {
	color:#000;
}
#navWrapper img {
	vertical-align:middle;
}
.subNav {
	position:absolute;
	bottom:0px;
	left:0px;
	color:#e51937;
}
#wideWrapper .subNav a {
	margin:0px 14px 0px 0px;
	font-size:12px;
	color:#e51937;

}
#wideWrapper .subNav a:hover {
	color:#333;
}
#contentWrapper {
	background:url(images/content_back.gif) repeat-x top left #FFF;
	width:964px;
	height:468px;
	position:relative;
}
#wideWrapper {
	width:924px;
	position:absolute;
	top:18px;
	left:19px;
}
#wideWrapper h1 {
	margin:0px 0px 18px 0px;
	font-size:16px;
	color:#FFF;
	border-bottom:2px solid #e51937;
	text-transform:uppercase;
}
#wideWrapper h1 span {
	color:#FFF;
	background-color:#e51937;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
	padding:6px 10px 2px 10px;
	display:table-cell;
	white-space:nowrap;
}
#wideWrapper h2 {
	font-size:14px;
	text-transform:uppercase;
}
#wideWrapper h3 {
	margin:0px;
	font-size:13px;
	color:#e51937;
}
#wideWrapper h4 {
	margin:0px 0px 7px 0px;
	font-size:13px;
	color:#000;
}
#wideWrapper p {
	line-height:16px;
}
#wideWrapper a {
	color:#000;
	text-decoration:none;
}
#wideWrapper a:hover {
	color:#e51937;
}
.contentText {
	position:relative;
	height:337px;
}
.contentPhoto {
	float:right;
	margin:0px 0px 0px 20px;
	width:337px;
}

#featuredWrapper {
	width:666px;
	position:absolute;
	top:18px;
	left:19px;
}
#featuredWrapper h1 {
	margin:0px 0px 18px 0px;
	font-size:13px;
	color:#FFF;
	border-bottom:2px solid #e51937;
	text-transform:uppercase;
}
#featuredWrapper h1 span {
	color:#FFF;
	background-color:#e51937;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
	padding:5px 10px;
	display:table-cell;
}
.featuredPhoto {
	width:506px;
}
.featuredText {
	width:148px;
	position:absolute;
	bottom:0px;
	right:0px;
}
.featuredText p {
	margin:10px 0px 0px 0px;
}
.featuredText b, a {
	font-weight:normal;
	color:#e51937;
}

#rightColumn {
	background:url(images/rightCol_back.gif) repeat-x top left #D7D6D8;
	width:260px;
	height:421px;
	position:absolute;
	top:0px;
	right:0px;
}
#rightColumn h1 {
	margin:0px 0px 14px;
	font-size:13px;
	color:#FFF;
	border-bottom:2px solid #000;
	text-transform:uppercase;
}
#rightColumn h1 span {
	color:#FFF;
	background-color:#000;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
	padding:5px 10px;
	display:table-cell;
}
.rightServices {
	width:230px;
	position:absolute;
	top:18px;
	left:16px;
}
.rightServices p {
	color:#e51937;
	margin:0px;
}
.rightServices ul {
	margin:4px 0px 10px 0px;
	padding:0px 0px 0px 30px;
}
.rightServices a {
	text-decoration:none;
}
.rightServices a:hover {
	text-decoration:underline;
}
.rightProjects{
	width:230px;
	position:absolute;
	top:300px;
	left:16px;
}

.stepcarousel {
	position: relative; /*leave this value alone*/
	left:5px;
	overflow: scroll; /*leave this value alone*/
	width: 232px; /*Width of Carousel Viewer itself*/
	height: 88px; /*Height should enough to fit largest content's height*/
}
.stepcarousel .belt {
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}
.stepcarousel .panel {
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 0px 10px; /*margin around each panel*/
	width: 232px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}


#footer {
	background-color:#808080;
	width:946px;
	height:46px;
	border-top:1px solid #999;
	position:absolute;
	bottom:0px;
	right:0px;
	text-align:center;
	color:#CCC;
	font-size:11px;
	line-height:20px;
}
#footer a {
	color:#CCC;
	text-decoration:none;
	margin:0px 8px;
}
#footer a:hover {
	text-decoration:underline;
}