Results of the CSS crunched for www.automatedmeteringservices.com

Let's see what we've done for www.automatedmeteringservices.com

CSSCruncher.com has crunched this CSS to
15.01 %Less Size! Woohooo!

BUT UHH OHH! We found some errors in your CSS code!

Crunched CSS code:

@charset "utf-8";@font-face{font-family:'Helvetica LT Std Cond';src:url('../fonts/helveticaltstd-cond-webfont.eot')}
@font-face{font-family:'Helvetica LT Std Cond';src:url('../fonts/HelveticaLTStd-Cond.otf')}
@font-face{font-family:'Helvetica LT Condensed';src:url('../fonts/Helvetica LT Condensed Medium.ttf')}
body{padding:0;margin:0;background:url('../images/background_slice.png') repeat-x;background-position:top center;background-color:#88b63a;color:#8c8c8c;font-size:12px;font-family:Arial}
.w_660{width:660px;margin-left:10px}
.w_660 p,ol{margin-right:50px}
.w_660 p{line-height:18px}
.w_660 h2{font-size:24px;color:#537e0b;padding:0px;margin:0px;padding-top:10px}
h2{font-size:36px;color:#537e0b;padding:0px;margin:0px;margin:-5px 0px -10px 0px}
#innerWrapper{clear:both;margin:0 auto;width:916px;min-height:500px;margin-top:13px}
#innerWrapper .wrapperTopEdge{width:916px;height:15px;background:url('../images/contents_top_edge.gif') no-repeat}
#innerWrapper .mainContainer{width:896px;min-height:640px;background:url('../images/contents_bg.gif') repeat-y;overflow:hidden;padding:6px 10px 6px 10px}
#innerWrapper .footer{clear:both;width:916px;height:65px;background:url('../images/footer_bg.jpg') repeat-y}
#innerWrapper .wrapperBottomEdge{clear:both;width:916px;height:15px;background:url('../images/contents_bottom_edge.gif') no-repeat}
#innerWrapper .footer .txt{clear:both;padding:20px 0px 0px 30px}
#innerWrapper .footer a{text-decoration:none;color:#8c8c8c}
.contactWrapper{width:900px;margin:0 auto;font-family:'Helvetica LT Condensed';font-size:24px;font-weight:normal;letter-spacing:-1px;clear:both}
.padd{padding-right:20px;float:right;margin-top:60px}
#logo{float:left;width:240px;min-height:54px;position:absolute;z-index:999;margin:-70px 0px 0px -42px}
#navigation{float:left;width:780px;height:54px;position:absolute;margin:5px 0px 0px 160px}
#navigation .nav_left_edge{float:left;width:132px;height:54px;background:url('../images/nav_left_edge.gif') no-repeat;background-position:0px -1px}
#navigation .nav_contents{float:left;width:600px;height:54px;background:url('../images/navigation_bg.gif') repeat-x}
#navigation .nav_right_edge{float:left;width:22px;height:54px;background:url('../images/navigation_right_edge.png') no-repeat;background-position:0px -1px}
#navigation ul{list-style-type:none;padding-left:0px;margin-left:-35px;margin-top:3px}
#navigation ul li{min-width:80px;min-height:15px;display:block;float:left;padding:2px 5px 2px 5px;height:33px}
#navigation ul li a{float:left;min-width:50px;display:block;float:left;padding:5px 8px 5px 15px;text-decoration:none;font-size:18px;color:#FFF;font-weight:bold;height:33px}
#navigation ul li:hover{background:url('../images/nav_right_edge.png') no-repeat;background-position:top right;height:33px}
#navigation ul li a:hover{background:url('../images/nav_left_edge.png') no-repeat;height:33px}
#navigation ul li.selected{background:url('../images/nav_right_edge.png') no-repeat;background-position:top right;height:33px}
#navigation ul li.selected a{background:url('../images/nav_left_edge.png') no-repeat;height:33px}
#contents{clear:both;width:899px;min-height:200px;margin-top:70px;overflow:hidden;background:url(../images/contents_bg02.png);margin-bottom:10px}
#contents .leftSide{float:left;width:175px;min-height:620px;background:url('../images/left_side_bg.png') no-repeat;background-position:bottom right}
#contents .rightSide{float:left;width:702px;min-height:200px;padding:10px}
#contents .leftSide ul{list-style-type:none;margin-left:10px;padding-left:0px;width:175px}
#contents .leftSide ul li{width:162px;min-height:25px;background:url('../images/list_bottom_bg.gif') no-repeat;background-position:bottom center;padding:6px 0px 7px 0px;display:block;text-align:left}
#contents .leftSide ul li.noBg{background:none}
#contents .leftSide ul li a{text-decoration:none;color:#b3b3b3;width:145px;min-height:25px;background:url('../images/white_arraow.gif') no-repeat;background-position:0px 2px;display:block;padding-left:25px}
#contents .leftSide ul li a:hover{text-decoration:none;color:#537e0b;width:145px;min-height:25px;background:url('../images/yellow_arrow.gif') no-repeat;background-position:0px 2px;display:block;padding-left:25px}
#contents .leftSide ul li a.selected{text-decoration:none;color:#537e0b;width:145px;min-height:25px;background:url('../images/yellow_arrow.gif') no-repeat;background-position:0px 2px;display:block;padding-left:25px}
#contents p{color:#676767;width:680px;min-height:20px}
#contents ul{list-style-type:none;width:145px;min-height:10px;padding-left:5px;margin-left:0px}
#contents ul li{padding-bottom:5px}
#contents li{padding:0 0 5px 15px;background:url('../images/li_arrow.gif') left no-repeat}
#mainWrapper{margin:0 auto;max-width:1200px;min-height:972px;background:url('../images/body_bg.jpg') no-repeat;background-position:0px 0px}
.contentsBottomEdge{clear:both;width:892px;height:11px;background:url('../images/bottom_edge.jpg') no-repeat}
.leftPadd{float:left;margin-left:3px}
.socialMedia{margin-top:3px}
.socialMedia .txt{color:#739639;font-size:23px;letter-spacing:-1px;font-family:'Helvetica LT Condensed'}
.mainImage{background:url('../images/main_img.png') no-repeat;font-family:'Helvetica LT Std Cond';width:667px;height:268px;font-size:43px;text-align:right;color:#016c1a;padding:20px 30px 0px 0px;letter-spacing:-1px}
.bigfont{font-size:37px;color:#000}
.solution{float:left;width:175px;min-height:150px;background:url('../images/small_containers_bg.png') no-repeat;background-position:top left}
.noBg{background:none}
.label{font-family:'Helvetica LT Std Cond';width:175px;height:35px;color:#537e0b;border:1px solid #bebebe;font-size:24px;text-align:center;padding-top:4px}
.boldLabel1{padding:45px 0px 0px 15px;font-weight:bold;font-size:48px;color:#9bca4c}
.boldLabel2{margin-top:-10px;padding-left:15px;font-size:24px;font-family:'Helvetica LT Std Cond';color:#8c8c8c}
.learnBtn{margin-top:10px}
span.bottomLogo{margin-left:785px;position:absolute;margin-top:-45px}
span.green{color:#88b63a}
span.white{color:#FFF}
span.gray{color:#d2d2d2}
.left{float:left}
.content-spc{line-height:17px}
.form{float:left;width:550px;margin:5px auto;padding:0;background:#f7f7f7;border:1px solid #ececec}
#contactform{margin:0;padding:5px 10px}
#contactform *{color:#7a7a7a}
#contactform ol{margin:0;padding:0;list-style:none}
#contactform li{margin:0;padding:0;background:none;border:none;display:block}
#contactform li.buttons{margin:5px 0 5px 0}
#contactform label{float:left;margin:0;width:100px;padding:5px 0;font:bold 12px Arial,Helvetica,sans-serif;color:#747474;text-transform:capitalize}
#contactform label span{font:normal 10px Arial,Helvetica,sans-serif}
#contactform input.text{width:420px;border:1px solid #ececec;margin:5px 0;padding:5px 2px;height:15px;background:#fff}
#contactform textarea{width:420px;border:1px solid #ececec;margin:10px 0;padding:2px;background:#fff;height:150px}
#contactform li.buttons input{padding:3px 0;margin:0 0 0 400px;border:0;color:#FFF}
p.response{text-align:center;color:#2c2c2c;font:bold 11px Arial,Helvetica,sans-serif;line-height:1.8em;width:auto}

» Show original CSS code

« Hide original CSS code

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

@font-face {
	font-family: 'Helvetica LT Std Cond';
	src: url('../fonts/helveticaltstd-cond-webfont.eot');
}

@font-face {
	font-family: 'Helvetica LT Std Cond';
	src: url('../fonts/HelveticaLTStd-Cond.otf');
}

@font-face {
	font-family: 'Helvetica LT Condensed';
	src: url('../fonts/Helvetica LT Condensed Medium.ttf');
}

body{
	padding:0;
	margin:0;
	background:url('../images/background_slice.png') repeat-x;
	background-position:top center;
	background-color:#88b63a;
	color:#8c8c8c;
	font-size:12px;
	font-family:Arial;
}
.w_660
{
    width:660px; margin-left:10px;
}
.w_660 p, ol
{
    margin-right:50px  
}
.w_660 p
{
    line-height:18px;
}
.w_660 h2
{
    font-size:24px;
	color:#537e0b;
	padding:0px;
	margin:0px;
	padding-top:10px;
}

h2{
	font-size:36px;
	color:#537e0b;
	padding:0px;
	margin:0px;
	margin:-5px 0px -10px 0px;
}

#innerWrapper{
	clear:both;
	margin:0 auto;
	width:916px;
	min-height:500px;
	margin-top:13px;
}

#innerWrapper .wrapperTopEdge{
	width:916px;
	height:15px;
	background:url('../images/contents_top_edge.gif') no-repeat;
}

#innerWrapper .mainContainer{
	width:896px;
	min-height:640px;
	background:url('../images/contents_bg.gif') repeat-y;
	overflow:hidden;
	padding:6px 10px 6px 10px;
}

#innerWrapper .footer{
	clear:both;
	width:916px;
	height:65px;
	background:url('../images/footer_bg.jpg') repeat-y;
}

#innerWrapper .wrapperBottomEdge{
	clear:both;
	width:916px;
	height:15px;
	background:url('../images/contents_bottom_edge.gif') no-repeat;
}

#innerWrapper .footer .txt{
	clear:both;
	padding:20px 0px 0px 30px;
}

#innerWrapper .footer a{
	text-decoration:none;
	color:#8c8c8c;
}

.contactWrapper{
	width:900px; 
	margin:0 auto; 
	font-family: 'Helvetica LT Condensed';
	font-size:24px; 
	font-weight:normal; 
	letter-spacing:-1px;
	clear:both;
}

.padd{
	padding-right:20px; 
	float:right; 
	margin-top:60px;
}

#logo{
	float:left;
	width:240px;
	min-height:54px;
	position:absolute;
	z-index:999;
	margin:-70px 0px 0px -42px;
}

#navigation{
	float:left;
	width:780px;
	height:54px;
	position:absolute;
	margin:5px 0px 0px 160px;
}

#navigation .nav_left_edge{
	float:left;
	width:132px;
	height:54px;
	background:url('../images/nav_left_edge.gif') no-repeat;
	background-position:0px -1px;
}
#navigation .nav_contents{
	float:left;
	width:600px;
	height:54px;
	background:url('../images/navigation_bg.gif') repeat-x;
}
#navigation .nav_right_edge{
	float:left;
	width:22px;
	height:54px;
	background:url('../images/navigation_right_edge.png') no-repeat;
	background-position:0px -1px;
}

#navigation ul{
	list-style-type:none;
	padding-left:0px;
	margin-left:-35px;
	margin-top:3px;
}

#navigation ul li{
	min-width:80px;
	min-height:15px;
	display:block;
	float:left;
	padding:2px 5px 2px 5px;
	height:33px;
	
}

