Results of the CSS crunched for www.sabrinashopfitting.com.au

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

CSSCruncher.com has crunched this CSS to
20.75 %Less Size! That's Incredible!

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

Crunched CSS code:

body{background:#fff url(../images/bg.png) no-repeat scroll right top;color:#535353;font-family:helvetica,verdana,arial,sans-serif;font-size:12px}
h1,h2,h3,h4,h5,h6{font-family:"arial narrow"}
h1{color:#e87e1d;font-size:46px;margin-bottom:16px;text-transform:uppercase}
h2{color:#f5ad13;font-size:32px;font-weight:bold;margin:30px 0 10px 0}
h2:first-child{margin-top:0}
h3,h4,h5,h6{color:#e87e1d;font-weight:bold;margin:20px 0 6px 0}
h3{font-size:18px}
h4{font-size:16px}
h5{font-size:14px}
h6{font-size:12px}
p{line-height:18px;margin-bottom:14px}
li{font-weight:normal;line-height:18px;list-style-image:url(../images/ic_dot.gif);margin-left:25px}
hr{border:0;border-top:#f4b7a6 solid 1px;margin:20px 0}
blockquote{font-size:14px;margin-left:-20px}
strong{font-weight:bold}
#BgContainer{border-top:#eb1b23 solid 5px;width:100%}
#Container{margin:0 auto;width:960px}
#SansFooter{}
#logo{position:absolute;top:20px}
.Header{height:254px;margin-top:18px}
#header-home{height:334px}
#header-portfolio,#header-officeworks,#header-bigw,#header-coles,#header-mitre10,#header-brownsugar,#header-aesop{background:url(../images/portfolioheader.png) no-repeat}
#header-fitouts{background:url(../images/fitoutsheader.png) no-repeat}
#header-fitting-rooms{background:url(../images/fittingheader.png) no-repeat}
#header-project-management{background:url(../images/projectheader.png) no-repeat}
#header-services{background:url(../images/servicesheader.png) no-repeat}
#header-products{background:url(../images/productsheader.png) no-repeat}
#header-about-us{background:url(../images/aboutheader.png) no-repeat}
#header-contact-us{background:url(../images/contactheader.png) no-repeat}
#header-Security{background:url(../images/loginheader.png) no-repeat}
#Navigation{height:38px;position:relative;top:-24px;left:0;width:auto;z-index:1}
#nav{float:right;height:38px;list-style:none;margin-right:6px;width:792px}
#nav li{display:inline;margin:0}
#nav a{background:url(../images/navbar.png) no-repeat;float:left;height:38px;text-indent:-9999px}
#nav-home a{background-position:0 0;width:60px}
#nav-about-us a{background-position:-60px 0;width:65px}
#nav-portfolio a{background-position:-125px 0;width:88px}
#nav-products a{background-position:-213px 0;width:85px}
#nav-services a{background-position:-298px 0;width:75px}
#nav-fitouts a{background-position:-373px 0;width:70px}
#nav-fitting-rooms a{background-position:-443px 0;width:112px}
#nav-project-management a{background-position:-555px 0;width:158px}
#nav-contact-us a{background-position:-713px 0;width:79px}
#nav-home a:hover{background-position:0px -38px}
#nav-about-us a:hover{background-position:-60px -38px}
#nav-portfolio a:hover{background-position:-125px -38px}
#nav-products a:hover{background-position:-213px -38px}
#nav-services a:hover{background-position:-298px -38px}
#nav-fitouts a:hover{background-position:-373px -38px}
#nav-fitting-rooms a:hover{background-position:-443px -38px}
#nav-project-management a:hover{background-position:-555px -38px}
#nav-contact-us a:hover{background-position:-713px -38px}
#Layout{opacity:0.0;padding-top:15px}
#Layout p{font-weight:normal;line-height:18px}
#Layout a,#Footer a{color:#eb1b23;font-weight:normal;text-decoration:none}
#Layout a:hover,#Footer a:hover{text-decoration:underline}
#leftPanel{float:left;margin-bottom:20px;padding-right:160px;width:160px}
#leftPanel p{margin-bottom:8px}
#leftPanel img{padding:10px 0}
#rightPanel{float:right;margin-bottom:20px;width:640px}
#rightPanel img{padding:20px 0}
#Form_Form label{font-weight:normal}
#Form_Form .field,#Email,#Password{padding-bottom:20px}
#Form_Form .field input,#MemberLoginForm_LoginForm_Email,#MemberLoginForm_LoginForm_Password{width:300px}
#Form_Form_message{font-family:helvetica,verdana,arial,sans-serif;font-size:14px;height:160px;width:500px}
#name input,#email input,#message input,#Form_Form_message,#MemberLoginForm_LoginForm_Email,#MemberLoginForm_LoginForm_Password{border:#f4b7a6 solid 1px;margin-top:8px;margin-bottom:10px;padding:4px}
#name input:focus,#email input:focus,#message input:focus,#Form_Form_message:focus{background-color:#fff;border-color:#f5ad13}
#Form_Form_action_Send,#MemberLoginForm_LoginForm_action_dologin{padding:5px;width:auto;background-color:#e0161d;color:#FFFFFF;border:none;text-transform:uppercase;font-size:11px}
#ForgotPassword{margin-top:20px}
.required,.validation{background-color:#ff6464;border:#d80000 solid 1px;color:#000;font-weight:bold;padding:4px}
#Footer{background:url(../images/footerbar.png) no-repeat right top;clear:both;padding-top:20px;padding-bottom:5px;position:relative;top:20px}
#Footer p{font-size:11px;text-align:right}
#clientList li{list-style-type:none;list-style-image:none;text-indent:-9999px;margin-bottom:24px}
#clientList li a{float:left}
#kmart-logo,#kmart-logo a{width:102px;height:33px}
#kmart-logo{background:url(../images/logos/kmart-logo.gif) no-repeat left top}
#officeworks-logo,#officeworks-logo a{width:130px;height:34px}
#officeworks-logo{background:url(../images/logos/officeworks-logo.gif) no-repeat left top}
#bigw-logo,#bigw-logo a{width:118px;height:36px}
#bigw-logo{background:url(../images/logos/bigw-logo.gif) no-repeat left top}
#coles-logo,#coles-logo a{width:120px;height:37px}
#coles-logo{background:url(../images/logos/coles-logo.gif) no-repeat left top}
#mitre10-logo,#mitre10-logo a{width:102px;height:40px}
#mitre10-logo{background:url(../images/logos/mitre10-logo.gif) no-repeat left top}
#brownsugar-logo,#brownsugar-logo a{width:147px;height:10px}
#brownsugar-logo{background:url(../images/logos/brownsugar-logo.gif) no-repeat left top}
#aesop-logo,#aesop-logo a{width:91px;height:29px}
#aesop-logo{background:url(../images/logos/aesop-logo.gif) no-repeat left top}

» Show original CSS code

« Hide original CSS code

/**
 * --- Colour palette ---
 * #eb1b23		crimson
 * #e87e1d		orange
 * #f5ad13		gold
 * #535353		grey
 */

/*** Generic styles [begin] ***/

body {
	background: #fff url(../images/bg.png) no-repeat scroll right top;
	color: #535353;
	font-family: helvetica, verdana, arial, sans-serif;
	font-size: 12px;
}
h1, h2, h3, h4, h5, h6 {
	font-family: "arial narrow";
}
h1 {
	color: #e87e1d;
	font-size: 46px;
	margin-bottom: 16px;
	text-transform: uppercase;
}
h2 {
	color: #f5ad13;
	font-size: 32px;
	font-weight: bold;
	margin: 30px 0 10px 0;
}
h2:first-child {
	margin-top: 0;
}
h3, h4, h5, h6 {
	color: #e87e1d;
	font-weight: bold;
	margin: 20px 0 6px 0;
}
h3 {
	font-size: 18px;
}
h4 {
	font-size: 16px;
}
h5 {
	font-size: 14px;
}
h6 {
	font-size: 12px;
}
p {
	line-height: 18px;
	margin-bottom: 14px;
}
li {
	font-weight: normal;
	line-height: 18px;
	list-style-image:url(../images/ic_dot.gif);
	margin-left: 25px;
}
hr {
	border: 0;
	border-top: #f4b7a6 solid 1px;
	margin: 20px 0;
}
blockquote {
	font-size: 14px;
	margin-left: -20px;
}
strong {
	font-weight: bold;
}

/*** Generic styles [end] ***/

/*** Container styles [begin] ***/
 
#BgContainer {
	border-top: #eb1b23 solid 5px;
	width: 100%;
}
#Container {
	margin: 0 auto;
	width: 960px;
}
#SansFooter {
	/*min-height: 776px;*/
}

/*** Container styles [end] ***/

/*** Header and Logo styles [begin] ***/

#logo {
	position: absolute;
	top: 20px;
}
.Header {
	height: 254px;
	margin-top: 18px;
}
#header-home {
	height: 334px;
}
#header-portfolio, #header-officeworks, #header-bigw, #header-coles, #header-mitre10, #header-brownsugar, #header-aesop {
	background: url(../images/portfolioheader.png) no-repeat;
}
#header-fitouts {
	background: url(../images/fitoutsheader.png) no-repeat;
}
#header-fitting-rooms {
	background: url(../images/fittingheader.png) no-repeat;
}
#header-project-management {
	background: url(../images/projectheader.png) no-repeat;
}
#header-services {
	background: url(../images/servicesheader.png) no-repeat;
}
#header-products {
	background: url(../images/productsheader.png) no-repeat;
}
#header-about-us {
	background: url(../images/aboutheader.png) no-repeat;
}
#header-contact-us {
	background: url(../images/contactheader.png) no-repeat;
}
#header-Security {
	background: url(../images/loginheader.png) no-repeat;
}
/*** Header and Logo styles [end] ***/

