@charset "utf-8";
/* CSS Document */
html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font-size: 13px;
	font-family: Georgia, Times, serif;
	font-weight: normal;
	line-height: 28px;
	color: #333333;
	background: #4D4D4D;
	
}
.left {
	float: left;
}
.right {
	float: right;
}
.clear {
        height:0;
	font-size: 0;
	display:block;
	clear: both;
	line-height:0;
	margin:0;
	padding:0;
}
.zeroSize {
        height:0;
	font-size: 0;
	line-height:0;
	margin:0;
	padding:0;
}
p, form, div {
	margin:0;
	padding: 0;
	border: 0;
}
#headerImage {
	position: relative;
	padding: 0;
	border: 0;
	width: 950px;
	height: 243px;
	border-bottom: 3px solid #F4B451;
}
#pageContainer {
	position: relative;
	margin: auto;
	width: 950px;
	border-right: 3px solid #F4B451;
	border-left: 3px solid #F4B451;
	border-bottom: 3px solid #F4B451;
}
table#mainContainer {
	border-collapse: collapse;
	border: 0;
	margin: 0;
	padding: 0;
	width: 950px;
	
}
#mainContainer td {
	vertical-align:top;
	padding-top: 20px;
}
#mainContainer tr {
}
#leftContainer {
	width: 233px;
	background: #B4570B url(images/left.nav_image.png) no-repeat;
	background-position: bottom left;
	padding: 0;
	margin: 0;
	border-right: 3px solid #f4b451;
	padding-top: 20px;
	padding-bottom:15px;
	
}
.mainNavigation,
.mainNavigation a,
.mainNavigation a:visited,
.mainNavigation a:link,
.mainNavigation a:hover,
.mainNavigation a:active {
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
}
.mainNavigation a:hover,
.mainNavigation a:active {
	text-decoration: none;
	color: #f4b451;
}
.secondaryNavigation {
	background: url(images/bullet.png) no-repeat 0px 12px;
	margin-left: 20px;
	padding-left: 10px;
	color: #color: #4D4D4D;;
	
}
.secondaryNavigation a,
.secondaryNavigation a:visited,
.secondaryNavigation a:link,
.secondaryNavigation a:hover,
.secondaryNavigation a:active {
	font-size: 14px;
	font-weight: normal;
	color: #f4b451;
	text-decoration: none;
}
ul#leftNavigation {
	list-style-type: none;
	padding: 0;
	margin: 0;
	padding-left: 15px;
	padding-top: 20px;
	color: #4D4D4D;
}
#leftNavigation li {
	text-align: left;
	padding: 0;
	padding-bottom: 12px;
	margin: 0;
	color: #4D4D4D;
}
#navBox_Container {
	text-align: center;
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 10px;
}
.leftNavBox {
	position:relative; 
	left: -2px;
	border: 3px solid #f4b451;
	background: white;
	padding: 7px;
	margin-bottom: 15px;
	color: #00703C;
}

