/* ================================
   --------------------------------
   LAYOUT STYLESHEET
   --------------------------------
   ================================
*/
@import url("reset.css");
/*--@import url("sIFR-screen.css");--*/

/*-- global --*/
body {
	font: 62.5%/150% Arial, Helvetica, sans-serif;
	color:#333;
	background: transparent url("/images/cssimages/bg-inner.jpg") top left repeat-x;		
}

body#home {
	background: transparent url("/images/cssimages/bg.jpg") top left repeat-x;		
}

a {
	color:#8C3500;
	text-decoration:underline
}

a:hover {
	color:#2F70B2;
	text-decoration:underline
}

p {
	font-size:1.3em;
	line-height:1.5em;
	margin:0 0 1.5em 0;
}

hr {
	display:none;
}

h2, h3, h4 {
	font: 2.0em Georgia, "Times New Roman", Times, serif;
	color:#000;
	margin:0 0 .5em 0;
}

h4 {
	font-size:1.3em;
	margin-bottom:1.4em;
}

.float.left, .col.a {
	float:left;
}

.float.right, .col.b {
	float:right;
}

#about .float.right {
	margin-right:60px;
}

#about .col.a {
	width:279px;
}

#about .col.b {
	width:370px;
}

#content .photo {
	float:left;
	margin: 0;
	padding-bottom:13px;
	background: transparent url("/images/cssimages/pic-bg.jpg") bottom left no-repeat;		
}

#content .photo.noshadow {
	background:none;
	margin-right:20px;
}

#content .photo.noshadow img {
	border-bottom:1px solid #D9E4EB;
}

#content .photo.support {
	margin: 0 20px 0 0;
}

#content .photo.wide {
	background: transparent url("/images/cssimages/pic-wide-bg.jpg") bottom left no-repeat;		
}

#content .photo img {
	display:block;
	padding:4px;
	background:#fff;
	border:1px solid #D9E4EB;
	border-bottom: 0 none;	
}


#content ul.homelist {
	float:right;
	width:380px;
}

#content ul {
	font-size:1.3em;
	margin:0 0 1.5em 0;
}

#content ul li {
	padding-left:18px;
	line-height:1.3;
	margin:0 0 .25em 0;
	background: transparent url("/images/cssimages/bullet.gif") 0 3px no-repeat;
}

#intro {
	font: 1.6em/150% Georgia, "Times New Roman", Times, serif;
	color:#000;
}

/*-- layout styles --*/

#container {
	width:960px;
	margin:0 auto;
	text-align:left;
	position:relative;
}

#header {
	width:960px;
	position:relative;
	height:185px;
	z-index:5;
	background:transparent url("/images/cssimages/nav-bg.jpg") top left repeat-x;
}

	body#home #header {
		height:270px;
	}

#wrapper {
	width:960px;
	overflow:hidden;
	background: transparent url("/images/cssimages/sidebar-bg.gif") top left repeat-y;
}

	body#home #wrapper {
		background: transparent url("/images/cssimages/sidebar-bg-hm.gif") top right repeat-y;
	}

#wrapper h1 {
	width: 630px;
	height:90px;
	display:block;
	position:absolute;
	color:#fff;
	z-index:4;
	top:60px;
	padding: 35px 0 0 330px;
	font: 4.0em Georgia, "Times New Roman", Times, serif;
	background:transparent url("/images/cssimages/header-in-bg.gif") top left no-repeat;
}

	body#home #wrapper h1 {
		width: 960px;
		height:216px;
		padding: 0;
		text-indent:-9999em;
		background:transparent url("/images/cssimages/header-bg.gif") top left no-repeat;
	}

#content {
	width:678px;
	margin-right:20px;
	float:right;
	padding-top:60px;
	padding-bottom:5px;
}


	
	body#home #content {
		padding-top:85px;
	}

#sidebar {
	width: 240px;
	float:left;
	position:relative;
	top:0;
	padding-top:6px;
	z-index:3;
	background:transparent url("/images/cssimages/sidebar-tp-bg.jpg") top left no-repeat;
}

	body#home #content {
		width:620px;
		float:left;
		margin:0;
	}

	body#home #sidebar {
		width:320px;
		float:right;
		background:transparent url("/images/cssimages/sidebar-tp-bghm.jpg") top center no-repeat;
	}

ul#subnav, #content div.stripNav ul {
	font: 1.4em Georgia, "Times New Roman", Times, serif;
	width:203px;
	margin-left:18px;
}

#content div.stripNav {
	position:absolute;
	left:0;
	z-index:5;
}

#content div.stripNav ul {
	margin:0;
	padding:0;
	position:absolute;
	margin-top:5px;
	left:18px;
	z-index:5;
}

ul#subnav li, #content div.stripNav ul li {
	border-bottom:1px solid #ccc;
}

ul#subnav a, #content div.stripNav ul a  {
	width:100%;
	display:block;
	color:#333;
	padding:6px 0;
	text-decoration:none;
}

