@charset "utf-8";
/* Goliath CSS Document - created by Rafal Kontrym */

h2.header {color:#334f6e; font-family: 'Roboto Condensed', sans-serif; font-size:28px; font-weight:400; margin:0 0 20px 0;}
h3.header {color:#334f6e; font-family: 'Roboto Condensed', sans-serif; font-size:24px; font-weight:400; margin:20px 0 20px 0;}
h4.header {color:#8cc63f; font-family: 'Roboto Condensed', sans-serif; font-size:20px; font-weight:400; margin:20px 0 8px 0;}
p {line-height:20px;}
a {text-decoration:none;}
.lineHoriz {width:580px; height:1px; background-color:#bfe094; float:left; margin:30px 0 40px;}
.textBold {font-weight:bold;}
.textBoldGreen {font-weight:bold; color:#8cc63f;}

a.linkText:link { color:#8cc63f; text-decoration:none;}
a.linkText:visited { color:#8cc63f; text-decoration:none;}
a.linkText:hover { color:#8cc63f; text-decoration:underline;}
a.linkText:active { color:#8cc63f; text-decoration:none;}

a.linkTextBlue:link { color:#334f6e; text-decoration:none;}
a.linkTextBlue:visited { color:#334f6e; text-decoration:none;}
a.linkTextBlue:hover { color:#334f6e; text-decoration:underline;}
a.linkTextBlue:active { color:#334f6e; text-decoration:none;}

.finishRequestBtn {background-color:#334f6e; padding:10px 15px; color:#fff; border-radius:5px;}


body {
	color:#222;
	margin:0;
	padding:0;
	background: #eeefee url(../images/BodyBgRpt.png) repeat-x 0 0 scroll;
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:20px;
}

#bodyContent {
	background: #eeefee url(../images/BodyContentBgRpt.png) repeat-x 0 0 scroll;
}

#wrap {
	width:1150px;
	height:auto;
	overflow:hidden;
	margin:0 auto;
}

#topSection {
	width:960px;
	height:106px;
	margin:0;
}
	#logo {
		width:335px;
		height:88px;
		margin:16px 0 0 -13px;
		float: left;
		background:url(../images/goliath_logo.png) no-repeat 0 0 scroll;
		position:relative;
		z-index:999;
	}
	
		#logoLight {
			height:127px;
			width:571px;
			position:absolute;
			background:url(../images/logoLight.png) no-repeat 0 0 scroll;
			top:0;
			right:50%;
		}

/* main menu styles */
		#nav {
			display:inline-block;
			width:550px;
			float:right;
			margin:0;
			padding:0;
			font-family: 'Roboto Condensed', sans-serif;
			font-size:16px;
			font-weight:400;
			position:relative;
			z-index:99999;
		}
		#nav li {
			float:right;
			position:relative;
			list-style:none;
		}
		#nav a {
			color:#fff;
			text-decoration:none;
			display:block;
			padding:50px 15px 8px;
			margin:0 0 1px 1px;
			-moz-border-radius-bottomright: 8px;
			-webkit-border-bottom-right-radius: 8px;
			border-bottom-right-radius: 8px;
			-moz-border-radius-bottomleft: 8px;
			-webkit-border-bottom-left-radius: 8px;
			border-bottom-left-radius: 8px;
		}
			  #nav li.lastChildNav a {
				  color:#122943;
				  text-decoration:none;
				  display:block;
				  padding:50px 15px 8px;
				  margin:0 0 1px 1px;
				  -moz-border-radius-bottomright: 8px;
				  -webkit-border-bottom-right-radius: 8px;
				  border-bottom-right-radius: 8px;
				  -moz-border-radius-bottomleft: 8px;
				  -webkit-border-bottom-left-radius: 8px;
				  border-bottom-left-radius: 8px;
			  }

		/* selected menu element */
		#nav .current a, #nav li:hover > a {
			background:#334f6e ;
			color:#a9e35b;
		}
		
		/* sublevels */
		#nav ul li:hover a, #nav li:hover li a {
			background:#435f7d;
			border:none;
			color:#fff;
			padding:8px 15px;
			margin:0 0 1px 0;
			border-radius:10px;
		}
		#nav ul li a:hover {
			background:#334f6e ;
			color:#a9e35b;
			border-radius:10px;
		}
		
		/* drop down */
		#nav li:hover > ul {
			opacity:1;
			visibility:visible;
		}
		#nav ul {
			opacity:0;
			visibility:hidden;
			padding:0;
			width:185px;
			position:absolute;
		
			border-radius:8px; /*some css3*/
			-moz-border-radius:8px;
			-webkit-border-radius:8px;
		
			-moz-transition:opacity .3s linear, visibility .1s linear .1s;
			-webkit-transition:opacity .3s linear, visibility .1s linear .1s;
			-o-transition:opacity .3s linear, visibility .1s linear .1s;
			transition:opacity .3s linear, visibility .1s linear .1s;
		}
		#nav ul li {
			float:none;
			margin:0;
		}
		#nav ul a {
			font-weight:normal;
			padding:8px 15px;
		}
		#nav ul ul {
			left:90px;
			top:37px;
		}	
