/* Master Styles */

* {
	margin:0;
	padding:0;
	list-style:none;
}

html, body {

	behavior: url('/demo/csshover.htc');
	/*behavior: url('iepngfix.htc');*/

	margin: 0;
	padding: 0;
	backgroud-color: #ffffff;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	color: #777777;
}

#atffc {
	display: none;	/* removes BUG space for AddThis */
}

#oWrapper {
	position: relative;
	width: 100%;
	height: 100%;
}

h1, h2, h3 {
	display: none;
}

h5 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	line-height: 21px;
	color: #0055a4;
	font-weight: normal;
	
	padding: 0 0 5px 0;
}

p {	
	padding-bottom: 15px;
}

img {
	border: 0;
	margin: 0;
	padding: 0;
}

a:link {
	color: #0099ff;
	text-decoration: none;
}

a:visited {
	color: #0099ff;
	text-decoration: none;
}

a:active {
	color: #0099ff;
	text-decoration: none;
}

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

.clear {
	clear: both;
	height: 0px;
	
	/* IE HACK */
	font-size: 0px;
	line-height: 0px;
	
	_display: none;
}

/*  HEADER */

	#oHeaderHolder
	{
		width: 100%;
		height: 120px;
		background: #ffffff url(../_img/bg_header.gif);
	}
	
	
	#oHeader {
		margin: 0 auto;
		width: 1010px;
		height: 120px;
	}
	
		#oLogo {
			margin: 0 auto;
			padding: 13px 0 0 0;
			*padding: 15px 0 0 0;	/* IE 7 HACK */
			_padding: 13px 0 0 0;	/* IE 6 HACK */
			width: 1010px;
			height: 79px;
			display: block;
		}
	
			#hciLogo {
				width: 300px;
				height: 79px;
				background: url(../_img/bg_logo.gif) no-repeat;
				float: left;
				cursor: pointer;
			}
			
			#oSubNav {
				width: 632px;
				height: 79px;
				float: right;
				margin-right: 45px;
				_margin-right: 25px;
				_overflow: hidden;		/* IE 6 HACK */
			}
			
				#nav_whyhci {
					background: url(../_img/why_hci.gif) no-repeat;
					display: block;
					width: 103px;
					height: 79px;
					float: left;
					padding: 0 35px 0 0;
					background-position: 0 -79px;
				
				}
				
				#nav_whyhci_selected {
					background: url(../_img/b_why_hci.gif) no-repeat;
					display: block;
					width: 103px;
					height: 79px;
					float: left;
					padding: 0 35px 0 0;
					background-position: 0 -79px;
				
				}
			
				#nav_whyhci a {
					background: url(../_img/b_why_hci.gif) no-repeat;
					display: block;
					width: 103px;
					height: 79px;
				
				}
				
				#nav_whyhci a:hover {
					background-position: 0 -79px;	
				}
			
				
				#nav_scienceofice, #nav_scienceofice_selected  {
					background: url(../_img/b_science_of_ice.gif) no-repeat;
					display: block;
					width: 183px;
					height: 79px;
					float: left;
					padding: 0 35px 0 0;
					background-position: 0 -79px;
				
				}
			
			
				#nav_scienceofice a {
					background: url(../_img/b_science_of_ice.gif) no-repeat;
					display: block;
					width: 183px;
					height: 79px;
				
				}
				
				#nav_scienceofice a:hover {
					background-position: 0 -79px;	
				}
				
				
				/*
				#nav_positionquiz, #nav_positionquiz_selected {
					background: url(../_img/b_position_quiz.gif) no-repeat;
					display: block;
					width: 136px;
					height: 79px;
					float: left;
					padding: 0 35px 0 0;
					background-position: 0 -79px;
				
				}
			
				#nav_positionquiz a {
					background: url(../_img/b_position_quiz.gif) no-repeat;
					display: block;
					width: 136px;
					height: 79px;
				
				}
				
				#nav_positionquiz a:hover {
					background-position: 0 -79px; 			
				}
				*/
				
				
				#nav_iceqtest, #nav_iceqtest_selected  {
					background: url(../_img/b_iceq_test.gif) no-repeat;
					display: block;
					width: 102px;
					height: 79px;
					float: left;
					padding: 0 35px 0 0;
					background-position: 0 -79px;
				
				}
			
				#nav_iceqtest a {
					background: url(../_img/b_iceq_test.gif) no-repeat;
					display: block;
					width: 102px;
					height: 79px;
				
				}
				
				#nav_iceqtest a:hover {
					background-position: 0 -79px; 			
				}
				
				
				#nav_icecalculator, #nav_icecalculator_selected  {
					background: url(../_img/b_ice_calculator.gif) no-repeat;
					display: block;
					width: 139px;
					height: 79px;
					float: left;
					padding: 0 0 0 0;
					background-position: 0 -79px;
				
				}
			
				#nav_icecalculator a {
					background: url(../_img/b_ice_calculator.gif) no-repeat;
					display: block;
					width: 139px;
					height: 79px;
				
				}
				
				#nav_icecalculator a:hover {
					background-position: 0 -79px; 			
				}
				
			
				
		#oNav {
			display: block;
			width: 960px;
			height: 14px;
			padding: 12px 0 0 0;
			margin: 0 auto;
		}
		
		
		
			#nav_home, #nav_home_selected  {
				background: url(../_img/b_home.gif) no-repeat;
				display: block;
				width: 13px;
				height: 14px;
				float: left;
				padding: 0 25px 0 0;
				background-position: 0 -14px;
			
			}
		
			#nav_home a {
				background: url(../_img/b_home.gif) no-repeat;
				display: block;
				width: 13px;
				height: 14px;
			
			}
			
			#nav_home a:hover {
				background-position: 0 -14px; 			
			}
			
						
			#nav_history, #nav_history_selected  {
				background: url(../_img/b_history.gif) no-repeat;
				display: block;
				width: 45px;
				height: 14px;
				float: left;
				padding: 0 25px 0 0;
				background-position: 0 -14px;
			
			}
		
			#nav_history a {
				background: url(../_img/b_history.gif) no-repeat;
				display: block;
				width: 45px;
				height: 14px;
			
			}
			
			#nav_history a:hover {
				background-position: 0 -14px; 			
			}
			
			
			#nav_customers, #nav_customers_selected {
				background: url(../_img/b_customers.gif) no-repeat;
				display: block;
				width: 64px;
				height: 14px;
				float: left;
				padding: 0 25px 0 0;
				background-position: 0 -14px;
			
			}
		
			#nav_customers a {
				background: url(../_img/b_customers.gif) no-repeat;
				display: block;
				width: 64px;
				height: 14px;
			
			}
			
			#nav_customers a:hover {
				background-position: 0 -14px; 			
			}
			
			
			#nav_services, #nav_services_selected{
				background: url(../_img/b_services.gif) no-repeat;
				width: 49px;
				height: 14px;
				float: left;
				padding: 0 25px 0 0;
				background-position: 0 -14px;
			
			}
		
			#nav_services a {
				background: url(../_img/b_services.gif) no-repeat;
				display: block;
				width: 49px;
				height: 14px;
			
			}
			
			#nav_services a:hover {
				background-position: 0 -14px; 			
			}
			
			
			#nav_job, #nav_job_selected{
				background: url(../_img/b_job_application.gif) no-repeat;
				width: 91px;
				height: 14px;
				float: left;
				padding: 0 25px 0 0;
				background-position: 0 -14px;
			
			}
		
			#nav_job a {
				background: url(../_img/b_job_application.gif) no-repeat;
				display: block;
				width: 91px;
				height: 14px;
			
			}
			
			#nav_job a:hover {
				background-position: 0 -14px; 			
			}
			
			#nav_news, #nav_news_selected{
				background: url(../_img/b_news.gif) no-repeat;
				width: 32px;
				height: 14px;
				float: left;
				padding: 0 25px 0 0;
				background-position: 0 -14px;
			}
		
			#nav_news a {
				background: url(../_img/b_news.gif) no-repeat;
				display: block;
				width: 32px;
				height: 14px;
			}
			
			#nav_news a:hover {
				background-position: 0 -14px; 			
			}
			
			
			#nav_contact, #nav_contact_selected  {
				background: url(../_img/b_contact.gif) no-repeat;
				display: block;
				width: 52px;
				height: 14px;
				float: left;
				padding: 0 25px 0 0;
				background-position: 0 -14px;
			
			}
		
			#nav_contact a {
				background: url(../_img/b_contact.gif) no-repeat;
				display: block;
				width: 52px;
				height: 14px;
			
			}
			
			#nav_contact a:hover {
				background-position: 0 -14px; 			
			}
			
			
			#nav_share, #nav_share_selected  {
				background: url(../_img/b_share.gif) no-repeat;
				display: block;
				width: 33px;
				height: 14px;
				float: right;
				padding: 0 25px 0 0;
				background-position: 0 -14px;
			
			}
		
			#nav_share a {
				background: url(../_img/b_share.gif) no-repeat;
				display: block;
				width: 33px;
				height: 14px;
			
			}
			
			#nav_share a:hover {
				background-position: 0 -14px; 			
			}
			
			
			#nav_youtube, #nav_youtube_selected  {
				background: url(../_img/b_youtube.gif) no-repeat;
				display: block;
				width: 102px;
				height: 16px;
				float: right;
				padding: 0 25px 0 0;
				background-position: 0 -16px;
			
			}
			
			
			#nav_youtube a {
				background: url(../_img/b_youtube.gif) no-repeat;
				display: block;
				width: 102px;
				height: 16px;
			
			}
			
			#nav_youtube a:hover {
				background-position: 0 -16px; 			
			}
			
			