#pageContent {
	background: #c9cbcc url(images/gradient_background.png) no-repeat;
	color: #333333;
	padding: 0;
	margin: 0;
	padding-top: 20px;
	padding-bottom: 160px; /*Adjusts spacing of the bottom text so it doesn't overlay the tertiary navigation */
	width:717px;
}
h1 {
	padding: 0;
	margin: 0;
	font-weight: bold;
	font-size: 18px;
	color: #333333;
}
h2 {
	padding: 0;
	margin: 0;
	font-weight: bold;
	font-size: 16px;
	color: #FFFFFF;
}
#columnContainer {
	text-align: center;
	padding:0;
	margin-left: 20px;
	margin-right: 5px;
	/*
	margin: auto;
	*/
}
.columnBox {
	float: left;
	overflow: hidden;
	height: 186px;
	border: 3px solid #4D4D4D;
	margin: 5px;
	margin-top: 0;
	width:196px;
	padding: 7px;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	
}
.columnBox p {
	font-size: 18px;
	font-weight: normal;
}
.columnBox a,
.columnBox a:visited,
.columnBox a:active,
.columnBox a:hover,
.columnBox a:link {
         text-decoration: none;
	color: #FFFFFF;
}
.textContainer {
	position: relative;
	margin-left: 25px;
	margin-right: 10px;
	/*
	margin: 10px;
	margin: auto;
	*/
	width: 668px;
	padding-top: 0px;
	padding-bottom: 15px;
	text-align:left;
}
.articleContainer {
	width:665px;
	/*
	margin: auto;
	margin: 10px;
	*/
	margin-left:  25px;
	margin-right: 20px;
	border: 3px solid #5A99A7;
	text-align:justify;
}
.articleContainerColor,
a.articleContainerColor,
a.articleContainerColor:hover,
a.articleContainerColor:visited,
a.articleContainerColor:active,
a.articleContainerColor:link {
	text-decoration: none;
}
#footerLayout {
	position: absolute;
	width: 717px;
	border-top: 3px solid #f4b451;
	bottom: 0px;
}
#footerContainer {
	padding: 1px;
	margin: auto;
	color: #4D4D4D;
	font-size: 15px;
}
#footerContainer a,
#footerContainer a:hover,
#footerContainer a:link,
#footerContainer a:active,
#footerContainer a:visited {
	text-decoration: none;
	color: #333333;
}
td.navBullet {
	color:  #00703C;
	text-align:center;
}
#pageFooter {
	z-index:800;
	padding-top: 20px;
	font-size: 13px;
	color: #ffffff;
	margin: auto;
	width: auto;
	text-align: center;
	position: relative;	
	padding-bottom: 10px;
	text-decoration: none;
}
#pageFooter a,
#pageFooter a:hover,
#pageFooter a:link,
#pageFooter a:active,
#pageFooter a:visited {
	text-decoration: none;
	color: #ffffff;
	
}
		
input.searchText {
	padding: 3px;
	margin: 0;
	width: 132px;
	height: 17px;
	border: 2px solid #FFFFFF;
}
.submitButton {
	padding: 0;
	padding-top: 10px;
}
a,
a:link,
a:visited,
a:active,
a:hover {
	color: #B4570B;
	text-decoration: underline;
}
.readMore {
}
.readMore a,
.readMore a:link,
.readMore a:active,
.readMore a:visited,
.readMore a:hover {
	text-decoration:none;
}
#headerText {
	position: absolute;
	width: 550px;
	top: 70px;
	left: 400px;
	text-align: center;
	
}
h1#headerLine1 {
	font-weight: bold;
	padding: 0;
	margin: 0;
	color: #f4b451;
	font-size: 36px;
	line-height: 40px;
}
h2#headerLine2 {
	font-weight: bold;
	padding: 0;
	margin: 0;
	color: #00703C;
	font-size: 23px;
	line-height: 30px;
}
.backToArticles {
	position: relative;
	margin: 0;
	left: 520px;
	right: 0px;
	top: 0px;
}
.foundArticleContainer,
.foundPageContainer {
	padding-left: 10px;
}
#coloredSpacer {
	background: red;
	width: 100%;
	height: 24px;
	border-bottom: 3px solid #FFFFFF;
}
table#navigationContainer {
	/*
	 * height: 24px; 
	border-collapse: collapse;
	padding: 10px;
	 * */
	height: 55px; 
	font-size: 18px;
	background: #ffffff;
	font-weight: bold;
	margin: 0;
	width: 100%;
	color: #4D4D4D;
	border-bottom: 3px solid #f4b451;
}
#navigationContainer tr {
	padding: 0;
	margin: 0;
}
#navigationContainer td {
	text-align: center;
	padding: 0;
	margin: 0;
	vertical-align:middle;
}
#navigationContainer a,
#navigationContainer a:link,
#navigationContainer a:visited {
	text-decoration: none;
	color: #4D4D4D;
}
#navigationContainer a:hover,
#navigationContainer a:active {
	text-decoration: none;
	color: #B4570B;
}

