Results of the CSS crunched for www.jooseddesign.com

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

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

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

Error on Line 51:
  Property -moz-border-radius doesn't exist
  Class:     #mainContainer
  Property:  -moz-border-radius
  Value:     0

Error on Line 52:
  Property -webkit-border-radius doesn't exist
  Class:     #mainContainer
  Property:  -webkit-border-radius
  Value:     6px

Error on Line 53:
  Property -moz-box-shadow doesn't exist
  Class:     #mainContainer
  Property:  -moz-box-shadow
  Value:     0 1px 3px rgba(0,0,0,0.8)

Error on Line 54:
  Property -webkit-box-shadow doesn't exist
  Class:     #mainContainer
  Property:  -webkit-box-shadow
  Value:     0 1px 3px rgba(0,0,0,0.8)

Error on Line 90:
  Property -moz-border-radius doesn't exist
  Class:     .searchNoBorder
  Property:  -moz-border-radius
  Value:     5px

Error on Line 91:
  Property -webkit-border-radius doesn't exist
  Class:     .searchNoBorder
  Property:  -webkit-border-radius
  Value:     5px

Error on Line Line : 146:
  Unknown pseudo-element or pseudo-class
  Class:     Line : 146
  Property:  146
  Value:     hovr

Error on Line 197:
  Property -moz-border-radius doesn't exist
  Class:     .right-basics
  Property:  -moz-border-radius
  Value:     8px

Error on Line 198:
  Property -webkit-border-radius doesn't exist
  Class:     .right-basics
  Property:  -webkit-border-radius
  Value:     8px

Error on Line 199:
  Property -moz-box-shadow doesn't exist
  Class:     .right-basics
  Property:  -moz-box-shadow
  Value:     0 1px 3px rgba(0,0,0,0.8)

Error on Line 200:
  Property -webkit-box-shadow doesn't exist
  Class:     .right-basics
  Property:  -webkit-box-shadow
  Value:     0 1px 3px rgba(0,0,0,0.8)

Error on Line 479:
  Too many values or values are not recognized
  Class:     #contact
  Property:  margin-right
  Value:     0 auto

Error on Line 482:
  Property -moz-border-radius doesn't exist
  Class:     #contact
  Property:  -moz-border-radius
  Value:     5px

Error on Line 483:
  Property -webkit-border-radius doesn't exist
  Class:     #contact
  Property:  -webkit-border-radius
  Value:     5px

Error on Line 505:
  Property -moz-border-radius doesn't exist
  Class:     input, textarea, select
  Property:  -moz-border-radius
  Value:     5px

Error on Line 506:
  Property -webkit-border-radius doesn't exist
  Class:     input, textarea, select
  Property:  -webkit-border-radius
  Value:     5px

Error on Line 521:
  Property -moz-border-radius doesn't exist
  Class:     input.submit
  Property:  -moz-border-radius
  Value:     5px

Error on Line 522:
  Property -webkit-border-radius doesn't exist
  Class:     input.submit
  Property:  -webkit-border-radius
  Value:     5px

Error on Line 535:
  Property -moz-border-radius doesn't exist
  Class:     input.reset
  Property:  -moz-border-radius
  Value:     5px

Error on Line 536:
  Property -webkit-border-radius doesn't exist
  Class:     input.reset
  Property:  -webkit-border-radius
  Value:     5px

Error on Line 546:
  Property -moz-border-radius doesn't exist
  Class:     fieldset
  Property:  -moz-border-radius
  Value:     5px

Error on Line 547:
  Property -webkit-border-radius doesn't exist
  Class:     fieldset
  Property:  -webkit-border-radius
  Value:     5px

Error on Line 555:
  Property -moz-border-radius doesn't exist
  Class:     legend
  Property:  -moz-border-radius
  Value:     5px

Error on Line 556:
  Property -webkit-border-radius doesn't exist
  Class:     legend
  Property:  -webkit-border-radius
  Value:     5px

Error on Line 575:
  Property -moz-border-radius doesn't exist
  Class:     .error_message
  Property:  -moz-border-radius
  Value:     5px