/*** Navigation styles [begin] ***/

#Navigation {
	height: 38px;
	position: relative;
	top: -24px;
	left: 0;
	width: auto;
	z-index: 1;
}
#nav {
	float: right;
	height: 38px;
	list-style: none;
	margin-right: 6px;
	width: 792px;
}
#nav li {
	display: inline;
	margin: 0;
}
#nav a {
	background: url(../images/navbar.png) no-repeat;
	float: left;
	height: 38px;
	text-indent: -9999px;
}
#nav-home a {
	background-position: 0 0;
	width: 60px;
}
#nav-about-us a {
	background-position: -60px 0;
	width: 65px;
}
#nav-portfolio a {
	background-position: -125px 0;
	width: 88px;
}
#nav-products a {
	background-position: -213px 0;
	width: 85px;
}
#nav-services a {
	background-position: -298px 0;
	width: 75px;
}
#nav-fitouts a {
	background-position: -373px 0;
	width: 70px;
}
#nav-fitting-rooms a {
	background-position: -443px 0;
	width: 112px;
}
#nav-project-management a {
	background-position: -555px 0;
	width: 158px;
}
#nav-contact-us a {
	background-position: -713px 0;
	width: 79px;
}
#nav-home a:hover {
	background-position: 0px -38px;
}
#nav-about-us a:hover {
	background-position: -60px -38px;
}
#nav-portfolio a:hover {
	background-position: -125px -38px;
}
#nav-products a:hover {
	background-position: -213px -38px;
}
#nav-services a:hover {
	background-position: -298px -38px;
}
#nav-fitouts a:hover {
	background-position: -373px -38px;
}
#nav-fitting-rooms a:hover {
	background-position: -443px -38px;
}
#nav-project-management a:hover {
	background-position: -555px -38px;
}
#nav-contact-us a:hover {
	background-position: -713px -38px;
}

