﻿/* :::::::::::::::::::::::::::::::::::::::::::::::::: */
/* (E) Homepage                                       */

#pageHome {
	margin: 20px 0 0 0;
	padding: 0;
}

	#homeBody {
		margin: 0;
		padding: 0;
		width: 620px;
		float: left;
	}
	
		#homeSlideshow {
			margin: 0;
			padding: 0;
		}
		
			#homeSlideshow a {
				margin: 0;
				padding: 0;
				width: 620px;
				height: 220px;
				background: url('/cm_images/home/billboard/viz.png') no-repeat 0 0;
				display: block;
			}
			
				#homeSlideshow a:hover {
				
				}
			/* END a */
		/* END #homeSlideshow */
			
		#homeBio {
			margin: 20px 0 0 0;
			padding: 20px;
			width: 580px; /* 620px */
			height: 320px;
			color: #FFF;
			font-family: arial;
			background: url('/cm_images/home/bioBG.png') no-repeat 0 0;
		}
		
			#homeBio h4{
				margin: 0;
				padding: 0;
				font-size: 1.8em;
			}
			
			#homeBio p {
			
			}
		/* END #homeBio */
	/* END #homeBody */
	
	#homeSidebar {
		margin: 0 0 0 20px;
		padding: 0;
		width: 300px;
		float: right;
	}
	
		#homeNavigation {
			margin: 0;
			padding: 0;
		}
		
			#homeNavigation_services {
				margin: 0;
				padding: 0;
				width: 300px;
				height: 100px;
			}
				
				#homeNavigation_services a {
					margin: 0;
					padding: 0;
					width: 300px;
					height: 100px;
					display: block;
					background: url('/cm_images/home/navigation/it-services.png') no-repeat 0 0;
				}
					#homeNavigation_services a:hover {
						background-position: bottom left;
					}
				/* END a */
			/* END #homeNavigation_services */
			
			#homeNavigation_tuneups {
				margin: 20px 0 0 0;
				padding: 0;
				width: 300px;
				height: 100px;
			}
			
				#homeNavigation_tuneups a {
					margin: 0;
					padding: 0;
					width: 300px;
					height: 100px;
					display: block;
					background: url('/cm_images/home/navigation/tune-ups.png') no-repeat 0 0;
				}
				
					#homeNavigation_tuneups a:hover {
						background-position: bottom left;
					}
				/* END a */
			/* END #homeNavigation_tuneups */
		/* #homeNavigation */
			
		#homeTestimonial {
			margin: 20px 0 0 0;
			padding: 20px;
			width: 260px; /* 300px */
			height: 330px;
			color: #FFF;
			font-family: arial;
			background: url('/cm_images/home/testimonialBG.png') no-repeat 0 0;
		}
		
			#homeTestimonial h4{
				margin: 0;
				padding: 0;
				font-size: 1.8em;
			}
			
			#homeTestimonial p {
			
			}
		/* END #homeTestimonial */
	/* END #homeSidebar */
/* END #pageHome */

/* (E) Homepage                                       */
/* :::::::::::::::::::::::::::::::::::::::::::::::::: */
/* (B) Homepage Billboard                             */

pre{
	display: block;
	font: 12px "Courier New", Courier, monospace;
	padding: 10px;
	border: 1px solid #bae2f0;
	background: #e3f4f9;	
	margin: .5em 0;
	width: 674px;
	}

/* image replacement */
	.graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
		margin: 0;
		padding: 0;
		display: block;
		overflow: hidden;
		text-indent: -8000px;
		}
/* // image replacement */
	
#container {	
		margin: 0 auto;
		position: relative; 
		text-align: left;
		width: 620px;
		background: #fff;		
		margin-bottom: 2em;
	}
	
	#content {
		position: relative;
	}

	
	
	/* Easy Slider */

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

#billboard li, #billboard li { 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	width: 620px;
	height: 220px;
	overflow: hidden; 
}

#prevBtn, #nextBtn,
#slider1next, #slider1prev { 
	display: block;
	width: 30px;
	height: 77px;
	position: absolute;
	left: 0;
	top: 65px;
	z-index: 1000;
	}

#nextBtn, #slider1next { 
	left: 590px;
}

#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a {  
	display: block;
	position: relative;
	width: 30px;
	height: 77px;
	background: url(../images/btn_prev.gif) no-repeat 0 0;	
	}	
#nextBtn a, #slider1next a{ 
	background: url(../images/btn_next.gif) no-repeat 0 0;	
	}	
	
/* numeric controls */	

ol#controls{
	margin: 1em 0;
	padding: 0;
	height: 28px;	
	}
ol#controls li{
	margin: 0 10px 0 0; 
	padding: 0;
	float: left;
	list-style: none;
	height: 28px;
	line-height: 28px;
	}
ol#controls li a{
	float: left;
	height: 28px;
	line-height: 28px;
	border: 1px solid #ccc;
	background: #DAF3F8;
	color: #555;
	padding: 0 10px;
	text-decoration: none;
	}
ol#controls li.current a{
	background: #5DC9E1;
	color: #FFF;
	}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{
	outline:none;
}
/* // Easy Slider */

/* (E) Homepage Billboard                             */
/* :::::::::::::::::::::::::::::::::::::::::::::::::: */
/* (B) Homepage Sidebar                               */



/* (E) Homepage Sidebar                               */
/* :::::::::::::::::::::::::::::::::::::::::::::::::: */