Error on Line 576:
  Property -webkit-border-radius doesn't exist
  Class:     .error_message
  Property:  -webkit-border-radius
  Value:     5px

Error on Line 596:
  Property -moz-border-radius doesn't exist
  Class:     .button
  Property:  -moz-border-radius
  Value:     6px

Error on Line 597:
  Property -webkit-border-radius doesn't exist
  Class:     .button
  Property:  -webkit-border-radius
  Value:     6px

Error on Line 598:
  rgba(0,0,0,0.25) is not a border-color value
  Class:     .button
  Property:  border-bottom
  Value:     1px solid rgba(0,0,0,0.25)

Error on Line 609:
  Property -moz-border-radius doesn't exist
  Class:     .button:hover
  Property:  -moz-border-radius
  Value:     6px

Error on Line 610:
  Property -webkit-border-radius doesn't exist
  Class:     .button:hover
  Property:  -webkit-border-radius
  Value:     6px

Error on Line 611:
  Property -moz-box-shadow doesn't exist
  Class:     .button:hover
  Property:  -moz-box-shadow
  Value:     0 1px 3px rgba(0,0,0,0.6)

Error on Line 612:
  Property -webkit-box-shadow doesn't exist
  Class:     .button:hover
  Property:  -webkit-box-shadow
  Value:     0 1px 3px rgba(0,0,0,0.6)

Error on Line 613:
  Property text-shadow doesn't exist
  Class:     .button:hover
  Property:  text-shadow
  Value:     0 -1px 1px rgba(0,0,0,0.25)

Error on Line 614:
  rgba(0,0,0,0.25) is not a border-color value
  Class:     .button:hover
  Property:  border-bottom
  Value:     1px solid rgba(0,0,0,0.25)

Error on Line 630:
  Property text-shadow doesn't exist
  Class:     .button, .button:visited, .medium.button, .medium.button:visited
  Property:  text-shadow
  Value:     0 -1px 1px rgba(0,0,0,0.25)

Crunched CSS code:

