/* main styling */

body {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	color:#888888;
	line-height:22px;
	height:100%;
	background:#0d0d0d url(../../images/black&white/bg.gif) top repeat-x;
}

#main {
	background:url(../../images/black&white/containerBG.jpg) no-repeat top;
	padding-top:16px;
}

h2 {
	font-size:15px;
	color:#ffffff;
	font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-weight:normal;
	line-height:43px;
	vertical-align: middle;
	padding-left:20px;
	margin-bottom:0px;
}

div#content h2, div.post h2 {
	font-size:17px;
}

h3 {
	font-size:13px;
	color:#478b47;
	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;;
	font-weight:normal;
	line-height:43px;
	vertical-align: middle;
	padding-left:20px;
	margin-bottom:0px;
}

div#content div.contentBody h2, div.post div.postBody h2 {
	font-size:15px;
	color:#ffffff;
	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;;
	font-weight:normal;
	line-height:43px;
	vertical-align: middle;
	padding-left:0px;
	margin-bottom:10px;
	margin-top:30px;
}

div#portfolio h2 {
	font-size:15px;
	color:#ffffff;
	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;;
	font-weight:normal;
}

a {
	color:#6ca4d3;
	text-decoration: underline;
}

p {
	margin-bottom:20px;
}

/* end main styling */


/* top section */

div#logo, div#navigation {
	height:184px;
}

div#logo a {
	display:block;
	width:220px;
	height:69px;
	background:url(../../images/black&white/logo.png);
	margin-top:45px;
}

div#navigation {
	text-align:right;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

div#logo img {
	
}


/* top section : navigation */

div#navigation ul {
	margin:60px 0px 0px 0px;
	padding:0px;
	width:auto;
}

div#navigation ul li {
	display:block;
	float:left;
	height:40px;
	margin:0px 0px 0px 3px;
	
	/* 
		when adding or removing items in the main navigation, you might need to adjust padding on this element
		to make sure it still spans over the entire width of it's parent element	
	*/	
	padding:0px 18px 5px 18px;
	text-align:left;
}

div#navigation ul li.current a {
	border-bottom:1px solid #ffffff;
}

div#navigation ul li:hover a {
	border-bottom:1px solid #ffffff;
}

div#navigation ul li a {
	color:#ffffff;
	font-size:13px;
	text-decoration: none;
	text-transform: none;
	display:block;
}

div#navigation ul li a span {
	font-size:12px;
	color:#888888;
	text-transform: none;
}

/* end top section : navigation */

/* end top section */


/* columns */

div.onecoll {
	margin-bottom:20px;
}

div.onecoll div.Top {
	height:42px;
	background:url(../../images/pages/oneCollTop.gif) no-repeat;
	padding:0px;
	margin:0px;
}

div.onecoll div.Top h2 {
	margin-bottom:0px;
}

div.onecoll div.Middle {
	background:url(../../images/pages/oneCollMiddle.gif) repeat-y;
	margin:0px;
	
	/* IE6 needs some special attention */
	_margin-top:-1px;
}

div.onecoll div.Bottom {
	height:3px;
	background:url(../../images/pages/oneCollBottom.gif) no-repeat;
}

div.onecoll p {
	padding:20px;
	margin-bottom:0px;
}

div.onecoll p img, div.twocolumn p img {
	margin-right:20px;
	margin-bottom:10px;
	float:left;
}

div.blogEntry {
	padding:20px 20px 0px 20px;
	width:auto;
}

div.blogEntry a.postTitle {
	font-size:13px;
	line-height:23px;
	color:#888888;
	text-decoration: none;
}

div.blogEntry div.postMeta, div.testimonial div.from {
	width:auto;
	text-align: right;
	font-style: italic;
	font-size:11px;
}

div.testimonial {
	padding:20px;
	width:auto;
}

/* end columns */


/* footer */

div#footer {
	font-size:12px;
	height:75px;
	line-height:75px;
	vertical-align: middle;
}

/* end footer */