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

* {margin: 0; padding: 0;}
html {margin: 0 auto; padding: 0;}

body {
	margin: 0 auto; padding: 0;
	background: #1e190d url(images/bkgd_header.jpg) center top repeat-x;
	color: #1e190d;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
}

h1, h2, h3, h4, h5, h6 {font-weight: normal;}

#container {
	margin: 0 auto; padding: 0;
	background: transparent url(images/green_page_bkgd_05.gif) center top repeat-y;
}

#wrapper {
	margin: 0 auto; padding: 0;
	background: transparent url(images/green_page_bkgd_02.jpg) center top no-repeat;
}

#topSection {
	margin: 0 auto; padding: 0;
	width: 980px; height: 359px;
	background: transparent url(images/green_page_logo_02.jpg) top left no-repeat;
}

#topNav {
	height: 96px;
}

#topNav ul#menu	{
	width: 520px;
	background: transparent url(images/spacer.gif) top left no-repeat;
	margin: 0; padding: 0;
	position: relative;
	list-style: none;
	}

#topNav ul#menu li {
	height: 16px;
	margin: 45px 0 0 0; padding: 0;
	position: absolute;
	top: 0;
	}
	
ul#menu li, ul#menu a {
	height: 16px;
	/*\*/overflow: hidden;/**/
	display: block;
	}
	
#topNav ul#menu li a {
	text-indent: -9999px;
	text-decoration: none;
	}
	
#backmenu	{left: 755px; width: 120px; background: transparent url(images/green_home_btn.gif) top left no-repeat;}
#backmenu a:hover	{background: transparent url(images/green_home_btn.gif) 0 -16px no-repeat;}

#topText {
	margin: 0; padding: 40px 30px 0 260px;
}

#topText h1 {
	text-indent: -9999px;
	background: transparent url(images/green_headline_05.gif) top left no-repeat;
	display: block;
	width: 655px; height: 36px;
}

#topText p {
	font-size: 1.3em;
	line-height: 1.7em;
}

.whiteCap {
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #fff;
}

.greenCap {
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #4e730a;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.1em;
}

#content {
	margin: 0 auto; padding: 0;
	width: 980px;
}

#leftSide {
	margin: 0; padding: 20px 10px 20px 5px;
	width: 348px;
	float: left;
}

#leftSide a {color: #4e730a; text-decoration: underline; font-weight: bold;}
#leftSide a:hover {color: #4e730a; text-decoration: none; font-weight: bold;}

#leftSide h2 {
	text-indent: -9999px;
	margin-left: 15px;
	background: transparent url(images/green_headline_21.gif) top left no-repeat;
	display: block;
	width: 301px; height: 22px;
}

#leftSide p {
	margin-left: 15px; padding: 15px 20px 0 0;
	font-size: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.9em;
}

.plusOne {
	font-size: 1.1em;	
}

#rightSide {
	margin: 0 15px 0 0; padding: 0;
	width: 600px;
	float: left;
}

#rightSide a {}
#rightSide a:hover {}

#rightSide h2 {
	text-indent: -9999px;
	margin: 5px 0 10px 0;
	background: transparent url(images/green_headline_3_10.jpg) top left no-repeat;
	display: block;
	width: 374px; height: 49px;
	float: left;
}

#rightSide h2.awards {
	text-indent: -9999px;
	margin: 30px 0 10px 0;
	background: transparent url(images/h3_awards.gif) top left no-repeat;
	display: block;
	width: 602px; height: 47px;
	float: left;
}

#rightSide div#awards p {
	margin-left: 15px; margin-top: 10px; padding: 10px 20px 10px 20px;
	font-size: 1.2em;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1.4em;
}

#rightSide h3 {
	margin-left: 15px; padding: 15px 20px 10px 0;
	font-size: 1.4em;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #1e4766;
	border-bottom: 1px solid #9a9b8d;
}

#rightSide h4 {
	margin-left: 15px; padding: 15px 0 5px 0;
	font-size: 1.1em;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #4e730a;
	text-transform: uppercase;
	letter-spacing: 2px;
}

#rightSide h5 {
	margin-left: 15px; padding: 5px 0 5px 0;
	font-size: 1.2em;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #4e730a;
	letter-spacing: 1px;
	border-bottom: 1px dotted #9a9b8d;
}
#rightSide h5 span.title {
	text-transform: uppercase;
	font-size: 0.7em;
	color: #1e190d;
	letter-spacing: 2px;
}

#rightSide p {
	margin-left: 15px; padding: 5px 20px 10px 0;
	font-size: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.9em;
}

