@charset "utf-8";
/* Official Gates */

body{
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#332200;
	background-color:#000000;
}

p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#624810;
	line-height:17px;
	text-align:justify;
}

.content{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#402b00;
	line-height:17px;
}
	
.outer_table {
	width:1000px;
	height:100%;
	background-color:#f9b62a;
}

.header_td{
	background-image:url(../images/page_header_bg.jpg);
	background-repeat:repeat-x;
	height:163px;
}

.footer_td{
	background-image:url(../images/page_footer_bg.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	height:68px;
}

.portal_td{
	background-image:url(../images/portal_bg.jpg);
	background-repeat:repeat-x;
	height:30px;
	border:1px solid #FFFFFF;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#000000;
}


.footer_content{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	text-align:center;
	background-image:url(../images/footer_border.jpg);
	background-repeat:no-repeat;
	background-position:top center;
}

.white_u_link:link{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	text-decoration:none;
	text-transform:none;
}

.white_u_link:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	text-decoration:none;
	text-transform:none;
}

.white_u_link:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	text-decoration:underline;
	text-transform:none;
}

.innerpage_logo_td{
	width:200px;
	padding-left:15px;
}

.innerpage_header_td{
	width:800px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#FF0000;
	text-align:center;
}

.menu_td{
	height:47px;
	width:1000px;
	background-image:url(../images/menu_bg.jpg);
	background-repeat:repeat-x;
}

.left_panel{
	width:230px;
	height:100%;
	vertical-align:top;
	padding-top:15px;
}

.news_panel{
	border-left:1px solid #ffde6c;
	border-right:1px solid #ffde6c;
	background-color:#f9cb2a;
	background-image:url(../images/news_panel_bg.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	padding-left:13px;
	padding-top:13px;
}

.what_we_offer_panel{
	border-left:1px solid #ffde6c;
	border-right:1px solid #ffde6c;
	background-color:#f9cb2a;
	background-image:url(../images/what_we_offer_bg.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	padding:15px;
	padding-bottom:8px;
}
	
.content_panel{
	width:770px;
	height:100%;
	padding:15px;
	vertical-align:top;
}

.kgroup{
	text-decoration:underline;
}

a:link{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#402b00;
	text-decoration:underline;
}

a:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#402b00;
	text-decoration:underline;
}

a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	text-decoration:none;
}

.subheading{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;
	color:#ff4200;
	margin:0px;
	padding:0px;
	padding-top:10px;
}

.service_link:link{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#4a1500;
	text-decoration:none;
}

.service_link:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#4a1500;
	text-decoration:none;
}

.service_link:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FF0000;
	text-decoration:none;
}

.content_link:link{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#624810;
	text-decoration:none;
}

.content_link:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#624810;
	text-decoration:none;
}

.content_link:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FF0000;
	text-decoration:none;
}

.service_border{
	background-image:url(../images/yellow_h_dot_line.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	padding-bottom:5px;
}

.service_tab_content{
	height:155px;
	background-color:#ffcc61;
	padding:15px;
	padding-top:10px;
	vertical-align:top;
}

.clients_tab_content{
	background-color:#ffc44a;
	border-left:1px solid #fcd78a;
	border-right:1px solid #fcd78a;
	background-image:url(../images/clients_tab_content_bg.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	vertical-align:top;
	padding:10px;
}

.box_content{
	background-color:#ffc44a;
	border-left:1px solid #fcd78a;
	border-right:1px solid #fcd78a;
	vertical-align:top;
	padding:10px;
}

.client_link:link{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#402b00;
	text-decoration:none;
}

.client_link:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#402b00;
	text-decoration:none;
}

.client_link:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FF0000;
	text-decoration:none;
}

.textbox{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999999;
	background-image:url(../images/textbox_bg.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	border:1px dotted #FFFFFF;
}

.textbox_focus{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	border:1px dotted #FF0000;
	background-color:#ffc958;
	/*
	background-image:url(../images/textbox_focus_bg.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	border:1px solid #ff8a00;
	background-color:#ffeabd;
	*/
}

.submit_btn{
	background-image:url(../images/submit_btn.jpg);
	background-repeat:no-repeat;
	height:16px;
	cursor:pointer;
	width:68px;
	border:0px;
}

.reset_btn{
	background-image:url(../images/reset_btn.jpg);
	background-repeat:no-repeat;
	height:16px;
	cursor:pointer;
	width:61px;
	border:0px;
}

#marqueecontainer
{
position: relative;
width: 190px; /*marquee width */
height: 140px; /*marquee height */
background-color:transparent;
overflow: hidden;
}

.date{
	color:#FFFFFF; font-weight:bold;
}

.date_home{
	color:#725d33; font-weight:bold;
}

.home_content_td{
	padding:15px;
	vertical-align:top;
}

.left_panel_home{
	width:253px;
	height:100%;
	vertical-align:top;
}

.home_content_panel{
	width:714px;
	height:100%;
	padding-left:15px;
	vertical-align:top;
}

.left_panel_content{
	background-color:#ffcf6a;
	height:100%;
}

.news_at_officialgates_content_home{
	border-left:1px solid #ffb400;
	border-right:1px solid #ffb400;
	background-color:#ffebc1;
	height:110px;
}

.orange_black_link:link{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ff5400;
	text-decoration:none;
}

.orange_black_link:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ff5400;
	text-decoration:none;
}

.orange_black_link:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	text-decoration:none;
}

.red_black_link:link{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ff0000;
	text-decoration:none;
}

.red_black_link:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ff0000;
	text-decoration:none;
}

