/*
Site: Interface Consulting
Design: Lyndia Haryanto for Schipul
Build: Brandi Lalanne for Schipul
URI:
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin:0px;
padding:0px;
} 




p { margin-bottom: 8px; color:#6d6460; font-size:12px}

body {
	font: 12px Arial, Helvetica, sans-serif;
	color: #252525;
	background: #fff url(/images/home/body-bg.jpg) no-repeat top center;
	}

ul, ol { margin: 1em 0; padding-left: 2.5em; color: #6d6460; }
dt { margin: 0.5em 0 0; }
dd { margin: 0.25em 0 0.5em 2.5em; }

h1, h2, h3, h5, h5, h6 { font-weight: bold; margin-bottom: 8px; } 

h1 { font-size: 22px; color: #6D1E21;}
h2 { font-size: 16px; color: #6D1E21; }
h3 { font-size: 12px; color: #6D1E21; }
h4 { font-size: 12px; color: #666; }
h5 { font-size: 12px; color: #666; }
h6 { font-size: 12px; color: #666; }

a { color: #792A2D; outline:none }

.clear {clear:both; margin:0; padding:0;}

/** STRUCTURE **/

#wrap {width: 948px; margin:0 auto; background:#fff}

	#gray {width: 948px; height: 63px; background: #868686; color:#FFF}
	
		.num {width: 189px; float:left; padding: 0 0 0 26px; line-height: 63px; font-weight:bold}
		.address {width: 189px; float:right; padding: 11px 26px 0 0; text-align: right;}
		.address h3 {margin:0; padding:0;}
	
	#logo-area {width: 948px; height: 102px;}
	
		a#logo {width: 279px; height: 102px; border:0; float:left;}
		
		#tagline {width: 669px; height: 102px; background:url(../images/home/tag.jpg) top right no-repeat; float:right}
	
	#menu {width: 948px; background:url(../images/home/menu-bg.jpg) top left repeat-x; height: 35px; clear:both; padding-top:1px}
	
	.left-column {width: 369px; float:left; margin: 30px 0 0 26px; display:inline;}
	
	.left-column a:hover {color:#792A2D}
	
		.consulting {width: 368px; background:url(../images/home/consultingbg.jpg) top center repeat-y}
		
			.consulting img {margin: 16px 0 16px 18px; float:left; display:inline}
			
			.consulting ul {margin:20px 0 0 8px; padding:0; list-style:none; float:left; width: 220px; display:inline}
			.consulting ul li a { background:url(../images/home/red-arrow.jpg) left top no-repeat; color:#3E3E3E; 
			text-decoration:none; padding-left: 14px}
		
		#meet {width: 351px; height: 56px; background:url(../images/home/meet.jpg) top left no-repeat; margin: 16px 0;
		padding: 35px 0 0 18px}
		
			#meet a {color:#FFF}
		
		a#contact-btn {width: 349px; height: 68px; background:url(../images/home/contact-btn.jpg) top left no-repeat; 
		display:block; line-height: 68px; color:#FFF; text-decoration:none; font-size: 20px; font-weight:bold; padding: 0 0 0 20px}
		
		a#contact-btn:hover {color:#999}
		
	.mid-column { width:  256px; float:left; margin: 23px 0 0 19px; display:inline}
	
	
		#pr-title { width: 256px; height: 44px; background:url(../images/home/pr-title.jpg) top left no-repeat}
		
		.content-mid {margin: 0 0 0 12px}
		
			ul.releases-top {margin: 10px 0 0 0 !important}	
			ul.releases-top li a {display:block; margin: 0 0 8px 0; color:#2b2b2b}
			ul.releases-top li a:hover {color:#792A2D}
		
	.right-column {width:  256px; float:right; margin: 16px 6px 0 0; display:inline}
	
		#article-title { width: 256px; height: 51px; background:url(../images/home/articles-title.jpg) top left no-repeat; margin-bottom:10px}
		
		ul.articles-top li {margin-bottom:10px !important}
		ul.articles-top li a {color:#000}
		ul.articles-top li a:hover {color:#792A2D}
		
		.right-column strong {color:#792A2D}
		
		#final-cta .right-column, #final-cta .mid-column, #final-cta .left-column { margin-top: 0; }
		#final-cta .right-column { margin-top: -2px; line-height: 14px; }
		
		
		/*Stories Module*/

#story { display: block; width: 948px; height: 354px; background:url(/images/home/story-bg.jpg) repeat-x top left !important; margin: 0; position: relative; }
.stories {display: block; width: 948px; height: 335px; overflow: hidden; margin:0 auto; }

	.story-item { background: none !important; width: 948px; }
	.story-item img { margin: 0; padding: 0; }
	
	.story-content {padding: 35px 0 0 0; width:345px; float:left; margin-left: 20px; }
		.story-content h1 { color: #FFF; margin: 0; padding: 0 0 70px 0; font-family:Arial, Helvetica, sans-serif; font-size:20px; }	
		.story-content p { color: #FFF; line-height:18px; font-size: 14px; }
		.story-content a { color: #FFF; text-decoration: underline; }
		.story-content a:hover { color:#ccc; text-decoration: none; }
	
		.story-item .image-header {display: block; width: 559px; height: 335px; overflow: hidden !important; float:right; padding:0; margin: 0; }
		.story-item img {z-index: 999; }

		#nav-stories {display: block; height: 20px; padding: 0 15px 0 0; left: 296px; bottom: 22px; position:absolute; z-index: 90 }
			#nav-stories a { width: 15px; height:16px; float: left; margin: 5px 8px 0 0; background: #000; display:inline; text-align: center; text-decoration: none; color:#787878; font-size:12px; border: solid #8C8C8C 1px}
			#nav-stories a.activeSlide {width: 15px; height:16px; color: #FFF; background: #762123; }


/*template*/

.template-left {width: 270px; float:left; min-height: 600px; height: auto !important; height: 600px}

	.template-left ul {list-style:none; margin:0; padding:0; width: 226px;}
	.template-left ul li {width: 226px; display:block; background:url(../images/home/column-bg.jpg) top left no-repeat; height: 39px;}
	.template-left ul li a {color:#FFF; font-size: 12px; text-decoration:none; padding-left: 40px; line-height:34px}
	.template-left ul li a:hover {color:#000}
	
	#template-content {background:url(../images/home/template-bg.jpg) top left repeat-y; width: 948px}
	
	#bodycontent {width: 648px; float:left; padding-top:20px}
	#bodycontent a:hover {color:#000}

/* = TENDENCI STYLES ****************************************************************************************/

.titles {  font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #274F32;}
.subtitles { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #666666;}
.body_copy {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#333;}
.currency {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; text-align: right}
.bold_body_copy {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000; text-decoration: none}
.bold_body_copy_blue {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #003366; text-decoration: none}
.big_body_copy {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; text-decoration: none}
.links {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #993300}
.copyright {  font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #CCCCCC}
.breadcrumbs {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #999999}
.body_copy_alerts { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FF0000}
.body_copy_invert { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF}
.yellow_body_copy {  background-color: #FFFF00; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; color: #000000}
.reports {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none}
.reports_big_body_copy { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none }
.reports_subtitles { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #000000}
.reports_titles { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #000000}
div#skiptocontent {position: absolute; left: -9999px;}


.clear { clear: both; }