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

html
{
	background: #231f20;
}


#header-wrapper 
{
	background: url(images/header-bg.jpg);
	background-position: top center;
	height: 190px;
}

#nav-wrapper
{
	background: url(images/nav-bg.gif);
	height: 39px;
}


#slideshow
{
	height: 356px;
	width: 940px;
	/*background: url(images/slideshow-ph.jpg) no-repeat;
	background-position: bottom center;*/
	margin: auto;
	position: relative;
}

#slideshow span
{
	display: block;
	height: 285px;
	width: 946px;
	overflow: hidden;
	position: absolute;
	top: 40px;
	left: -3px;
}

#slideshow object, #slideshow embed
{
	vertical-align: bottom;
	width: 946px;
}

#header
{
	width: 974px;
	margin: auto;
	position: relative;
}

#header .logo
{
	height: 160px;
	width: 120px;
	background: url(images/header-logo.png) no-repeat;
	background-position: bottom center;
	position: absolute;
	top: 17px;
	left: 12px;
}

#header .logo a
{
	text-decoration: none;
	display: block;
	text-indent: -9999em;
	height: 160px;
	width: 120px;
}

#header .products-callout
{
	height: 18px;
	width: 545px;
	background: url(images/truss-frame-struts.png) no-repeat;
	position: absolute;
	top: 58px;
	right: 90px;
}

#header .enter-site
{
	width: 659px;
	height: 152px;
	background: url(images/enter-site-header.png) no-repeat;
	position: absolute;
	top: 100px;
	right: 17px;
}

#nav
{
	width: 940px;
	margin: auto;
}

#nav ul.contact-links
{
	float: right;
	margin-top: 7px;
}

#nav ul.contact-links li
{
	display: inline;
	line-height: 25px;
}

#nav ul.contact-links li img
{
	vertical-align: top;
}

#nav ul.contact-links li img.email
{
	margin-left: 15px;
}

#nav ul.contact-links li span
{
	font-family: Arial, Helvetica, sans-serif;
	color: #cccccc;
	font-size: 9px;
}

#nav div.home
{
	float: left;
}

#nav div.home a
{
	display: block;
	background: url(images/nav-home.png) no-repeat;
	height: 45px;
	width: 63px;
	margin-top: -6px;
	text-indent: -9999em;
	overflow: hidden;
}

#nav ul.menu
{
	height: 39px;
	width: 578px;
	/*background: url(images/nav-menu.png) no-repeat;	*/
	float: left;
}

#nav ul.menu li
{
	float: left;
	height: 39px;
}

#nav ul.menu a
{
	display: block;
	text-indent: -9999em;
	height: 39px;
}

#nav ul.menu a.products
{
	width: 115px;
	background: url(images/nav-menu.png) no-repeat;	
	background-position: 0 0;
}

#nav ul.menu a.services
{
	width: 107px;
	background: url(images/nav-menu.png) no-repeat;	
	background-position: -115px 0;
}

#nav ul.menu a.faq
{
	width: 77px;
	background: url(images/nav-menu.png) no-repeat;	
	background-position: -223px 0;
}

#nav ul.menu a.testimonials
{
	width: 146px;
	background: url(images/nav-menu.png) no-repeat;	
	background-position: -300px 0;
}

#nav ul.menu a.contact
{
	width: 133px;
	background: url(images/nav-menu.png) no-repeat;	
	background-position: -446px 0;
}


#content
{
	width: 940px;
	margin: auto;
	margin-bottom: 2em;
}

.crosslink 
{
	position: relative;
	padding-top: 30px;
}

.crosslink .builder-imagery
{
	height: 104px;
	width: 127px;
	background: url(images/crosslink-house.png) no-repeat;
	position: absolute;
	right: 19px;
	top: 0px;
}