#rightSide #heading {
	width: 100%; height: 55px;
	display: block;
	
}

#rightSide #heading #myslides {
	clear: both;	
}

#rightSide #mySlides ul {
	list-style-position: outside;
	list-style-type: none;
	margin: 5px 40px 5px 20px;
	font-family: Arial, Helvetica, sans-serif;
}

#rightSide #mySlides ul li {
	line-height: 1.5em;
	background: transparent url(images/green_tick.gif) 0 4px no-repeat;
	padding: 5px 25px 5px 25px;
}

/* ----- Content jQuery -------------------- */

#myController span {
color:#FFF;
background:#000;
margin: 10px 10px 10px 0;
cursor:pointer;
}

#jFlowSlide{
border: none;
}

#myController span.jFlowSelected {
background:#F00;
}

#myController div#numone {
	background: transparent url(images/green_numbers_12.gif) left top no-repeat;
	width: 32px; height: 49px;
	float: left;
	text-indent: -9999px;
	cursor: pointer;
	margin: 5px 0 10px 0;
}

#myController div#numtwo {
	background: transparent url(images/green_numbers_13.gif) left top no-repeat;
	width: 32px; height: 49px;
	float: left;
	text-indent: -9999px;
	cursor: pointer;
	margin: 5px 0 10px 0;
}

#myController div#numthree {
	background: transparent url(images/green_numbers_14.gif) left top no-repeat;
	width: 32px; height: 49px;
	float: left;
	text-indent: -9999px;
	cursor: pointer;
	margin: 5px 0 10px 0;
}

#myController div#numfour {
	background: transparent url(images/green_numbers_15.gif) left top no-repeat;
	width: 32px; height: 49px;
	float: left;
	text-indent: -9999px;
	cursor: pointer;
	margin: 5px 0 10px 0;
}

#myController div#numfive {
	background: transparent url(images/green_numbers_16.gif) left top no-repeat;
	width: 32px; height: 49px;
	float: left;
	text-indent: -9999px;
	cursor: pointer;
	margin: 5px 0 10px 0;
}

#myController div#numsix {
	background: transparent url(images/green_numbers_17.gif) left top no-repeat;
	width: 32px; height: 49px;
	float: left;
	text-indent: -9999px;
	cursor: pointer;
	margin: 5px 0 10px 0;
}

#myController div#numseven {
	background: transparent url(images/green_numbers_18.gif) left top no-repeat;
	width: 32px; height: 49px;
	float: left;
	text-indent: -9999px;
	cursor: pointer;
	margin: 5px 0 10px 0;
}

#prevnext {
	margin: 15px 0 20px 15px;	
}

.jFlowPrev, .jFlowNext{
cursor:pointer;
}

/* ----- UnitTip ------------------------ */

/* unitip css */

#unitip {
	position: absolute;
	z-index: 1000;
	top: -1000px;
	color: #fff;
	font: normal normal 1.0em/15px Arial, Helvetica, sans-serif;
	display: none;
}

	#unitippoint, #unitipmid, #unitipcap {
		position: relative;
		top: 0px; 
		left: 0px;
		width: 145px;
		display: block;
	}
	
	#unitippoint { 
		background: url(http://www.fitebuilding.com/wp-content/themes/fite/images/TipPoint2.png) no-repeat; 
		height: 19px; 
		overflow: hidden; 
	}
	
	#unitipmid { 
		background: url(http://www.fitebuilding.com/wp-content/themes/fite/images/TipMid2.png) repeat; 
		width: 115px;
		height: auto; 
		padding: 5px 15px;
	}
	
	#unitipcap { 
		background: url(http://www.fitebuilding.com/wp-content/themes/fite/images/TipCap2.png) no-repeat; 
		height: 7px; 
		overflow: hidden; 
	}

/* ----- Clear Fix ------------------------- */

.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* ----- FOOTER ---------------------------- */

#footer {
	margin: 0 auto; padding: 0;
	background: url(images/green_page_bkgd_06.gif) center top no-repeat;
	clear: both;
	width: 980px; height: 64px;
}

#footer p {
	/*\*/overflow: hidden;/**/
	display: block;
	text-indent: -9999px;
	}
#footer h4 {
	margin: 0 0 0 145px; padding: 34px 0 0 0;
	font-size: 8px;
	color: #6f6a5d;
	font-weight: normal;
	text-transform: uppercase;
	}
#footer a {
	color: #9a9b8d;
	text-decoration: underline;
	}
#footer a:hover {
	color: #9a9b8d;
	text-decoration: none;
	}