@charset "utf-8";
/* 
	Shore Consulting Group
	Creative Site
	CSS Styling - 
	Nov, 09
*/

body {
	background: #454545 url(../i/bg_body.png) repeat-x top left;
}

/* CONTAINER */

div#container {
	width: 920px;
	margin: 0 auto;
	text-align: left;
}

/* HEADER */

div#header {
	position: relative;
}

	div#header h1 {
		height: 118px;
		margin: 10px 10px 0 10px;
		background: url(../i/logo_shore.png) no-repeat left top;
	}
	div#header h1 a {
	}
	div#header div#submenu {
		width: 143px;
		height: 29px;
		position: absolute;
		right: 20px;
		top: 0;
		background: url(../i/bg_submenu.png) no-repeat left top;
	}
	div#header div#submenu a {
		display: block;
		text-align: center;
		text-decoration: none;
		padding: 5px 0 0 0;
	}



/* CONTENT */

div#content {
	padding: 0 10px 0 10px;
	background: url(../i/bg_titlebar.png) no-repeat center top;
}
	
	div#content div#titleBar {
		height: 61px;
	}
	
		div#content div#titleBar h2 {
			margin: 0;
			padding: 10px 0 0 0;
			color: #d9d9d9;
			text-indent: -5000px;
			background: url(../i/bg_h2.png) no-repeat left -60px;
		}
	/* */
	div#content div#wrapper {
		margin: 0;
		padding: 0;
		overflow: auto;
	}
	
		div#wrapper div#left {
			float: left;
			width: 680px;
		}
		div#wrapper div#right {
			float: left;
			width: 200px;
			margin: 20px 0 0 20px;
			background: #525252;
		}

/* VIEWPORT */

div#viewport {
	overflow: hidden;
	position: relative;
	height: auto;
	margin: 0;
	padding: 20px 0 0 0;
}

	div#viewport div#entries {
		position: relative;
		margin: 0;
	}
	div#viewport div#entries div.entry {
		width: 680px;
		background: #525252;
		padding: 0 0 10px 0;
		margin: 0 0 40px 0;
	}

/* PROJECT MENU */

div#right ul {	
	list-style: none;
	margin: 5px;
}

	div#right ul li {
		margin: 0 0 5px 0;
		padding: 0;
	}
	div#right ul li p {
		margin: 0 0 5px 0;
		padding: 2px;
		color: #d58e43;
		font-size: 12px;
	}
	div#right ul li a {
		display: block;
		padding: 2px;
		color: #a1a1a1;
		background: #575757;
		text-decoration: none;
	}
	div#right ul li a:hover {
		color: #d9d9d9;
		background: #5d5d5d;
	}
	div#right ul li a {
		outline-color: #6d6d6d;
	}
	div#right ul li a.active, div#right ul li a:hover.active {
		color: #38b4e7;
		background: #5d5d5d;
	}

/* ENTRIES */

div.entry h4 {
	font-weight: bold;
}
div.entry h4, div.entry p {
	display: inline;
	margin: 0 10px 0 10px;
	padding: 5px 7px;
	background: #3d3d3d;
	color: #38b4e7;
}
div.entry p {
	display: block;
	color: #ddd;
	margin: 10px 10px 0 10px;
}
div.entry a.pageTop {
	display: block;
	width: 40px;
	text-align: center;
	color: #ddd;
	margin: 10px 10px 0 10px;
	background: #3d3d3d;
	padding: 5px 0;
	text-decoration: none;
}
div.entry a.pageTop:hover {
	color: #aaa;
	background: #444;
}
div.slider {
	overflow: hidden;
	position: relative;
	margin: 0;
}
div.entry ul, div.entry ol {
	overflow: auto;
	list-style: none;
	margin: 10px 0 10px 10px;
	padding: 0;
}
div.slider img {
	margin: 10px 0 10px 10px;
	padding: 0;
}

/* HOVER LAYER */

div.entry div.overlay {
	position: absolute;
	z-index: 100;
	margin: 0;
	padding: 0;
	left: 10px;
	top: 10px;
}
div.entry div.overlay a {
	display: block;
	width: 660px;
	height: 439px;
	text-decoration: none;
	background: url(../g/blank.gif) no-repeat center center;
	cursor: default;
}
/*div.entry div.overlay a:hover {
	background: url(../g/bttn_viewproj.png) no-repeat center center;
}*/

/* PROJECT PAGE */

div#wrapper p.breadCrumb {
	margin: 10px 0 0 0;
	padding: 0 0;
	background: none;
	color: #bbb;
	font-size: 11px;
}
div#wrapper p.breadCrumb a {
	color: #ddd;
}
div#wrapper p.breadCrumb a:hover {
	color: #ccc;
}
div#wrapper p.projP {
	margin: 10px 0 10px 0;
	padding: 5px 7px;
	background: #333;
	color: #ddd;
}
div#wrapper h5 {
	margin: 0 0 10px 0;
	padding: 5px 7px;
	background: #333;
	color: #38b4e7;
}
div.imgWrapper {
	overflow: hidden;
	margin: 10px 0 0 0;
	_height : 1%;
	padding: 0;
}
div.imgWrapper img {
	float: left;
	margin: 0 10px 10px 0;
}
div.imgWrapper img.last {
	margin-right: 0;
}