/* THAT CSS Document */

/*-------------------------------------------------
  General Selectors
-------------------------------------------------*/

body {
	font-family: "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
	font-size: 11px;
	color: #fff;
	background: #ffffff;
	margin: 0;
	padding: 0;
	overflow-x: hidden;
}

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

a:hover {
	color: #999;
	text-decoration: underline;
}

a img {
	border: none;
}

abbr {
	border-bottom: 1px #795f19 dotted;
}

acronym {
	border-bottom: 1px #795f19 dotted;
}

span.caps {
	cursor: help;
	letter-spacing: .07em;
}

abbr {
	cursor: help;
	letter-spacing: .07em;
}

acronym {
	cursor: help;
	letter-spacing: .07em;
}

code {
	font-size: 1em;
	font-style: italic;
}

cite {
	font-size: 0.9em;
	font-style: normal;
}

h1 {
	font-size: 2.0em;
	}

h3 {
	font-size: 1.3em;
	margin: 0;
	padding: 0;
}

p {
	line-height: 1.5em;
	margin: 0 0 1em;
	padding: 0;
}

h4 {
	font-family: sans-serif;
	font-weight: 400;
	letter-spacing: 0px;
	color: #8A8A8A;
}

h3 {
	font-family: sans-serif;
	font-weight: 400;
	letter-spacing: 0px;
	color: #8A8A8A;
}

h2 {
	font-family: sans-serif;
	font-weight: 400;
	letter-spacing: 0px;
	color: #8A8A8A;
}

h1 {
	font-family: sans-serif;
	font-weight: 400;
	letter-spacing: 0px;
	color: #8A8A8A;
	margin-top: 20px;
}

form {
	color: red;
	font-size: large;
}

.error h2 {
	border-top: 1px #795F19 solid;
	border-bottom: 1px #795F19 solid;
	background: #F6ECC8;
}

.clear {
	clear: both;
}

.clearleft {
	clear: left;
}

.clearright {
	clear: right;
}

.clearnone {
	clear: none;
}

/*-------------------------------------------------
  Primary Structure
-------------------------------------------------*/

#logo_topper {
	float: left;
	height: 48px;
	margin: 0;
	padding: 20px 0 20px 45px;
	width: 197px;
	z-index: 1;
}

#main {
	left: 0;
	float: left;
	margin: 0;
	padding: 0;
	width: 890px;
}

#navigation {
	background: #393939;
	float: left;
	height: 54px;
	left: 0;
	padding: 0;
	top: 76px;
	width: 100%;
}

.bottomnav a {
	color: #393939;
	font-size: 11px;
	font-family: helvetica;
	text-decoration: underline;
}

.bottomnav a:hover {
	color: #AE9447;
	font-size: 11px;
	font-family: helvetica;
	text-decoration: underline;
}

.bottomnav p {
	color: #000;
	font-size: 10px;
	font-family: helvetica;
	text-decoration: none;
}

#page_title {
	color: #8A8A8A;
	display: inline;
	float: left;
	font-family: sans-serif;
	font-size: 16px;
	height: 35px;
	margin: 0;
	padding: 18px 0 0 45px;
	width: 600px;
}

/*-------------------------------------------------
  Top Menu
-------------------------------------------------*/

#navigation #tradeshows a {
	border-top: #646464 4px solid;
}

#navigation #beforeafter a {
	border-top: #646464 4px solid;
}

#navigation #agency a {
	border-top: #646464 4px solid;
}

#navigation #skylight a {
	border-top: #646464 4px solid;
}

#navigation #specials a {
	border-top: #646464 4px solid;
}

#navigation #jobsites a {
	border-top: #646464 4px solid;
}

#navigation #roofing a {
	border-top: #646464 4px solid;
}

#navigation #services a {
	border-top: #646464 4px solid;
}

#navigation #venting a {
	border-top: #646464 4px solid;
}

