/*  
Theme Name: HMCv2
Theme URI: http://www.hmc2agency.com/
Description: Theme designed specifically for HMC's new generation site
Version: 1.1
Author: hmc2 Advertising
Author URI: http://www.hmc2agency.com/

*/



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

ul, ul li {
	margin:0px; padding:0px;
	list-style:none;
}


* { 
	behavior: url(http://www.hmc2agency.com/wp-content/themes/hmcv2/iepngfix.htc) 
}

a img {
border:none;}


sup { line-height:1em; font-size:0.7em;}

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

#container {
	width:821px;	margin: auto; height:490px; overflow:hidden;
}

	#logo {
		position: relative; z-index:0;
		top:0px; display:block; left:0px;	width: 862px;
		margin: 16px auto;
		
	}
	#logo img { position:relative; display:block;
		width: 60px; 
		height:60px;
	}
	
	#main {
		position: relative;	width: 802px; left:9px;
		background-color:#dbdcdc;	height:465px;
		overflow:hidden; z-index:5;	
	}
	
	
/*   =========== Navigation =============   */

			.pagenav	{
				position:absolute;	left:30px;	top:30px;	width: 90px;
				height:150px;
			}



			#navdivider	{
				background-color:#FFFFFF;	position:absolute;	left:135px;	top:38px;	width: 1px;
				height:85px; z-index:10;
			}
			
			
			#secondmenu	{
				position:absolute;	left:150px;	top:35px;	width: 150px;
				height:150px;
			}
			#secondmenu	ul li {
			margin-left: 25px;
			line-height:1em;
			}
			ul#secondmenu {
			line-height:1.1em;
			}
			
			

/*   =========== Left (below nav) positioning =============   */
			
	#leftcontent {
		display:block;	position:absolute;	left:0px;	top:150px;	width: 360px;
		height:280px;
	}
	#leftcontentpage {
		display:block;	position:absolute;	left:0px;	top:205px;	width: 369px;
		height:260px; z-index:2;
		overflow:hidden;
	}

	#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;
}


/*   =========== Right Content Positioning =============   */

		#centercontent {
			display:block;
			position:absolute;	right:21px;	top:0px;	width: 413px;
			height:100%;	background-color:#eaeadd;	padding-right:1px;	z-index:2;
			overflow: hidden;
		}
		#showcasecontent {
			display:block;
			position:absolute;	right:21px;	top:0px;	width: 413px;
			height:100%;	background-color:#edeede;	padding-right:1px;	z-index:2;
			overflow: hidden;
		}

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

			#processcontent {
				display: block;	position:absolute;	left:12%;	top: 15%;	width: 75%;
				height:70%;	padding-right:1px;	z-index:2;
				overflow:auto;
			}
			#content {
				display: block;	position:absolute;	left:10%;	top: 5%;	width: 85%;
				height:90%;	padding-right:5px;	z-index:2;
				overflow:auto;
			}
	
	
		#flashopen {
			display:block;
			position:absolute;	right:-1px;	top:0px;	width: 434px;
			height:100%;	padding-right:1px;	z-index:3;
			overflow: hidden;
		}
/*   =========== Drop Shadows =============   */
	
	#innershadow {
			background-image:url('innershadow.png');	
			display:block;
			position:absolute;	left:360px;	top:0px;	width: 9px;
			height:100%;	padding-right:1px;	z-index:3;
			overflow: hidden;
		}
	#outershadow {
			background-image:url('outershadow.png');	
			display:block;
			position:absolute;	right:10px;	top:0px;	width: 9px;
			height:100%;	padding-right:1px;	z-index:3;
			overflow: hidden;
		}
	#shadowleft {
		position: relative;
		top:-483px; left:-7px;
		background: no-repeat url('outershadowleft.png');
		display:block;	width: 812px;
		height:465px; clear:both; margin:auto; z-index:0;
		
		}

	#shadowbottom {
			background:url('outershadowbottom.png') no-repeat;	
			position: relative;	left:-3px;	top:-483px;	width: 830px;
			height:18px;	z-index:0;
			overflow: hidden;
		}

/*   =========== Bottom Positioning =============   */
	
	#botlinks {
		position:relative;	top:8px;
		list-style:none; left:575px; width:250px; z-index:0;
	}




/*   =====================================   */
/*   ============= 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;
	cursor: default;
}

#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;
	cursor: default;
}

#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 */
.closedHand {
	cursor: url(../images/closedhand.cur), move !important;
}