/* END of main menu styles */

#topSectionTextImgWrap {
	width:960px;
	height:404px;
	margin:0;
	padding:0;
	position:relative;
	background: url(../images/topSectionBgRpt.png) repeat-x 0 0 scroll;
}

	#topSectionText {
	width:750px;
	float:left;
	margin:50px 0 0 0;
	font-family: 'Roboto Condensed', sans-serif;
	color:#fff;
	font-size:20px;
	line-height:normal;
	font-weight:300;
	position:relative;
	z-index:999;
	}
	
	#goliathImage {
		width:474px;
		height:404px;
		background:url(../images/goliathImage.jpg) 0 0 no-repeat scroll;
		position:absolute;
		top:0;
		right:0;
		z-index:0;
	}
	
	#buttonsWrap {
		width:650px;
		height:95px;
		position:absolute;
		bottom:0;
		left:0;
	}
		#printBtn {
			height:70px;
			width:235px;
			margin-left:30px;
			font-family: 'Roboto Condensed', sans-serif;
			font-weight:400;
			font-size:28px;
			color:#fff;
			text-align:right;
			padding:25px 40px 0 0;
			-webkit-border-radius: 8px;
			-moz-border-radius: 8px;
			border-radius: 8px;
			background-color:#334f6e;
			line-height:23px;
			float:left;
			text-decoration:none;
		transition: background-color .2s;
		-moz-transition: background-color .2s; /* Firefox 4 */
		-webkit-transition: background-color .2s; /* Safari and Chrome */
		-o-transition: background-color .2s; /* Opera */
		
		transition: color .2s;
		-moz-transition: color .2s; /* Firefox 4 */
		-webkit-transition: color .2s; /* Safari and Chrome */
		-o-transition: color .2s; /* Opera */

		}
			#printBtn:hover {
				background-color:#2b4664;
				color:#a9e35b;
			}		
		
		#webBtn {
			height:70px;
			width:235px;
			margin-left:30px;
			font-family: 'Roboto Condensed', sans-serif;
			font-weight:400;
			font-size:28px;
			color:#fff;
			text-align:right;
			padding:25px 40px 0 0;
			-webkit-border-radius: 8px;
			-moz-border-radius: 8px;
			border-radius: 8px;
			background-color:#8cc63f;
			line-height:23px;
			float:left;
			text-decoration:none;
		transition: background-color .2s;
		-moz-transition: background-color .2s; /* Firefox 4 */
		-webkit-transition: background-color .2s; /* Safari and Chrome */
		-o-transition: background-color .2s; /* Opera */
		}
			#webBtn:hover {
				background-color:#77ad2f;
			}

/* ----------------------  CONTENT  ------------------  */