#navigation a {
	color: #fff;
	font-size: 11px;
	font-family: helvetica;
	display: block;
	text-decoration: none;
	padding: 15px 15px;
	background: #393939;
}

#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}

#navigation li {
	float: left;
	background: #393939;
	margin: 0;
	padding: 0 3px;
}

#navigation #spacer {
	width: 280px;
	border-top: #4E4E4E 4px solid;
	color: black;
}

#navigation #specials a:hover {
	border-top: #23818E 4px solid;
}

#navigation #venting a:hover {
	border-top: #23818E 4px solid;
}

#navigation #services a:hover {
	border-top: #787DCC 4px solid;
}

#navigation #roofing a:hover {
	border-top: #AE9447 4px solid;
}

#navigation #jobsites a:hover {
	border-top: #FCE303 4px solid;
}

#navigation #skylight a:hover {
	border-top: #FCE303 4px solid;
}

#navigation #agency a:hover {
	border-top: #B7332D 4px solid;
}

#navigation #beforeafter a:hover {
	border-top: #385888 4px solid;
}

#navigation #tradeshows a:hover {
	border-top: #FF0000 4px solid;
}

#navigation #bookend a {
	width: 6px;
	border-top: #4E4E4E 4px solid;
}

#navigation #solution-active a {
	border-top: #B7332D 4px solid;
	display: block;
	text-decoration: none;
	color: #FFF;
	padding: 17px 10px;
	background: #000;
}

#navigation #services-active a {
	border-top: #787DCC 4px solid;
	display: block;
	text-decoration: none;
	color: #FFF;
	padding: 17px 10px;
	background: #000;
}

#navigation #study-active a {
	border-top: #AE9447 4px solid;
	display: block;
	text-decoration: none;
	color: #FFF;
	padding: 17px 10px;
	background: #000;
}

#navigation #list-active a {
	border-top: #FCE303 4px solid;
	display: block;
	text-decoration: none;
	color: #FFF;
	padding: 17px 10px;
	background: #000;
}

#navigation #agency-active a {
	border-top: #23818E 4px solid;
	display: block;
	text-decoration: none;
	color: #FFF;
	padding: 17px 10px;
	background: #000;
}

#navigation #contact-active a {
	border-top: #385888 4px solid;
	display: block;
	text-decoration: none;
	color: #FFF;
	padding: 17px 10px;
	background: #000;
}

/*-------------------------------------------------
  Header Images
-------------------------------------------------*/

#header_contact h1 {
	text-indent: -1000em;
}





#header_agency h1 {
	text-indent: -1000em;
}





#header_clientlist h1 {
	text-indent: -1000em;
}





#header_casestudy h1 {
	text-indent: -1000em;
}





#header_services h1 {
	text-indent: -1000em;
}





#header_solution h1 {
	text-indent: -1000em;
}





#header_image h1 {
	text-indent: -1000em;
}





/*-------------------------------------------------
  Home Page Images
-------------------------------------------------*/

#image_container {
	float: left;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 360px;
	z-index: 1;
	border-top: #A8A8A8 solid 1px;
	border-bottom: #9E7B02 solid 3px;
	visibility: visible;
}

#focus_image {
	position: absolute;
	left: 0px;
	top: 143px;
	width: 100%;
	height: 360px;
	z-index: 1;
	background: url("") no-repeat #393939;
}

#focus_image2 {
	position: absolute;
	left: 0px;
	top: 143px;
	width: 100%;
	height: 360px;
	z-index: 1;
	background: url("") no-repeat #FFF;
}

#focus_image  ul {
	list-style: none;
	display: inline;
	text-indent: -1000em;
}

#focus_image  #fedex a {
	position: absolute;
	left: 51px;
	top: 220px;
	width: 76px;
	height: 42px;
	z-index: 3;
}

#focus_image  #fedex a:hover {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 290px;
	z-index: 1;
	background: url("") no-repeat #1E2458;
}

