@charset "utf-8";
/* CSS Document */

html{
	background-color:#CCCCCC;
}

body{

	margin: 0px auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
}

a {
	text-decoration:none;
	color:#4F748E;
}

a:hover{
	text-decoration:none;
	color:#FF9602;
}

a img{
	border:none;
}

p{
	margin-top:10px;
	margin-bottom:15px;
}

text {
	color: #909090;
	font-family:"Trebuchet MS";
}
h1 {
	font-family:calibri;
	font-size:20px;
	font-weight:normal;
	font-style:italic;
	color: #375972;
	padding: 5px;
	padding-left:2px;
	margin-bottom: 10px;
	margin-top:0px;
	display:block;
	border-bottom:solid 1px #D3DDDF
}
h2 {
	font-family:calibri;
	font-size:18px;
	font-weight:normal;
	font-style:italic;
	color: #333333;
	padding: 5px;
	padding-left:2px;
	margin-bottom: 10px;
	margin-top:0px;
}

h3 {
	font-family:calibri;
	font-size:16px;
	font-weight:normal;
	font-style:italic;
	color: #333333;
	padding: 5px;
	padding-left:2px;
	margin-bottom: 10px;
	margin-top:0px;
}

h4 {
	font-family:calibri;
	font-size:16px;
	font-weight:normal;
	font-style:italic;
	color: #375972;
	padding: 5px;
	padding-left:2px;
	margin-bottom: 10px;
	margin-top:0px;
}

#wrapper {
	width:1000px;
	margin:  0px auto;
	background-color:#FFFFFF;
}
/*#logo {
	width: 390px;
	padding-left:10px;
	height: 85px;
	float:left;
	padding-top:15px;
}*/

#logo2 {
	width: 337px;
	height: 60px;
	float:left;
	margin-left:40px;
	margin-top:15px;
}

#topnav {
	width: 230px;
	padding-top: 52px;
	float:right;
}
#topnav a {
	font-family:"Trebuchet MS";
	font-size: 12px;
	padding-left: 5px;
	padding-right:5px;
}
#pageheader {
	height: 252px;
	width: 1000px;
	background-image: url(../images/banner.jpg);
	border-bottom: #fff 1px solid;
	clear:both;
}
#pageheader2 {
	height: 150px;
	width: 1000px;
	background-image: url(../images/banner.jpg);
	border-bottom: #fff 1px solid;
	clear:both;
}
#main-nav {
	padidng-top: 8px;
	height: 26px;
	width: 1000px;
	background:url(../images/bgimg.jpg) left repeat-x;
	border-bottom: #fff 1px solid;
	clear:both;
}
#main-nav a {
	line-height: 26px;
	font-family:"Trebuchet MS";
	font-size: 12px;
	color: #fff;
	padding-left: 10px;
	padding-right: 10px;
}
#main-nav a:hover {
	border-top: #8e9a9f 4px solid;
}
#left-panel {
	width: 260px;
	border-top: #fbb040 4px solid;
	background: url(../images/leftpanline.jpg) right no-repeat;
	padding-top:10px;
	padding-left:5px;
	padding-right: 5px;
	float:left;
	height: 500px;
	background-color:#FFFFFF;
}
	#left-panel p{
		width:260px;
		height:110px;
		display:block;	
	}
		#left-panel p a{
			margin-top:10px;
			display:block;	
		}


#left-panel img {
	padding-right: 5px;
}
#main-contents {
	width: 721px;
	float:right;
	background-image:url(../images/maincontentsbg.jpg);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	padding:4px;
	padding-bottom:7px;
}
#main-contents img {
	border: none;
}
#main-contents2 {
	width: 701px;
	float:right;
	padding:14px;
}
#main-contents2 a {
	color:#557399;
	font-weight:bold;
	background-image:url(../images/arow.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:13px;
}
#main-contents2 .no-arrow-link {
	color:#557399;
	font-weight:bold;
	background-image:none;
	padding-left:0px;
}
#main-contents2 a:hover {
	text-decoration:underline;
}
#main-contents2 img {
	border: none;
}
#btmarea {
	height: 148px;
	width: 701;
	background-image:url(../images/btmarea.jpg);
	background-repeat:repeat-x;
	padding-left:10px;
	padding-right: 10px;
	margin-top:15px;
}
#bottom {
	margin: 0px auto;
	width:1000px;
	height: 50px;
	padding-top: 10px;
	background-color: #d9e2e9;
	text-align:center;
}
#bottom a {
	font-size:10px;
	color:#444;
}
#bottom a:hover {
	color:#FF9600;
}