#content {
	width:900px;
	height:auto;
	background-color:#fff;
	margin:0;
	padding:0;
	position:relative;
	overflow:hidden;
	padding:30px;
	right: 0px;
}

	#printHead {
		width:930px;
		height:31px;
		margin:23px 0 0 0;
		padding:20px 0 20px 30px;
		color:#b2c6de;
		font-size:30px;
		text-shadow:0 -1px 1px #0d2138;
		font-family: 'Roboto Condensed', sans-serif;
	}

#contentOtherPages {
	width:1010px;
	height:auto;
	background-color:#fff;
	margin:0;
	padding:0;
	position:relative;
	overflow:hidden;
	padding:0 30px 30px 30px;
}

#contentLinksTop {
	width:100%;
	height:30px;
	float:left;
	padding:0;
	margin:0 0 40px 0;
}
#contentLinksTop ul.breadcrumb {
	background: none repeat scroll 0 0 transparent;
    padding: 0;
	color:#334f6e;
	margin:0 0 30px 0;
}
#contentLinksTop ul.breadcrumb li {display:inline; list-style:none; text-shadow:0 1px 0 #fff;}

#contentLinksTop ul.breadcrumb li a:link {color:#7eb635; text-decoration:none;}
#contentLinksTop ul.breadcrumb li a:visited {color:#7eb635; text-decoration:none;}
#contentLinksTop ul.breadcrumb li a:hover {color:#7eb635; text-decoration:underline;}
#contentLinksTop ul.breadcrumb li a:active {color:#7eb635; text-decoration:none;}

#contentLinksTop ul.breadcrumb li.divider {padding:0 8px;}

	.contLeftCol {
		width:690px;
		border-right:solid 1px #bfe094;
		overflow:hidden;
		margin:30px 0 0 0;
		float:left;
	}
	
	.sectionHome {
		width:275px;
		float:left;
		margin:0 30px 20px 0;
	}
	
		.sectionContent {
			width:575px;
			float:left;
			margin:0 30px 40px 0;
			border-bottom:#BFE094 solid 1px;
			padding:0 0 40px 0;
		}
			.sectionContentLastChild {
				width:575px;
				float:left;
				margin:0 30px 40px 0;
			}
			
		.arrowUp {
			width:30px;
			height:30px;
			float:right;
			background-color:#334f6e;
			background-image:url(../images/arrowUp.png);
			background-repeat:no-repeat;
			margin:0 30px 0 0;
		}
	
	span.textHome {
		margin:0 0 20px 0;
	}
	
	.btnMore {
		color:#8ca4be;
		width:105px;
		text-align:center;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		background-color:#334f6e;
		padding:8px 0;
		font-family: 'Roboto Condensed', sans-serif;
		font-weight:700;
		font-size:17px;
		text-decoration:none;
		margin:20px 0 0 0;
		transition: background-color .2s;
		-moz-transition: background-color .2s; /* Firefox 4 */
		-webkit-transition: background-color .2s; /* Safari and Chrome */
		-o-transition: background-color .2s; /* Opera */
		
		transition: color .2s;
		-moz-transition: color .2s; /* Firefox 4 */
		-webkit-transition: color .2s; /* Safari and Chrome */
		-o-transition: color .2s; /* Opera */
	}
		.btnMore:hover {
			background-color:#2b4664;
			color:#a9e35b;
		}

.rightColumn {
	width:250px;
	float:left;
	margin:30px 0 0 34px;
}
		#quoteBtn {
			height:70px;
			width:205px;
			margin:0 0 30px 0;
			font-family: 'Roboto Condensed', sans-serif;
			font-weight:400;
			font-size:28px;
			color:#fff;
			text-align:right;
			padding:25px 40px 0 0;
			-webkit-border-radius: 8px;
			-moz-border-radius: 8px;
			border-radius: 8px;
			background-color:#334f6e;
			line-height:23px;
			float:left;
			text-decoration:none;
		transition: background-color .2s;
		-moz-transition: background-color .2s; /* Firefox 4 */
		-webkit-transition: background-color .2s; /* Safari and Chrome */
		-o-transition: background-color .2s; /* Opera */
		
		transition: color .2s;
		-moz-transition: color .2s; /* Firefox 4 */
		-webkit-transition: color .2s; /* Safari and Chrome */
		-o-transition: color .2s; /* Opera */

		}
			#quoteBtn:hover {
				background-color:#2b4664;
				color:#a9e35b;
			}		