#leftShadow {
	position: absolute;
	height: 100%;
	width: 35px;
	background: url(images/leftShadow.png) repeat-y;
	top: 0;
	left: -38px;
	z-index: 5;
}
#rightShadow {
	position: absolute;
	height: 100%;
	width: 35px;
	background: url(images/rightShadow.png) repeat-y;
	top: 0;
	right: -38px;
	z-index: 5;
}
#bottomRightShadow {
	position: absolute;
	height: 70px;
	width: 70px;
	background: url(images/bottomRightShadow.gif) no-repeat;
	bottom: -38px;
	right: -38px;
	z-index: 25;
}
#bottomLeftShadow {
	position: absolute;
	height: 70px;
	width: 70px;
	background: url(images/bottomLeftShadow.gif) no-repeat;
	bottom: -38px;
	left: -38px;
	z-index: 25;
}
#bottomShadow {
	position: absolute;
	height: 35px;
	width: 100%;
	bottom: -38px;
	left: 0;
	z-index: 5;
	background: url(images/bottomShadow.png) repeat-x;
}
table.articleTable {
	border-collapse: collapse;
	margin: 0;
	border: 0;
	width: 100%;
	margin: auto;
}
.articleTable td,
.articleTable tr {
	padding: 0;
	margin: 0;
	padding: 10px;
	padding-left: 8px;
	padding-right: 8px;
	vertical-align:top;
}
.eventColumn {
	border-left:3px solid #5A99A7;
	vertical-align: top;
	width: 250px;
}
tr.alternate0 {
	padding: 0; 
	margin: 0;
	line-height: 15px;
	background: #6B0A15;
	color:	#00703C;
}
tr.alternate1 {
	line-height: 15px;
	background: #FFFFFF;
	color:	#6A5334;
}
.calculator {
	position: relative;
	margin: auto;
	width: 660px;
	text-align:justify;
	border: 3px solid #6A5334;
	padding-top: 0px;
	padding-bottom: 50px;
}
.mc1 {
	font-size: 14px;
	font-family: Georgia, Trebuchet MS, Arial, sans-serif;
	font-weight: normal;
	line-height: 18px;
	color: #6B0A15;
	/*
	 * background: #658599;
	 */
}
.mc2 {
	font-size: 14px;
	font-family: Georgia, Trebuchet MS, Arial, sans-serif;
	font-weight: normal;
	line-height: 18px;
	color: #6B0A15;
	/*
	 * background: #658599;
	 */
}
.submitbutton {
	font-size: 14px;
	font-family: Georgia, Trebuchet MS, Arial, sans-serif;
	color: #ffffff;
	background: #6B0A15;
}


#lockboxLock {
	position: absolute;
	right: 10px;
	top: 10px;
	border: 0;
	width:22px;
	height:29px;
}

/* -------- Specific to KW Employment Page -------- */

/* ---- Div holding job content ---- */
.jobBlock {
	position:relative;
	width: 668px;
	margin-left: 25px;
	margin-right: 10px;
	padding-top: 0px;
	padding-bottom: 15px;

}

/* ---- Div holding job title, contact info divs ---- */
.jobLeftSide {
	float:left;
	width:190px;
}

/* ---- Div holding job description, download links ---- */
.jobRightSide {
	float:right;
	width:453px;
}

/* ---- Job Field Information ---- */
.jobTitle {
	width:190px;
	line-height:18px;
	font:Georgia, "Times New Roman", Times, serif; font-size:13px; font-weight:bold;
}

.jobFieldDynamic {
	width:200px;
	overflow:hidden;
}

.jobFieldInfo {
	font-weight:bold;	
}

.jobDescriptionText {
	/* -- Not presently used -- */
}

.jobResumeDownload {
	font-style:italic;
	margin-left:45px;
	margin-top:-39px;
}

.jobPDF {
	outline:none;
	border:none;
}