.boxes {
	width: 228px;
	padding:4px;
	background-image: url(../images/boxesbg.jpg);
	background-repeat:repeat-x;
	margin-right: 5px;
	float:left;
	margin-bottom: 20px;
}
.highlight-box1 {
	background-color:#EBEBEB;
	border:solid 1px #65767E;
	border-left:solid 15px #65767E;
	padding:15px;
}
.highlight-box2 {
	background-color:#C4E8FF;
	border:solid 1px #069;
	border-left:solid 15px #069;
	padding:5px;
}
.blue-light{
	background-color:#E0E9EF;
}
.gray-dark{
	background-image:url(../images/td-bg.jpg);
	background-repeat:repeat-x;
	background-color:#C8D7DC;
}
.gray-light{
	background-color:#E3EBED;
}
.tr-bg{
	background-image:url(../images/tr-bg.jpg);
	background-repeat:repeat-x;
}
.tr-bg-gray{
	background-color:#E3EBED;
}

.block-quote{
	border:solid 1px #DADADA;
	border-left:solid 10px #DADADA;
	background-color:#F0F0F0;
	font-weight:bold;
	font-family:calibri;
	font-size:13px;
	font-style:italic;
	color:#4f81bd;
	float:right;
	width:290px;
	padding:10px;
}
	#main-contents2 .block-quote a{
		background:none;
		padding:0px;
	}

/************* Portfolio *************/
#showCase{width:650px;;float:left;padding:12px;padding-top:0px;padding-bottom:50px;}
		#showCase ul {
			list-style:none;
			margin-left:40px;
			padding:0px;	
		}
		#showCase ul li{
			background-image:url(../images/showcase_bg.gif);
			background-repeat:no-repeat;
			width:203px;
			height:112px;
			display:block;
			margin-top:30px;
			margin-left:50px;
			float:left;
			padding-top:12px;
			padding-left:17px;
		}
			*html #showCase ul li{
				margin-top:20px;
				margin-left:15px;
		}
		 #margin{
			margin-left:180px!important;
		}
		*html #margin{
			margin-left:75px!important;
		}
		#showCase ul li span{
			font-family:"Trebuchet MS";
			font-size:14px;
			color:#3977aa;
			font-weight:bold;
			display:block;
			width:90px;
		}
		#showCase ul li a{
			margin-top:82px;
			display:block;
			color:#FFFFFF;
			text-decoration:none;
			position:absolute;
			background:none;
			padding:0px;
		}
		#showCase ul li a:hover{
			color:#CCCCCC;
			text-decoration:none;
		}
		
			#showCase p{
				background-image:url(../images/thumb-bg.gif);
				background-position:0px 20px;
				background-repeat:no-repeat;
				width:210px;
				height:160px;
				float:left;
				margin-left:80px;
				margin-top:25px;
				display:block;
				padding-left:5px;
				font-weight:bold;
				font-size:12px;	
			}
			* html #showCase p{
				margin-left:17px;			
			}
		#showCase a{
			background:none;
			padding:0px;	
		}
		#showCase a:hover{
			text-decoration:none;
		}
		
		#showCase p a img{
				margin-top:16px;
				margin-left:6px;
			}
/********** End Portfolio ***********/

#data{
	height:190px;
	position:relative;
}

/****** Navigation ******/
#left-panel ul {
	width: 260px;
	list-style:none;
	margin:0px;
	padding:0px;
}
	#left-panel ul li{
		list-style:none;
	}
		#left-panel ul li a{
			display:block;
			width:250px;
			height:20px;
			border-top:solid 1px #fff;
			border-bottom:solid 1px #D3DDDF;
			padding-top:5px;
			padding-left:5px;
			background-color:#f4f7fa;			
		}
		#left-panel ul li a:hover{
			background-color:#D9E2E9;
			color:#333333
		}
			#left-panel ul .a-padding-left{
				padding-left:20px;
				width:235px;
			}
			#left-panel ul .a-padding-left2{
				padding-left:35px;
				width:220px;
			}
			
/****** Navigation ******/

#quick-links{
	width:340px;
	height:130px;
	margin-top:100px;
	margin-left:20px;
	float:left;
}
	#quick-links a{
		width:320px;
		display:block;
		color:#333333;
		height:20px;
		background-image:url(../images/arrow.gif);
		background-repeat:no-repeat;
		background-position:left;
		padding-left:20px;
	}
	#quick-links a:hover{
		color:#FFA800;
	}

/************ Screen Shoots ************/

#screen-shoots{
	width:650px;
	margin-left:14px;
}
	#screen-shoots p{
		width:130px;
		height:194px;
		display:block;
		float:left;
		margin:0;
		margin-left:30px;
		_margin-left:25px;
		margin-bottom:15px;
	}
		#screen-shoots p b{
			color:#333333;
			padding-bottom:5px;
			display:block;
		}
		#screen-shoots p a{
			background-image:url(../images/screen-thumb-bg.gif);
			background-repeat:no-repeat;
			width:122px;
			height:104px;
			display:block;
			padding-left:7px;
			padding-top:7px;
			margin-bottom:5px;			
		}

/************ End Screen Shoots ************/
a.key-project-thumbs{
	background-image:url(../images/screen-thumb-bg.gif)!important;
	background-repeat:no-repeat;
	width:122px;
	height:104px;
	display:block;
	padding-left:7px!important;
	padding-top:7px;
	float:left;
	margin-right:12px;
}

.key-project-P{
	display:block;
	height:130px;
}