@charset "utf-8";

body {
	margin: 0;
	padding: 0 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#656569;
	background-color:#f5f5f5;
}

body a {
	color:#f78f1e;
}

#wrapper {
	width:890px;
	margin:0 auto;
	background-color:#FFF;
}

h1 {
	color:#f78f1e;
	font-size:16px;
	margin-top:0px;
	margin-bottom:0px;
}
h2 {
	color:#f78f1e;
	font-size:22px;
	margin-top:0px;
}
h3 {
	color:#f78f1e;
	font-size:16px;
	margin-top:15px;
}
h4 {}
h5 {}
h6 {}

strong.strong {
	font-size:16px;
	font-weight:300;
	color:#f78f1e;
}

p.projects {
	line-height:20px;
}

/*header*/

#header {
	width:890px;
	height:145px;
	margin:0 auto;
}

	#headertop {
		width:890px;
		height:110px;
	}
	
		#logo {
			width:355px;
			height:110px;
			float:left;
		}
		
		#headcontact {
			width:220px;
			height:90px;
			padding:20px 10px 0 0;
			float:right;
			text-align:right;
		}
	
	#headerbot {
		width:890px;
		height:35px;
		background-image:url(../images/CI-header-bar.jpg);
	}

/*main*/

#main {
	width:890px;
	margin:0 auto;
	overflow:hidden;
}

/*main-left*/

#main-left {
	width:190px;
	padding:10px 10px 10px 10px;
	float:left;
	overflow:hidden;
}

	#menu {
		width:190px;
	}
	
		#menu ul {
			list-style:none;
			padding:0;
		}
		
		#menu li {
			width:185px;
			height:30px;
			display:block;
			margin-left:0px;
			padding-left:5px;
			background-image:url(../images/CI-menu-bg.gif);
		}
		
		#menu a {
			text-decoration:none;
			color:#656569;
		}
		
			#menu a:hover {
				color:#f78f1e;
			}

/*main-left-feature*/

#left-feature-1 {
	width:180px;
	margin:0 0 10px 0;
	padding:5px;
	background-color:#f78f1e;
	font-size:10px;
	color:#FFF;
}

/*main-right*/

#main-right {
	width:680px;
	float:left;
	overflow:hidden;
}

	#feature {
		width:680px;
		height:180px;
		overflow:hidden;
	}
	
	#content {
		width:680px;
		overflow:hidden;
		background-image:url(../images/CI-main-content.gif);
	}
	
		#content-left {
			width:440px;
			margin-bottom:10px;
			padding:10px 0 10px 10px;
			float:left;
			overflow:hidden;
		}
		
			.content-left {
				width:300px;
				margin-bottom:20px;
				padding:0 70px;
			}
			
			.projects {
				width:440px;
				overflow:hidden;
			}
			
				.project {
					width:200px;
					padding:0 10px;
					float:left;
				}
				
					.project-title {
						text-align:center;
					}
					
					.project-image {
						
					}
		
		#content-right {
			width:210px;
			padding:10px 10px 0 10px;
			float:left;
			overflow:hidden;
		}
		
/*main-right-feature*/

#right-feature-1 {
	width:200px;
	margin:0 0 10px 0;
	padding:5px;
	background-color:#ededed;
	font-size:10px;
	color:#656569;
}

#right-feature-2 {
	width:200px;
	margin:0 0 10px 0;
	padding:5px;
	background-color:#656569;
	font-size:10px;
	color:#FFF;
}

/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:680px;
		height:180px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/slider/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/slider/btn_next.gif) no-repeat 0 0;	
		}	
		
/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;
		}
	ol#controls li{
		margin:0 5px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:20px;
		line-height:20px;
		}
	ol#controls li a{
		float:left;
		height:25px;
		line-height:25px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#20164d;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}

/*form*/

form {
	width:440px;
}

label {
	float:left;
	text-align:right;
	font-weight:bold;
	width:75px;
	padding:5px 10px;
	color:#f78f1e;
}

.row {
	clear:both;
	margin-left:20px;
	margin-bottom:10px;
	float:left;
}

	.row input {
		width:250px;
		height:20px;
	}

.row2 {
	float:left;
	margin-left:20px;
}

	.row2 input {
		width:250px;
		height:50px;
		margin-bottom:10px;
	}
	
.row3 {
	clear:both;
	margin-left:20px;
	margin-bottom:10px;
	float:left;
}

	.row3 input {
		width:250px;
		height:20px;
	}

.clearFix {
	display:inline-block;
}

.formField {
	border:1px solid #656569;
	background-color:#ededed;
	padding:2px;
}

fieldset {
	border:1px solid #656569;
	padding:10px;
	margin-bottom:10px;
}

legend {
	padding:0 10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#f78f1e;
	text-transform:uppercase;
}

select {
	width:227px;
}

textarea {
	width:250px;
	margin:0 0 10px 0;
}

.submit {
	float:right;
	margin:10px 160px 10px 0;	
	padding:5px;
	background-color:#f78f1e;
	color:#FFF;
	border:none;
}

/*footer*/

#footer {
	width:890px;
	margin:0 auto;
	background-color:#656569;
	color:#FFF;
	overflow:hidden;
}

	.footerbox {
		width:425px;
		padding:10px;
		float:left;
		font-size:11px;
	}
	
		.footerbox a {
			color:#FFF;
		}
		
/*hover-text*/

.images a:hover img {
	border-color:#cdaf92;
}

.images a {
	background:none;
	padding:0;
	text-decoration:none;
}

/* caption styling */

.caption-top, .caption-bottom {
	color:#ffffff;	
	padding:1.2em;	
	font-weight:normal;
	font-size:12px;	
	text-decoration:none;
	background:#000000;
}
.caption a:hover, .caption a:hover {
	background:#202020;
}
br.c { clear:both; }