#navigation ul li a{
	float:left;
	min-width:50px;
	display:block;
	float:left;
	padding:5px 8px 5px 15px;
	text-decoration:none;
	font-size:18px;
	color:#FFF;
	font-weight:bold;
	height:33px;
	
}
#navigation ul li:hover{
	background:url('../images/nav_right_edge.png') no-repeat;
	background-position:top right;
	height:33px;
}

#navigation ul li a:hover{
	background:url('../images/nav_left_edge.png') no-repeat;
	height:33px;
}

#navigation ul li.selected{
	background:url('../images/nav_right_edge.png') no-repeat;
	background-position:top right;
	height:33px;
}

#navigation ul li.selected a{
	background:url('../images/nav_left_edge.png') no-repeat;
	height:33px;
}

#contents{
	clear:both;
	width:899px;
	min-height:200px;
	margin-top:70px;
	overflow:hidden;
	background:url(../images/contents_bg02.png);
	margin-bottom:10px;
}

#contents .leftSide{
	float:left;
	width:175px;
	min-height:620px;
	background:url('../images/left_side_bg.png') no-repeat;
	background-position:bottom right;
}

#contents .rightSide{
	float:left;
	width:702px;
	min-height:200px;
	padding:10px;
/*	background:url('../images/right_side_bottom_edge.png');
	background-position:bottom right;*/
}