.openHand {
	cursor: url(../images/openhand.cur),  default !important;
}

.selectable {
	cursor: pointer !important;
}



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


/*   =========== Rollover States =============   */

	.pagenav a:hover:before, .page_item a:hover:before, .cat-item a:hover:before, 
	.current_page_item a:before, .current-cat a:before,
	.current_page_parent a:before, .current_page_parent ul .current_page_item a:before {
		content: url(listcircle.png);
		padding-right: 5px;
		margin-left:-10px;
	}
	
	#secondmenu a .current_page_item, 
	#secondmenu .current-cat a, 
	#secondmenu a:hover, 
	#secondmenu ul a:hover, 
	#secondmenu .page_item a:hover, 
	.page_item a:hover,
	.pagenav a:hover,	
	.current_page_item a, 
	#secondmenu .current_page_item a, 
	.current_page_parent a
	{
		color:#000;
		margin-left:10px;
	}


	.current_page_parent ul a:before {
			content: "";
			padding-right: 0px;
	}


/*   =========== Appearance =============   */


	.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:85px;
		padding: 5px;
	}
	
	#secondmenu a, #secondmenu .current_page_item li a   {
		color:#85a4c3;
	}

	#botlinks .page_item a:before, .current_page_item ul a:before	{
			padding-right: 0px;
			margin-left:0px;
			content: "";
	}
	.current_page_item ul a	{
		color:#6e7072;
	}
	.current_page_item a, .current-cat a	{
		color:#000000;
	}
	#botlinks li { display:inline; }

	#botlinks a {
		color:#FFFFFF;
		font-size: 1em;
		text-decoration: none;
		padding:5px 12px;
		border:solid 1px #494e51;
		display: inline;
	}
	#botlinks .current_page_item a, #botlinks a:hover {
		color:#ccc;
		margin-left:0px;
	}


/*   =====================================   */
/*   ========== Content 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: 12px;
		line-height:1.55em;
		margin: 10px 52px 15px 30px;
		border-bottom: #959899 solid 1px;
		padding-bottom:10px;
	}
	
	.homealert {
		font-size:1.27em;
		font-weight: normal;
		text-decoration:none;
		color:#666;
	}
	#leftcontent p.alert {
		border-bottom: #959899 solid 0px;
		padding-bottom:0;
	
	}
	.alert { border-bottom: none; padding:0px;}

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


	Body {
		background-color:#494e51;
		margin: 0px;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 11px;
	}
	
	#content P, .entry	{
		font-size: 1em;
		color: #2c2b27;
		line-height:1.65em;
	}
	.entry	ul {
		margin-left:20px;
	}
	
	.entry img	{
		padding: 5px 20px 5px 0px;
	}
	
	.postmetadata small {
		line-height:1em;
		font-size:0.8em;
	}
	
	.entry blockquote {
		margin: 0px 25px 0px 25px;
		line-height:1.4em;
	}
	
	
	.post h2 {
		font-size:1.27em;
		font-weight:normal;
		margin-bottom:0px;	
	}

	.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 {
		float:right;
		border: #fbfbf9 solid 1px;
		width: 40%; display:block;
		margin: 10px 3px 10px 25px;
		padding:10px; clear:both; background-color:#ccc;
		line-height: 14px;
	}
	.services	{
		float:right;
		background-color:#ccc;
		border: #fbfbf9 solid 1px;
		width: 40%; display:block;
		margin: 10px 3px 10px 25px;
		padding:10px;
		line-height: 14px;
	}
	
	.services ul {
		list-style-type:none;
		margin: 0;
		padding: 0;
	}
	.services li {
		margin: 5px 5px 5px 10px;
		padding: 0;
	}
	
	.services h3, .results h3	{
		font-size: 1.18em;
		font-weight:normal;
		margin: 0 0 5px 0;
		padding: 0;
	}
	#content p.casestudy  {
		line-height: 14px;
		width:90%;
	}



/*   =====================================   */
/*   ========= Article 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;
	}


.address, .address a {
margin: 5px 0 5px 0;
line-height:1.1em;
text-decoration:none;}


.ddsg-wrapper ul li, .ddsg-wrapper a{
	padding:4px 0 0 15px;
	list-style: none;
	color:#666666;
	text-decoration: none;
}
.ddsg-wrapper a:hover{
	text-decoration: underline;
}


#hidelogo {display: none;}