/* ---- Job Field Links ---- */
.jobBlock a,
.jobBlock a:hover,
.jobBlock a:link,
.jobBlock a:active,
.jobBlock a:visited {
	outline:none;
	text-decoration:none;
	color: #333333;
}

/* -------- End specific to KW Employment Page -------- */


/* -------- Specific to KW Estimate Page -------- */

#messageContainer {
padding-left:25px;
font-weight: bold;
}


/* ---- Drop down arrows for when images are used
 not presently used except for hiding image loads ---- */
.defaultState {
	visibility:hidden;
	position:absolute;
	margin-top:-1px;
	margin-left:71px;
}

.selectionState {
	
	
}

/* -------- Specific to KW Product Page -------- */

/* ---- Container ---- */
#productWindow {
	position:relative;
	width:714px;
}

/* ---- Menu ---- */
#productMenu {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-size:18px;
	color:#333333;
	line-height:24px;
	text-align:center;
	margin-left:50px;
	width:614px;
}

/* ---- Menu Appearance controls ---- */
#productMenu a:link {
	color:#333333;
	outline:none;
	text-decoration:none;
}

#productMenu a:visited {
	outline:none;
	text-decoration:none;
	color:#333333;
}

#productMenu a:hover {
	text-decoration:none;
	color:#FFFFFF;
}

#productMenu a:active, {
	text-decoration:none;
	color:#FFFFFF;
}



/* ---- Picture Block Assets ---- */


#pmdBackground {

	margin-left:50px;
	margin-top:inherit;
	width: 614px 
	height: 504px;
	padding: 514px 0 0 50px;
	background: url(images/products_photo_background.png) no-repeat;
}

#pmdTitle {
	background-color:#4D4D4D;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-size:18px;
	color:#FFFFFF;
	line-height:43px;
	text-align:center;
	position:absolute;
	margin-left:60px;
	margin-top:-503px;
	width:593px;
	height:43px;
}

.pmdCurrentImage {
	position:absolute;
	margin-left:60px;
	margin-top:-466px;
	width:593px;
}

/* ---- Picture Description ---- */
#pmdDescription {
        position: relative;
	padding-left:54px;
	width:605px;
}

/* ---- Rotating Menu Assets ---- */

#productSelection {
	position:relative;
	width:605px;
	padding-left:54px;
}

#photoLayout {
        width:605px;
        position: relative;
	padding-left:54px;
	/*
        margin-top: 20px;
        height:110px;
	*/
}







.productBack {
	float:left;
	margin-top:21px;
}

.productForward {
	float:right;
	margin-top:-60px;
}

.productSelectionMenuHolder {
	margin-left:44px;
	width:518px;
	height:81px;
	background-color:#0C9;
}











/* -------- End specific to KW Product Page -------- */
/* -------- Specific to KW Materials Calculator Page -------- */

/* ---- Entire Form Holder ---- */
#kwMaterials {
	width:714px;
	height:765px;
}

/* ---- Section background ---- */
.kwRectangleBox {
	position:absolute;
	margin-top:0px;
}

/* ---- Titles for the Form Sections and Sub Sections ---- */
.materialAreaTitles {
	margin-left:16px;
	text-align:center;
}

.materialSubTitles {
	font-size:13px;
	font-family:Georgia, Times, serif;
	color:#333333;
}

/* ---- Input / Display Fields ---- */
.materialsNormal {
	width:85px;
	
}

.materialsResultA {
	width:50px;
	
}

.materialsResultB {
	width:115px;
	
}

.materialsUnitsInput {
	width:90px;
	height:23px;
}

/* ---- Drop down images if used ---- */
.defaultDropDown {
	position:absolute;
	margin-top:-1px;
	margin-left:72px;	
}

/* ---- Rectangle Area ---- */
.rectangleArea {
	position:relative;
	margin-left:16px;
	height:197px;	
	background: url(images/border_bg.png) no-repeat;
}

#kwRectType {
	position:absolute;
	margin-top:32px;
	margin-left:25px;
	font-weight:bold;
}