ul#linksMore {
	padding:0 0 0 2px;
	color:#334f6e;
	margin:55px 0 30px 0;
}

#linksMore li.liMore {
	padding:11px 0;
	list-style:none;
	margin:0;
	border-top:1px solid #bfe094;
}
	#linksMore li.liMoreSelected {
		padding:11px 0;
		list-style:none;
		margin:0;
		border-top:1px solid #bfe094;
		font-weight:bold;
	}
#linksMore li.liMoreLast {
	padding:11px 0;
	list-style:none;
	margin:0;
	border-top:1px solid #bfe094;
	border-bottom:1px solid #bfe094;
}
	#linksMore li.liMore a:link {color:#334f6e; text-decoration:none;}
	#linksMore li.liMore a:visited {color:#334f6e; text-decoration:none;}
	#linksMore li.liMore a:hover {color:#334f6e; text-decoration:underline;}
	#linksMore li.liMore a:active {color:#334f6e; text-decoration:none;}
	
	#linksMore li.liMoreLast a:link {color:#334f6e; text-decoration:none;}
	#linksMore li.liMoreLast a:visited {color:#334f6e; text-decoration:none;}
	#linksMore li.liMoreLast a:hover {color:#334f6e; text-decoration:underline;}
	#linksMore li.liMoreLast a:active {color:#334f6e; text-decoration:none;}
	
	.arrowSmall {color:#7EB635; margin-right:10px;}

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

#footerWrap {
	width:100%;
	height:315px;
background: rgb(99, 156, 23);
background: -moz-linear-gradient(90deg, rgb(99, 156, 23) 0%, rgb(114, 172, 36) 80%);
background: -webkit-linear-gradient(90deg, rgb(99, 156, 23) 0%, rgb(114, 172, 36) 80%);
background: -o-linear-gradient(90deg, rgb(99, 156, 23) 0%, rgb(114, 172, 36) 80%);
background: -ms-linear-gradient(90deg, rgb(99, 156, 23) 0%, rgb(114, 172, 36) 80%);
background: linear-gradient(180deg, rgb(99, 156, 23) 0%, rgb(114, 172, 36) 80%);
}

#footerLinksWrap {
	width:960px;
	height:270px;
	margin:0 auto 0;
}
	#footerLinksWrap table {
		float:left;
		font-family: 'Roboto Condensed', sans-serif;
		color:#d6e9bd; /* d6e9bd */
	}
	
	#footerTbl {
		margin:22px 0 0 25px;
		padding:0;
	}
	
	#footerTbl td.footHead {
		font-size:23px;
		color:#9cd156;
		text-shadow:0 1px 1px #557629;
	}
		#footerTbl td {
			font-size:14px;
			color:#d6e9bd;
			text-shadow:0 1px 1px #557629;
		}
		
		#footerTbl td img.line {
			margin:0;
		}
		#footerTbl td img {
			margin:-14px 10px 0 0;
			z-index:999;
		}
			td img:hover {
				opacity:.75;
				z-index:999;
			}

		a.footerLink:link {color:#d6e9bd; text-shadow:0 1px 1px #557629; text-decoration:none;}
		a.footerLink:visited {color:#d6e9bd; text-shadow:0 1px 1px #557629; text-decoration:none;}
		a.footerLink:hover {color:#d6e9bd; text-shadow:0 1px 1px #557629; text-decoration:underline;}
		a.footerLink:active {color:#d6e9bd; text-shadow:0 1px 1px #557629; text-decoration:none;}

#footerBlueBottom {
	background:url(../images/footerBottomBgRpt.png) repeat-x 0 0 scroll;
	width:100%;
	position:absolute;
	bottom:0;
	height:42px;
}
	#copyWrap {
		width:960px;
		margin:0 auto 0;
		height:42px;
	}
		#copy, #webDesigner {
			font-size:11px;
			padding:15px 0;
			color:#8fa7c3;
			line-height:11px;
		}
		
		#copy {float:left; margin:0 0 0 30px; width:500px;}
		#webDesigner {float:left; margin:0 0 0 166px;}
		
		#webDesigner a {
			text-decoration:none; 
			color:#8fa7c3;
			transition: color .2s;
			-moz-transition: color .2s; /* Firefox 4 */
			-webkit-transition: color .2s; /* Safari and Chrome */
			-o-transition: color .2s; /* Opera */
		}
		#webDesigner a:hover {
			color:#8CC63F;
		}
					