html,body,div,span,applet,object,iframe, h1,h2,h3,h4,h5,h6,p,blockquote,pre, a,abbr,acronym,address,big,cite,code, del,dfn,em,font,img,ins,kbd,q,s,samp, small,strike,strong,sub,sup,tt,var, b,u,i,center, dl,dt,dd,ol,ul,li, fieldset,form,label,legend, table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;color:#CCC}
h1{font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;font-size:20px;color:#FFF}
h2{font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;font-size:16px;color:#b1d000;margin-bottom:10px}
h3{font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;font-size:14px;color:#fff;margin-bottom:5px}
body{background:#ddd}
#mainContainer{width:1100px;border:1px solid #fff;margin-top:5px;margin-left:auto;margin-right:auto;-moz-border-radius:0px;-webkit-border-radius:6px;-moz-box-shadow:0 1px 3px rgba(0,0,0,0.8);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.8)}
.topTier{background-image:url(../images/topTier_bg.jpg);background-repeat:repeat-x;padding:15px 0px;border-bottom:1px solid #666}
#header{background-image:url(../images/navBar.jpg);background-repeat:repeat-x;height:58px;width:100%;padding:0px}
#logo{float:left;margin-left:30px;margin-top:10px}
#searchBox{float:right;margin-right:30px;padding-top:5px}
.searchNoBorder{font-size:12px;cursor:pointer;border:1px solid #bbb;background:#555;color:#bbb;-moz-border-radius:5px;-webkit-border-radius:5px}
#searchBox input{background:url(../images/search_BG.jpg);background-repeat:repeat-x}
#mainNav{float:left;font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;font-size:14px;margin-left:40px;margin-top:22px}
#mainNav a{margin-left:28px;color:#666;text-decoration:none}
#mainNav a:hover{color:#999}
.mainDisplay{clear:both;padding:30px 140px 0px}
.middleTier{background:#333;padding:15px}
#mainContent{float:left;width:640px}
#mainContent p{font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;font-size:14px;color:#EEE;letter-spacing:0px;line-height:22px}
#mainContent a.question{color:#555;font-size:12px;text-decoration:none}
#mainContent a:hovr.question{color:#999;font-size:12px;text-decoration:none}
.introBox{width:600px;padding:20px;background:#333}
.introBox img{margin-bottom:15px}
.introBox a{color:#fff;text-decoration:none}
.introBox a:hover{color:#9C0}
#aboutBox{}
#aboutBox .aboutLeft{float:left;border:3px solid #666;margin-right:20px;margin-bottom:20px}
#aboutBox p.aboutRight{float:right}
.left-basics{float:left}
.right-basics{float:right;margin-right:10px;margin-bottom:25px;line-height:26px;background:#222;padding:25px;-moz-border-radius:8px;-webkit-border-radius:8px;-moz-box-shadow:0 1px 3px rgba(0,0,0,0.8);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.8)}
ul{font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;font-size:14px;color:#fff}
li{list-style:disc;line-height:22px}
.left-skills{float:left;margin-left:20px}
.right-skills{float:right;margin-right:150px}
.slider{background:url(../images/portfolio_topTier_bg.jpg);background-repeat:repeat-x;height:413px;margin-top:-3px;padding-top:40px}
#window{clear:both;width:940px;height:330px;background:#131310;overflow:hidden;position:relative;margin:10px auto 10px auto;border:3px solid #444}
#slideshow{width:1920px;height:700px;overflow:hidden;position:relative}
#slideshow li{width:940px;height:330px;float:left;display:inline}
.folioMain{background:#222;padding:30px}
.folioMain img{margin-bottom:10px}
#folioBox1{width:310px;background:#444;padding:15px;float:left}
#folioBox2{width:310px;background:#444;padding:15px;float:left;margin-left:10px}
#folioBox3{width:310px;background:#444;padding:15px;float:right}
#folioBox4{width:310px;background:#444;padding:15px;margin-top:15px;float:left}
#folioBox5{width:310px;background:#444;padding:15px;float:left;margin-top:15px;margin-left:10px}
#folioBox6{width:310px;background:#444;padding:15px;margin-top:15px;float:right}
.folioMain span{font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;font-size:13px;color:#FFF}
span.skills{font-size:11px;color:#999}
#rightContent{float:right;width:375px;padding:20px}
#rightContent img{margin-bottom:15px}
#rightContent p{font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;font-size:14px;color:#EEE;line-height:19px}
#rightContent a{font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;color:#fff;text-decoration:none}
#rightContent a:hover{font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;color:#9C0}
#rightContent-contact{float:right;width:340px;margin-left:50px;padding:20px}
#rightContent-contact img{margin-bottom:15px}
#rightContent-contact p{font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;font-size:14px;color:#EEE;line-height:19px}
#rightContent-contact a{font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;color:#888;text-decoration:none}
#rightContent-contact a:hover{font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;color:#9C0;text-decoration:underline}
#lowerContent{clear:both;padding:20px}
#footer{clear:both;background:#222;text-align:center;padding:5px 20px}
#footer p{font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;font-size:13px;color:#666;letter-spacing:-1px}
#socialMedia{float:right}
#socialMedia img{margin-top:10px;margin-right:5px}
#footerNav{clear:right;font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;font-size:13px;margin:5px}
#footerNav a{margin-left:15px;color:#888;text-decoration:none}
#footerNav a:hover{color:#fff}
p,label,legend{font:14px "Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;color:#fff}
h1{font:16px "Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;color:#fff;margin:10px 0 10px}
hr{color:inherit;height:0;margin:6px 0 6px 0;padding:0}
#contact{display:block;width:550px;background-color:#444;margin-right:0px auto;border:1px solid #333;padding:25px;-moz-border-radius:5px;-webkit-border-radius:5px}
label{display:inline-block;float:left;height:26px;line-height:26px;width:155px;font-size:14px}
input,textarea,select{margin:0;padding:5px;color:#333;background:#d5d5d5;border:1px solid #333;margin:5px 0;font:14px "Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;-moz-border-radius:5px;-webkit-border-radius:5px}
input:focus,textarea:focus,select:focus{border:1px solid #777;background-color:#fff;color:#333}
input.submit{cursor:pointer;border:1px solid #666;background:#555;color:#bbb;margin-left:155px;-moz-border-radius:5px;-webkit-border-radius:5px}
input.submit:hover{background:#b1d000;color:#000}
input.reset{cursor:pointer;border:1px solid #555;background:#444;color:#bbb;-moz-border-radius:5px;-webkit-border-radius:5px}
input.reset:hover{background:#b1d000;color:#000}
fieldset{padding:20px;-moz-border-radius:5px;-webkit-border-radius:5px}
legend{padding:7px 10px;font-weight:bold;color:#666;border:1px solid #eee;-moz-border-radius:5px;-webkit-border-radius:5px}
span.required{font-size:13px;color:#ff0000}
.error_message{display:block;height:22px;line-height:22px;background:#FBE3E4 url('../images/assets/error.gif') no-repeat 10px center;padding:3px 10px 3px 35px;margin:10px 0;color:#8a1f11;border:1px solid #FBC2C4;-moz-border-radius:5px;-webkit-border-radius:5px}
#succsess_page h1{background:url('../images/assets/success.gif') left no-repeat;padding-left:22px}
.button{background:#222 url(overlay.png) repeat-x;display:inline-block;padding:5px 10px 6px;color:#000;text-decoration:none;-moz-border-radius:6px;-webkit-border-radius:6px;border-bottom:1px solid rgba(0,0,0,0.25);position:relative;cursor:pointer}
.button:hover{background:#222 url(overlay.png) repeat-x;display:inline-block;padding:5px 10px 6px;color:#fff;text-decoration:none;-moz-border-radius:6px;-webkit-border-radius:6px;-moz-box-shadow:0 1px 3px rgba(0,0,0,0.6);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.6);text-shadow:0 -1px 1px rgba(0,0,0,0.25);border-bottom:1px solid rgba(0,0,0,0.25);position:relative;cursor:pointer}
.small.button,.small.button:visited{font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;font-size:11px}
.button,.button:visited, .medium.button,.medium.button:visited{font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;font-size:12px;font-weight:normal;line-height:1;text-shadow:0 -1px 1px rgba(0,0,0,0.25)}
.large.button,.large.button:visited{font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;font-size:14px;padding:8px 14px 9px}
.super.button,.super.button:visited{font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;font-size:34px;padding:8px 14px 9px}
.pink.button,.magenta.button:visited{background-color:#e22092}
.pink.button:hover{background-color:#c81e82}
.green.button,.green.button:visited{background-color:#91bd09}
.green.button:hover{background-color:#749a02}
.red.button,.red.button:visited{background-color:#e62727}
.red.button:hover{background-color:#cf2525}
.orange.button,.orange.button:visited{background-color:#ff5c00}
.orange.button:hover{background-color:#d45500}
.blue.button,.blue.button:visited{background-color:#2981e4}
.blue.button:hover{background-color:#2575cf}
.yellow.button,.yellow.button:visited{background-color:#ffb515}
.yellow.button:hover{background-color:#fc9200}
.white.button,.white.button:visited{background-color:#666}
.white.button:hover{background-color:#CCC}
.black.button,.black.button:visited{background-color:#222}
.black.button:hover{background-color:#444}
.bridge{margin-bottom:70px}
.phone{background-image:url(../images/small_icons/phone.png);background-repeat:no-repeat;padding-left:30px;margin-bottom:3px}
.email{background-image:url(../images/small_icons/mail.png);background-repeat:no-repeat;padding-left:30px;margin-bottom:3px}
.facebook{background-image:url(../images/small_icons/facebook.png);background-repeat:no-repeat;padding-left:30px;margin-bottom:3px}
.twitter{background-image:url(../images/small_icons/twitter.png);background-repeat:no-repeat;padding-left:30px;margin-bottom:3px}
.linkedin{background-image:url(../images/small_icons/linkedin.png);background-repeat:no-repeat;padding-left:30px;margin-bottom:3px}
.skype{background-image:url(../images/small_icons/skype.png);background-repeat:no-repeat;padding-left:30px;margin-bottom:3px}
span.available{color:#9C0}
.hidden{text-indent:-99999px}
.left{float:left}
.right{float:right}

» Show original CSS code

« Hide original CSS code

h1 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 20px;
	color: #FFF;
}

h2 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 16px;
	color: #b1d000;
	margin-bottom: 10px;
}

h3 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	color: #fff;
	margin-bottom: 5px;
}

body {
	background: #ddd;	
}

#mainContainer {
	width: 1100px;
	border: 1px solid #fff;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	-moz-border-radius: 0px;
	-webkit-border-radius: 6px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.8);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.8);
}

.topTier {
	background-image: url(../images/topTier_bg.jpg);
	background-repeat: repeat-x;
	padding: 15px 0px;
	border-bottom: 1px solid #666;
}

#header {
	background-image: url(../images/navBar.jpg);
	background-repeat: repeat-x;
	height: 58px;
	width: 100%;
	padding: 0px;
}

#logo {
	float: left;
	margin-left: 30px;
	margin-top: 10px;
}

#searchBox {
	float: right;
	margin-right: 30px;
	padding-top: 5px;
}

.searchNoBorder {
	font-size: 12px;
	cursor: pointer; 
	border: 1px solid #bbb; 
	background: #555;
	color:#bbb; 
	-moz-border-radius: 5px; 
	-webkit-border-radius:5px;
}

#searchBox input {
	background: url(../images/search_BG.jpg);
	background-repeat: repeat-x;
}

#mainNav {
	float:left;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	margin-left: 40px;
	margin-top: 22px;
}

#mainNav a {
	margin-left: 28px;	
	color: #666;
	text-decoration: none;
}

#mainNav a:hover {
	color: #999;	
}

.mainDisplay {
	clear: both;
	padding: 30px 140px 0px;	
}

.middleTier {
	background: #333;
	padding: 15px;
}

#mainContent {
	float: left;
	width: 640px;
}

#mainContent p {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	color: #EEE;
	letter-spacing: 0px;
	line-height: 22px;
}

#mainContent a.question {
	color: #555;
	font-size: 12px;
	text-decoration: none;
}

#mainContent a:hovr.question {
	color: #999;
	font-size: 12px;
	text-decoration: none;
}

.introBox {
	width: 600px;
	padding: 20px;
	background: #333;
}

.introBox img {
	margin-bottom: 15px;	
}

.introBox a {
	color: #fff;
	text-decoration: none;
}

.introBox a:hover {
	color: #9C0;	
}

#aboutBox {
	
}

#aboutBox .aboutLeft {
	float: left;
	border: 3px solid #666;
	margin-right: 20px;
	margin-bottom: 20px;
}

#aboutBox p.aboutRight {
	float: right;	
}

.left-basics {
	float: left;
}

.right-basics {
	float: right;
	margin-right: 10px;
	margin-bottom: 25px;
	line-height: 26px;
	background: #222;
	padding: 25px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.8);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.8);
}

/*--------------------------------PORTFOLIO PAGE--------------------------------*/

ul {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	color: #fff;
}

li {
	list-style: disc;
	line-height: 22px;
}

.left-skills {
	float: left;
	margin-left: 20px;
}

.right-skills {
	float: right;
	margin-right: 150px;
}

/*--------------------------PORTFOLIO SLIDER-------------------------------*/

.slider {
	background: url(../images/portfolio_topTier_bg.jpg);
	background-repeat: repeat-x;
	height: 413px;
	margin-top: -3px;
	padding-top: 40px;
}

#window {
	clear:both; 
	width:940px;
	height:330px; 
	background:#131310; 
	overflow:hidden; 
	position:relative; 
	margin:10px auto 10px auto;
	border: 3px solid #444;
}  
  
#slideshow {
	width:1920px; 
	height:700px; 
	overflow:hidden; 
	position:relative;
}

#slideshow li {
	width:940px; 
	height:330px; 
	float:left; 
	display:inline;
}

/*--------------------------END PORTFOLIO SLIDER-------------------------------*/

.folioMain {
	background: #222;
	padding: 30px;
}

.folioMain img {
	margin-bottom: 10px;
}

#folioBox1 {
	width: 310px;
	background:#444;
	padding: 15px;
	float: left;
}

#folioBox2 {
	width: 310px;
	background:#444;
	padding: 15px;
	float: left;
	margin-left: 10px;
}

#folioBox3 {
	width: 310px;
	background:#444;
	padding: 15px;
	float: right;
}

#folioBox4 {
	width: 310px;
	background:#444;
	padding: 15px;
	margin-top: 15px;
	float: left;
}

#folioBox5 {
	width: 310px;
	background:#444;
	padding: 15px;
	float: left;
	margin-top: 15px;
	margin-left: 10px;
}

#folioBox6 {
	width: 310px;
	background:#444;
	padding: 15px;
	margin-top: 15px;
	float: right;
}

.folioMain span {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 13px;
	color: #FFF;
}

span.skills {
	font-size: 11px;
	color: #999;
}

#rightContent {
	float: right;
	width: 375px;
	padding: 20px;
}

#rightContent img {
	margin-bottom: 15px;	
}

#rightContent p {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	color: #EEE;
	line-height: 19px;
}

#rightContent a {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #fff;	
	text-decoration: none;
}

#rightContent a:hover {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #9C0;
}

/*--------------------------CONTACT PAGE RIGHTCONTENT-----------------------------*/

#rightContent-contact {
	float: right;
	width: 340px;
	margin-left: 50px;
	padding: 20px;
}

#rightContent-contact img {
	margin-bottom: 15px;	
}

#rightContent-contact p {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	color: #EEE;
	line-height: 19px;
}

#rightContent-contact a {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #888;	
	text-decoration: none;
}

#rightContent-contact a:hover {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #9C0;
	text-decoration: underline;
}

#lowerContent {
	clear: both;
	padding: 20px;
}

#footer {
	clear:both;
	background: #222;
	text-align: center;
	padding: 5px 20px;
}

#footer p {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 13px;
	color: #666;
	letter-spacing: -1px;
}

#socialMedia {
	float: right;	
}