/* ALL */

#factsHolder {
	position: relative;
	height: 300px;
	width: 1010px;
	margin: 0 auto;
}

.fact {
	
}

	.fact h4 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 24px;
		font-weight: normal;
		line-height: 24px;
		color: #66ccff;
		padding: 0 0 10px 0;
	}
	
	.fact p {
		padding: 0 0 30px 0;
	}
	
	
.thumb {
	width: 314px;
	height: 280px;
	background: url(../_img/bg_thumb.png) no-repeat;
	
	_background-image: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/demo/_img/bg_thumb.png', sizingMethod='crop');
}

	.thumb:hover {
		cursor: pointer;
	}

	.thumb:hover h4 {		
		color: #0055a4;
	}
	
	
.thumbHome {
	width: 314px;
	height: 280px;
	background: url(../_img/bg_thumb.png) no-repeat;
	
	_background-image: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/demo/_img/bg_thumb.png', sizingMethod='crop');
}

	.thumbHome:hover {
		cursor: pointer;
	}
	
	.thumbHome h4 {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 16px;
		font-weight: normal;
		line-height: 24px;
		color: #cc0000;
		padding: 10px 0 5px 0;
	}

	.thumbHome:hover h4 {		
		color: #0055a4;
	}
	
.thumbHomeContent {
	padding: 0 30px 0 30px;
	_padding: 0 30px 0 30px;
}