#contents .leftSide ul{
	list-style-type:none;
	margin-left:10px;
	padding-left:0px;
	width:175px;
}

#contents .leftSide ul li{
	width:162px;
	min-height:25px;
	background:url('../images/list_bottom_bg.gif') no-repeat;
	background-position:bottom center;
	padding:6px 0px 7px 0px;
	display:block;
	text-align:left;
}

#contents .leftSide ul li.noBg{
	background:none;
}

#contents .leftSide ul li a{
	text-decoration:none;
	color:#b3b3b3;
	width:145px;
	min-height:25px;
	background:url('../images/white_arraow.gif') no-repeat;
	background-position:0px 2px;
	display:block;
	padding-left:25px;
}

#contents .leftSide ul li a:hover{
	text-decoration:none;
	color:#537e0b;
	width:145px;
	min-height:25px;
	background:url('../images/yellow_arrow.gif') no-repeat;
	background-position:0px 2px;
	display:block;
	padding-left:25px;
}

#contents .leftSide ul li a.selected{
	text-decoration:none;
	color:#537e0b;
	width:145px;
	min-height:25px;
	background:url('../images/yellow_arrow.gif') no-repeat;
	background-position:0px 2px;
	display:block;
	padding-left:25px;
}

#contents p{
	color:#676767;
	width:680px;
	min-height:20px;
}