#content div.stripNav ul a  {
	background:transparent url("/images/cssimages/bullet-2.gif") 2px 50% no-repeat;
}

#services #content div.stripNav ul a {
	background:none;
}

#content div.stripNav ul li  {
	line-height:normal;
	margin:0;
	padding:0;
	text-indent:18px;
	background: none;
}

#services #content div.stripNav ul li {
	text-indent:0;
}

ul#subnav a:hover, #content div.stripNav ul a:hover, #services #content div.stripNav ul a:hover {
	background:#efefef;
}

#content div.stripNav ul a:hover {
	background:#efefef url("/images/cssimages/bullet-2.gif") 2px 50% no-repeat;
}

ul#subnav a:hover, ul#subnav a.current, ul#subnav a.current:hover {
	color:#255EF2;
}

#content div.stripNav ul a.current:hover, #content div.stripNav ul a.current {
	background:transparent url("/images/cssimages/bullet-2ov.gif") 2px 50% no-repeat;
	color:#255EF2;
}


#logo a {
	width:256px;
	height:110px;
	margin-left:36px;
	display:block;
	text-indent:-9999em;
	background:transparent url("/images/cssimages/logo.png") top left no-repeat;
}

ol#nav {
	width:510px;
	height:60px;
	position: absolute;
	top:0;
	right:20px;
	background: transparent url("/images/cssimages/nav.jpg") top left no-repeat;
}

ol#nav li	{
	list-style: none;
	position: absolute;
}

ol#nav li, ol#nav a	{
	height: 60px;
	display: block;
}

ol#nav li a	{
	text-indent: -9999em;
	text-decoration: none;
}

#nav1 {left: 0; width: 59px;}
#nav2 {left: 82px; width: 59px;}
#nav3 {left: 161px; width: 118px;}
#nav4 {left: 305px; width: 75px;}
#nav5 {left: 405px; width: 105px;}
#nav1 a:hover, #home #nav1 a, #nav2 a:hover, #about #nav2 a, #business-consultants #nav2 a, #nav3 a:hover, #case-studies #nav3 a, #nav4 a:hover, #services #nav4 a, #nav5 a:hover, #contact #nav5 a {
	background-image: url("/images/cssimages/nav.jpg");
	background-repeat:no-repeat;
}
#nav1 a:hover, #home #nav1 a {background-position: 0 bottom;}
#nav2 a:hover, #about #nav2 a, #business-consultants #nav2 a {background-position: -82px bottom}
#nav3 a:hover, #case-studies #nav3 a {background-position: -161px bottom}
#nav4 a:hover, #services #nav4 a {background-position: -305px bottom}
#nav5 a:hover, #contact #nav5 a {background-position: -405px bottom}

#footer {
	width:100%;
	text-align:center;
	height:46px;
	padding-top:14px;
	background: transparent url("/images/cssimages/footer-bg.gif") top left repeat-x;		
}

#footer p {
	font-size:1.1em;
	color:#333;
	margin:0;
	line-height:1.5;
}

#footer a {
	color:#333;
	text-decoration:none;
	border-bottom:1px solid #CF8300;
}

#footer a:hover {
	color:#000;
}

.box, .boxwide {
	width:221px;
	margin-left:10px;
	margin-top:18px;
	margin-bottom:25px;
	min-height:177px;
	position:relative;
	background: transparent url("/images/cssimages/box-bg.jpg") top left repeat-y;		
}

	.boxwide {
		width:309px;
		margin-left:8px;
		background: transparent url("/images/cssimages/boxhm-bg.jpg") top left repeat-y;	
	}

.boxmain {
	padding:30px 20px;
	position:relative;
	z-index:4;
	background: transparent url("/images/cssimages/box-top.jpg") top left no-repeat;
}

.boxmain p {
	margin:0;
	padding:0;
	line-height:normal;
	font-size:1.2em;
}

.boxmain q {
	color:#000;
	display:block;
	text-align:center;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px solid #ccc;
	font: italic 1.3em/140% Georgia, "Times New Roman", Times, serif;
	background: transparent url("/images/cssimages/q-right.gif") 100% 90% no-repeat;
}

.boxmain q:first-letter {
	padding-left:15px;
	background: transparent url("/images/cssimages/q-left.gif") 0 0 no-repeat;
}

.boxmain cite {
	display:block;
	text-align:center;
	font-size:1.3em;
}

.boxwide .boxmain div {
	color:#8C3500;
	margin-bottom:10px;
	padding-bottom:10px;
	min-height:65px;
	border-bottom:1px solid #ccc;
	text-align:left;
}

.boxwide .boxmain.service1 div {
	background: transparent url("/images/cssimages/icn-climb.jpg") top left no-repeat;
}

.boxwide .boxmain.service2 div {
	background: transparent url("/images/cssimages/icn-talk.jpg") top left no-repeat;
}

.boxwide .boxmain div h3 {
	color:#000;
	font: 2.0em Georgia, "Times New Roman", Times, serif;
}


