* { margin:0 auto; padding:0; }

body

	{

	color:#767676;

	background-color:#F0F0F0;

	font:14px Arial, Helvetica, sans-serif;

	line-height:20px;

	}

.btn 
	{
	background-color:#3c95bf;
	border:1px solid #C6D880;
	color:#FFFFFF;
	line-height:17px;
	padding:5px 10px 5px 7px;
	width:auto;
	cursor:pointer;
	-webkit-border-radius: 10px; /* Safari prototype */
	-moz-border-radius: 10px; /* Gecko browsers */
	border-radius: 10px;
	}
/*--------------------------------header area css start----------------------------*/	

div.header_wrapper

	{

	background:url(../images/layout/main_bg.jpg) repeat-x;

	background-color:#FFFFFF;

	height:149px;

	margin:auto;

	width:100%;

	}



div.main_header_wrapper

	{

	height:149px;

	margin:auto;

	width:960px;

	}



div.logo_login_wrapper

	{

	height:63px;

	position:relative;

	width:960px;

	}



div.logo_wrapper

	{

	height:22px;

	left:0px;

	position:absolute;

	top:18px;

	width:273px;

	}



div.login_wrapper

	{

	height:28px;

	position:absolute;

	right:0px;

	top:19px;

	width:463px;

	}

	

div.txtbox_login_wrapper

	{

	background:url(../images/layout/home_image_collage.jpg) no-repeat;

	background-position:0px -111px;

	float:left;

	height:28px;

	width:398px;

	}



div.btn_login_wrapper

	{

	float:right;

	height:28px;

	width:63px;

	}			



div.main_nav_wrapper

	{

	height:41px;

	margin-top:8px;

	width:574px;

	}			

	

	

/*--------------------------------main body content area css start----------------------------*/	

div.body_content_wrapper

	{

	background-color:#FFFFFF;

	width:100%;

	}



div.body_main_content_wrapper

	{

	margin:auto;

	width:960px;

	}



div.body_left_content_wrapper

	{

	float:left;

	width:310px;

	}



div.welcome_content_wrapper

	{

	padding:100px 0 70px  0;

	width:218px;

	}



div.welcome_txt_header_wrapper

	{

	background:url(../images/layout/home_image_collage.jpg) no-repeat;

	background-position:0px -74px;

	height:17px;

	width:218px;

	}



div.what_we_offer_wrapper

	{

	padding-bottom:15px;

	width:310px;

	}



div.what_we_offer_header_wrapper

	{

	background:url(../images/layout/home_image_collage.jpg) no-repeat;

	background-position:0px -37px;

	height:37px;

	width:310px;

	}

div.ads_header_wrapper

	{

	background:url(../images/layout/ads_image_collage.jpg) no-repeat;

	/*background-position:0px -37px;*/

	height:37px;

	width:310px;

	}

/*ads*/

