/*
-----------------------------------------------------------
Gliders
-----------------------------------------------------------
*/

div.scroller { 
	/* modify width and height of scrolling section if necessary	*/		
	width: 975px; 
	overflow: hidden;
	margin: 0 auto;
	
	}
	div.scroller div.section {
		/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
		width: 975px;
		overflow: hidden;
		float: left;		
		}
	div.scroller div.content {
		width: 25000px;
		}
		div.scroller div.content2 {
			width: 5000px;
			}
	.screenshot {
		height: 250px;
		/*background-image:url(/images/bg/bgyellow.gif);*/
		/*background-color:#cccccc;*/
		float: left;
		margin: 0px;
		padding: 25px 0 0 0;
		width: 333px;
		}
	.screenshot2 {
		height: 250px;
		background-image:url(/images/bg/bgbrown.gif);
		float: left;
		text-align:center;
		margin: 0px;
		padding: 25px 0 0 0;
		width: 333px;
		}
	.screenshot3 {
		height: 250px;
		background-image:url(/images/bg/bgblue.gif);
		float: left;
		text-align:center;
		margin: 0px;
		padding: 25px 0 0 0;
		width: 333px;
		}
	.screenshot4 {
		height: 250px;
		background-image:url(/images/bg/bgyellow.gif);
		float: left;
		text-align:center;
		margin: 0px;
		padding: 25px 0 0 0;
		width: 333px;
		}
	.screenshot5 {
		height: 250px;
		background-image:url(/images/bg/bgyellow.gif);
		float: left;
		text-align:center;
		margin: 0px;
		padding: 25px 0 0 0;
		width: 333px;
		}
	.screenshot6 {
		height: 250px;
		background-image:url(/images/bg/bgyellow.gif);
		float: left;
		text-align:center;
		margin: 0px;
		padding: 25px 0 0 0;
		width: 333px;
		}
	.screenshot7 {
		height: 250px;
		background-image:url(/images/bg/bgyellow.gif);
		float: left;
		text-align:center;
		margin: 0px;
		padding: 25px 0 0 0;
		width: 333px;
		}
	.screenshot8 {
		height: 250px;
		background-image:url(/images/bg/bgyellow.gif);
		float: left;
		text-align:center;
		margin: 0px;
		padding: 25px 0 0 0;
		width: 333px;
		}
	.screenshot9 {
		height: 250px;
		background-image:url(/images/bg/bgyellow.gif);
		float: left;
		text-align:center;
		margin: 0px;
		padding: 25px 0 0 0;
		width: 333px;
		}
	.vision {
		float: left;
		padding: 70px 0 0 45px;
		width: 520px;
		}
		.client-info {
			float: left;
			padding: 57px 0 0 65px;
			width: 485px;
			}
		
	.controls {
		float: right;
		margin: -150px 0 0 0;
		padding-right: 100px;
		}
		.controls ul li {
			display: inline;
			font-size: 7pt;
			font-family: verdana, tahoma, arial, sans-serif;
			}
			.controls ul li a {
				color: #8598b0;
				background: #3e6495;
				border: 1px solid #8598b0;
				padding: 2px;
				}
			.controls ul li a:active {
				color: #fff;
				background: #3e6495;
				border: 1px solid #fff;
				}
			.controls ul li a:hover {
				color: #fff;
				background: #3e6495;
				border: 1px solid #fff;
				}
		.controls2 { 
			width: 106%;
			padding-top:2px;
		/*	margin: 0 auto;*/
			border:0px dashed #333;
			text-align:center;
			}
			.controls2 ul {}
			.controls2 ul li {
				display: inline;
				padding: 0 0px;
				}
	.client_visit {
		padding: 6px 15px 8px 0px;
		/*background: url('../images/background_link.png') right center no-repeat;*/
		font: 8pt tahoma, arial, tahoma, sans-serif;
		}
		.client_v {
			margin: 11px 0 0 0;
			}
		.vision a, .client_v a {
			color: #fff;
			background: none;
			}
		.vision a:visited, .client_v a:visited {
			color: #fff;
			background: none;
			}
		.vision a:hover, .client_v a:hover {
			color: #f9931d;
			background: none;
			}