/* ------  Back to Top ------ */

#backtotop {
	position: fixed;
	right:15px;
	bottom:55px;
	display:none;/*hid the button first*/
}
#backtotop a {
	text-decoration:none;
	border:0 none;
	display:block;
	width:30px;
	height:30px;
	padding:10px;
	background-color:#334f6e;
	
transition: background-color .2s;
-moz-transition: background-color .2s; /* Firefox 4 */
-webkit-transition: background-color .2s; /* Safari and Chrome */
-o-transition: background-color .2s; /* Opera */

}
#backtotop a:hover {
	background-color:#8cc63f;
	/* opacity:.8; /*mouse over fade effect*/
}
.clrb {
	clear:both;
}
#maindiv {
	width:700px;
	border:1px solid #999;
	margin:auto;
	padding:20px;
}

/* -----------  Call Back Form ----------------- */

#requestCallForm .formCallLAbel {
	margin:0 0 3px 0;
	padding:0 0 0 5px;
}
#requestCallForm .requestCallFormLab {
	width:220px;
	border:3px #8ba3be solid;
	border-radius:7px;
	padding:7px 10px;
	background-color:#edf7e1;
	margin:0 0 10px 0;
	font-size:14px;
	color:#334f6e;
}

#requestCallForm #submit {
	width:160px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding:7px 10px;
	background-color:#334f6e;
	margin:10px 0 10px 45px;
	font-size:16px;
	color:#fff;
	cursor:pointer;
	border:3px #334f6e solid;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:400;

	transition: background-color .2s;
	-moz-transition: background-color .2s; /* Firefox 4 */
	-webkit-transition: background-color .2s; /* Safari and Chrome */
	-o-transition: background-color .2s; /* Opera */
	
	transition: color .2s;
	-moz-transition: color .2s; /* Firefox 4 */
	-webkit-transition: color .2s; /* Safari and Chrome */
	-o-transition: color .2s; /* Opera */
}
		#requestCallForm #submit:hover {
			background-color:#2b4664;
			color:#a9e35b;
		}		

/* -----------  Guided Quote Request Form ----------------- */

#gqrForm .gqrFormLabel {
	margin:0 0 3px 0;
	padding:0 0 0 5px;
}

#gqrForm .gqrFormInput {
	width:400px;
	border:3px #8ba3be solid;
	border-radius:7px;
	padding:7px 10px;
	background-color:#edf7e1;
	margin:0 0 10px 0;
	font-size:14px;
	color:#334f6e;
}

#gqrForm .gqrFormSelect {
	width:200px;
	border:3px #8ba3be solid;
	border-radius:7px;
	padding:7px 10px;
	background-color:#edf7e1;
	margin:0 0 10px 0;
	font-size:14px;
	color:#334f6e;
}