#rectTypeInput {
	position:absolute;
	margin-top:33px;
	margin-left:225px;
}

#kwRectLength {
	position:absolute;
	margin-top:72px;
	margin-left:25px;
	font-weight:bold;
}

#rectLengthInput {
	position:absolute;
	top:75px;
	left:225px;
}

#kwRectWidth {
	position:absolute;
	margin-top:32px;
	margin-left:350px;
	font-weight:bold;
}

#rectWidthInput {
	position:absolute;
	top:35px;
	left:550px;
}

#kwRectDepth {
	position:absolute;
	margin-top:72px;
	margin-left:350px;
	font-weight:bold;
}

#rectDepthInput {
	position:absolute;
	top:75px;
	left:550px;
}

#kwRectResults {
	position:absolute;
	margin-top:137px;
	margin-left:350px;
	font-weight:bold;
}

#rectResultsAInput {
	position:absolute;
	top:140px;
	left:450px;
}

#rectResultsBInput {
	position:absolute;
	top:140px;
	left:520px;
}

#rectCalculate {
	position:absolute;
	top:130px;
	left:100px;
}

/* ---- Circular Area ---- */
.circularArea {
	position:relative;
	margin-left:16px;
	height:197px;
	background: url(images/border_bg.png) no-repeat;
}

#kwCircleType {
	position:absolute;
	margin-top:32px;
	margin-left:25px;
	font-weight:bold;
}

#circleTypeInput {
	position:absolute;
	margin-top:33px;
	margin-left:225px;
}

#kwCircleDepth {
	position:absolute;
	margin-top:72px;
	margin-left:25px;
	font-weight:bold;
}

#circleDepthInput {
	position:absolute;
	top:75px;
	left:225px;
}

#kwCircleDiameter {
	position:absolute;
	margin-top:32px;
	margin-left:350px;
	font-weight:bold;
}

#circleDiameterInput {
	position:absolute;
	top:35px;
	left:550px;
}

#kwCircleResults {
	position:absolute;
	margin-top:137px;
	margin-left:350px;
	font-weight:bold;
}

#circleResultsAInput {
	position:absolute;
	top:140px;
	left:450px;
}

#circleResultsBInput {
	position:absolute;
	top:140px;
	left:520px;
}

#circleCalculate {
	position:absolute;
	top:130px;
	left:100px;
}

/* ---- Triangle Area ---- */
.triangleArea {
	position:relative;
	margin-top:5px;
	margin-left:16px;
	height:197px;	
	background: url(images/border_bg.png) no-repeat;
}

.triangleSubTitle {
	margin-left:16px;
	text-align:center;
	margin-top:-5px;
}

#kwTriangleType {
	position:absolute;
	margin-top:32px;
	margin-left:25px;
	font-weight:bold;
}

#triangleTypeInput {
	position:absolute;
	margin-top:33px;
	margin-left:225px;
}

#kwTriangleLength1 {
	position:absolute;
	margin-top:72px;
	margin-left:25px;
	font-weight:bold;
}

#triangleLength1Input {
	position:absolute;
	top:75px;
	left:225px;
}

#kwTriangleLength2 {
	position:absolute;
	margin-top:32px;
	margin-left:350px;
	font-weight:bold;
}

#triangleLength2Input {
	position:absolute;
	top:35px;
	left:550px;
}

#kwTriangleDepth {
	position:absolute;
	margin-top:72px;
	margin-left:350px;
	font-weight:bold;
}

#triangleDepthInput {
	position:absolute;
	top:75px;
	left:550px;
}

#kwTriangleResults {
	position:absolute;
	margin-top:137px;
	margin-left:350px;
	font-weight:bold;
}

#triangleResultsAInput {
	position:absolute;
	top:140px;
	left:450px;
}

#triangleResultsBInput {
	position:absolute;
	top:140px;
	left:520px;
}

#triangleCalculate {
	position:absolute;
	top:130px;
	left:100px;
}