/*
.thumbOverlay {
	width: 292px;
	height: 160px;
}
*/
	

.thumbPage {
	width: 314px;
	height: 350px;
	background: url(../_img/bg_thumb_320.png) no-repeat;
	
	_background-image: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/demo/_img/bg_thumb_320.png', sizingMethod='crop');
}


.thumbHistory {
	width: 314px;
	height: 500px;
	background: url(../_img/bg_thumb_500.png) no-repeat;
	
	_background-image: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/demo/_img/bg_thumb_500.png', sizingMethod='crop');
}


.thumbSurvey {
	width: 314px;
	height: 260px;
	background: url(../_img/bg_survey_item.gif) no-repeat;
	
	margin-right: 5px;
	margin-bottom: 10px;

}

	.thumbSurveyContent {
		padding: 0 30px 0 30px;
		_padding: 0 30px 0 30px;
	}
	
		.thumbSurveyContent h4 {
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 16px;
			font-weight: normal;
			line-height: 24px;
			color: #0055a4;
			padding: 25px 0 5px 0;
		}
	

.thumbContent {
	padding: 0 30px 0 30px;
	_padding: 0 30px 0 30px;
}

	.thumbContent h4 {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 16px;
		font-weight: normal;
		line-height: 24px;
		color: #CC0000;
		padding: 10px 0 5px 0;
	}
	
.thumbPageContent {
	padding: 0 30px 0 30px;
	_padding: 0 30px 0 30px;
}

	.thumbPageContent h4 {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 16px;
		font-weight: normal;
		line-height: 24px;
		color: #cc0000;
		padding: 10px 0 5px 0;
	}
	
	
	
.thumbProcess {
	width: 314px;
	height: 200px;
	background: url(../_img/bg_thumb_200.png) no-repeat;
	
	_background-image: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/demo/_img/bg_thumb_200.png', sizingMethod='crop');
}	

.thumbProcessContent {
	padding: 0 30px 0 30px;
	_padding: 0 30px 0 30px;
}

	.thumbProcessContent h4 {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 16px;
		font-weight: normal;
		line-height: 24px;
		color: #0055a4;
		padding: 20px 0 5px 0;
	}
	
	

.thumbLongHolder {
	margin-left: 30px;
}

