<style type="text/css">
body,
	html {
		margin				:	0;
		padding				:	0;
		height				:	100%;
	}
	
body {
	color				:	#5E3F01;
	font-family			: 	Arial, Times, serif;
   	font-size			: 	12px;
	font-style			: 	normal;
	font-weight			: 	normal;
	min-width			:	750px;
	background-color	: 	#fff;
	border				: 	0px;
	padding				: 	0px;
	height				:	100%;
	margin				: 	0px;
	background-position	: 	top center;
	text-align			:	center;	
	border-top			:	6px solid #D52507;
	background-color	:	#EDEAD1;
	background			:	url("images/bg.gif") repeat-y;
}
	

#wraper{
	margin				: 	0 auto;
	width				: 	760px;
	padding				: 	5px 10px 0 10px;
}

.preload1 {
	background-image	:	url('images/main_aboutus-ovr.jpg');  /* PRELOAD */
	background-repeat	: 	no-repeat;
	background-position	: 	-1000px -1000px;
}
.preload2 {
	background-image	:	url('images/main_ourprojects-ovr.jpg');  /* PRELOAD */
	background-repeat	: 	no-repeat;
	background-position	: 	-1000px -1000px;
}
.preload3 {
	background-image	:	url('images/main_soq-ovr.jpg');  /* PRELOAD */
	background-repeat	: 	no-repeat;
	background-position	: 	-1000px -1000px;
}
.preload5 {
	background-image	:	url('images/main_contactus-ovr.jpg');  /* PRELOAD */
	background-repeat	: 	no-repeat;
	background-position	: 	-1000px -1000px;
}
.preload6 {
	background-image	:	url('images/main_projectsbidding-ovr.jpg');  /* PRELOAD */
	background-repeat	: 	no-repeat;
	background-position	: 	-1000px -1000px;
}
.preload7 {
	background-image	:	url('images/main_news-ovr.jpg');  /* PRELOAD */
	background-repeat	: 	no-repeat;
	background-position	: 	-1000px -1000px;
}




#onecolumn {
	float				:	left;
	margin-bottom		:	10px;
	padding				:	10px;
	width				:	720px;
}	
	
#rightcolumn {
	float				:	right;
	margin-bottom		:	10px;
	width				:	239px;
	padding				:	10px;
}	

#leftcolumn {
	float				:	left;
	margin-bottom		:	10px;
	width				:	450px;
	text-align			: 	left;
	padding				:	10px;
	margin-right		:	10px;
	background-color  	: 	#EDEAD1;
}

#footer {
	font-size		: 10px;
	text-align		: center;
}


#header {
	height	: 	32px;
	clear	:	both;
	margin-top	: -10px;

}	

#subheader {
	height			: 	150px;
}	

#logo {
	float	: 	left;
	width	:	250px;
	padding	:	16px 50px 10px 40px;
}

#logoimage {
	float	: 	right;
	width	:	330px;
	padding	:	0px 20px 10px 10px;
}

body A:link {text-decoration: none; color:#CC3300;}
body A:visited {text-decoration: none; color:#CC3300;}
body A:active {text-decoration: none; color:#CC3300;}
body A:hover {text-decoration: none; color:#CC6600;}
	
H1 {
	font-size			: 	10px;
}
	
H2 {
	font-family			: 	Arial, Times, serif;
	font-size			: 	12px;
	text-align			:   center;
}
	
H3 {
	font-family			: 	Arial, Times, serif;
	font-size			: 	12px;
	font-style			:   bold;
	text-align			:   left;
}
	
p {
	font-family			: 	Arial, Times, serif;
   	font-size			: 	11px;
	font-style			: 	normal;
	font-weight			: 	normal;
	text-align			:   left;
}

#menu {
  float			:	left;
  width			:	100%;
  background	:	url("impages/bg.gif") repeat-x bottom;
  font-size		:	14px;
  line-height	:	normal;
  padding-left	:	5px;
}
  
#menu ul {
  margin		:	0;
  padding		:	0px 10px 0;
  list-style	:	none;
}
  
#menu li {
  float			:	left;
  background	:	url("images/left.gif") no-repeat left top;
  margin		:	0 0 -1px 0;
  padding		:	0 0 0 9px;
  border-bottom	: 	1px solid #D0CCA5;
}
  
#menu a {
  	float			:	right;
  	display			:	block;
  	background		:	url("images/right.gif") no-repeat right top;
  	padding			:	10px 21px 4px 12px;
  	text-decoration	:	none;
  	font-weight		:	bold;
	color			:	#5E3F01;
 }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#menu a {float:none;}