/*
----------------------------------------------------------------
Scroller
----------------------------------------------------------------
*/

#homefeatured {
    width: 950px;
/*	height: 311px;*/
    margin: 0px auto;
    position: relative;
	/*background: url(../images/index_largecaps.png) left top;*/
	text-indent:-9999px;
}
	#homefeatured a {
		display:block;
		position:absolute;
		/*height:288px;*/
		text-indent:-9999px;
	}
		#homefeatured a.majestic {
		width:258px;
		margin-left:25px;
		}
		#homefeatured a.incworx {
		width:312px;
		margin-left:340px;
		}
		#homefeatured a.lyons {
		width:260px;
		margin-left:690px;
		}

	
#slider {
    width: 900px;
   margin-left:auto;
   margin-right:auto;
border:0px dashed #333;
/*    margin: 0 auto;*/
    position: relative;
	color: #606163;
/*	background: #fff;*/
	font: 9pt/1.5em Segoe UI, tahoma, Lucida Grande, verdana, arial, sans-serif;
}

#slider h1{
/*font-family: Comic Sans MS,Verdana,Helvetica,sans-serif;*/
font-family: tahoma, Lucida Grande, Arial, Helvetica, sans-serif;
font-size: 20px;
/*font-size: 0.01em;*/
line-height: 22px;
font-weight: bold;
margin-top: 0;
margin-bottom: 0;
color: #000;
text-align:center;
background:inherit;
} 
/* Links on the Home Page */
#slider a {
	color:#477E96;
	}
.scroll {
    width: 900px;
/*	height: 325px;*/
/*	height: 250px;*/
    overflow: hidden;
    position: relative;
    clear: both;
/*    background: url(../images/content_pane-gradient.gif) repeat-x left bottom;*/
}

.scrollContainer div.panel {
    padding: 0px;
   /*height: 325px;*/
	width: 950px;
}
	.screenshot {
		float: left;
		text-align:center;
		margin: 0px;
		padding:0px 0 0 0;
		width: 333px;
		border:0px dashed #333;
		}
	.vision {
		float: left;
		padding: 70px 0 0 45px;
		width: 520px;
		}
		.client-info {
			float: left;
			padding: 20px 0 0 65px;
			width: 485px;
			border:0px dashed #333;
			}
	.controls {
		float: right;
		margin: -150px 0 0 0;
		padding-right: 100px;
		
		}
		.controls ul.navigation li {
			display: inline;
			font-size: 7pt;
			font-family: verdana, tahoma, arial, sans-serif;
			}
			.controls ul.navigation li a {
				color: #8598b0;
				background: #3e6495;
				border: 0px solid #8598b0;
				padding: 2px;
				}
			.controls ul.navigation li a:active {
				color: #fff;
				background: #3e6495;
				border: 0px solid #fff;
				}
			.controls ul.navigation li a:hover {
				color: #fff;
				background: #3e6495;
				border: 0px solid #fff;
				}
			ul.navigation li a.selected {
				color: #fff;
				background: #3e6495;
				border: 0px solid #fff;
				}
.hide {
    display: none;
}
#slider1 {
  width: 620px;
  margin: 0 auto;
  position: relative;
}

.scroll1 {
  height: 250px;
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
/*  background: #FFFFFF url(images/content_pane-gradient.gif) repeat-x scroll left bottom;*/
}

.scrollContainer1 div.panel {
  padding: 20px;
  height: 210px;
  width: 580px; /* change to 560px if not using JS to remove rh.scroll */
}

.scrollButtons {
  position: absolute;
  top: 150px;
  cursor: pointer;
}

.scrollButtons.left {
  left: -20px;
}

.scrollButtons.right {
  right: -20px;
}



/*====================================================
 2 COLUMNS home page
=====================================================*/

#hp2col {
	width: 100%;
	clear:both;
	font: 9pt/1.5em tahoma, verdana, arial, sans-serif;
	border:0px dashed #333;
}
#lefthp {
	position:relative;
	width:200px;
	float:left;
border:0px dashed #333;
}

#righthp { 
	position:relative;
	float:right;
	width: 45%;
border:0px dashed #333;
}