.red_black_link:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	text-decoration:none;
}

.customer_delights_bg{
	background-image:url(../images/customer_delights_bg.jpg);
	background-repeat:no-repeat;
	width:217px;
	height:149px;
	padding:10px;
	text-align:justify;
}

.newsletter_home{
	width:237px;
	height:86px;
	background-image:url(../images/news_letter_bg_home.jpg);
	background-repeat:no-repeat;
}

.clear_space{
	margin:0px;
	padding:0px;
}

.service_bg{
	background-image:url(../images/our_services_home_bg.jpg);
	background-repeat:no-repeat;
	background-color:#ffdd95;
	width:696px;
	height:359px;
}

.content_orange_link:link{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#402b00;
	text-decoration:none;
}

.content_orange_link:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#402b00;
	text-decoration:none;
}

.content_orange_link:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ff6600;
	text-decoration:none;
}

.our_products_bg{
	background-image:url(../images/our_products_bg_home.jpg);
	background-color:#FF6600;
	background-repeat:no-repeat;
	width:395px;
	height:57px;
}

.submenu{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#000000;
	font-weight:bold;
	padding:0px;
	margin:0px;
	padding-top:7px;
	padding-bottom:10px;
}

.submenu_active{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#ff0000;
	font-weight:bold;
	padding-top:7px;
}

.black_u_link:link{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	text-decoration:none;
}

.black_u_link:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	text-decoration:none;
}

.black_u_link:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	text-decoration:underline;
}

.submenu_link:link{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#432c00;
	text-decoration:none;
	font-weight:bold;
}

.submenu_link:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#432c00;
	text-decoration:none;
	font-weight:bold;
}

.submenu_link:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	text-decoration:underline;
	font-weight:bold;
}

.black_red_link:link{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	text-decoration:none;
}

.black_red_link:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	text-decoration:none;
}

.black_red_link:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FF0000;
	text-decoration:none;
}

.table_content_heading{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	background-color: #ff9600;
	color:#FFFFFF;
	border: solid 1px #ffd47b;
	height:30px;
	padding-left:10px;
}

.table_content{
	border:1px solid #ffd47b;
	background-color: #fdc553;
	border-top:0px;
	padding:15px;
	padding-left:25px;
	padding-right:25px
}

.enquiry_link:link{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FF0000;
	font-weight:bold;
	text-decoration:none;
}

.enquiry_link:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FF0000;
	font-weight:bold;
	text-decoration:none;
}

.enquiry_link:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}

/*  Tab Control Styles Begins here */

.basic_tab
{
	background-color:#1fa0fa;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	font-weight:bold;
	text-align:center;
	width:130px;
	height:30px;
	cursor:pointer;
}

.basic_tab_hover
{
	background-color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#1fa0fa;
	font-weight:bold;
	text-align:center;
	width:130px;
	height:30px;
	border:1px solid #CCCCCC;
	border-bottom:0px;
	cursor:pointer;
	padding-top:2px;
}

.silver_tab
{
	background-color:#d3d3d3;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	font-weight:bold;
	text-align:center;
	width:130px;
	height:30px;
	cursor:pointer;
}

.silver_tab_hover
{
	background-color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	font-weight:bold;
	text-align:center;
	width:130px;
	height:30px;
	border:1px solid #CCCCCC;
	border-bottom:0px;
	cursor:pointer;
	padding-top:2px;
}

.gold_tab
{
	background-color:#ffc000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	font-weight:bold;
	text-align:center;
	width:130px;
	height:30px;
	cursor:pointer;
}

.gold_tab_hover
{
	background-color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ff8400;
	font-weight:bold;
	text-align:center;
	width:130px;
	height:30px;
	border:1px solid #CCCCCC;
	border-bottom:0px;
	cursor:pointer;
	padding-top:2px;
}

.platinum_tab
{
	background-color:#95d428;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	font-weight:bold;
	text-align:center;
	width:130px;
	height:30px;
	cursor:pointer;
}

.platinum_tab_hover
{
	background-color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#76b111;
	font-weight:bold;
	text-align:center;
	width:130px;
	height:30px;
	border:1px solid #CCCCCC;
	border-bottom:0px;
	cursor:pointer;
	padding-top:2px;
}
/* Tab Control Styles Ends here */

/* Gallery Tab style Begins here */

.page_btn
{
	background-color:#ff5a00;
	border:1px dotted #ff3c00;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	font-weight:bold;
	width:16px;
	height:16px;
	text-align:center;
	cursor:pointer;
}

.page_btn_hover
{
	background-color:#ffc000;
	border:1px dotted #ff6000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	font-weight:bold;
	width:16px;
	height:16px;
	text-align:center;
	cursor:pointer;
}

/* Gallery Tab Style Ends here */

.img_border{
	border:1px dotted #ff9c00;
}

.orange_table_heading{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	text-transform:uppercase;
	background-color:#ff9c00;
	height:60px;
}

.orange_table_content{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	background-color:#fdc553;
	height:25px;
}

.web_design_portfolio_title_bg{
	background-image:url(../images/web_design_portfolio_title_bg.jpg);
	background-repeat:repeat-x;
	height:27px;
	border:1px solid #c7cbd0;
	border-top:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	border:1px dotted #ff9c00;
}

.brochure_package_title{
	background-color: #ff7800;
	border: solid 1px #ffd47b;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:#FFFFFF;
	padding-left:15px;
	height:25px;
}

.brochure_package_content{
	background-color: #fdc553;
	border: solid 1px #ffd47b;
	border-top:0px;
}