#socialMedia img {
	margin-top: 10px;
	margin-right: 5px;	
}

#footerNav {
	clear: right;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 13px;
	margin: 5px;
}

#footerNav a {
	margin-left: 15px;	
	color: #888;
	text-decoration: none;
}

#footerNav a:hover {
	color: #fff;	
}

/*-----------------------CONTACT PAGE-------------------*/

p, label, legend { 
	font: 14px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; 
	color: #fff; 
}

h1 { 
	font: 16px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; 
	color: #fff; 
	margin: 10px 0 10px; 
}

hr { 
	color: inherit; 
	height: 0; 
	margin: 6px 0 6px 0; 
	padding: 0; 
}

#contact { 
	display: block; 
	width: 550px; 
	background-color: #444; 
	margin-right: 0px auto; 
	border: 1px solid #333; 
	padding: 25px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius:5px; 
}

/* Form style */

label { 
	display: inline-block; 
	float: left; 
	height: 26px; 
	line-height: 26px; 
	width: 155px; 
	font-size: 14px; 
}

input, textarea, select { 
	margin: 0; 
	padding: 5px; 
	color: #333; 
	background: #d5d5d5; 
	border: 1px solid #333; 
	margin: 5px 0; 
	font: 14px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; 
	-moz-border-radius: 5px; 
	-webkit-border-radius:5px; 
}

