/* CSS Document */
body{
	margin:0px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: url(img/bg.gif) top center;
	color: #333333;
}

form {
	margin: 0px;
	padding: 0px;
}

.shade_left {
	width: 6px;
	background: url(img/shade_left.gif) repeat-y;;
	filter: alpha(opacity=10);
	-moz-opacity: .1;
	opacity: .1;
}

.shade_right {
	width: 6px;
	background: url(img/shade_right.gif) repeat-y;;
	filter: alpha(opacity=10);
	-moz-opacity: .1;
	opacity: .1;
}

.left_side {
	background: url(img/left_bg.gif) repeat-y;
	width: 240px;
	text-align: center;
}

.right_side {
	background: url(img/right_bg.gif) repeat-x #ffffff;
}

.search {
	border: 1px solid #e1e1e1;
	width: 218px;
	margin: 10px 0px 10px 10px;
	height: 25px;
}

.search_input {
	border: 0px;
	width: 182px;
}

.search_button {
	margin-left: 0px;
}

.footer {
	height: 60px;
	background-color: #2B409B;
	color: #6a7ab9;
	text-align: center;
}

.footer a {
	color: #aab3d7;
	text-decoration: none;
}

.footer a:hover {
	color: #ffffff;
	text-decoration: none;
}

a, a:hover {
	color: #464646;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.txtform{	
	border:#808080 solid 1px;
}

.txtField {
	border: 1px solid #CCCCCC;
	font-size: 11px;
}

.button{
	border:#808080 solid 1px;
}

h2 {
	font-size: 14px;
	font-weight: bold;
}

/* Portfolio Content */

.portfolioContent {
	padding-top: 20px;
}
.portfolioContent h1 {
	color: #00aeef;
	font-size: 19px;
	font-weight: normal;
	margin: 0px;
	padding: 28px 0px 4px 0px;
}
.portfolioContent .projectType {
	padding: 0px 0px 44px 0px;
	text-align: left;
}
.portfolioContent .projectMainPic {
	padding: 0px 0px 10px 0px;
	text-align: center;
	display:block;
	position:relative;	
	overflow:hidden;
	text-decoration:none;	
}
	.portfolioContent .projectMainPic span{
		background-color:#FFFFFF;
		color:#000000;
		position:absolute;
		left:0px;
		top:0px;
		display:block;
		height:380px;
		*height:145px;
		width:590px;	
		z-index:3;
		text-align:left;
		text-decoration:none;
		text-align:center;
		font-size:14px;
		font-weight:bold;
		opacity:0;
		filter: alpha(opacity = 0);
		padding-top:25%;
		*padding-top:200px;
	}
.portfolioContent .projectThumbs {
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 15px;
	text-align: left;
}

.portfolioContent .projectThumbs img {
	padding: 0px 0px 0px 9px;
}

.portfolioContent #linking {
	margin: 0px auto;
	padding: 0px;
	text-align: center;
	height: 20px;
}

#linking .portfolioNav {
	text-align: center;
	padding: 10px;
}
.portfolioNav a, .portfolioNav a:hover, .portfolioNav a.active {
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #0d1c5e;
	padding: 4px 9px 4px 9px;
	border: 1px solid #2b409b;
}
.portfolioNav a.active {
	border: 0px;
	color: #535353;
	padding: 5px 10px 5px 10px;
	background-color: #dddddd;
}
.portfolioNav a:hover {
	border: 0px;
	background: url(img/nav-hover-bg.gif) repeat-x;
	padding: 5px 10px 5px 10px;
	color: #ffffff;
}
/* previous style */
.prev a, .prev a:hover, .next a, .next a:hover {
	font-size: 11px;
	text-decoration: none;
	color: #0d1c5e;
	padding: 5px 10px 5px 10px;
	*padding: 5px 10px 4px 10px;
	display: block;
	border: 1px solid #2b409b;
	margin: 5px;
	background: none;
}
.prev a:hover, .next a:hover {
	background: url(img/nav-hover-bg.gif) repeat-x;
	color: #ffffff;
}

.scrolling-stuff {
	height: 520px;
	overflow-x: hidden;
	overflow-y: auto;
}