body {
	background:#fff;
	font-family:Monaco, Arial,Helvetica,sans-serif;
}
/*****************
Basic text styling
*****************/
p, h1, ul {
	color:#201920;
	margin:0 20px 1em 20px;
	line-height:1.8em;
	float:left;
	font-size:1em;
}
a {
	color:#5C6F7B;
	text-decoration:none;
	
}
a:hover {
	color:#00CCFF;
}
/*****************
Header
*****************/
#header {
	width:100%;
	height:96px;
	background: #F0F0F0 url(../images/bg-header-blue.gif) repeat-x;
	float:left;
}
	#header #logo {
		width:476px;
		height:97px;
		background:#f0f0f0;
		float:left;
	}
		#header #logo img {
			margin:23px 0 0 38px;
		}
	#header #homebtn {
		width:5px;
		height:97px;
		border-right:1px solid #f0f0f0;
		background:#f0f0f0 url(../images/bg-header-gray.gif) repeat-x;
		float:left;
	}
		#header #homebtn a {
			height:7px;
			width:20px;
			background: url(../images/bg-header-home.gif) no-repeat;
			text-indent:-999px;
			float:left;
			display:block;
			margin:39px 0 0 2px;
		}
		#header #homebtn a:hover {
			background-position:0 -7px;
		}
		#header #blog-nav {
				background:url(../images/bg-blog-heading.gif) 485px 0 no-repeat;
				padding:25px 0 0;
		
		}
			#header #blog-nav ul {
				margin:0 0 0 -1px;
				border-bottom:1px solid #f0f0f0;
				border-top:1px solid #f0f0f0;
				border-right:1px solid #f0f0f0;
			}
				#header #blog-nav ul li {
					display:inline;
					float:left;
				}
					#header #blog-nav ul li a {
						display:block;
						background:#504f2f;
						text-indent:-999px;
						width:40px;
						height:22px;
						border-left:1px solid #f0f0f0;
					}
					#header #blog-nav ul li a:hover{
						background:#b4aa60;
					}
/*****************
content
*****************/
#content {
	width:100%;
	height:383px;
	float:left;
	background:#cccccc;
	border-top:1px solid #fff;	
}
	#content #left {
		width:480px;
		height:383px;
		float:left;
		background:#000;
		border-right:1px solid #fff;		
	}
	#content #right {
		width:239px;
		float:left;
		height:383px;
		background:#f0f0f0;	
		border-right:1px solid #fff;	
	}
		#content #right #nav {
			float:left;
			margin:0 0 20px 0;
		}
			#content #right #nav ul {
				float:left;
				height:24px;	
				margin:0;
			}
				#content #right #nav ul li {
					display:inline;				
				}
				#content #right #nav ul li#nav-about a {
					background-image:url(../images/bg-about.gif);		
					background-repeat:  no-repeat;
					background-position:20px 11px;
					
				}
				#content #right #nav ul li#nav-casestudies a {
					background-image:url(../images/bg-caseStudies.gif);
					background-repeat:  no-repeat;
					background-position:20px 11px;		
				}
				#content #right #nav ul li#nav-about a:hover {	
					background-position:20px -140px;
				}
				#content #right #nav ul li#nav-casestudies a:hover {
					background-position:20px -140px;	
				}
				#content #right #nav ul li#nav-about a.current {
					background-position:20px -80px;
				}
				#content #right #nav ul li#nav-casestudies a.current {
					background-position:20px -80px;
				}
					#content #right #nav ul li a {
						border-bottom:1px solid #fff;	
						border-left:1px solid #fff;
						width:78px;
						font-size:1.2em;
						padding:10px 20px 0;
						display:block;
						float:left;
						height:24px;	
						background-color:#e4e4e4;
						color:#bcbcbc;
						font-weight:bold;
						text-indent:-999px;
					}
					#content #right #nav ul li a:hover {
						background:#ffff01;
					}
					#content #right #nav ul li a.first {
						border-left:0;
						width:80px;
					}
					#content #right #nav ul li a.current {
						border-bottom:1px solid #f0f0f0;
						background:#f0f0f0;
					}
		#content #right p, #content #right li {
			font-size:1.1em;
		}
		#content #right li {
			margin-top:2px;
		}
#content #right a {
            color:#00CCFF;
}
#content #right a:hover {
text-decoration:underline;
}
/*****************
Blog page
*****************/	
body#blog {
	background:#000000 url(../images/bg-blog.gif) repeat-x;	
}		
div#blog {
	width:1220px;	
	background:pink;
}
div#blog img {
	float:left;	
}
	div#blog img.alt {
		float:right;
	}
div.image {
	position:relative;
	float:left;	
}
	div.image img {
		float:left;	
	}
div.message-wide, div.message-narrow {
	position:absolute;
	background:url(../images/bgMessage.png) repeat;
	color:#cccccc;
	padding:10px 0;
}
div.message-wide {
	width:300px;
}
div.message-narrow{
	width:60%;
}	
	div.message-wide h2, div.message-narrow h2 {
		margin:0 10px;
		font-size:18px;
		font-weight:bold;
	    line-height:1.6em;
	}
	div.message-wide span, div.message-narrow span {
		margin:0 10px;
		display:block;
		font-size:10px;
		line-height:1.6em;
		border-bottom:1px solid #cccccc;
		padding:0 0 2px 0;
	}
	div.message-wide p, div.message-narrow p {
		margin:0 10px;
		font-size:10px;
		line-height:1.6em;
		color:#cccccc;
	}