#focus_image  #solmelia a {
	position: absolute;
	left: 54px;
	top: 221px;
	width: 95px;
	height: 42px;
	z-index: 3;
}

#focus_image  #solmelia a:hover {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 290px;
	z-index: 1;
	background: url("") no-repeat #0C2059;
}

#focus_image  #hardrock a {
	position: absolute;
	left: 178px;
	top: 222px;
	width: 66px;
	height: 42px;
	z-index: 3;
}

#focus_image  #hardrock a:hover {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 290px;
	z-index: 1;
	background: url("") no-repeat #000;
}

#focus_image  #unisa a {
	position: absolute;
	left: 269px;
	top: 220px;
	width: 90px;
	height: 42px;
	z-index: 3;
}

#focus_image  #unisa a:hover {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 290px;
	z-index: 1;
	background: url("") no-repeat #FBC241;
}

#focus_image  #norwegian a {
	position: absolute;
	left: 375px;
	top: 219px;
	width: 90px;
	height: 42px;
	z-index: 3;
}

#focus_image  #norwegian a:hover {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 290px;
	z-index: 1;
	background: url("") no-repeat #132434;
}

#focus_image  #bigfive a {
	position: absolute;
	left: 477px;
	top: 221px;
	width: 85px;
	height: 42px;
	z-index: 3;
}

#focus_image  #bigfive a:hover {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 290px;
	z-index: 1;
	background: url("") no-repeat #68A255;
}

#focus_image  #clientlist a {
	position: absolute;
	left: 590px;
	top: 240px;
	width: 152px;
	height: 19px;
	z-index: 3;
	font-size: 10px;
	color: white;
	text-decoration: underline;
	text-indent: 0px;
}

#focus_image  #clientlist a:hover {
	text-indent: 0px;
	color: #A8A8A8;
}

.preloadImage {
	display: none;
}

/*-------------------------------------------------
  Top login access
-------------------------------------------------*/

#that_access {
	float: right;
	height: 48px;
	text-align: right;
	top: 60px;
	width: 400px;
	text-transform: uppercase;
}

#that_access .divider {
	padding: 10px 0 0;
}

#that_access a {
	color: #646464;
	display: block;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	padding: 15px 5px 5px;
	text-decoration: none;
}

#that_access li {
	float: right;
	padding: 5px;
}

#that_access ul {
	list-style: none;
}

#footer #links a:hover {
	text-decoration: underline;
}

#that_access a:hover {
	text-decoration: underline;
}

/*-------------------------------------------------
  Common
-------------------------------------------------*/

#common_content {
	float: left;
	width: 800px;
	display: block;
	padding: 10px 0 10px 45px;
}

#common_copy {
	float: left;
	width: 530px;
	display: block;
	padding: 0 0 10px 15px;
	clear: none;
}

#common_copy h1 {
	font-size: 16px;
	color: #8A8A8A;
}

#common_copy h2 {
	font-size: 16px;
	color: #8A8A8A;
}

#common_content ul {
	line-height: 15px;
}

#common_copy h3 {
	font-size: 14px;
	padding: 0 0 5px 0;
	text-decoration: underline;
	color: #8A8A8A;
}

.common_content {
	float: left;
	width: 800px;
	display: block;
	padding: 10px 0 10px 45px;
}

.common_copy {
	float: left;
	width: 470px;
	display: block;
	padding: 0 0 10px 15px;
	clear: none;
}

.examplebox {
	float: left;
	width: 195px;
	text-align: left;
	display: block;
}

.columns {
	float: left;
	width: 220px;
}

/*-------------------------------------------------
  Home Page Content
-------------------------------------------------*/

#main_home {
	float: left;
	width: 920px;
	height: 500px;
}

#left_home {
	float: left;
	width: 420px;
	height: 220px;
	padding: 15px 0 10px 45px;
}

#left_home #project_highlight {
	float: left;
	height: 125px;
	left: 0;
	top: 0;
	width: 400px;
	padding: 8px 0 0 0;
}