/* General and Common CSS */
body {
	margin:0px;
	padding:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	line-height:160%;
	height: 100%;
}
a {
	text-decoration:none;
	color: #71787e;
}
a:visited {
	color: #71787e;
}
a:hover {
	text-decoration:underline;
}
img {
	border: none;
	padding:0px;
	margin:0px;
}
/* Headings CSS */
h1 {
	margin: 0px 0px 0px;
	padding: 0px;
	float:left;
}
h1 a{
	display:block;
	background: url(images/logo.gif) no-repeat;
	height: 82px;
	width: 235px;
	text-indent: -900em;
	text-decoration: none;
	line-height:100%;
}
h2{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 240%;
	color: #6699FF;
	font-weight: normal;
	margin: 20px 0px 5px;
}
h3{
	font-family: Tahoma, Arial, sans-serif;
	font-size: 120%;
	font-weight: bold;
	color: #a3bdca;
	padding-bottom: 2px;
	border-bottom: 1px dotted #528fba;
	margin: 5px 17px 5px;
}
h4{
	font-family: Tahoma, Arial, sans-serif;
	font-size: 90%;
	font-weight: normal;
	color: #0174b7;
	margin: 0px;
}
h5{
	font-family: Tahoma, Arial, sans-serif;
	font-size: 110%;
	font-weight: bold;
	color: #21687e;
	padding-bottom: 2px;
	border-bottom: 1px dotted #528fba;
	margin: 15px 0px 5px;
}
/* DIVs */
/* #main_wrap contains the whole layout */
#main_wrap{
	margin: 0px auto;
	width: 781px;
	background: #FFFFFF url(images/topmenu.gif) no-repeat;
}
/* div for search */
#search {
	clear:both;
	text-align:right;
	color:#fff;
	font-weight:bold;
	padding-top:5px;
	padding-bottom:9px;
	position: relative;
}
#search form {
	display: inline;
	padding: 5px 10px;
}
#search input, #search label {
	vertical-align: middle;
	font-size: 85%;
	line-height: 1.25em;
	padding-left: 2px;
}
#searchbox {
	margin-left: 3px;
	color: #999;
}
#searchbox:focus {
	color: #000;
}
/* div for top navigation */
#nav {
	float:right;
	list-style:none;
	margin:0px 0px 0px;
	padding:0px;
}
#nav li{
	float:left;
}
#nav li a{
	display:block;
	float:left;
}
/* div for the banner */
#banner {
	clear:both;
}
/* div for the container of both sidebar and content */
#container {
	background: #FFFFFF url(images/pagebg.gif) repeat-y;
}
/* div for content(right side) */
#content {
	width: 508px;
	float:right;
	padding: 0px 15px 0px 0px;
	background-color:#FFFFFF;
}
#content .title {
	width:70%;
	float:left;
	font-weight:bold;
	color:#528fba;
	margin-top: 5px;
	padding-bottom: 2px;
	border-bottom: 1px dotted #ccc;
}
#content .date {
	width:30%;
	float:right;
	text-align:right;
	padding-bottom: 2px;
	color:#999999;
	margin-top: 5px;
	font-size: 90%;
	border-bottom: 1px dotted #ccc;
}
#content .content{
	padding: 20px 0px 0px 0px;
	margin: 0px;
}
#content p {
	padding:5px 0;
	margin:0px;
}
.portfolioWrapper {
	margin: 0px;
	padding: 0px;
	height: 134px;
}
.portfolioImage {
	float: left;
	margin: 0px 10px 0px 0px;
	padding: 0px;
	width: 202px;
	height: 134px;
}
.portfolioImage img {
	vertical-align: top;
	padding: 0px;
	margin: 0px;
	width: 202px;
	height: 134px;	
}
.portfolioStatus {
	float: left;
	padding: 0;
	margin: 0;
	width: 	270px;
}
.portfolioStatus p {
	font-family: Tahoma, Arial, sans-serif;
	font-weight: normal;
	color: #0174b7;
	padding: 0;
	margin: 0;
	line-height: 100%; 
	font-size: 100%;
}
.portfolioStatus a, .portfolioStatus a:visited {
	color: #0174b7;
}
#content input {
	font-family: Arial, Helvetica, sans-serif;
  	font-size: 11px;
	line-height: 1.25em;
	padding-left: 2px;
}
#content textarea {
  	font-family: Arial, Helvetica, sans-serif;
  	font-size: 11px;
	line-height: 1.25em;
	padding-left: 2px;
}
#content form {
	margin: 0px;
	padding: 0px;
}
/* div for main panel (Latest projects etc) */
#mainpanel {
	width: 521px;
	float:  right;
	padding: 0px 8px;
	background-color:#FFFFFF;
}
#mainpanelbg {
	margin:0px;
	padding: 0px;
	background:url(images/mainpanel_bg.gif) no-repeat;
	height:234px;
}
/* div for the image within main panel */
#image {
	padding:8px 0px 0px 17px;
	float:left;
}
/* div for the details on the right of main panel */
#details {
	width: 280px;
	padding:8px;
	float:right;
}
#details a {
	color: #71787e;
	font-weight:bold;
	text-decoration: none;
}
/* div for left sidebar */
#sidebar {
  	color: #fff;
	width:244px;
	float:left;
	background: #005a99 url(images/leftmenu_bg.gif) repeat-x;
}
#sidebar ul {
	list-style:none;
	margin:0px;
	padding:0px 20px 20px 20px;
}
#sidebar li{
	padding:1px 13px;
	background:url(images/li.gif) no-repeat;
}
#sidebar li a{
	color: #8fbbd4;
	text-decoration: none;
}
#sidebar li a:hover{
	color: #fff;
	text-decoration:none;
}
/* div for the footer */
#footer {
	clear:both;
	width:781px;
	background: url(images/footer.gif) no-repeat;
	height: 50px;
}
/* div for privacy and disclaimer links */
#footerlinks {
	width: 300px;
	float:left;
	text-align:left;
	margin: 0px auto;
	padding:15px 15px;
	font-size: 90%;
	color: #f9f9f9;
}
#footerlinks a {
	color: #f9f9f9;
}
#footerlinks a:hover {
	color: #8fbbd4;
	text-decoration: none;
}
/* div for copyrights */
#copyright {
	width: 300px;
	float:right;
	text-align:right;
	margin: 0px auto;
	padding:15px 15px;
	font-size: 90%;
	color: #f9f9f9;
}
/* class for hiding elements */
.hidden {
	display: none;
}