#gqrForm #submit {
	width:160px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding:7px 10px;
	background-color:#334f6e;
	margin:10px 0 10px 0;
	font-size:16px;
	color:#fff;
	cursor:pointer;
	border:3px #334f6e solid;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:400;

	transition: background-color .2s;
	-moz-transition: background-color .2s; /* Firefox 4 */
	-webkit-transition: background-color .2s; /* Safari and Chrome */
	-o-transition: background-color .2s; /* Opera */
	
	transition: color .2s;
	-moz-transition: color .2s; /* Firefox 4 */
	-webkit-transition: color .2s; /* Safari and Chrome */
	-o-transition: color .2s; /* Opera */
}
		#gqrForm #submit:hover {
			background-color:#2b4664;
			color:#a9e35b;
		}		

	.invisible-recaptcha{
	width:160px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding:7px 10px;
	background-color:#334f6e;
	margin:10px 0 10px 0;
	font-size:16px;
	color:#fff;
	cursor:pointer;
	border:3px #334f6e solid;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:400;

	transition: background-color .2s;
	-moz-transition: background-color .2s; /* Firefox 4 */
	-webkit-transition: background-color .2s; /* Safari and Chrome */
	-o-transition: background-color .2s; /* Opera */
	
	transition: color .2s;
	-moz-transition: color .2s; /* Firefox 4 */
	-webkit-transition: color .2s; /* Safari and Chrome */
	-o-transition: color .2s; /* Opera */
}
	.invisible-recaptchahover {
			background-color:#2b4664;
			color:#a9e35b;
		}

/* -----------  Free Form RFQ  ----------------- */
	
#rfqForm .rfqFormLabel {
	margin:0 0 3px 0;
	padding:0 0 0 5px;
}

#rfqForm .rfqFormInput {
	width:400px;
	border:3px #8ba3be solid;
	border-radius:7px;
	padding:7px 10px;
	background-color:#edf7e1;
	margin:0 0 10px 0;
	font-size:14px;
	color:#334f6e;
}

#rfqForm #submit {
	width:160px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding:7px 10px;
	background-color:#334f6e;
	margin:10px 0 10px 0;
	font-size:16px;
	color:#fff;
	cursor:pointer;
	border:3px #334f6e solid;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:400;

	transition: background-color .2s;
	-moz-transition: background-color .2s; /* Firefox 4 */
	-webkit-transition: background-color .2s; /* Safari and Chrome */
	-o-transition: background-color .2s; /* Opera */
	
	transition: color .2s;
	-moz-transition: color .2s; /* Firefox 4 */
	-webkit-transition: color .2s; /* Safari and Chrome */
	-o-transition: color .2s; /* Opera */
}
		#rfqForm #submit:hover {
			background-color:#2b4664;
			color:#a9e35b;
		}		

/* ---------------- Upload files Form --------------------- */


#uploadFilesForm .uploadFilesLabel {
	margin:0 0 3px 0;
	padding:0 0 0 5px;
}

#uploadFilesForm .uploadFilesInput {
	width:200px;
	border:3px #8ba3be solid;
	border-radius:7px;
	padding:7px 10px;
	background-color:#edf7e1;
	margin:0 0 10px 0;
	font-size:14px;
	color:#334f6e;
}

#uploadFilesForm #submit {
	width:160px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding:5px 7px;
	background-color:#334f6e;
	margin:10px 0 10px 0;
	font-size:16px;
	color:#fff;
	cursor:pointer;
	border:3px #334f6e solid;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:400;

	transition: background-color .2s;
	-moz-transition: background-color .2s; /* Firefox 4 */
	-webkit-transition: background-color .2s; /* Safari and Chrome */
	-o-transition: background-color .2s; /* Opera */
	
	transition: color .2s;
	-moz-transition: color .2s; /* Firefox 4 */
	-webkit-transition: color .2s; /* Safari and Chrome */
	-o-transition: color .2s; /* Opera */
}
		#uploadFilesForm #submit:hover {
			background-color:#2b4664;
			color:#a9e35b;
		}		

#uploadFilesForm input {
	margin:0 0 7px 0;
	background-color:#edf7e1;
}

#file-upload {
    display: none;
}

.file-upload-label {
    background-color: #334f6e;
    color: #fff;
    padding: 10px 20px;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 16px;
    transition: background-color .2s;
}

.file-upload-label:hover {
    background-color: #2b4664;
    color: #a9e35b;
}