.thumbLongImage {
	float: left;
	width: 200px;
	padding: 5px 0 0 15px;
}


.thumbLong {
	width: 625px;
	height: 200px;
	background: url(../_img/bg_thumb_long.png) no-repeat;
	
	_background-image: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/demo/_img/bg_thumb_long.png', sizingMethod='crop');
	
	margin-bottom: 20px;
}	

.thumbLongContent {
	float: left;
	width: 330px;
	padding: 0 30px 0 30px;
}

	.thumbLongContent h4 {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 16px;
		font-weight: normal;
		line-height: 24px;
		color: #cc0000;
		padding: 30px 0 5px 0;
	}
	
	
	
	
	
	
	
	
.thumbImage {
	padding: 9px 0 0 11px;
}


#oContentHolder {
	width: 100%;
	background: url(../_img/bg_interior_gradient.jpg) repeat-x top left;
}

#oContentHolderNoBg {
	width: 100%;
}

#oContent {
	position: relative;
	width: 1010px;
	margin: 0 auto;

}

	#contentColumn {
	    float: right;
		width: 700px;
		margin-bottom: 50px;
	}
	
	
	.contentBlock {
		padding: 0 35px 0 35px;		/* compensates for carousel arrows  */
	}
	
	
	#fullColumn {
		width: 1010px;
		margin-bottom: 50px;
	}
	
		#fullColumn td {
			padding-right: 40px;
		}
		
	.fullBlock {
		padding: 0 35px 0 35px;		/* compensates for carousel arrows  */
	}
	
		
	
	
	
.pageCarouselHolder {
	width: 700px;
	height: 350px;
	margin: 0 auto; 
	
}

.fullCarouselHolder {
	width: 1010px;
	height: 350px;
	margin: 0 auto; 
	
}

.processCarouselHolder {
	width: 1010px;
	height: 220px;
	margin: 0 auto;
	
}



#homeIceberg {
	width: 100%;
	height: 430px;
	background: url(../_img/bg_iceberg.png) repeat-x bottom left;
	
	_background-image: none;
	/*_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='_img/bg_iceberg.png', sizingMethod='crop');*/

}

#interiorIceberg {
	width: 100%;
	height: 240px;
	background: url(../_img/bg_iceberg.png) repeat-x bottom left;
	
	_background-image: none;
	/*_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='_img/bg_iceberg.png', sizingMethod='crop');*/

}



#needIce {
	font-size: 11px;
	line-height: 16px;
	
	width: 215px;
	height: 150px;	
	background: url(../_img/bg_needice.png) no-repeat;
	
	_background-image: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/demo/_img/bg_needice.png', sizingMethod='crop');
	
	margin-top: 10px;
}

	#needIce p {
		padding: 60px 25px 0 25px
	}
	
	
#gotQuestion {
	font-size: 11px;
	line-height: 16px;
	
	width: 215px;
	height: 150px;	
	background: url(../_img/bg_gotquestion.png) no-repeat;
	
	_background-image: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/demo/_img/bg_gotquestion.png', sizingMethod='crop');
	
	margin-top: 10px;
}

	#gotQuestion p {
		padding: 60px 25px 0 25px
	}
	
	
#getmap {
	font-size: 11px;
	line-height: 16px;
	
	width: 215px;
	height: 150px;	
	background: url(../_img/bg_getmap.png) no-repeat;
	
	_background-image: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/demo/_img/bg_getmap.png', sizingMethod='crop');
	
	margin-top: 10px;
}

	#getmap p {
		padding: 60px 25px 0 25px
	}
	
	#getmap:hover {
		cursor: pointer;
	}
	
	
	
#watchVideos {
	font-size: 11px;
	line-height: 16px;
	
	width: 215px;
	height: 150px;	
	background: url(../_img/bg_watchvideos.png) no-repeat;
	
	_background-image: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/demo/_img/bg_watchvideos.png', sizingMethod='crop');
	
	margin-top: 10px;
}

	#watchVideos p {
		padding: 60px 25px 0 25px
	}
	
	#watchVideos:hover {
		cursor: pointer;
	}
	

#testimonials {
	font-size: 11px;
	line-height: 16px;
	
	width: 215px;
	height: 150px;	
	background: url(../_img/bg_testimonials.png) no-repeat;
	
	_background-image: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/demo/_img/bg_testimonials.png', sizingMethod='crop');
	
	margin-top: 10px;
}

	#testimonials p {
		padding: 60px 25px 0 25px
	}
	
	#testimonials:hover {
		cursor: pointer;
	}
	


