body {
	
	
	background-image: url('../img/background.jpg');
	background-repeat: no-repeat;
	background-position: top center;
	background-color: #111111;
	font-family: arial, sans-serif;
	font-size: 62.5%;
	color: #999999;
}
a {
	color: #9d0b01;
}
p {
	line-height: 1.5em;
}
#site {
	position: relative;
	background-color: #ffffff;
	width: 960px;
	margin: 80px auto 80px auto;
	font-size: 1.4em;
	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-bottom: 1px solid #555555;
	border-right: 1px solid #555555;
	
	background-image: url('../img/gradient-bottom-left.png');
	background-repeat: no-repeat;
	background-position: bottom left;
	
}

#logo {
	background-image: url('../img/logo.png');
	background-position: -2px;
	background-repeat: no-repeat;
	height: 74px;
	width: 405px;
}
#logo span{
	display: none;
}
#left {
	position: relative;
	float: left;
	width: 399px;
	padding: 40px;
	border-right: 1px solid #e9e9e9;
	background-image: url('../img/gradient-top-left.png');
	background-repeat: no-repeat;
}
#right {
	position: relative;
	float: left;
	padding: 40px;
	width: 399px;
	border-left: 1px solid #ffffff;
	background-image: url('../img/gradient-rightside.png');
	background-repeat: repeat-y;
	display:block;
	
}



p.intro {
	font-size: 1.7em;
	color: #000000;
	line-height: 1.2em;
	letter-spacing: -1px;
}
.clear {
	clear: both;
}
#quote {
	font-size: 1.4em;
	line-height: 1.2em;
	text-weight: bold;
	width: 400px;
	
	color: #000000;
	font-family: 'arial black', sans-serif;
	letter-spacing: -1px;
	z-index: 2;
}
#quote small {
display: block;
float: right;
	font-family: arial, sans-serif;
	font-size: 0.6em;
	letter-spacing: 0;
	color: #a9a9a9;
}

/* HEADINGS */
.recent-work {
	background-image: url('../img/header-recent-work.png');
	height:20px;
}
.recent-work span {
	display: none;
}
.latest-posts {
	background-image: url('../img/header-latest-posts.png');
	height:20px;
}

.latest-posts span {
	display: none;
}

h2 small {
	font-size: 0.6em;
	float: right;
	padding-top: 5px;
	font-weight: normal !important;
}
h2 small a {
	color: #a9a9a9 !important;
	padding-right: 10px;
	text-decoration: none;
}
h2 {
	background-repeat: no-repeat;
	margin: 30px 0 0 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #e9e9e9;
	
}

.icon-twitter {
	background-image: url('../img/social/twitter_32.png');
	background-repeat: no-repeat;
	width: 32px;
	height: 64px !important;
}
.icon-twitter span{
	text-indent: -3000px;
}

.post-list {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.post-list li  {
	border-bottom: 1px solid #f1f1f1;
}
.post-list li a{
	color: #888888;
	text-decoration: none;
	
	padding: 10px;
	display: block;
}
.post-list li a:hover {
	background-color: #f1f1f1;
}
.post-list li a small {
	float: right;
	text-decoration: none;
	color: #cccccc;
}

#portfolio-list {
	list-style-type: none;
	margin: 25px 0 0 0;
	padding: 0;
}
#portfolio-list li {
	float: left;
}
#portfolio-list li a {
	display: inline;
	border: 4px solid #f1f1f1;
	height: 100px;
	width: 180px;
}
#portfolio-list li.first {
	margin-right: 18px;
}
#portfolio-list li a {
	height: 100px;
	width: 180px;
	background-position: top;
	display: block;

}
#portfolio-list li a:hover {
	background-position: bottom;
}
#portfolio-list li a span {
	display: none;
}

#scratchthecat {
	background-image: url('../img/portfolio/scratchthecat_thumb.png');
}
#heathtully {
	background-image: url('../img/portfolio/heathtully_thumb.png');	
}
#mtmconsulting {
	background-image: url('../img/portfolio/mtm_thumb.png');	
}
#nssfoods {
	background-image: url('../img/portfolio/nssfoods_thumb.png');	
}

#copyright {
	background-color: #f5f5f5;
	border-top: 1px solid #d9d9d9
	border-bottom: 1px solid #d9d9d9;
	padding: 10px;
	font-size: 0.8em;
	margin: 40px 0 0 0;
}
#socialicons {
	list-style-type: none;
	margin: 0 !important;
	padding: 0 !important;

}
#socialicons li {
	display: inline;
	margin: 0 8px 0 0;
	padding: 0;

}

#ribbon-right {
	position: absolute;
	top: -5px;
	left: 369px;
	
}

#ribbon-right a {
	background-image: url('../img/ribbon.png');
	display: block;
	width: 116px;
	height: 114px;
}
#ribbon-right a span {
	display: none;
}
#contact-link {
float: right;
}
button span{
	display:none;
}
button:hover {
	cursor: pointer;
	cursor: hand;
}
/*//////////////////////////////
//Overlay Jquery tools//
////////////////////////////////*/

/* the overlayed element */ 
div.overlay { 
     
    /* growing background image */ 
    background: #fff;
	border: 1px solid #cccccc;
     
    /* dimensions after the growing animation finishes  */ 
    width:500px; 
    height:370px;         
     
    /* initially overlay is hidden */ 
    display:none; 
     
    /* some padding to layout nested elements nicely  */ 
    padding:55px; 
} 
 
/* default close button positioned on upper right corner */ 
div.overlay div.close { 
    background-image:url(../img/overlay/close.png); 
    position:absolute; 
    right:5px; 
    top:5px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
} 
 
 
/* black */ 
div.overlay.black { 
    background:url(../img/overlay/transparent.png) no-repeat !important; 
    color:#fff; 
} 
 
/* petrol */ 
div.overlay.petrol { 
    background:url(../img/overlay/petrol.png) no-repeat !important; 
    color:#fff; 
} 
 
div.black h2, div.petrol h2 { 
    color:#ddd;         
}
/*////////////////////////////////////*/