/*  
Theme Name: HMCv2
Theme URI: http://www.hmcv2.com/
Description: Theme designed specifically for HMC's new generation site
Version: 1.0
Author: Nathan Dana
Author URI: http://www.hmcv2.com/


*/

/*   =====================================   */
/*   ========== Reset Spacing ============   */
/*   =====================================   */

ul, li {
margin:0px; padding:0px;}
.scrollgeneric {
	display:none;}
.mcontentwrapper, .contentwrapper {
	position: relative !important;
	height: auto !important; 
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	top: 0 !important;
	overflow: visible !important;}
}
sup { line-height:1em; font-size:0.7em;}


/*   =====================================   */
/*   =========== Positioning =============   */
/*   =====================================   */

#container {
	width:90%; height:600px; display:block;	margin: auto;
}
	#logo {
		position: relative; z-index:0;
		top:20px; display:block; left:20px;	width: 90%;
		margin: 30px auto;
		
	}
	#logo img { position:relative; display:block;
		width: 60px; 
		height:61px;
	}
		
	#main {
		position: relative;	 z-index:5;	
	}
	
			.pagenav	{display:none;
			}



			#navdivider	{display:none;
			}
			
			
			#secondmenu	{display:none;
			}
			#secondmenu	ul li {
			margin-left: 20px;
			}

		#centercontent {
			position:absolute;	left:10%;	top:0px;	width: 80%;
			top:30px;	padding-right:1px;	z-index:2;

		}
	#leftcontentpage {
		display:block;	position:relative; z-index:6;
		overflow:hidden;  float: right; top:-120px;
	}
	#leftcontentpage img {
		width: 185px;
		height:130px;	}
		#showcasecontent {
			display:block;
			position:absolute;	right:21px;	top:0px;	width: 423px;
			height:100%;	background-color:#edeede;	padding-right:1px;	z-index:2;
			overflow: hidden;
		}

		#showcase {
			display:block;
			position:absolute;	right:21px;	top:0px;	width: 423px;
			height:100%;	background-color:#edeede;	padding-right:1px;	z-index:3;
			overflow: hidden;
		}

			#processcontent {
				position:absolute;	left:5%;	top: 5%;	width: 90%;
				padding-right:5px;	z-index:2;
				overflow: auto;
			}
			#content {
				position:absolute;	left:5%;	top: 5%;	width: 90%;
				padding-right:5px;	z-index:2;
				overflow: auto;
			}
	
	
		#flashopen {
			display:block;
			position:absolute;	right:-1px;	top:0px;	width: 222px;
			height:222px;	padding-right:1px;	z-index:10;
			overflow: hidden;
		}
	
	#innershadow {
			display:none;
			}
	#outershadow {
			display:none;
			}
	#shadowleft {
		display:none;
		}

	#shadowbottom {
		display:none;
		}

	
	#botlinks {
		display:none;
	}
	#leftcontent {
		display:block;	position:absolute;	left:0px;	top:165px;	width: 360px;
		height:280px;
	}

	#slideflownav {
		display:block;	position:absolute;	left:0px;	top:245px;	width: 369px;
		height:220px; z-index:4;
		overflow:hidden;
	}

#leftcontent .post-meta-key, #leftcontentpage .post-meta-key {
display:none;
}


/*   =====================================   */
/*   ============= Showcase  =============   */
/*   =====================================   */
#slideflowimg{
				display: block;	position:absolute; left:41px; top: 15px;
			}
h1#title {
position: absolute; display:block;
left: 50px;
top:415px;
font-size:1.09em;
font-weight:normal;}
h2#subtitle {
position: absolute; display:block;
top:435px; left: 50px;
font-weight:normal;
font-size:0.91em;}
#navigation {
	clear:both;
	margin-left:15px;
	margin-right:15px;
	padding:10px 0px 10px 0px;
	height:120px;

}

#wrapper {
	margin: 0px auto;
	display: block;
	width: 300px;
	min-height: 385px;
}

#frame {
	}

.slider {
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
	border:0;
}
.slider .sliderbutton {
	margin-top: 0 !important;
}

#sl0base {
	background: url(slideflowslider-bg.gif) no-repeat;
	margin-left: auto;
	margin-right: auto;
}

#sl0slider {
	background: url(seekslider.gif) no-repeat;
	margin-top: 6px;
	float :left;
}

#sl0slider:hover, #sl0slider.hover {
	background: url(seekslider-hover.gif) no-repeat;
}
#photo {
	width: 340px;
	height: 390px;
	margin: 10px 0;
	display: inline;
}

#slideflow {
	height: 90px;
	position: relative;
	padding-bottom:20px;
}

#slideflow img {
	position:absolute;
	top:0px;
}

/* For future use - these don't work with IE6 */



/*   =====================================   */
/*   ============== Menu  ================   */
/*   =====================================   */

