@charset "utf-8";

* { border:0; margin:0; padding:0; }

body {
	width:100%;

	background:#fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#737373; font-size:13px;
}	

a{ text-decoration:none; color:#0680b7; }
a:hover{ text-decoration:underline;}

.block{ float:left; clear:both; width:100%;}
.float_left{ float:left; display:inline;}
.float_right{ float:right; display:inline;}
.align-center { text-align:center; }
.clear{ clear:both;}

/*--*/

#header{
	width:899px; margin:0 auto; background:#fff; padding-top:20px;
}
	#login{ text-align:right;}
	#login a{
		background:url(../images/login-link.gif) no-repeat left center;
		padding-left:20px;
		font-size:10px; font-weight:bold; color:#345267; text-transform:uppercase;
	}
	#logo{ padding-top:20px; padding-bottom:5px; }
	#logo a{
		float:left; background:url(../images/logo.gif) no-repeat; margin-left:60px;
		height:34px; width:352px; text-indent:-9999px;
	
	}
	
	
#bg-content{ 
	width:100%; 
	background:#007db5 url(../images/bg.gif) repeat-x; 
	padding-bottom:50px;
	border-bottom:3px solid #999;
}
#content{ width:899px; margin:0 auto; padding:0; }
#content-top{
	background:url(../images/bg-content-top.gif) no-repeat;
	height:44px;
}
	#menu{ margin-right:41px;}
	#menu a{
		float:left; margin-left:3px;
		background:url(../images/menu-bg-link.gif) no-repeat;
		width:108px; height:27px; padding-top:10px;
		text-align:center;
		color:#fff; font-weight:bold; text-transform:lowercase;
	
	}
	#menu a.link-active{
		background:url(../images/menu-bg-link-active.gif) no-repeat;
		width:108px; height:34px;
	}
#content-mid{ 
	background:url(../images/bg-content-mid.gif) repeat-y;
	padding:15px 59px;
	width:781px;
}