input:focus, textarea:focus, select:focus { 
	border: 1px solid #777; 
	background-color: #fff; 
	color:#333; 
}

input.submit { 
	cursor: pointer; 
	border: 1px solid #666; 
	background: #555;
	color:#bbb; 
	margin-left: 155px;
	-moz-border-radius: 5px; 
	-webkit-border-radius:5px; 
}

input.submit:hover { 
	background: #b1d000;
	color: #000;
}

input.reset { 
	cursor: pointer; 
	border: 1px solid #555; 
	background: #444;
	color:#bbb; 
	-moz-border-radius: 5px; 
	-webkit-border-radius:5px; 
}

input.reset:hover { 
	background: #b1d000;
	color: #000;
}

fieldset { 
	padding:20px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius:5px; 
}

legend { 
	padding:7px 10px; 
	font-weight:bold; 
	color:#666; 
	border:1px solid #eee; 
	-moz-border-radius: 5px; 
	-webkit-border-radius:5px; 
}

span.required { 
	font-size: 13px; 
	color: #ff0000; 
} /* Select the colour of the * if the field is required. */

/* Style for the error message */

.error_message { 
	display: block; 
	height: 22px; 
	line-height: 22px; 
	background: #FBE3E4 url('../images/assets/error.gif') no-repeat 10px center; 
	padding: 3px 10px 3px 35px; 
	margin: 10px 0; 
	color:#8a1f11;
	border: 1px solid #FBC2C4; 
	-moz-border-radius: 5px; 
	-webkit-border-radius:5px; 
}