.pageHead {
	margin-top: 40px;
	margin-bottom: 10px;
}

.subhead {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 24px;
	color: #CC0000;
	padding: 0 0 5px 0;
}

.subheadBlue {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 24px;
	color: #0055a4;
	padding: 0 0 5px 0;
}


ul.pageList {
	padding: 0 0 0 20px;
}

	ul.pageList li{
		list-style: outside;
		list-style-type: disc;
	}
	
	
ol.pageNumberedList {
	padding: 0 0 0 20px;
}

	ol.pageNumberedList li{
		list-style: outside;
		list-style-type: decimal;
	}

p.intro {
	/*width: 630px;*/
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	line-height: 21px;
	color: #3399ff;
	
}

p.intro a {
	/*width: 630px;*/
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	line-height: 21px;
	color: #3399ff;
	
	text-decoration: underline;
	
}

	p.intro a:hover {
		text-decoration: none;
		
	}

p.threeColumn {
	width: 170px;
}



/* HOME */

#homeFeatureHolder {
	width: 100%;
	height: 430px;
	background: url(../_img/bg_home_gradient.jpg);
}

	#homeBackground {
		width: 100%;
		height: 430px;
		background: url(../_img/bg_home.jpg) no-repeat top center;
	}
	
	#homeFeature {
		width: 1010px;
		height: 430px;				
		margin: 0 auto;
	}
	
		#homeFeatureText {
			float: right;
			width: 425px;
			height: 300px;
			margin: 80px 25px 0 0;
		}
		
		#homeFeatureHeadline {
			width: 425px;
			height: 53px;
			background: url(../_img/h_healthierthan.gif) no-repeat;
			margin-bottom: 20px;
		}
		
		#homeFeatureText p {
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 15px;
			line-height: 21px;
			color: #FFFFFF;
		}
		
		
#homeCarouselHolder {
	position: relative;
	width: 1010px;
	height: 280px;
	margin: 0 auto;
}

#homeCarouselOffset {
	position: absolute;
	top: -60px;
}

#homeFactOffset {
	position: absolute;
	top: -10px;
}

/*  SIDE NAV  */


#sideNavColumn {
	position: absolute;
	top: -220px;
	width: 215px;
	margin-right: 100px;
	margin-left: 25px;
	_margin-left: 25px;
	
	
}

#sideNavColumnNoBg {
	position: absolute;
	top: 20px;
	width: 215px;
	margin-right: 100px;
	margin-left: 25px;
	_margin-left: 25px;
	
	
}

#sideNav {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #777777;
	line-height: 35px;
	
}

	#sideNav li {	
		width: 215px;
		height: 35px;	
		background: url(../_img/bg_sidenav.png) no-repeat;
		
		_background-image: none;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/demo/_img/bg_sidenav.png', sizingMethod='crop');
	
		padding-left: 25px;
	}
	
	#sideNav li.last {
		width: 215px;
		height: 39px;	
		background: url(../_img/bg_sidenav_last.png) no-repeat;
		
		_background-image: none;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/demo/_img/bg_sidenav_last.png', sizingMethod='crop');
	
		padding-left: 25px;
	}
	
		#sideNav li.lastSelected, #sideNav li.lastSelected:hover {
			color: #cc0000;
			text-decoration: none;
			cursor: default;
		
			width: 215px;
			height: 39px;	
			background: url(../_img/bg_sidenav_last.png) no-repeat;
			
			_background-image: none;
			_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/demo/_img/bg_sidenav_last.png', sizingMethod='crop');
		
			padding-left: 25px;
		}
	
		
	#sideNav li:hover {
		color: #0099ff;
		text-decoration: none;
		cursor: pointer;
	}
	
		#sideNav li.sideNavSelected, #sideNav li.sideNavSelected:hover {
			color: #cc0000;
			text-decoration: none;
			cursor: default;
		}



/*  ABOUT  */

#aboutBackground {
	width: 100%;
	height: 240px;
	background: url(../_img/bg_about.jpg) no-repeat top center;
}

	#sideNav li.aboutTitle {	
		width: 215px;
		height: 42px;	
		
		background: url(../_img/bg_about_nav.png) no-repeat;
	
		_background-image: none;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/demo/_img/bg_about_nav.png', sizingMethod='crop');
	
		padding-left: 25px;
	}
	
	#sideNav li.aboutTitle:hover {	
		cursor: default;
	}
	
	
	#historyBackground {
		width: 100%;
		height: 240px;
		background: url(../_img/bg_history.jpg) no-repeat top center;
	}	
	
	
	#whyBackground {
		width: 100%;
		height: 240px;
		background: url(../_img/bg_why.jpg) no-repeat top center;
	}
	
	#cultureBackground {
		width: 100%;
		height: 240px;
		background: url(../_img/bg_culture.jpg) no-repeat top center;
	}
	
	
	