.adsbox { width:306px; border-bottom:1px #bac3cd solid; padding:16px 0;}

.adsimg { width:75px; float:left;}

.adscontent { width:214px; float:right; color:#7d7d7d;}

	.adscontent p{ font:11px Arial, Helvetica, sans-serif!important; color:#7d7d7d; line-height:16px; margin-bottom:10px;}
	
	.adscontent a{ font:11px Arial, Helvetica, sans-serif!important; color:#3266a0; margin-top:4px; text-decoration:underline!important;}

.clearfloat {clear:both;}

div.btns_request_view_wrapper

	{

	height:24px;

	padding:5px 0 0 35px;

	width:204px;

	}



div.btn_view_more_wrapper

	{

	float:left;

	height:24px;

	width:89px;

	}



div.btn_quote_wrapper

	{

	float:right;

	height:24px;

	width:109px;

	}



div.advertise_wrapper

	{

	margin:5px 0 35px 0;

	width:310px;

	}



div.advertise_image_wrapper

	{

	background:url(../images/layout/subpage_image_collage.jpg) no-repeat;

	background-position:-252px -390px;

	margin-left:-30px;

	height:220px;

	width:275px;

	}				





div.body_right_content_wrapper

	{

	float:right;

	width:631px;

	}



div.featured_project_wrapper

	{

	position:relative;

	width:631px;

	}



div.image_wrapper

	{

	background-color:#292929;

	height:318px;

	width:631px;

	}



div.image_holder

	{

	height:305px;

	padding:6px;

	width:619px;

	}



div.project_description_wrapper

	{

	background:url(../images/layout/featured_project_description_bg.jpg) repeat-y;

	height:134px;

	margin:8px 0 22px 0;

	width:631px;

	}

	

div.prjct_name_wrapper

	{

	float:left;

	padding:10px 0 0 19px;

	width:164px;

	}



div.prjct_description_content_wrapper

	{

	float:right;

	padding:10px 19px 0 0;

	width:396px;

	}



div.btn_learn_more

	{

	margin-top:5px;

	height:24px;

	width:89px;

	}



div.recent_added_portfolio

	{

	margin-bottom:25px;

	width:631px;

	}



div.recent_added_portfolio2

	{

	margin-bottom:25px;

	width:310px;

	}	



div.portfolio_header_wrapper

	{

	background:url(../images/layout/home_image_collage.jpg) no-repeat;

	background-position:0px 0px;

	height:37px;

	width:631px;

	}



div.portfolio_header_wrapper2

	{

	background:url(../images/layout/home_image_collage.jpg) no-repeat;

	background-position:0px 0px;

	height:37px;

	width:310px;

	}	



div.portfolio_image_wrapper

	{

	float:left;

	height:191px;

	padding:20px 19px 0 0;

	width:306px;

	}



div.portfolio_image_wrapper2

	{

	float:left;

	height:191px;

	padding:20px 0 0 0;

	width:306px;

	}

	

div.portfolio_image_wrapper3

	{

	height:191px;

	padding:20px 0 10px 0;

	width:306px;

	}



div.subpage_content_wrapper

	{

	margin:5px 0 35px 0;

	}



div.services_header_wrapper	

	{

	background:url(../images/layout/subpage_image_collage.jpg) no-repeat;

	background-position:0px -138px;

	height:69px;

	width:631px;

	}

	

div.portfolio_main_header_wrapper	

	{

	background:url(../images/layout/subpage_image_collage.jpg) no-repeat;

	background-position:0px -69px;

	height:69px;

	width:631px;

	}	



div.contact_us_header_wrapper	

	{

	background:url(../images/layout/subpage_image_collage.jpg) no-repeat;

	background-position:0px 0px;

	height:69px;

	width:631px;

	}	



div.services_list_wrapper

	{

	height:312px;

	padding-bottom:20px;

	width:631px;

	}



div.services_bg

	{

	background:url(../images/layout/subpage_image_collage.jpg) no-repeat;

	background-position:0px -368px;

	float:left;

	height:312px;

	width:248px;

	}



div.services_list_content_wrapper

	{

	float:left;

	height:211px;

	margin:20px 0 0 -90px;

	width:280px;

	z-index:50;

	}



div.country_address_wrapper

	{

	height:96px;

	margin:15px 0 25px 0;

	widows:631px;

	}



div.us_address_wrapper

	{

	float:left;

	height:96px;

	width:291px;

	}



div.phils_address_wrapper

	{

	float:right;

	height:96px;

	width:309px;

	}



div.us_icon_wrapper

	{

	background:url(../images/layout/subpage_image_collage.jpg) no-repeat;

	background-position:0px -265px;	

	float:left;

	height:96px;

	width:96px;

	}

	

div.phils_icon_wrapper

	{

	background:url(../images/layout/subpage_image_collage.jpg) no-repeat;

	background-position:-96px -265px;	

	float:left;

	height:96px;

	width:96px;

	}

	

div.address_content_wrapper

	{

	float:left;

	height:96px;

	padding-left:10px;

	width:180px;

	}			



div.address_divider_wrapper

	{

	background:url(../images/layout/subpage_image_collage.jpg) no-repeat;

	background-position:-202px -265px;

	float:left;

	height:96px;

	width:1px;

	}



div.mailing_address_wrapper

	{

	margin-bottom:22px;

	}



div.mailing_address_header

	{

	background:url(../images/layout/subpage_image_collage.jpg) no-repeat;

	background-position:0px -207px;

	height:21px;

	margin-bottom:5px;

	width:145px;

	}



div.request_quote_wrapper

	{

	width:458px;

	margin:10px 0 35px 0;

	}



div.request_quote_header_wrapper

	{

	background:url(../images/layout/subpage_image_collage.jpg) no-repeat;

	background-position:0px -228px;	

	height:21px;

	padding-bottom:13px;

	width:274px;

	}



div.request_txtbox_bg

	{

	background-color:#F4F4F4;

	border:1px solid #EAEAEA;

	float:left;

	height:32px;

	margin-bottom:11px;

	width:286px;

	}



div.request_txtbox_label

	{

	float:left;

	height:32px;

	margin:0 0 11px 18px;

	line-height:27px;

	width:84px;

	}



div.request_txtarea_bg

	{

	background-color:#F4F4F4;

	border:1px solid #EAEAEA;

	float:left;

	height:150px;

	margin-bottom:11px;

	width:456px;

	}



div.request_btns_wrapper

	{

	float:right;

	height:29px;

	width:160px;

	}



div.btn_reset_wrapper

	{

	float:left;

	height:29px;

	width:79px;

	}



div.btn_send_wrapper

	{

	float:right;

	height:29px;

	width:79px;

	}																											

		

	



/*--------------------------------footer area css start----------------------------*/	

div.footer_wrapper	

	{

	background:url(../images/layout/footer_bg.jpg) repeat-x;

	width:100%;

	}



div.main_footer_wrapper

	{

	height:60px;

	margin:auto;

	width:960px;

	}



div.footer_menu_wrapper

	{

	float:left;

	width:300px;

	}



div.copyright_wrapper

	{

	float:right;

	width:316px;

	}		





/*--------------------------------links css start----------------------------*/	

a.btn_login

	{

	display:block;

	background:url(../images/layout/home_image_collage.jpg) no-repeat;

	background-position:-400px -111px;

	height:28px;

	}



a:hover.btn_login

	{

	display:block;

	background:url(../images/layout/home_image_collage.jpg) no-repeat;

	background-position:-466px -111px;

	height:28px;

	}



a.body_link

	{

	color:#7a9500;

	font:12px Arial, Helvetica, sans-serif;

	text-decoration:none;	

	}



a:hover.body_link

	{

	color:#7a9500;

	font:12px Arial, Helvetica, sans-serif;

	text-decoration:underline;	

	}



a.body_link2

	{

	color:#0b6c99;

	text-decoration:none;	

	}



a:hover.body_link2

	{

	color:#0b6c99;

	text-decoration:underline;	

	}		



a.btn_learnmore

	{

	display:block;

	background:url(../images/layout/home_image_collage.jpg) no-repeat;

	background-position:-526px -69px;

	height:24px;

	}



a:hover.btn_learnmore

	{

	display:block;

	background:url(../images/layout/home_image_collage.jpg) no-repeat;

	background-position:-526px -43px;

	height:24px;

	}



a.btn_viewmore

	{

	display:block;

	background:url(../images/layout/home_image_collage.jpg) no-repeat;

	background-position:-316px -43px;

	height:24px;

	}



a:hover.btn_viewmore

	{

	display:block;

	background:url(../images/layout/home_image_collage.jpg) no-repeat;

	background-position:-316px -69px;

	height:24px;

	}



a.btn_request_quote

	{

	display:block;

	background:url(../images/layout/home_image_collage.jpg) no-repeat;

	background-position:-411px -43px;

	height:24px;

	}



a:hover.btn_request_quote

	{

	display:block;

	background:url(../images/layout/home_image_collage.jpg) no-repeat;

	background-position:-411px -69px;

	height:24px;

	}



a.btn_reset

	{

	display:block;

	background:url(../images/layout/subpage_image_collage.jpg) no-repeat;

	background-position:-307px -302px;

	height:29px;

	}



a:hover.btn_reset

	{

	display:block;

	background:url(../images/layout/subpage_image_collage.jpg) no-repeat;

	background-position:-307px -268px;

	height:29px;

	}



a.btn_send

	{

	display:block;

	background:url(../images/layout/subpage_image_collage.jpg) no-repeat;

	background-position:-388px -302px;

	height:29px;

	}



a:hover.btn_send

	{

	display:block;

	background:url(../images/layout/subpage_image_collage.jpg) no-repeat;

	background-position:-388px -268px;

	height:29px;

	}												

			



/*--------------------------------input css start----------------------------*/	

div.main_txtbox_login_wrapper

	{

	height:18px;

	left:89px;

	position:absolute;

	top:2px;

	width:147px;

	}



div.main_txtbox_login_wrapper2

	{

	height:18px;

	position:absolute;

	right:70px;

	top:2px;

	width:147px;

	}	

input.login_txtbox

	{

	color:#6e6e6e;

	border:none;

	height:18px;

	width:145px;

	}



input.request_txbox

	{

	background:none;

	border-style:none;

	color:#2d2d2d;

	font:14px Arial, Helvetica, sans-serif;

	height:22px;

	padding:4px 0 0 6px;

	width:270px;

	}



.request_txtarea

	{

	background:none;

	border-style:none;	

	color:#2d2d2d;

	font:14px Arial, Helvetica, sans-serif;

	height:135px;

	padding:6px 0 0 9px;

	width:435px;

	}	

	



/*--------------------------------menu css start----------------------------*/	

#main_menu li

	{

	list-style-type:none;

	float:left;

	}



#main_menu li a 

	{

	background:url(../images/layout/main_nav.jpg) no-repeat;

	display:block;

	cursor:pointer;
	
	float:left;

	}



#main_menu li a.home{background-position:0px 0px; width:127px; height:41px; }

#main_menu li a:hover.home{background-position:0px -41px; width:127px; height:41px; }

#main_menu li a.home_active{background-position:0px -82px; width:127px; height:41px; }



#main_menu li a.services{background-position:-127px 0px; width:145px; height:41px; }

#main_menu li a:hover.services{background-position:-127px -41px; width:145px; height:41px; }

#main_menu li a.services_active{background-position:-127px -82px; width:145px; height:41px; }



#main_menu li a.portfolio{background-position:-272px 0px; width:143px; height:41px; }

#main_menu li a:hover.portfolio{background-position:-272px -41px; width:143px; height:41px; }

#main_menu li a.portfolio_active{background-position:-272px -82px; width:143px; height:41px; }



#main_menu li a.contact{background-position:-415px 0px; width:159px; height:41px; }

#main_menu li a:hover.contact{background-position:-415px -41px; width:159px; height:41px; }

#main_menu li a.contact_active{background-position:-415px -82px; width:159px; height:41px; }





.footer_menu{

	padding-top:20px;

	color:#d8d7d7;

	margin:0;

	list-style-type:none;

}

.footer_menu li{

	display:inline;

	padding-right:10px;

}

a.footer_menu_list{

	color:#5f5f5f;

	font:11px Arial, Helvetica, sans-serif;

	text-decoration:none;

}

a:hover.footer_menu_list{

	color:#5f5f5f;

	font:11px Arial, Helvetica, sans-serif;

	text-decoration:underline;

}









/*--------------------------------span css start----------------------------*/	

span.featured_banner_wrapper

	{

	height:116px;

	left:-4px;

	position:absolute;

	top:-5px;

	width:115px;

	z-index:100;

	}



span.businessman_wrapper

	{

	height:371px;

	left:-112px;

	position:absolute;

	top:-14px;

	width:112px;

	z-index:101;

	}



span.highlight

	{

	color:#147cb2;

	}



span.highlight2

	{

	color:#00395d;

	}	

	

span.check_icon

	{

	height:6px;

	padding-right:5px;

	width:7px;

	}







/*--------------------------------services list css start----------------------------*/		



ul.services_we_offer

	{

	display:block;

	list-style-type:none;



	margin:15px 0 0 20px;

	}



.services_we_offer li

	{	

	color:#0b6c99;

	display:block;

	font:14px Arial, Helvetica, sans-serif;

	list-style-type:none;

	padding-bottom:5px;

	}		

	



/*--------------------------------p css start----------------------------*/	

p.description

	{

	color:#595959;

	font:12px Arial, Helvetica, sans-serif;

	line-height:16px;

	padding-bottom:6px;

	}



p.copyright

	{

	color:#5f5f5f;

	font:11px Arial, Helvetica, sans-serif;

	text-align:right;

	padding-top:25px;

	}



p.welcome_txt

	{

	color:#8a8989;

	font:12px Arial, Helvetica, sans-serif;

	line-height:18px;

	padding-top:15px;

	}



p.body_content

	{

	font:14px Arial, Helvetica, sans-serif;

	padding-bottom:15px;

	line-height:20px;

	}				

			
/*--------------------------------Hover Effect----------------------------*/	
			
ul.gallery {
	width: 635px;
	list-style: none;
}
ul.gallery li {
	float: left;
	text-align: center;
	border: 1px solid #ccc;
	display: inline; /*--Gimp Fix aka IE6 Fix--*/
	padding:5px;
	width: 296px;
	margin:8px 8px 0 0;
}
ul.gallery li a.thumb {
	width: 296px;
	height: 185px;
	cursor: pointer;
}
ul.gallery li span { /*--Used to crop image--*/
	width: 296px;
	height: 185px;
	overflow: hidden;
	display: block;
}
ul.gallery li a.thumb:hover {
	background: #333;
}
ul.gallery li a {text-decoration: none; color: #777; display: block;}

/**/
.slideshow {background:#fff;}

.slide_bar{ position:absolute;padding:20px 0; background:#000000; left:0; top:262px; width:100%; z-index:999999;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;}

#slider-nav {position:absolute; top:270px; right:5px; padding:5px;width:226px; height:auto;z-index:999999;}
#slider-nav a {background: url(../images/content/slider-pager.png) no-repeat bottom left; height:16px; width:16px; text-indent:-9999px; display:block; float:left; display:block; margin-bottom:2.5px;}
#slider-nav a:hover, #slider-nav a.activeSlide {background:url(../images/content/slider-pager.png) no-repeat top left;}

/*--------------------------------PAGINATION----------------------------*/
.paginator .active
		{
			color:#0033CC;
			border: solid 1px #0000FF;
			padding:3px 5px;
			margin:5px;
			text-decoration:none;
		}
		
		.paginator .inactive
		{
			color:#000000;
			cursor:pointer;
			text-decoration:none;
			border: solid 1px #0000FF;
			background-color:#0099FF;
			padding:3px 5px;
			margin:5px;
		}

  .centeredImage  { text-align:center;  display:block;   }

/*Form*/
.form1 {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:11px verdana,arial,sans-serif;
  margin: 0;
  padding: 0;
  min-width: 500px;
  max-width: 600px;
  width: 560px; 
}

.form1 fieldset {
  / * clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #000;
  border-width: 1px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}

.form1 fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

.form1 label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 100px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}

.form1 fieldset label:first-letter { /* use first-letter pseudo-class to underline accesskey, note that */
	text-decoration:underline;    /* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */
                                    /* pseudo-class on legend elements, but do support it on label elements */
                                    /* we instead underline first letter on each label element and accesskey */
                                    /* each input. doing only legends would  lessens cognitive load */
                                   /* opera breaks after first letter underlined legends but not labels */
}

.form1 input, form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

.form1 input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

textarea { overflow: auto; }

.form1 small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

.form1 .required{font-weight:bold;} /* uses class instead of div, more efficient */

.form1 br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

#commentForm label.error {margin-left:159px;
text-align:left; color:red;}
input.error {
border:1px dotted red;
}

.livesupport { width:245px; position:absolute; top:63px; right:324px; }