.current_page_parent a:before, .current_page_parent ul .current_page_item a:before {
		content: url(listcircle.png);
		padding-right: 5px;
}
.current_page_parent li a {
list-style:url(listcircle.png);
}

.current_page_parent ul a:before {
		content: "";
		padding-right: 0px;
}
#leftcontent hr{
	border: 0;
  width: 70%;
  margin-top:0.5em;
	margin-bottom:0.75em;
	background-color:#959899;
	height: 1px;}


	.page_item a, .cat-item a	{
		color:#6e7072;
		text-decoration:none;
		font-size:1em;
		display:block;
		width:125px;
		padding: 2px;
	
	}

	.pagenav a	{
		color:#6e7072;
		text-decoration:none;
		font-size:1em;
		display:block;
		width:125px;
		padding: 5px;
		list-style:none;
	
	}
	
	#secondmenu a, #secondmenu .current_page_item ul a {
		color:#85a4c3;
	}
	#secondmenu a:hover, .pagenav a:hover	{
		color:#000;
	}
	#secondmenu a:hover, .pagenav ul a:hover	{
		list-style: decimal;
	}

	#secondmenu ul, .pagenav ul, #secondmenu li, .pagenav li	{
		list-style:none;
	}


	.pagenav a:hover:before, .page_item a:hover:before, .cat-item a:hover:before{
		content: url(listcircle.png);
		padding-right: 5px;
	}
	.current_page_item a:before, .current-cat a:before {
		content: url(listcircle.png);
		padding: 0 5px 20px 0;
	}
	.current_page_item a, #secondmenu .current_page_item a,  .current-cat a	{
			color:#000;
	}
	
	#botlinks .page_item a:before, .current_page_item ul a:before	{
			padding-right: 0px;
			content: "";
	}
	.current_page_item ul a	{
		color:#6e7072;
	}
#botlinks li { display:inline; }
#botlinks a {
color:#FFFFFF;
font-size: 1.09em;
text-decoration: none;
padding:5px 15px;
border:solid 1px #494e51;
display: inline;
}
#botlinks .current_page_item a, #botlinks a:hover {
color:#ddd;
border:solid 1px #555;
}


/*   =====================================   */
/*   ============= Styles  ===============   */
/*   =====================================   */
#content P { width: 95%;}


.post a {
color:#4c4b4b;
text-decoration:underline;
}
.post a:hover {
color:#808080;
text-decoration:none;
}

#leftcontent p {
list-style:none;
color:#262626;
font-size: 1.18em;
line-height:1.6em;
margin: 0px 25px 5px 35px;
}

	#leftcontent img{
	margin: 0px 40px 0px 40px;
	}
	
	
	
		#showindent{
		position:relative;
		display:block;
		left: 20px;
	}
	.categories H2{
		display:none; 
	}	


Body {
margin: 0px;
font-family:Helvetica, Arial, sans-serif;
font-size: 12px;
}

#content P

{
font-size: 1em;
color: #2c2b27;
line-height:20px;
}

.entry	{
	font-size: 1em;
	color: #2c2b27;
	line-height:1.5em;
}

.entry img	{
	padding: 5px 20px 5px 0px;
}

.post h2 {
font-size:1.27em;
font-weight:normal;
margin-bottom:24px;


}
.pagetitle {
font-weight: bold;
font-size:1.27em;
color:#333333;


}
.post h3 a, .newshead {
font-size:1.27em;
font-weight:normal;
margin-bottom:24px;
color:#000000;
}



/*   =====================================   */
/*   =========== Case Study  =============   */
/*   =====================================   */


.results {
border: #fbfbf9 solid 1px;
width: 70%; display:block;
margin: 10px 3px 10px 0px;
padding:5px;
}
.services	{
border: #fbfbf9 solid 1px;
width: 50%; display:block;
margin: 10px 3px 10px 0px;
padding:5px;
}

.services ul {
	list-style-type:none;
	margin: 0;
	padding: 0;
}
.services li {
	margin: 10px;
	padding: 0;
}

.services h3, .results h3	{
	font-size: 1.18em;
	font-weight:normal;
	margin: 0;
	padding: 0;
}
.casestudy {
line-height: 14px;
width:90%;
}


/*   =====================================   */
/*   ============== Tables ===============   */
/*   =====================================   */

.wptable {
	font-size:.91em;
}
.wptable caption {
	color: #3431b9;
}
.wptable th {
	font-weight: bold;
	font-size:.91em;
	text-align:right;
	line-height: 13px;
	vertical-align:top;
}

.wptable td {
font-size:0.9em;
border: solid 1px #4c4b4b;
padding: 3px;

}
.wptable .data {
text-align:center;
}
.wptable .divider {
border: none;
padding-right: 10px;

}
.wptable tt {
padding-right: 13px;

}
.wptable .selected {
background-color:#a1a07c;
}