/* PROCESS */

#processBackground {
	width: 100%;
	height: 240px;
	background: url(../_img/bg_process.jpg) no-repeat top center;
}
		
	
/*  CUSTOMERS  */

#customersBackground {
	width: 100%;
	height: 240px;
	background: url(../_img/bg_default.jpg) no-repeat top center;
}


	#sideNav li.customersTitle {	
		width: 215px;
		height: 42px;	
		
		background: url(../_img/bg_customers_nav.png) no-repeat;
	
		_background-image: none;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/demo/_img/bg_customers_nav.png', sizingMethod='crop');
	
		padding-left: 25px;
	}
	
	#sideNav li.customersTitle:hover {	
		cursor: default;
	}
	
	

.surveyButton {
	background: url(../_img/b_survey.gif) no-repeat 0 0;
	width: 140px;
	height: 29px;	
	border: none;
}
	
	.surveyButton:hover {
		background: url(../_img/b_survey.gif) no-repeat 0 -29px;
		cursor: pointer	
	}
	
	.surveyButton span {
		display: none;	
	}
	
	
	
	
/*  SERVICES  */

#servicesBackground {
	width: 100%;
	height: 240px;
	background: url(../_img/bg_services.jpg) no-repeat top center;
}


	#sideNav li.servicesTitle {	
		width: 215px;
		height: 42px;	
		
		background: url(../_img/bg_services_nav.png) no-repeat;
	
		_background-image: none;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/demo/_img/bg_services_nav.png', sizingMethod='crop');
	
		padding-left: 25px;
	}
	
	#sideNav li.servicesTitle:hover {	
		cursor: default;
	}
	

#servicesRetailBackground {
	width: 100%;
	height: 240px;
	background: url(../_img/bg_services_retail.jpg) no-repeat top center;
}

#servicesCommercialBackground {
	width: 100%;
	height: 240px;
	background: url(../_img/bg_services_commercial.jpg) no-repeat top center;
}

#servicesEventBackground {
	width: 100%;
	height: 240px;
	background: url(../_img/bg_services_event.jpg) no-repeat top center;
}


.bucket {
	width: 630px;
	padding: 0 0 20px 0;
}

	.bucketImage {
		float: left;
		margin-right: 30px;
	}
	
	.bucketText {
		width: 380px;
		float: left;
	}
	



/*  JOB  */

#jobBackground {
	width: 100%;
	height: 240px;
	background: url(../_img/bg_job.jpg) no-repeat top center;
}


	#sideNav li.jobTitle {	
		width: 215px;
		height: 42px;	
		
		background: url(../_img/bg_job_nav.png) no-repeat;
	
		_background-image: none;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/demo/_img/bg_job_nav.png', sizingMethod='crop');
	
		padding-left: 25px;
	}
	
	#sideNav li.jobTitle:hover {	
		cursor: default;
	}

#applyNow {
	background: url(../_img/b_apply_now.gif) no-repeat 0 0;
	width: 109px;
	height: 29px;	
	border: none;
}
	
	#applyNow:hover {
		background: url(../_img/b_apply_now.gif) no-repeat 0 -29px;
		cursor: pointer	
	}
	
	#applyNow span {
		display: none;	
	}


/*  CONTACT  */

#contactBackground {
	width: 100%;
	height: 200px;
	background: url(../_img/bg_default.jpg) no-repeat top center;
}


	#sideNav li.contactTitle {	
		width: 215px;
		height: 42px;	
		
		background: url(../_img/bg_contact_nav.png) no-repeat;
	
		_background-image: none;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/demo/_img/bg_contact_nav.png', sizingMethod='crop');
	
		padding-left: 25px;
	}
	
	#sideNav li.contactTitle:hover {	
		cursor: default;
	}
	
	
	
	

/*  DIVIDER  */

.oDivider {
	background: url(../_img/bg_footer.gif) repeat-x top left;
	height: 100px;
	width: 100%;
}



/* FOOTER */




#oFooter {
	background: url(../_img/bg_footer.gif) repeat-x top left;
	height: 230px;
	width: 100%;
}