.boxwide .boxmain div h3, .boxwide .boxmain div p {
	width:188px;
	font-style:normal;
	margin-left:85px;
}

	.boxwide .boxmain {
		background: transparent url("/images/cssimages/boxhm-top.jpg") top left no-repeat;
	}

.boxbottom {
	width:221px;
	height:146px;
	position:absolute;
	bottom:0;
	background: transparent url("/images/cssimages/box-bottom.jpg") top left no-repeat;
}
	.boxwide .boxbottom {
		width:309px;
		height:128px;
		background: transparent url("/images/cssimages/boxhm-bottom.jpg") top left no-repeat;
	}
	
	.boxmain a {
		color:#2F70B2;
		text-decoration:none
	}

	.boxmain a:hover {
		color:#8C3500;
		text-decoration:none
	}
	
	.boxwide .boxmain a {
		color:#8C3500;
		text-decoration:underline
	}

	.boxwide .boxmain a:hover {
		color:#2F70B2;
		text-decoration:underline
	}

#pagetop {
	width:3px;
	height:43px;
	position:absolute;
	top:180px;
	right:0;
	text-indent:-9999em;
	z-index:6;
	background: transparent url("/images/cssimages/sliver.gif") top left no-repeat;
}

/*-- business consultant specific styles --*/
#business-consultants .col.a {
	width:238px;
	margin-left: 20px;
}

#business-consultants .col.b {
	width:436px;
	margin-right:20px;
}

#business-consultants #subnav {
	margin-bottom:100px;
}

p.intro {
	font-size:1.4em;
	color:#000;
}

#business-consultants #content {
	margin-right:2px;
}

#business-consultants #content,
#business-consultants .stripViewer,
#business-consultants .stripViewer .panelContainer .panel {
	width:718px;
}

/*-- case studies --*/

#case-studies #content div.stripNav ul {
	margin-top:-25px;
}

#case-studies #subnav {
	margin-bottom:160px;
}

#case-studies .col.a {
	width:128px;
	margin-left:20px;
}

#case-studies .col.b {
	width:508px;
	margin-right:20px;
}

#case-studies #content,
#case-studies .stripViewer,
#case-studies .stripViewer .panelContainer .panel {
	width:700px;
}

#case-studies #content {
	z-index:5;
}

#case-studies #introalt {
	width:668px;
	float:left;
	font-size:1.5em;
	color:#232D49;
	margin-left: 20px;
}

/*-- services --*/
#services #content div.stripNav ul {
	margin-top:-55px;
}

#services .box {
	margin-top:190px;
}

#services #content,
#services .stripViewer,
#services .stripViewer .panelContainer .panel {
	width:720px;
}

#services #content  {
	margin:0;
}
/*-- services slide 1 --*/
.ovbox {
	width:326px;
	float:left;
	margin-left:20px;
	position:relative;
	min-height:180px;
}
.ovbox h2, .ovbox p {
	float:right;
	width:185px;
}

.ovbox h2 {
	margin-bottom:.5em;
}

.ovbox img {
	position:absolute;
	top:0;
	left:0;
}

/*-- services slide 2 --*/

.serviceslides {
	width: 678px;
	margin-left:20px;
	position:relative;
	z-index:5;
}

.serviceslides h3 {
	clear:both;
	padding: 10px 0 20px 52px;
	margin-bottom:20px;
	display:block;
	background: transparent url("/images/cssimages/icn-toolbox.jpg") top left no-repeat;
	border-bottom:1px solid #ccc;
}

.serviceslides  div.col {
	float:left;
	width:180px;
	font-size:1.0em;
	margin-right:40px;
}

#content .serviceslides div.col ul li {
	padding: 0 0 7px 18px;
	margin-bottom:10px;
	border-bottom: 1px solid #eee;
}

.contactlink {
	width:100%;
	clear:both;
	font: 1.5em Georgia, "Times New Roman", Times, serif;
	color:#8C3500;
}

.contactlink.noclear {
	clear:none;
	width:auto;
}

.svmargin {
	margin-right:20px;
}

#address {
	width:330px;
	float:right;
}

#gmaps {
	float:left;
	padding-bottom:12px;
	margin-left:-20px;
	background: transparent url("/images/cssimages/pic-wide-bg.jpg") bottom left no-repeat;
}

#map {
	width:349px;
	height:250px;
	border:1px solid #ccc;
}
/*-- slider styles --*/
	.ldrgif {
		position:absolute;
		left:250px;
		margin-top:-50px;
		padding:20px;
		display:block;
		background:#fff;
		border:1px solid #ccc;
		opacity:.95;
	}
	
	.stripViewer { 
		position: relative;
		overflow: hidden; 
		margin: auto;
		clear: both;
	}

	.stripViewer .panelContainer { 
		position: relative;
		left: 0; top: 0;
		width: 100%;
		list-style-type: none;
		-moz-user-select: none;
	}

	.stripViewer .panelContainer .panel { 
		float:left;
	}
	
	.stripNavL, .stripNavR { 
		display: none;
	}