body {
  background-image: url(images/bg.jpg);
  background-color: 333333;
  background-repeat: repeat-y;
  background-position: top center;
  color: white;
}


.content{
  font-size: 12;
  font-family: Verdana;
}

.header{
  font-size: 18;
  font-family: Verdana;
  color: white;
  font-weight: bold;
}

a:link    {color:0000FF;}
a:visited {color:0088FF;}
a:hover   {color:#cccccc;}
a {text-decoration:none;}


.companyinfo {
   background: url(images/companyinfo.jpg);
   height: 151px;
   width: 216px;
   position: relative;
   float: left;
   top: 10px;
   left: 15px;
}

.cinfo {
    overflow: auto;
	height: 105px;
	width: 192px;
	font-family: Tahoma;
    color: white;
	font-size: 11px;
	padding-right: 10px;
	font-weight: normal;
	position: relative;
	top: 25px;
	left: 0px;
	border: 0px;
	border-style: dotted;
	border-color: white;
	padding: 1px;
	text-align: left;
}


.welcome {
   background: url(images/upcomingevents.jpg);
   height: 151px;
   width: 535px;
   position: relative;
   float: right;
   top: 10px;
   left: -8px;
   font-family: Tahoma;
   color: white;
   font-weight: bold;
   font-size: 12;
}

.cwelcome {
    overflow: auto;
	height: 110px;
	width: 511px;
	font-family: Tahoma;
    color: white;
	font-size: 12px;
	font-weight: normal;
	position: relative;
	top: 25px;
	left: 0px;
	border: 0px;
	border-style: dotted;
	border-color: white;
	padding: 1px;
	text-align: left;
}

.upcomingevents {
   background: url(images/upcomingevents3.jpg);
   height: 320px;   
   width: 535px;
   position: relative;
   float: right;
   top: 20px;
   left: -8px;
}

.cupcomingevents{
      overflow: auto;
	height: 272px;  
	width: 500px;
	font-family: Tahoma;
    color: white;
	font-size: 11px;
	padding-right: 10px;
	font-weight: normal;
	position: relative;
	top: 26px;
	left: 5px;
	border: 0px;
	border-style: dotted;
	border-color: white;
	padding: 1px;
	text-align: left;
}

.latestprojects {
   background: url(images/latestprojectssmall.jpg);
   height: 320px;   
   width: 435px;
   position: relative;
   float: right;
   top: 20px;
   left: -8px;
}
.clatestprojects {
      overflow: auto;
	height: 272px;  
	width: 400px;
	font-family: Tahoma;
    color: white;
	font-size: 11px;
	padding-right: 10px;
	font-weight: normal;
	position: relative;
	top: 26px;
	left: 5px;
	border: 0px;
	border-style: dotted;
	border-color: white;
	padding: 1px;
	text-align: left;
}


.featuredprojects {
   background: url(images/featuredlarge.jpg);
   height: 251px;
   width: 316px;
   position: relative;
   float: left;
   top: 20px;
   left: 15px;
}

.cfeaturedproject {
      overflow: auto;
	height: 205px;
	width: 292px;
	font-family: Tahoma;
    color: white;
	font-size: 11px;
	padding-right: 10px;
	font-weight: normal;
	position: relative;
	top: 25px;
	left: 0px;
	border: 0px;
	border-style: dotted;
	border-color: white;
	padding: 1px;
	text-align: left;
}


.top {
   margin: auto;
   width: 782px;
   height: 270px;
   vertical-align: top;
}

.middle_content {
   position: relative;
   vertical-align: top;
   width: 782px;
   margin: auto;
   height: 500px;
}

.copyright {
   width: 782px;
   margin: auto;
   vertical-align: bottom;
}