#content
{
	color: #878787;
	font-size: 0.9em;
	line-height: 1.5em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#content p
{
	margin-bottom: 1em;
	padding: 0px 10px;
}

h2 
{
	color: #a7a7a7;
	font-size: 18px;
	line-height: 3em;
	text-shadow: #010101 1px 1px 1px;
}

#content .landing-content .col1
{
	float: left;
	width: 310px;
}

#content .landing-content .col2
{
	float: right;
	width: 620px;
}

#content .two-col-right, #content .one-col-center
{
	padding-top: 40px;
}

#content .two-col-right .col1
{
	float: left;
	width: 220px;
}

#content .two-col-right .col2
{
	float: right;
	width: 700px;
}

#content .one-col-center .col1
{
	width: 700px;
	margin: auto;
}

.clear { clear: both; }

#content div.enter-site
{
	width: 319px;
	margin: auto;
	padding-top: 40px;
}

#footer
{
	width: 940px;
	margin: auto;
	font-family: Verdana, Tahoma, Arial, Sans Serif;
	font-size: 0.8em;
	color: #fffeff;
	margin-bottom: 40px;
	line-height: 1.5em;
	background: url(images/h-div.png) no-repeat;
	background-position: top center;
	padding-top: 1.5em;
}

#footer p, #footer li a 
{
	font-family: Verdana, Tahoma, Arial, Sans Serif;
	font-size: 0.9em;
	color: #fffeff;
	text-decoration: none;
	line-height: 1.5em;
}

#footer li a:hover
{
	border-bottom: 1px dotted #969193;
}

#footer .address-col
{
	width: 220px;
	/*background: url(images/footer-div.png) no-repeat;*/
	background-position: right top;
	float: left;
	min-height: 120px;
	padding: 5px 0 0 10px;

}

#footer .address-col span a
{
	font-size: 0.8em;
	color: #fffeff;
	text-decoration: none;
}

#footer .address-col span a
{

}

#footer .logo-col
{
	height: 120px;
	margin-top: 18px;
	width: 480px;
	background: url(images/footer-logos.png) no-repeat;
	background-position: center top;
	float: left;
}

#footer .links-col
{
	min-height: 120px;
	width: 220px;
	/*background: url(images/footer-div.png) no-repeat;*/
	background-position: left top;
	float: left;
	text-align: right;
	padding: 5px 10px 0 0;
}

#footer .links-col li
{
	font-size: 1.2em;
}

#footer .clear
{
padding-left: 10px;
}

#content h2,#content h3
{
	padding: 0px 10px;
}

#content h1.hd
{
	height: 169px;
	width: 710px;
	margin-bottom: 1em;	
	text-indent: -9999em;	
}

#content h1.home-hd
{
	background: url(images/home-hd.jpg) no-repeat;
}

#content h1.services-hd
{
	background: url(images/services-hd.jpg) no-repeat;
}

#content h1.faq-hd
{
	background: url(images/faq-hd.jpg) no-repeat;
}

#content h1.contact-hd
{
	background: url(images/contact-hd.jpg) no-repeat;
}

#content h1.testimonials-hd
{
	background: url(images/testimonials-hd.jpg) no-repeat;
}

#content h1.products-hd
{
	background: url(images/products-hd.jpg) no-repeat;
}

#content ul
{
	margin: 0 0 1em 50px;
}

#content li
{
	list-style-type: disc;
	font-weight: bold;
}

#content td
{
	vertical-align: top;
}

#content table.two-col-list
{
	margin: auto;
}

#content dl
{
	padding: 0 10px;
}

#content dl p
{
	padding: 0px;
}

/*
#content dt
{
	background: #8f8a8c;
	border-radius: 2px;
	-moz-border-radius: 2px;
	color: #231f20;
	padding: 5px 15px;
	margin-bottom: 1em;
	font-size: 1.5em;
	text-shadow: #bfbabc 1px 1px 1px;
}

#content dd
{
	padding: 0 15px;
	margin-bottom: 2em;
}
*/
#content dt
{
	color: #a7a7a7;
	font-size: 18px;
	margin-bottom: 1em;
	text-shadow: #010101 1px 1px 1px;
}

#content dd
{
	margin-bottom: 2em;
}

.contact-form
{
	width: 400px;
	float: left;
	margin-left: 10px;
}

.contact-details
{
	width: 260px;
	float: right;
	margin-right: 10px;
}

.contact-form label
{
	display: block;
}

.contact-form input[type="text"] {
	background: url(images/input-bg.png) no-repeat;
	border: medium none;
	color: #eaeaea;
	font-size: 1.2em;
	height: 20px;
	padding: 7px;
	width: 300px;
}

.contact-form input[type="image"] 
{
	height: 34px;
	width: 110px;
}

.contact-form textarea
{
	background:transparent url(images/textarea-bg.png) no-repeat;
	border:medium none;
	color:#EAEAEA;
	font-family:inherit;
	font-size:1.1em;
	font-size-adjust:inherit;
	font-stretch:inherit;
	font-style:inherit;
	font-variant:inherit;
	font-weight:inherit;
	height:92px;
	line-height:inherit;
	overflow:auto;
	padding:5px;
	width:292px;
}

.contact-form .upload {
	position:relative;
	width:400px;
		cursor: hand;
}
.contact-form .realupload {
	position:absolute;
	bottom:0;
	right:0;

	/* start of transparency styles */
	opacity:0;
	-moz-opacity:0;
	filter:alpha(opacity:0);
	/* end of transparency styles */

	z-index:2; /* bring the real upload interactivity up front */
	height: 34px;
	cursor: hand;
}

.contact-form .fakeupload {
	background:url(images/browse.png) no-repeat 100% 50%;
	cursor: hand;
}

.contact-form form .fakeupload input {
	width:300px;
	cursor: hand;
}

#content .contact-form p
{
	padding-left: 0px;
	margin-left: 0px;
}

.contact-pn
{
	font-weight: bold;
}

.testimonial
{
	background: url(images/quote-open.png) no-repeat;
	padding-top: 1em;
	margin-bottom: 2em;
}

.testimonial .type strong
{
	font-weight: bold;
}

#content .testimonial p.signed
{
	padding-bottom: 2em;
	background: url(images/h-div.png) no-repeat;
	background-position: bottom;
	font-style: italic;
}

#content .testimonial p.last
{
	background: none;
}

.mitek-callout, .contact-callout
{
	margin-bottom: 3em;
}

#content p a:link, #content p a:visited
{
	text-decoration: none;
	color: #a9a9a9;
}

#content p a:hover
{
	border-bottom: 1px dotted #a9a9a9;
}

div.h-div
{
	height: 2em;
	background: url(images/h-div.png) no-repeat;
	background-position: center center;
}

#map-canvas
{
	width: 240px;
	height: 240px;
	margin: auto;
	overflow: hidden;
	border: 1px solid #a9a9a9;
}

.addr
{
	padding-top: 1em;
	font-size: 0.8em;
}

.recaptcha_theme_white #recaptcha_response_field
{
    color: #444;
}

strong
{
    font-weight: bold;
}

.cfss-callout
{
	margin-left: -4px;
	margin-top: -2em;
	margin-bottom: 2em;
}