* {padding:0; margin:0; font:normal normal 12px/12px Arial, san-serif;}
body, html {height:100%;width:100%;}
strong {font-weight:bold;}
em {font-style:italic;}
ul, ol {padding-left:30px; margin:10px 0; }
li, dt, dd {color:#FFF;}
p, label {margin:10px 0; color:#FFF; line-height:24px;}
a {color:#FFF; text-decoration:underline;}
a:hover {color:#67A7E0; text-decoration:underline;}
img {border:0;}
dl {margin:10px 0;}
dd {margin:0 0 10px 30px;}
.nowrap {white-space: nowrap}


h1 {color:#FFF; text-transform:uppercase; font-size:25px; line-height:25px; letter-spacing:1px; margin:0 0 10px 45px;}
h2 {color:#67A7E0; font-size:16px; line-height:16px; font-weight:bold;}
h3 {color:#C1CBEA; font-size:14px; line-height:14px; font-style:italic; font-weight:bold; margin:5px 0;}

html {background:#243668 url('../img/background.jpg') repeat-x;}
body {background:transparent url('../img/heading-bg.png') repeat-x;}

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } 
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

/*hide text*/
#logo, div.press a, .applyonline, #work-for-us .c a {text-indent:-9099px;}

#wrapper {
	width:962px; 
	min-height:auto; 
	height:auto;
	position:relative; 
	margin:0 auto -150px; }
#canvas {
	position:relative; 
	width:708px; 
	padding:0 20px 0 224px; 
	min-height:510px; 
	background:url('../img/canvas-bg.png') repeat-y; 
	margin:0 auto 10px;}
#top {
	width:952px; 
	height:30px; 
	background:url('../img/canvas-topbg.png') no-repeat; 
	margin:10px auto 0;}
#bottom {
	width:952px; 
	height:12px; 
	background:url('../img/canvas-bottombg.png') no-repeat; position:absolute; 
	bottom:0; 
	left:0;}

#logo {display:inline-block; width:347px; height:73px; background:url('../img/logo.png') no-repeat; margin:30px 0 11px 0;}
#callus {position:absolute; right:17px; top:50px; color:#FFF; font-size:24px; font-weight:bold; line-height:24px;}

/* Top Level Navigation */

#menu {display:block; padding:0; margin:0; background:url('../img/menu-bg.jpg') no-repeat; height:44px; width:100%;}
#menu li {float:left; list-style:none; margin:7px 0 0 0;}
#menu a {background:url('../img/menu-divider.gif') no-repeat center right; display:block; float:left; line-height:37px; font-size:16px; font-weight:bold; padding:0 12px; text-decoration:none;}
#menu a:hover {color:#383A3F;}
#menu li.last a {background:none; padding-right:12px;}
#menu li.first a {padding-left:26px;}

/* Footer */
#push {width:100%; height:150px;}
#footer {width:100%; height:140px; padding-top:10px; background:#243668 url('../img/footer-bg.png') repeat-x; margin-bottom:-100px; position:relative;}
#footer a {text-decoration:none;}
#footer ul {margin:0 0 10px 0; padding:0; width:962px; margin:0 auto;}
#footer li {display:block; float:left; padding:0 19px;}
#footer p {color:#FFF; clear:both; width:962px; margin:10px auto 0;}
.leftcopy {float:left; display:block;}
.rightcopy {float:right; display:block;}

/* Slideshow */
#slideshow {background-repeat:no-repeat; width:952px; height:326px; margin:12px auto;}

/* Tiles below slideshow */
#tile1, #tile2, #tile3 {float:left; width:312px; margin:0 4px 10px;}
#tile1 h2, #tile2 h2, #tile3 h2 {color:#68A7E6; margin-bottom:10px;}
#tile1 h2 span, #tile2 h2 span, #tile3 h2 span {color:#FFF;}
#tile1 h2, #tile2 h2, #tile3 h2, #tile1 h2 span, #tile2 h2 span, #tile3 h2 span {font-size:18px; font-weight:bold; line-height:18px; letter-spacing:1px;}
#tile1 a, #tile2 a, #tile3 a {display:block; background:url('../img/index/index-tile-bg.png') no-repeat; height:132px; width:180px; padding:10px 10px 10px 122px; line-height:16px; font-weight:bold; position:relative; text-decoration:none;}
#tile1 a:hover, #tile2 a:hover, #tile3 a:hover {color:#FFF;}
#tile1 img, #tile2 img, #tile3 img {position:absolute; top:10px; left:10px;}

/* right sidebar styling */
#contact-us .c,
#action .b,
#follow-up .rightimages,
#salt-supply .a,
#weather .b,
#clients .b 
{width:250px; min-height:476px; background:#293359; padding:10px; float:right; margin:-30px 0 17px 0;}


/* About Us */
	
	#about-us p.a {width:425px; float:right;}
	#about-us p.b {width:425px; padding-top:71px; float:right; background:url('../img/aboutus/jeremy-signature.png') no-repeat; clear:right;}
	
	#about-us .guarenteed {background:url('../img/aboutus/100guaranteed.png') no-repeat; width:107px; height:141px; position:absolute; top:310px; right:100px;}
	
	div.press {position:absolute; top:-27px; left:-15px; width:190px; height:184px; z-index:43;}
	div.press a {display:block; width:190px; height:184px; background:url('../img/aboutus/press.png') no-repeat;}
	div.press a:hover {background:url('../img/aboutus/press-on.png') no-repeat;}
	
	.about-us-image1, .about-us-image2, .about-us-image3, .about-us-image4, .about-us-image5 {position:absolute; z-index:42; width:206px; height:130px; background-repeat:no-repeat;}
	.about-us-image1 {background-image:url('../img/aboutus/1.png'); top:138px; left:47px;}
	.about-us-image2 {background-image:url('../img/aboutus/2.png'); top:294px; left:47px;}
	.about-us-image3 {background-image:url('../img/aboutus/3.png'); top:52px; left:280px;}
	.about-us-image4 {background-image:url('../img/aboutus/4.png'); top:208px; left:280px;}
	.about-us-image5 {background-image:url('../img/aboutus/5.png'); top:364px; left:280px;}

/*Press */
	
	#press iframe {margin:14px 30px 0 0; float:right;}
	
	.press-links {background:url('../img/press/press-lings-bg.png') no-repeat; position:absolute; z-index:42; width:215px; height:451px; background-repeat:no-repeat; top:48px; left:47px;}
	.press-links h2 {text-align:center; padding:0 0 5px 0; margin:10px auto 10px auto; border-bottom:1px solid #FFF; width:75%; height:24px; font:bold 20px/24px Arial, san-serif;}
	.press-links ul li {margin:0 0 10px 0;}
	.press-links ul {overflow:hidden; height:160px;}
	div.press-links ul li a span {font-style:italic; display:block; text-indent:30px; padding-top:5px;}

/* Planning */
	#planning div.a {width:100%; margin:10px 0;}
	#planning div.b {width:100%; margin:10px 0;}
	#planning div.a h2, #planning div.b h2 {margin-top:20px;}
	#planning div.c {width:525px; margin:10px 0; background:#2C3658; float:right; padding:10px;}
	#planning div.c h2 {width:100%; text-align:center;}
	#planning div.c ul {width:100%; padding:0; margin:0 auto;}
	#planning div.c li {float:left; padding:5px; width:45%; list-style:none;}
	#planning div.c li:before {content: "\2022\00a0\00a0";}
	
	#planning div.a img {float:left;}
	#planning div.b img {float:right;}
	
	#planning div.a p, #planning div.a h2 {width:475px; float:right;}
	#planning div.b p, #planning div.b h2 {width:400px; float:left; margin-left:45px;}
	
	#planning .snow-plow {background:url('../img/planning/snow-plow.png') no-repeat; width:424px; height:228px; position:absolute; bottom:5px; left:-25px;}

/* Action */
	#action .a {width:360px; float:left; margin-left:45px;}
	#action .b h2 {text-align:center;}
	#action .a p {line-height:24px;}
	
	#action .b img {display:block; margin:10px auto;}
	
	#action dt {color:#BAC9ED; font-style:italic; font-size:14px; line-height:16px; font-weight:bold;}
	#action dd {font-size:13px; line-height:15px;}
	
	#action .truck {background:url('../img/action/truck.png') no-repeat; width:500px; height:254px; position:absolute; bottom:5px; left:0;}

/*Follow-Up */
	#follow-up .a {float:left; width:360px; margin-left:45px;}
	#follow-up .rightimages img {display:block; margin:10px auto;}

/* Salt supply */
	#salt-supply .a img {display:block; margin:10px auto;}
	#salt-supply .a h2 {text-align:center;}
	
	#saltsupply-slideshow {background-repeat:no-repeat; width:549px; height:294px; position:absolute; top:100px; left:55px;}

/* Weather */
	#weather .a {width:360px; margin-left:45px; float:left;}
	#weather .b h2 {text-align:center;}
	#weather .b img {display:block; margin:10px auto;}
	
	#wx_module_3597 {position:absolute; top:0; left:13px;}
	
	#weather .truck {background:url('../img/weather/truck-with-salt.png') no-repeat; width:478px; height:285px; position:absolute; bottom:10px; left:-30px;}
	#weather .truck-push {height:230px;}

/* Clients */
	#clients .a {width:360px; margin-left:45px; float:left;}
	#clients .b * {text-align:center;}
	#clients .b img {display:block; margin:10px auto;}
	
	#clients ul {list-style:none; padding:0;}
	#clients li {margin:10px 0;}
	
	#clients .img2, #clients .img3, #clients .img4 {position:absolute; width:206px; height:130px; left:35px;}
	
	#clients .img2 {background:url('../img/clients/2.png') no-repeat; top:36px;}
	#clients .img3 {background:url('../img/clients/3.png') no-repeat; top:176px;}
	#clients .img4 {background:url('../img/clients/4.png') no-repeat; top:316px;}


/* Contact Us */
	#contact-us .a {margin-left:45px; width:360px; float:left;}
	#contact-us .b {position:absolute; top:0; left:25px;}
	#contact-us .b span {color:#1D2546; font-weight:bold;}
	#contact-us .b p {font-weight:bold;}
	
	#contact-us .c img {display:block; margin:10px auto;}
	#contact-us .c div {margin:10px 0; position:relative;}
	#contact-us .c div .required {position:absolute; top:3px; left:0;}
	#contact-us .c label {padding-left:10px;}
	#contact-us input, #contact-us textarea,  #contact-us select {float:right;}
	
	#contact-us .submitbutton {display:block; border-collapse:collapse; border:0; background:url('../img/contact-us/submit.jpg') no-repeat; width:100px; height:24px; cursor:pointer; clear:both;}
	.required {color:#D92E2D;}

/* Work for Us */
	#work-for-us h1 {position:relative;}
	#work-for-us h2 {padding-left:45px; margin-top:90px;}
	#work-for-us .a  {width:660px; margin:0 auto;}
	#work-for-us .a span {font-weight:bold; color:#5EA7E7;}
	#work-for-us ol {width:270px; float:left; padding-left:45px;}
	#work-for-us li {margin:10px 0;}
	#work-for-us .a li, #work-for-us .a li span {font-size:16px; line-height:16px;}
	
	#work-for-us .b {background:#293359; float:right; width:360px; padding:10px;}
	#work-for-us .applyonline {position:absolute; top:45px; left: 250px; display:block; background:url('../img/work-for-us/apply_online.png') no-repeat; width:150px; height:33px; cursor:pointer;}
	
	#work-for-us .c {background:#576F9C; width:360px; padding:10px; float:right; clear:both; position:relative; margin-top:20px;}
	#work-for-us .c h4 {font-weight:bold; font-size:14px; line-height:14px; color:#FFF;}
	#work-for-us .c p {font-weight:bold; font-style:italic; color:#62A3E7;}
	#work-for-us .c a {display:block; background:url('../img/work-for-us/login.png') no-repeat; width:138px; height:58px; position:absolute; top:9px; right:0;}
	
	#work-for-us .snow-plow {background:url('../img/work-for-us/snow-plow.png') no-repeat; width:600px; height:312px; position:absolute; bottom:-18px; left:-40px; z-index:99;}
	
	#work-for-us .img1, #work-for-us .img2 {position:absolute; width:206px; height:130px; }
	#work-for-us .img1 {background:url('../img/work-for-us/1.png') no-repeat; top:36px; left:35px;}
	#work-for-us .img2 {background:url('../img/work-for-us/2.png') no-repeat; top:0px; right:35px}
	
/* SiteMap */
	#sitemap .a {margin:70px auto 0 auto; width:360px;}
	#sitemap ul {width:180px; float:left; padding:0; list-style:none; margin:0 auto;}
	#sitemap li {display:block;}
	#sitemap a {font-size:24px; line-height:30px; text-decoration:none;}
	#sitemap a:hover {font-style:italic;}

/* {border:1px solid #000;} */
/* {filter:alpha(opacity=60); opacity:0.6;} <--60% opacity */