#footerHolder {
	width: 1010px;
	margin: 0 auto;
	padding-top: 80px;
}


	.footerColumn {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		line-height: 15px;
		color: #aaaaaa;
		
		float: left;
		width: 110px;
		margin-left: 35px;
		_margin-left: 20px;
	
	}
	
		.footerColumn a, .footerColumn a:visited, .footerColumn a:active  {
			color: #aaaaaa;
			text-decoration: none;
	
		}
		
		.footerColumn a:hover  {
			text-decoration: underline;
	
		}
		
	.footerBold  {
		font-weight: bold;
		color: #999999;

	}
	

	#footerAddress {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		line-height: 15px;
		color: #aaaaaa;
		
		float: right;
		width: 250px;
		margin-left: 35px;
		_margin-left: 20px;
	}
		
		#footerAddress a  {
			color: #999999;
			text-decoration: none;
	
		}
		
		#footerAddress a:hover  {
			text-decoration: underline;
	
		}



/* MODALS  */


#modalContent {
	width: 690px;
	overflow: hidden;
	background-color: #FFFFFF;
	color: #777777;
}


/*  TITLE  */

#titleBg {
	background: url(../_img/bg_modal_title.gif) repeat-x;
	width: 100%;
	height: 79px;
}
	
#close {
	float: right;
	background: url(../_img/bg_modal_close.gif) repeat-x;
	width: 26px;
	height: 26px;
	
	margin: 25px 25px 0 0;
	_margin: 25px 15px 0 0;
}

	#close:hover {
		cursor: pointer;
	}
	
	
/*  PANRLS  */

#panels {
	/*visibility: hidden; */
}

.modalHead {
	margin-bottom: 10px;
}

p.modalIntro {
	width: 360px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	line-height: 21px;
	color: #3399ff;
	
}

.panelContent {
	height: 220px;
	padding: 30px 40px 0 40px;
}

.panelIntro {
	width: 350px;
}

	.panelContent td{
		padding: 0;
		margin: 0;
		font-weight: bold;
		padding-bottom: 10px;
	}

	.panelContent input{
		margin-right: 10px;
	}

.modalSubhead {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 24px;
	color: #CC0000;
	padding: 0 0 20px 0;
}


.hr {
	padding: 0;
	margin: 0;
	width: 100%;
	border-bottom: 1px solid #d3f1fe;
	height: 0px;
}

.panelFooter {
	background: url(../_img/bg_modal_footer.gif) repeat-x;
	width: 690px;
	height: 65px;
}

	.footerLeft {
		float: left;
		
		font-family: Arial, Helvetica, sans-serif;
		font-size: 16px;
		font-weight: bold;
		color: #0055a4;
		
		margin: 25px 0 0 25px;
		_margin: 25px 0 0 15px;
		
	}
	
	.footerLeftButton {
		float: left;
		padding: 18px 0 0 25px;
	}
	
	.footerRight {
		float: right;
		padding: 18px 25px 0 0;
	}
	
	.footerRightText {
		float: right;
		
		font-family: Arial, Helvetica, sans-serif;
		font-size: 16px;
		font-weight: bold;
		color: #0055a4;
		
		margin: 25px 25px 0 0;
		_margin: 25px 15px 0 0;
		
	}
	
	
		.modalStart {
			float: left;
			width: 120px;
			height: 29px;
			background: url(../_img/b_modal_start.gif) no-repeat;
			
		}
		
			.modalStart span{
				display: none;
			}
			
			.modalStart:hover {
				background-position: 0 -29px;
				cursor: pointer;
			}	
			
			
		.modalStartQuiz {
			float: left;
			width: 120px;
			height: 29px;
			background: url(../_img/b_modal_start_quiz.gif) no-repeat;
			
		}
		
			.modalStartQuiz span{
				display: none;
			}
			
			.modalStartQuiz:hover {
				background-position: 0 -29px;
				cursor: pointer;
			}
					
			
		.modalProcess {
			float: right;
			width: 180px;
			height: 29px;
			background: url(../_img/b_modal_process.gif) no-repeat;
			
			margin-left: 5px;
			
		}
		
			.modalProcess span{
				display: none;
			}
			
			.modalProcess:hover {
				background-position: 0 -29px;
				cursor: pointer;
			}
			
			
		.modalApply {
			float: right;
			width: 100px;
			height: 29px;
			background: url(../_img/b_modal_apply_now.gif) no-repeat;
			
			margin-left: 5px;
		}
		
			.modalApply span{
				display: none;
			}
			
			.modalApply:hover {
				background-position: 0 -29px;
				cursor: pointer;
			}
			
		
		.modalStartOver {
			float: right;
			width: 100px;
			height: 29px;
			background: url(../_img/b_modal_startover.gif) no-repeat;
			
			margin-left: 5px;
			
		}
		
			.modalStartOver span{
				display: none;
			}
			
			.modalStartOver:hover {
				background-position: 0 -29px;
				cursor: pointer;
			}
		
		
	
		.modalNext {
			float: right;
			width: 80px;
			height: 29px;
			background: url(../_img/b_modal_next.gif) no-repeat;
			
			margin-left: 5px;
		}
		
			.modalNext span{
				display: none;
			}
			
			.modalNext:hover {
				background-position: 0 -29px;
				cursor: pointer;
			}
		
		
		.modalBack {
			float: right;
			width: 80px;
			height: 29px;
			background: url(../_img/b_modal_back.gif) no-repeat;
			
			margin-left: 5px;
		}
		
			.modalBack span{
				display: none;
			}
			
			.modalBack:hover {
				background-position: 0 -29px;
				cursor: pointer;
			}
			
			
		.modalSubmit {
			float: right;
			width: 80px;
			height: 29px;
			
			margin-left: 5px;
		}
		
		.modalCalculate {
			float: left;
			width: 100px;
			height: 29px;
		}
		

