html, body{
	background-color: #EBF2FC;
	text-align:center;
	font-family:sans-serif;
	font-size: 11px;
	color: #565659;
	margin:0;
	padding:0;
	background-image: url(../images/bg_cloud.jpg);
	background-repeat: repeat-x;
	background-position: left top;

} 



li {

	margin: 0 0 0 30px;

}



h1 {

 font-family: arial;

 font-size: 14px;

 color: #313437;

}



h2 {

  font-family: Arial;

  font-size:12px;

  color:#fa891a;

}



a {

	text-decoration:none;

	color: #228CBF;

	font-variant: small-caps;

	font-weight:bolder;

}



a:hover {

	color:#FFCC00;

}





p {

	margin: 0 12px 0 12px;

}

 

#pagewidth{

	width:784px;

	text-align:left;

	margin-left:auto;

	margin-right:auto;

	position: relative;

} 



#header {
	background-image: url(../images/header.png);
	position:relative;
	height:70px;

}



#headerAd {

 width:391px;

 height:61px;

 position: relative;

 float:right;

 top:19px;

 right:2px;

}



#footer {
	position: relative;
	background-image: url(../images/footer.png);
	background-repeat:no-repeat;
	clear:both;
	height:50px;
	bottom:0px;

}

 

.footer {

 position:relative;

 top:22px;

 left:25px;

 font-family: arial;

 font-size: 10px;

 color: #0E3A4B;

}



/*** Begin Middle Layout ***/



#middle {
	width:784px;
	position: relative;
	background-image: url(../images/bg.png);
	background-repeat:repeat-y;
	z-index: 1;
	padding: 0px 0px 0px 11px;
	height:auto;

}



#menu {

	width: 759px;

	height:30px;	

}



#content {

	width:735px;

	position: relative;

	padding:10px 20px 0px 15px;

}



TD#latestproject {

	padding-left: 10px;

	padding-bottom: 10px;

	padding-top: 10px;

	border-width:thin;

	border-color: #E5E5E5;

	border-style: groove;

	background-color: #DEE4FA;

	z-index:1;

	vertical-align:top

}

.latestproject {

	font: inherit;

	margin-left:100px;

	padding-left: 40px;

	padding-right: 15px;

}

TD#borderless {

	border:none;

	padding: 0px 10px 0px 10px;

	vertical-align: top;

	font-family: inherit;

}



TD#borderColor {

	border-width:thin;

	border-color:#acaeb2;

	border-style:solid;

	vertical-align:top;

	padding: 0px 10px 0px 10px;

	font-family: inherit;

	background-color:#CCCCCC;

}



TD#border {

	border-width:thin;

	border-color:#acaeb2;

	border-style:solid;

	vertical-align:top;

	padding: 0px 10px 0px 10px;

	font-family: inherit;

}





#projectsMenu {

    border-style:solid;

	border-width:thin;

	border-color: #009999;

    float: left;

	width: 155px;

	height: auto;

	position: relative;

	padding-top: 5px;

	padding-left: 25px;

	z-index:0;

}



#projectContent {

	margin: 0px 20px 0px 200px;

	position: relative;

	padding: 0px 0px 0px 10px;	

}
#profile {
	width:735px;
	position: relative;
	height: auto;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 15px;
}
#profile  h2 {
	float: left;
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding: 0px;
}




/*** End Middle Layout ***/
.profilePre {
	padding: 0px;
	list-style-image: none;
	list-style-type: none;
	display: block;
	width: 740px;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
.profilePre li {
	padding: 5px;
	list-style-image: none;
	list-style-type: none;
	float: left;
	width: 350px;
	border: 1px solid #C0C0C0;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	background-color: #EBEBEB;
}
.profilePre img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: left;
}
.profilePre a {
	border: 1px solid #C0C0C0;
	display: block;
	height: auto;
	width: auto;
	float: left;
	margin-right: 10px;
}
.profilePre a:hover {
	border-top-color: #FA891A;
	border-right-color: #FA891A;
	border-bottom-color: #FA891A;
	border-left-color: #FA891A;
}
.profilePre p {
	margin: 0px;
	float: left;
}
.clear {
	clear: both;
	width: 100%;
}