/* End IE5-Mac hack */

#menu a:hover {
  	color	:	#333;
  }
  
#menu #current {
  	background-image	:	url("images/left_on.gif");
	border-bottom		: 	1px solid white;
  }

#menu #current a {
  	background-image	:	url("images/right_on.gif");
  	color				:	#CC3300;
  	padding-bottom		:	5px;
  	border-bottom		: 	1px solid white;
}

.bl {background: url(images/bl.gif) 0 100% no-repeat #ffffff;}
.br {background: url(images/br.gif) 100% 100% no-repeat;}
.tl {background: url(images/tl.gif) 0 0 no-repeat;}
.tr {background: url(images/tr.gif) 100% 0 no-repeat; padding:10px;}
.clear {font-size: 1px; height: 1px;} 


.mainbl {background: url(images/mainbl.gif) 0 100% no-repeat #EDEAD1; min-height : 800px;/* IE 6 HACK \*/ height : auto !important; height : 100%;}
.mainbr {background: url(images/mainbr.gif) 100% 100% no-repeat; min-height : 800px;/* IE 6 HACK \*/ height : auto !important; height : 100%;}
.maintl {background: url(images/maintl.gif) 0 0 no-repeat; min-height : 800px;/* IE 6 HACK \*/ height : auto !important; height : 100%;}
.maintr {background: url(images/maintr.gif) 100% 0 no-repeat; padding:10px; min-height : 800px;/* IE 6 HACK \*/ height : auto !important; height : 100%;}


.homebl {background: url(images/mainbl.gif) 0 100% no-repeat #EDEAD1; height : 680px;}
.homebr {background: url(images/mainbr.gif) 100% 100% no-repeat; height : 680px;}
.hometl {background: url(images/maintl.gif) 0 0 no-repeat; height : 680px;}
.hometr {background: url(images/maintr.gif) 100% 0 no-repeat; padding:10px; height : 680px;}

#playlist {
	border	: 	1px solid #665C00;
}

#playlist tbody tr td {
	font-size	: 	8pt;
	padding		:	3px 8px;
	color		:	#5E3F01;
}
	
#playlist tbody th {
	background-color	:  #5E3F01;
	text-align			:  center;
	color				: 	#fff;
	padding-left		:  	3px;
	padding-right		: 	3px;
	font-size			: 	8pt;
	padding-top			:	5px;
	padding-bottom		:	5px;
}

#playlist tbody tr.selected td {
	background-color	: 	#3d80df;
	color				: 	#ffffff;
	font-weight			: 	bold;
	border-left			: 	1px solid #346DBE;
	border-bottom		: 	1px solid #7DAAEA;
}

.loginform {
	font-size 	:	10px;
	heigth		:	40px;
}

.loginformfield {
	font-size 	:	10px;
	height		:	12px;
	width		:	100px;
}

.brownbutton   {
	background-color	:	#5E3F01;
	border				: 	1px solid #F5F4F3;
	color				:	#ffffff;
	font-size			:	10px;
	letter-spacing		: 	1px;
	padding				:	1px 5px 1px 5px;
	text-decoration		: 	none;
}

.brownbutton:hover   {
	background-color	:	#CC6600;
	border				: 	1px solid #F5F4F3;
	color				:	#ffffff;
	font-size			:	10px;
	letter-spacing		: 	1px;
	padding				:	1px 5px 1px 5px;
	text-decoration		: 	none;
}

.captionheading {
	width			:  	90%;
	border-top		: 	1px solid #F8F7EB;
	border-bottom	: 	1px solid #F8F7EB;
	margin-top		:  	5px;
	margin-bottom	:  	5px;

}

.caption {
	font-weight			:  	bold;
    font-size			: 	14px;
	color				: 	#5E3F01;
	line-height			: 	30px;
	text-align			:	left;
	margin-top			:	10px;
	margin-bottom		:	10px;	
}


.icon {
	margin-right	:  	15px;	
	margin-top		: 	2px;
	float			: 	left;
}

.datafield {
	 font-size	: 	10px;
	 color		: 	#5E3F01;
	 margin-left:	8px;
	 width		:	120px;
}
	
.spacer {
	height	:	5px;
}	


.cpanel {
	text-align 	:	left;
}

.cpanel li {
	list-style-type		: 	none;
	display				:	inline;
}

.cpanel a { 
	padding	: 	3px 10px;
}