#results {
}


.resultsContent {
	height: 220px;
	padding: 30px 40px 0 40px;
}


/*  SCIENCE OF ICE  */

#titleScience {
	float: left;
	background: url(../_img/bg_science_title.gif) repeat-x;
	width: 180px;
	height: 79px;
	
	margin: 0 0 0 25px;
	_margin: 0 0 0 15px;
}


p.scienceIntro {
	width: 600px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	line-height: 21px;
	color: #3399ff;
	
	margin-bottom: 20px;
	
}

#scienceContent {
	width: 690px;
	padding: 30px 40px 0 40px;
	margin-bottom: 0px;
}

.scienceItem {
	float: left;
	width: 300px;
	height: 160px;
}	

.scienceText {
	padding: 0 40px 0 100px;
}

	.scienceText h4 {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 16px;
		font-weight: normal;
		line-height: 24px;
		color: #CC0000;
		padding: 0 0 5px 0;
	}



/*  ICE Q  */

#titleIceQ {
	float: left;
	background: url(../_img/bg_iceq_title.gif) repeat-x;
	width: 100px;
	height: 79px;
	
	margin: 0 0 0 25px;
	_margin: 0 0 0 15px;
}

#iceQPanel1 {
	
	background: url(../_img/bg_iceq_panel1.jpg) repeat-x;

}


/*  POSITION QUIZ  */

#titlePositionQuiz {
	float: left;
	background: url(../_img/bg_positionquiz_title.gif) repeat-x;
	width: 135px;
	height: 79px;
	
	margin: 0 0 0 25px;
	_margin: 0 0 0 15px;
}

#positionQuizPanel1 {
	
	background: url(../_img/bg_positionquiz_panel1.jpg) repeat-x;

}


/*  ICE CALCULATOR  */

#titleIceCalculator {
	float: left;
	background: url(../_img/bg_icecalculator_title.gif) repeat-x;
	width: 140px;
	height: 79px;
	
	margin: 0 0 0 25px;
	_margin: 0 0 0 15px;
}

#iceCalculatorPanel1 {
	
	background: url(../_img/bg_icecalculator_panel1.jpg) repeat-x;

}

#calculatorContent {
	height: 400px;
	padding: 30px 40px 0 40px;
}

	#calculatorContent td{
		padding: 0;
		margin: 0;
		font-weight: bold;
		padding-bottom: 10px;
	}

	#calculatorContent input{
		margin-right: 10px;
	}


#calculatorUse {
	margin: 20px 0 0 0;
}

.blue {
	font-weight: bold;
	color: #3399ff;
}

.red {
	color: #cc0000;
}

#numberResults input {
	margin-top: 10px;
}

	#numberResults input {
		border: 1px solid #7cc6fc;	
		width: 50px;
		margin-left: 10px;
		padding: 3px;
		background: url(../_img/bg_input_bkg.jpg) top left repeat-x;
	}
	
#timeResults input {
	margin-top: 10px;
}

	#timeResults input {
		border: 1px solid #7cc6fc;	
		width: 50px;
		margin-left: 10px;
		padding: 3px;
		background: url(../_img/bg_input_bkg.jpg) top left repeat-x;
	}