#about #content-mid{ 
	background:url(../images/bg-content-mid.gif) repeat-y;
	padding:15px 39px;
	width:841px;
	height:900px;
}
#project #content-mid{ 
	position:relative;
}

 	#about #horizontal_container { width:800px; height:278px; overflow:hidden; position:relative; z-index:2;   }
	
	#about #client_header { background:#48a7d2 url(../images/img-client.gif) no-repeat 0 0; margin:0; padding:0; }
	#about #client_content { background:#48a7d2;     }
	
	#about #developer_header { background:#cae5a8 url(../images/img-developer.gif) no-repeat 0 0; margin:0; padding:0; }
	#about #developer_content { background:#cae5a8;      }
	
	
	#about .horizontal_accordion_toggle { float: left; text-indent:-50000px; display: block; height:278px; width: 45px; text-decoration: none; outline: none; cursor: pointer; margin:0; padding:0; }
	#about .horizontal_accordion_toggle_active { }
	#about .horizontal_accordion_content { width:705px; height:278px; float: left; margin-left:2px; overflow: hidden; background-color: #ffffff; }
	#about .horizontal_accordion_content .main_content { z-index:1; width:700px; height:278px;  margin:0; padding:0; }
	
	#about h2 { margin:0; padding:30px 0 10px 0;  color:#2e94c2; font-size:22px; font-family:"Trebuchet MS"; }
	* html #about h2 { margin:30px 0 10px 0; padding:0; }
	#about .left-column { border:none; width:390px; float:left; padding:0; margin-right:40px; }
	#about .right-column { border:none; width:380px; float:left;  }
	#about .left-column p, #about .right-column p { margin:0 0 20px 0; padding:0; font-size:11px; line-height:18px; }
	
	#blog #left-column{ border:none; width:480px; float:left; }
		#blog #left-column h1 { color:#00709f; font-size:24px; margin-bottom:50px; }
		#blog #left-column .blog-entry { border-bottom:2px solid #9fcf60; padding-bottom:30px; margin:20px 0 40px 0;  }
		#blog #left-column .blog-entry .date { color:#548a0c; font-size:11px; }
		#blog #left-column .blog-entry h2 { color:#185168; font-size:16px;  }
		#blog #left-column .blog-entry p { margin:20px 0 20px 0; }
		#blog #left-column .blog-entry .blog-info { margin:50px 0 0 0; text-align:center; }
		
	#blog #right-column{ border:none; width:188px; float:right; }
		#blog #right-column #search_str { width:120px; height:22px; border:1px solid #7d9bb7; margin-right:6px; }
		#blog #right-column #btn_search { width:60px; border:2px outset #375b7d; vertical-align:middle; }
		* html #blog #right-column #btn_search { vertical-align:top; }
		 
		#blog #right-column #right-column-content  { background:#dbeef1; padding:14px; margin-top:16px; }
		#blog #right-column #right-column-content  ul { list-style:none; margin:10px 0 0 10px; font-size:14px; font-weight:bold; font-family:"Trebuchet MS";  }
		#blog #right-column #right-column-content  ul li { color:#044a66; } 
		#blog #right-column #right-column-content  ul li ul { margin:0 0 8px 8px; font-size:12px; font-weight:normal;  } 
	
	#left-column{
		width:413px;
		border-right:1px solid #efefef;	
	}
		#left-column h2,h3{ color:#477eb1; font-size:19px; padding-bottom:10px;}
		#left-column div{padding-bottom:15px;}
		#left-column ul{ margin:18px 0; margin-left:30px; }
		#left-column ul li{color:#9fd231; padding:2px 0;}
		#left-column ul li span{color:#737373;}
		
		
	#right-column{ width:310px;}
		#right-column h4,h5{ color:#668924; }
		#right-column h4{ font-size:23px; text-transform:uppercase;}
		#right-column h5{ font-size:16px; padding-top:10px; padding-bottom:10px;}
		#right-column p{ margin:10px 0;}

	#numbers p{
		padding-left:40px;
		height:30px;	
		
	}
	p#num1{	background:url(../images/num1.gif) no-repeat left center; }
	p#num2{	background:url(../images/num2.gif) no-repeat left center; }
	p#num3{	background:url(../images/num3.gif) no-repeat left center; }
	
	#project-nav { z-index:1000;  position:absolute; width:220px; top:0; right:0; margin:0 130px 0 0; }
	.navigation { list-style:none;  margin:0 0 0 0; padding:0; display:inline;  }
	.navigation li { float:left;   margin-right:2px; list-style:none; }
	.navigation li a { display:block;  width:16px; height:16px; background:url(../images/img-square.gif) no-repeat 0 0;  }
	.navigation li a.selected {  background:url(../images/img-square-active.gif) no-repeat 0 0;  }
	#project-nav-link {  float:right; }

	
	#project .column-left { width:400px;  border-right:2px solid #08abb5; float:left; }
	#project .column-left h2{ padding-top:20px }
	#project .column-right {  width:310px; float:right; }
	#project .panel h2 { color:#007fb4; font-size:22px; }
	.screen-shot { background:url(../images/bg-project-screen-shot.gif) no-repeat 0 0; width:353px; height:235px; margin-top:28px; padding:20px 0 0 0; text-align:center;}
	.project-link { background:url(../images/login-link.gif) no-repeat 0 0; padding-left:20px; font-weight:bold; font-size:11px; color:#05425b; float:right; margin:10px 60px 30px 0;  } 
	.project-info { padding-top:50px; color:#2a5e74; }
	.project-info h4 { font-size:13px; font-weight:bold; color:#2a5e74; margin-bottom:5px; text-transform:none;  }
	.project-info h4 span { color:#007fb4; }
	.project-desc { border-top:2px solid #a2d166; padding:10px 0 0 0; margin-top:10px; width:310px;   }
	.project-desc h5 { font-size:13px; font-weight:bold; color:#4f8706; margin-bottom:10px;  }
	.project-desc div {padding-bottom:10px;}
	.project-desc div span {font-weight:bold;}
	#slider { width: 800px; margin: 0 auto; position: relative; }
	.scroll { width: 780px;  height: 440px;  overflow: auto; position: relative; /* fix for IE to respect overflow */ clear: left; }
	.scrollContainer div.panel { padding: 0 40px 0 0; height: 440px; width: 760px; /* change to 560px if not using JS to remove rh.scroll */ }
	.scrollButtons { font-weight:bold; font-size:11px; color:#05425b; position: absolute; top:0; cursor: pointer; }
	.scrollButtons.prev {
	  background:url(../images/img-prev.gif) no-repeat top left; padding-left:15px; top:0; right:80px; z-index:10001;
	}
	.scrollButtons.next {
	  background:url(../images/img-next.gif) no-repeat top right;  padding-right:15px;  top:0; right:20px;
	}
	

#content-bot { background:url(../images/bg-content-bot.gif) no-repeat; height:26px; }
 
/* Footer
*/
#footer{ clear:both; width:600px; margin:0 auto; background:#fff; font-size:12px;  }
div.address{ 
	float:left; display:inline; margin-right:20px; margin-top:30px;
	padding-bottom:80px;
}
#more{ 
	background:url(../images/bg-phone.gif) no-repeat; 
	width:175px; height:47px;
	padding:16px 20px; margin-top:15px;
}
	#more p b{ text-transform:uppercase;}
	#more p a{color:#787878;}