#contents ul{
	list-style-type:none;
	width:145px;
	min-height:10px;
	padding-left:5px;
	margin-left:0px;
}

#contents ul li{
	padding-bottom:5px;
	
}
#contents li 
{
    padding:0 0 5px 15px;
   background: url('../images/li_arrow.gif') left  no-repeat;
}

#mainWrapper{
	margin:0 auto;
	max-width:1200px;
	min-height:972px;
	background:url('../images/body_bg.jpg') no-repeat;
	background-position:0px 0px;
}

.contentsBottomEdge{
	clear:both;
	width:892px;
	height:11px;
	background:url('../images/bottom_edge.jpg') no-repeat;
}

.leftPadd{
	float:left;
	margin-left:3px;
}

.socialMedia{
	margin-top:3px;
}

.socialMedia .txt{
	color:#739639; 
	font-size:23px; 
	letter-spacing:-1px;
	font-family: 'Helvetica LT Condensed';
}

.mainImage{
	background:url('../images/main_img.png') no-repeat;
	font-family: 'Helvetica LT Std Cond';
	width:667px;
	height:268px;
	font-size:43px;
	text-align:right;
	color:#016c1a;
	padding:20px 30px 0px 0px;
	letter-spacing:-1px;
}

.bigfont{
	font-size:37px; 
	color:#000;
}

.solution{
	float:left;
	width:175px;
	min-height:150px;
	background:url('../images/small_containers_bg.png') no-repeat;
	background-position:top left;
}

.noBg{
	background:none;
}

.label{
	font-family: 'Helvetica LT Std Cond';
	width:175px;
	height:35px;
	color:#537e0b;
	border:1px solid #bebebe;
	font-size:24px;
	text-align:center;
	padding-top:4px;
}

.boldLabel1{
	padding:45px 0px 0px 15px; 
	font-weight:bold; 
	font-size:48px; 
	color:#9bca4c;
}

.boldLabel2{
	margin-top:-10px;
	padding-left:15px; 
	font-size:24px; 
	font-family: 'Helvetica LT Std Cond'; 
	color:#8c8c8c;
}

.learnBtn{
	margin-top:10px;
}

span.bottomLogo{
	margin-left:785px;
	position:absolute; 
	margin-top:-45px;
}

span.green{
	color:#88b63a;
}

span.white{
	color:#FFF;
}

span.gray{
	color:#d2d2d2;
}

.left{
	float:left;
}
.content-spc
{
    line-height:17px;
}
.form { float:left; width:550px; margin:5px auto; padding:0; background:#f7f7f7; border:1px solid #ececec;}
/********** contact form **********/
#contactform { margin:0; padding:5px 10px;}
#contactform * { color:#7a7a7a;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { float:left; margin:0; width:100px; padding:5px 0; font:bold 12px Arial, Helvetica, sans-serif; color:#747474; text-transform:capitalize;}
#contactform label span { font:normal 10px Arial, Helvetica, sans-serif;}
#contactform input.text { width:420px; border:1px solid #ececec; margin:5px 0; padding:5px 2px; height:15px; background:#fff;}
#contactform textarea { width:420px; border:1px solid #ececec; margin:10px 0; padding:2px; background:#fff; height:150px;}
#contactform li.buttons input { padding:3px 0; margin:0 0 0 400px; border:0; color:#FFF;}
p.response { text-align:center; color:#2c2c2c; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}