.cpanel a:link, .cpanel a:visited {
	color			: 	#fff;
	background-color: 	#5E3F01;
	text-decoration	: 	none;

}

.cpanel a:hover {
	color			: 	#fff;
	background-color: 	#cc6600;
	text-decoration	: 	none;
}


.ourprojects a:link, .ourprojects a:visited {
	color				: 	#fff;
	background-image	:	url('images/main_ourprojects.jpg');
	text-decoration		: 	none;
	height				: 	188px;
	width				: 	255px;
	display				: 	block;
	position			:	relative;
	left				:	-227px;
	top					:	-140px;
	background-repeat	:	no-repeat;
}

.ourprojects a:hover {
	color				: 	#fff;
 	background-image	:	url('images/main_ourprojects-ovr.jpg');
	text-decoration		: 	none;
	background-repeat	:	no-repeat;
}

.contactus a:link, .contactus a:visited {
	color				: 	#fff;
	background-image	:	url('images/main_contactus.jpg');
	text-decoration		: 	none;
	height				: 	188px;
	width				: 	255px;
	display				: 	block;
	position			:	relative;
	left				:	-150px;
	top					:	200px;
	background-repeat	:	no-repeat;
}

.contactus a:hover {
	color				: 	#fff;
 	background-image	:	url('images/main_contactus-ovr.jpg');
	text-decoration		: 	none;
	background-repeat	:	no-repeat;
}

.projectsbidding a:link, .projectsbidding a:visited {
	color				: 	#fff;
	background-image	:	url('images/main_projectsbidding.jpg');
	text-decoration		: 	none;
	height				: 	188px;
	width				: 	255px;
	display				: 	block;
	position			:	relative;
	left				:	228px;
	top					:	-326px;
	background-repeat	:	no-repeat;
}

.projectsbidding a:hover {
	color				: 	#fff;
 	background-image	:	url('images/main_projectsbidding-ovr.jpg');
	text-decoration		: 	none;
	background-repeat	:	no-repeat;
}

.soq a:link, .soq a:visited {
	color				: 	#fff;
	background-image	:	url('images/main_soq.jpg');
	text-decoration		: 	none;
	height				: 	188px;
	width				: 	255px;
	display				: 	block;
	position			:	relative;
	left				:	220px;
	top					:	-700px;
	background-repeat	:	no-repeat;
}

.soq a:hover {
	color				: 	#fff;
 	background-image	:	url('images/main_soq-ovr.jpg');
	text-decoration		: 	none;
	background-repeat	:	no-repeat;
}
.news a:link, .news a:visited {
	color				: 	#fff;
	background-image	:	url('images/main_news.jpg');
	text-decoration		: 	none;
	height				: 	188px;
	width				: 	255px;
	display				: 	block;
	position			:	relative;
	left				:	10px;
	top					:	500px;
	background-repeat	:	no-repeat;
}

.news a:hover {
	color				: 	#fff;
 	background-image	:	url('images/main_news-ovr.jpg');
	text-decoration		: 	none;
	background-repeat	:	no-repeat;
}

.contactus a:link, .contactus a:visited {
	color				: 	#fff;
	background-image	:	url('images/main_contactus.jpg');
	text-decoration		: 	none;
	height				: 	188px;
	width				: 	255px;
	display				: 	block;
	position			:	relative;
	left				:	-10px;
	top					:	-210px;
	background-repeat	:	no-repeat;
}

.contactus a:hover {
	color				: 	#fff;
 	background-image	:	url('images/main_contactus-ovr.jpg');
	text-decoration		: 	none;
	background-repeat	:	no-repeat;
}

.aboutus a:link, .aboutus a:visited {
	color				: 	#fff;
	background-image	:	url('images/main_aboutus.jpg');
	text-decoration		: 	none;
	height				: 	188px;
	width				: 	255px;
	display				: 	block;
	position			:	relative;
	left				:	-250px;
	top					:	50px;
	background-repeat	:	no-repeat;
}

.aboutus a:hover {
	color				: 	#fff;
 	background-image	:	url('images/main_aboutus-ovr.jpg');
	text-decoration		: 	none;
	background-repeat	:	no-repeat;
}

.homelogo  {
	color				: 	#fff;
	background-image	:	url('images/homelogo.jpg');
	text-decoration		: 	none;
	height				: 	173px;
	width				: 	275px;
	display				: 	block;
	position			:	relative;
	left				:    10px;
	top					:	-780px;
	background-repeat	:	no-repeat;
	z-index				:	0;
}

</style>