#succsess_page h1 { 
	background: url('../images/assets/success.gif') left no-repeat; 
	padding-left:22px; 
}

/*--------------------END CONTACT PAGE-------------------*/

/*-------------------BUTTON STYLES----------------------*/

.button {
	background: #222 url(overlay.png) repeat-x;
	display: inline-block;
	padding: 5px 10px 6px;
	color: #000;
	text-decoration: none;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer
}

.button:hover {
	background: #222 url(overlay.png) repeat-x;
	display: inline-block;
	padding: 5px 10px 6px;
	color: #fff;
	text-decoration: none;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer	
}

.small.button, .small.button:visited { 
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px
}

.button, .button:visited,
.medium.button, .medium.button:visited { 
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 1;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}

.large.button, .large.button:visited { 
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	padding: 8px 14px 9px; 
}

.super.button, .super.button:visited { 
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 34px;
	padding: 8px 14px 9px; 
}

.pink.button, .magenta.button:visited { background-color: #e22092; }
.pink.button:hover { background-color: #c81e82; }
.green.button, .green.button:visited { background-color: #91bd09; }
.green.button:hover	{ background-color: #749a02; }
.red.button, .red.button:visited { background-color: #e62727; }
.red.button:hover { background-color: #cf2525; }
.orange.button, .orange.button:visited { background-color: #ff5c00; }
.orange.button:hover { background-color: #d45500; }
.blue.button, .blue.button:visited { background-color: #2981e4; }
.blue.button:hover { background-color: #2575cf; }
.yellow.button, .yellow.button:visited { background-color: #ffb515; }
.yellow.button:hover { background-color: #fc9200; }
.white.button, .white.button:visited { background-color: #666; }
.white.button:hover { background-color: #CCC; }
.black.button, .black.button:visited { background-color: #222; }
.black.button:hover { background-color: #444; }

/*-------------------BUTTON STYLES END----------------------*/

.bridge {
	margin-bottom: 70px;
}

.phone {
	background-image: url(../images/small_icons/phone.png);
	background-repeat: no-repeat;
	padding-left: 30px;
	margin-bottom: 3px;
}

.email {
	background-image: url(../images/small_icons/mail.png);
	background-repeat: no-repeat;
	padding-left: 30px;
	margin-bottom: 3px;
}

.facebook {
	background-image: url(../images/small_icons/facebook.png);
	background-repeat: no-repeat;
	padding-left: 30px;
	margin-bottom: 3px;
}

.twitter {
	background-image: url(../images/small_icons/twitter.png);
	background-repeat: no-repeat;
	padding-left: 30px;
	margin-bottom: 3px;
}

.linkedin {
	background-image: url(../images/small_icons/linkedin.png);
	background-repeat: no-repeat;
	padding-left: 30px;
	margin-bottom: 3px;
}
.skype {
	background-image: url(../images/small_icons/skype.png);
	background-repeat: no-repeat;
	padding-left: 30px;
	margin-bottom: 3px;
}

span.available {
	color: #9C0;
}

.hidden {
	text-indent: -99999px;	
}

.left {
	float: left;
}

.right {
	float: right;
}

Some information about this website:

URL: http://www.jooseddesign.com/
CSS URL: http://www.jooseddesign.com/css/main_site_styles.css
Charset: utf-8
Title: Joosed Design Creative | Dave Clark - Freelance Web Designer | Braintree Essex United Kingdom
Meta-Description: I
Meta-Keywords: web designer, portfolio, freelance, website designer, dave clark, designer, joosed design, braintree, essex, design, creative