/*** Navigation styles [end] ***/

/*** Content styles [begin] ***/

#Layout {
	opacity: 0.0;
	padding-top: 15px;
}
#Layout p {
	font-weight: normal;
	line-height: 18px;
}
#Layout a, #Footer a {
	color: #eb1b23;
	font-weight: normal;
	text-decoration: none;
}
#Layout a:hover, #Footer a:hover {
	text-decoration: underline;
}
#leftPanel {
	float: left;
	margin-bottom: 20px;
	padding-right: 160px;
	width: 160px;
}
#leftPanel p {
	margin-bottom: 8px;
}
#leftPanel img {
	padding: 10px 0;
}
#rightPanel {
	float: right;
	margin-bottom: 20px;
	width: 640px;
}
#rightPanel img {
	padding: 20px 0;
}

/*** Content styles [end] ***/

/*** Form styles [begin] ***/

#Form_Form label {
	font-weight: normal;
}
#Form_Form .field, #Email, #Password {
	padding-bottom: 20px;
}
#Form_Form .field input, #MemberLoginForm_LoginForm_Email, #MemberLoginForm_LoginForm_Password  {
	width: 300px;
}
#Form_Form_message {
	font-family: helvetica, verdana, arial, sans-serif;
	font-size: 14px;
	height: 160px;
	width: 500px;
}
#name input, #email input, #message input, #Form_Form_message, #MemberLoginForm_LoginForm_Email, #MemberLoginForm_LoginForm_Password {
	border: #f4b7a6 solid 1px;
	margin-top: 8px;
	margin-bottom: 10px;
	padding: 4px;
}
#name input:focus, #email input:focus, #message input:focus, #Form_Form_message:focus {
	background-color: #fff;
	border-color: #f5ad13;
}
#Form_Form_action_Send, #MemberLoginForm_LoginForm_action_dologin {
	padding: 5px;
	width: auto;
	background-color:#e0161d;
	color:#FFFFFF;
	border:none;
	text-transform:uppercase;
	font-size:11px;
}
#ForgotPassword {
	margin-top: 20px;
}
.required, .validation {
	background-color: #ff6464;
	border: #d80000 solid 1px;
	color: #000;
	font-weight: bold;
	padding: 4px;
}

/*** Form styles [end] ***/

/*** Footer styles [begin] ***/

#Footer {
	background: url(../images/footerbar.png) no-repeat right top;
	clear: both;
	padding-top: 20px;
	padding-bottom:5px;
	position: relative;
	top: 20px;
}
#Footer p {
	font-size: 11px;
	text-align: right;
}

/*** Footer styles [end] ***/

/*** Gallery styles [begin] ***/

#clientList li {
	list-style-type: none;
	list-style-image: none;
	text-indent: -9999px;
	margin-bottom: 24px;
}
#clientList li a {
	float: left;
}
#kmart-logo, #kmart-logo a {
	width:102px;
	height:33px;
}
#kmart-logo {
	background: url(../images/logos/kmart-logo.gif) no-repeat left top;
}
#officeworks-logo, #officeworks-logo a {
	width:130px;
	height:34px;
}
#officeworks-logo {
	background: url(../images/logos/officeworks-logo.gif) no-repeat left top;
}
#bigw-logo, #bigw-logo a {
	width:118px;
	height:36px;
}
#bigw-logo {
	background: url(../images/logos/bigw-logo.gif) no-repeat left top;
}
#coles-logo, #coles-logo a {
	width:120px;
	height:37px;
}
#coles-logo {
	background: url(../images/logos/coles-logo.gif) no-repeat left top;
}
#mitre10-logo, #mitre10-logo a {
	width:102px;
	height:40px;
}
#mitre10-logo {
	background: url(../images/logos/mitre10-logo.gif) no-repeat left top;
}
#brownsugar-logo, #brownsugar-logo a {
	width:147px;
	height:10px;
}
#brownsugar-logo {
	background: url(../images/logos/brownsugar-logo.gif) no-repeat left top;
}
#aesop-logo, #aesop-logo a {
	width:91px;
	height:29px;
}
#aesop-logo {
	background: url(../images/logos/aesop-logo.gif) no-repeat left top;
}

/*** Gallery styles [end] ***/