/* <copyright>

Author:
   Coma Studio
   http://comastudio.co.cc
Role:
   Image Slice, xHTML and CSS Design, Cross Browser
Completed for:
   Bakkah
   http://www.bakkah.com.sa/

</copyright> */

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

body
{
	background: #ffffff;	
}
.clear
{
	clear:both;
	margin:0;
	padding:10px 0 10px 0;
}
.space
{
	clear:both;
	margin:0;
	padding:10px 0 0px 0;
}

#container
{
	margin:  0px auto;
	padding: 0px 0px;	
	width: 816px;
	height: auto;
}

#header_wrap
{
	margin:0px 0px;
	background: url(images/container_bg.gif) top repeat-y;
	padding:0px;
	width:816px;
	height:120px;
}

.header
{
	margin: 0;
	padding:0 23px;
	height: 120px;
}

.header_left
{
	float: left;
	padding:15px 0;
	width: 220px;
	height: 90px;
}
.header_right
{
	float: right;
	width: auto;
	height:120px;
	padding:0px;
	
}

.top_menu
{
	float:right;
	padding:0px 0px 0px 0px;
}
.top_menu a
{
	padding:5px 0px 13px 0px;
	float:left;
	display: inline-block;
	background:url(images/tab_top.gif) no-repeat;
	width:89px;
	height:37px;
	color:#ffffff;
	font:bold 0.7em tahoma;
	text-decoration: none;
	text-align: center;	
}

.main_menu
{
	float:right;
	width: auto;
	padding:10px 0px 0px 0px;

}
a.unactive
{
	padding:10px 0px 0px 0px;
	float:left;
	display: inline-block;	
	width:80px;
	height:38px;
	color:#494949;
	font:normal 0.7em tahoma;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
}

a:hover.unactive
{
	color:#800203;
	
}

a.active
{
	padding:10px 0px 0px 0px;
	float:left;
	display: inline-block;
	background:url(images/tab_all.gif) no-repeat;
	width:87px;
	height:38px;
	color:#ffffff;
	font:normal 0.7em tahoma;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	
}

/*============================================== */
/*					 banner						 */
/*============================================== */

#banner_wrap
{
	margin:0 auto;
	padding:0;
	clear:both;
	width: 816px;
	height:auto;
}
.banner
{	margin:0 auto;
	padding:0;
	background:url("images/banner1.gif") top no-repeat;
	width:816px;
	height:205px;

}

.banner_text
{
	padding:60px 0 0 50px;
	float:left;
	width:670px;
	height: 140px;
}
.banner_text h1
{
	font:bold 2.0em tahoma;
	color: #fff;
}
.banner_text p
{
	font-family: tahoma;
	font-size:0.9em;
	font-weight: bold;
	color: #fff;
}
#banner img
{
	padding:0;
	
}

/*============================================== */
/*					 content					 */
/*============================================== */


.content_mid
{
	margin:0 auto;
	padding:0px;
	background: url("images/content_mid.gif")top center repeat-y;
	width:816px;
	height:auto;
	float:left;	
}

.content_bot
{	
	float:left;
	margin:0 auto;
	padding:0px;
	background: url("images/content_bot.gif") no-repeat;
	width:816px;
	height:34px;
}




/*============================================== */
/*					 LEFT/RIGHT WRAP			 */
/*============================================== */

.content_left
{	
	float:left;
	margin:0 0px 0 32px;
	padding:0px;
	width:460px;
	height:auto;	
}
.content_left p
{
	padding:0px 0px 10px 2px;
	padding-bottom:10px;
	font: bold  0.8em arial;
	color:#3d3d3d;
	text-transform: uppercase;
}

.content_right
{
	float:right;
	margin:0px 32px 0 0px;
	padding:0px  0 10px 0px;
	width:280px;
	height:auto;
}

.content_right p
{
	padding:0 0 10px 10px;
	font: bold  0.8em arial;
	color:#3d3d3d;
	text-transform: uppercase;
}

/*============================================== */
/*					 inside wrap				 */
/*============================================== */
.L_inside_wrap
{
	float:left;
	width:460px;
	height:auto;
}
.R_inside_wrap
{
	float: right;
	width:280px;
	height:auto;
}

/*============================================== */
/*					 cooking labs				 */
/*============================================== */
.cooking_top
{
	padding:0px;
	width:460px;
	background: url(images/cooking_top.gif) top no-repeat;
	height:14px;	
}
.cooking_mid
{
	padding:0;
	width:460px;
	background: url(images/cooking_mid.gif) top repeat-y;
	height:auto;

}
.cooking_mid img
{
	padding:10px 20px 10px 20px;
}
.cooking_mid h4
{
	padding:10px 20px 10px 20px;
	color: #3d3d3d;
	font-family: tahoma, arial, sans-serif;
	font-weight:bold;
	font-size:0.8em;
}
.cooking_mid p 
{
	padding:0px 17px 10px 20px;
	color: #3d3d3d;
	font: bold 0.7em tahoma;
	text-align: justify;
	text-transform: none;
}
.cooking_bot
{
	padding-bottom:10px;
	width:460px;
	background: url(images/cooking_bot.gif) top no-repeat;
	height:16px;

}

/*============================================== */
/*			little LEFT - RIGHT BOX				 */
/*============================================== */
.little_left_box
{
	float:left;
	padding:0;
	margin:0;
	width:227px;
}
.little_right_box
{
	padding:0;
	margin:0;
	width:227px;
	float: right;
}

/*============================================== */
/*					 Global Left Box			 */
/*============================================== */

.box_global_top
{
	padding:0;
	width:228px;
	background: url(images/box_global_top.gif) top no-repeat;
	height:18px;
}
.box_global_mid
{

	padding:0;
	width:228px;
	background: url(images/box_global_mid.gif) top repeat-y;
	height:auto;
}
.box_global_mid p
{
	padding:0px 17px 10px 20px;
	font: bold  0.8em arial;
	color:#3d3d3d;
	text-transform: uppercase;
}
.box_global_bot
{
	padding-bottom:10px;
	width:228px;
	background: url(images/box_global_bot.gif) top no-repeat;
	height:14px;
}

/*============================================== */
/*					 technology				 */
/*============================================== */
.box_tech
{
	margin:0;
	padding:0 16px 10px 0;
	background: url(images/box_tech.gif) top no-repeat;
	width:267px;
	height:61px;
}

.box_tech img
{
	float:left;
	padding:6px 16px;
}
.box_tech p a
{
	text-decoration: none;
	color:#fff;
}
p.besar
{
	padding: 10px 7px 5px 7px;
	font: bold 0.7em arial;
	color: #fff;
	text-transform: uppercase;
}
p.kecil
{
	padding: 0px 7px 7px 7px;
	font: normal 0.53em arial;
	color: #fff;
	text-transform: uppercase;
}

/*============================================== */
/*					 global right box			 */
/*============================================== */

.box_global_right_top
{
	float: right;
	margin:0px 0 0 0;
	padding:0;
	width:277px;
	background: url(images/box_rightside_top.gif) top no-repeat;
	height:11px;
}
.box_global_right_mid
{
	float: right;
	padding:0;
	width:277px;
	background: url(images/box_rightside_mid.gif) top repeat-y;
	height:auto;
}
.box_global_right_mid p
{
	padding:10px 10px 10px 15px;
	font: bold  0.8em arial;
	color:#3d3d3d;
	text-transform: uppercase;
}
.box_global_right_bot
{
	float: right;
	margin:0px 0 0px 0;
	padding-bottom:5px;
	width:277px;
	background: url(images/box_rightside_bot.gif) top no-repeat;
	height:22px;
}
p.tweets
{
	padding:0px 10px 10px 15px;
	font: normal  0.7em tahoma;
	color:#3d3d3d;
	text-transform: none;
	
}

/*============================================== */
/*					big background				 */
/*============================================== */
.content_wrap{margin:0 auto;padding:0px;width:768px;height:auto; }
.content_big
{
	margin:0px auto; padding:0 12px; width:768px;height:auto;
}
.content_big p
{
	padding:0px 0px 10px 2px;
	padding-bottom:10px;
	font: bold  0.8em arial;
	color:#3d3d3d;
	text-transform: uppercase;
}
.content_big_top
{
	margin:0px;
	padding:0px;
	background: url(images/content_big_top.gif) no-repeat;
	width:745px;
	height:14px;
}
.content_big_mid
{
	margin:0px;
	padding:0px;
	background: url(images/content_big_mid.gif) top repeat-y;
	width:745px;
	height:auto;
}
.inside_wrap
{
	margin:0px;
	padding: 10px;
	width: 720px;
	height:auto;

}
.inside_wrap p
{
	padding:0px 0px 10px 10px;
	padding-bottom:10px;
	font: normal  0.8em tahoma;
	color:#3d3d3d;
	text-transform: none;
}

.inside_wrap img
{
	float:left;
	padding:0px 10px;
}
.content_big_bot
{
	margin:0px;
	padding:0px;
	background: url(images/content_big_bot.gif) no-repeat;
	width:745px;
	height:16px;
}

p.news_date{	
	font: normal 0.6em arial;	
	text-transform: none;
}

a.read_more
{
	color:#800203;
	text-decoration: none;
}
a:hover.read_more
{
	color:#800203;
	text-decoration: underline;
}
a.client
{
	color:#3d3d3d;
	text-decoration: none;
}
a:hover.client
{
	color:#800203;
}

p.heading
{
	font: bold 1.0em arial;
	text-transform:none;
}

/*============================================== */
/*					 Paging						 */
/*============================================== */
.paging_box { clear:both; margin:0px; padding:10px 0px 10px 0px; width:auto; height:30px; background:transparent; text-align:left; }
.paging_box em { display:inline-block; margin:0px 2px; padding:3px 10px 0px 10px; width:auto; height:25px; background:#800203; font:normal 12px/1.5em Arial, sans-serif; color:#fff; text-decoration:none; text-align:center; }
.paging_box a { display:inline-block; margin:0px 2px; padding:3px 10px 0px 10px; width:auto; height:25px; background:#ccc; font:normal 12px/1.5em Arial, sans-serif; color:#fff; text-decoration:none; text-align:center; }
.paging_box a:hover { display:inline-block; margin:0px 2px; padding:3px 10px 0px 10px; width:auto; height:25px; background:#800203; font:normal 12px/1.5em Arial, sans-serif; color:#fff; text-decoration:none; text-align:center; }


/*============================================== */
/*					 footer						 */
/*============================================== */
#footer
{
	margin:0 auto;
	padding:0;	
	background: url(images/footer_bg.gif) repeat-y;
	width:816px;
	height:100px;
	float:left;	
}

.footer_wrap
{
	margin:0 auto;
	padding:0;
	width:768px;
	height:auto;

}

.footer_left
{
	margin:0px;
	padding:0px;
	float:left;
	width: 250px;
}
.footer_left h4
{
	padding:0px;
	font: bold 0.7em tahoma;
	color:#fff;
	
}

p.email
{
	padding:10px 10px 0px 30px;
	background: url(images/email.png) no-repeat 0 12px;
	color:#fff;
	font:normal 0.7em tahoma;
	
}
p.address
{
	padding:10px 10px 0px 30px;
	background: url(images/office.png) no-repeat 0 12px;
	height:18px;	
	color:#fff;
	font:normal 0.7em tahoma;
	
}
p.phone
{
	padding:10px 10px 0px 30px;
	background: url(images/phone.png) no-repeat 0 12px;
	height:18px;	
	color:#fff;
	font:normal 0.7em tahoma;
	
}
.footer_right
{
	margin:0;
	padding:0px 0px 10px 30px;
	float:right;
	width: 460px;	
}
.footer_right p
{
	padding-bottom:5px;
	font: normal 0.7em tahoma;
	color:#fff;
	text-align: right;

}
.footer_right p a
{
	
	color:#fff;
	text-decoration: none;
}

.footer_right p a:hover
{
	
	color:#fff;
	text-decoration: underline;
}

/*============================================== */
/*					 LATEST TWEETS				 */
/*============================================== */
#latest_tweet {
	margin: 0px 10px 0 10px;
	width: 270px;
	padding: 10px;
}

#latest_tweet p
{
	padding:0px 30px 10px 0px;
	font: normal  0.8em tahoma;
	color:#3d3d3d;
	text-transform: none;
}
#latest_tweet small, #latest_tweet a {
	color: #7aa6cb;
}
.loading {
	background: url('images/ajax-loader.gif') center no-repeat;
	height: 60px;
}


/*============================================== */
/*					 slider						 */
/*============================================== */
#slider ul{	margin:0; padding:0; list-style:none; overflow: hidden;}
#slider li{ padding:0px 20px; width:270px; height:250px; overflow: hidden;}
#slider li p {padding:5px 5px;}
#slider ul li a img {border:none;}	
.slider_desc { padding:0px 0px; width: 180px; }
.slider_desc p{ font: normal 0.8em tahoma; text-transform: none; text-align:justify;}
.slider_desc p a {text-decoration:none; color:#800203;}	

/*============================================== */
/*					 list global				 */
/*============================================== */
ul {margin: 5px 20px 0px 20px; list-style: none;}
ul.soc_net {margin: 5px 20px 0px 20px; list-style: none;}
ul.contact {margin: 5px 20px 0px 0px; list-style: none;}
ul li.smart{padding:0px 5px 10px 20px; background:url(images/list.png) no-repeat 0 5px; font: normal 0.7em tahoma;}
ul li.news{padding:0px 0px 10px 20px; background:url(images/list.png) no-repeat 0 5px; font:normal 0.8em tahoma;}
ul li.soc_net{padding:0px 0px 10px 0px; display: inline;}
ul li a{color:#a52e2e; text-decoration: none;}
ul li a:hover{text-decoration: underline;}
ul li.contact_email{padding:0px 10px 10px 30px; background:url(images/email.png) no-repeat 0 2px; font: normal 0.8em tahoma;}
ul li.contact_office{padding:0px 10px 10px 30px; background:url(images/office.png) no-repeat 0 2px; font: normal 0.8em tahoma;}
ul li.contact_phone{padding:0px 10px 10px 30px; background:url(images/phone.png) no-repeat 0 2px; font: normal 0.8em tahoma;}
ul li a img{border: none;}


/*========================================================================*/
/*		FORM GLOBAL														  */
/*========================================================================*/
form { margin:0px; padding:0; }
label { margin:5px 0; display:block; font-weight:bold; }
label.inquiryside { margin:0; padding:5px 20px;display:block; font:bold 0.7em tahoma; color:#3d3d3d; text-transform: uppercase; }

input.txt { margin:0px; padding:2px 5px 0px 5px; width:210px; height:19px; background:#fff; font: normal 13px/1em Arial; color:#464646; border:1px solid #c0c0c0; }
input.inquirysidetxt { margin:0px 20px; padding:2px 5px 0px 5px; width:175px; height:20px; background:#ffffff; font: normal 13px/1em tahoma; color:#000; border:1px solid #c2c2c2; }

input.button { margin:5px 20px; padding:0px 15px 3px 15px; width:86px; height:31px; background:url(images/button.png); font:bold 0.7em tahoma; color:#fff; border:none; cursor:pointer; text-transform: uppercase; } 
input.news { margin:5px 35px; padding:0px 15px 3px 15px; width:86px; height:31px; background:url(images/button.png); font:bold 0.7em tahoma; color:#fff; border:none; cursor:pointer; text-transform: uppercase; }

select.inquiryside{ margin:0px 20px; padding: 2px 5px; width:185px; border:solid 1px #c2c2c2; font: normal 13px/1em tahoma; color:#000;}

textarea.inquiryside{margin:0px 20px; padding:5px 5px 0px 5px; width:175px; height:150px; border:solid 1px #c2c2c2; font: normal 13px/1em tahoma; color:#000;}

img.inquiryside{margin:0px 20px;}

/*========================================================================*/
/*		DTD STYLE FORM													  */
/*========================================================================*/
dl.contact { margin:0 0px; padding:0px; width:auto; border:none}
dl.contact h1 { font:normal 16px arial; color:#e56130; }

dt { clear: both; display:block; height:24px; margin:5px 0; }
dt.contact { clear: both; display:block; height:35px; margin:0px 0; padding: 5px 0; border:none; }
dt.autoheight { display:block; height:auto; margin:5px 0; padding:5px 0; }
dt.float_right { float:right; height:auto; margin:5px 0; padding:5px 0; }

dt label { float:left; padding:3px 5px 0px 0px;  width:100px; font:normal 13px/1em arial; text-align:left; }
dt label.contact { float:left; padding:5px 10px 0px 0px; width:75px; font:normal 13px/1em arial; color:#3d3d3d; text-align:right; }
dt label.autoheight { display:block; height:auto; margin:5px 0; padding:5px 0; border:1px solid; }

dt p {  display:inline-block; float:left; line-height:22px; }
dt p.desc_reg { margin:0px 0 5px 0; width:400px; line-height:15px; }

dt input { float:left; width:auto; }
dt input.txt { margin:0px; padding:2px 5px 0px 5px; width:250px; height:19px; background:#fff; font: normal 13px/1em Arial; color:#464646; border:1px solid #c0c0c0; }
dt input.txt_zipcode { margin:0px; padding:2px 5px 0px 5px; width:100px; height:19px; background:#fff; font: normal 13px/1em Arial; color:#464646; border:1px solid #c0c0c0;  }
dt input.txt_contact { margin:0px; padding:7px 10px 0px 10px; width:300px; height:24px; background:#ffffff; font: normal 13px/1em Arial; color:#464646; border:solid 1px #c2c2c2; }

dt input.button { margin:1px 0px; padding:0px 15px 0px 15px; width:86px; height:31px; background:url(images/button.png); font:bold 12px/1em Arial; color:#ffffff; border:none; cursor:pointer; }
dt input.cont { margin:1px 0px; padding:0px 15px 3px 15px; width:80px; height:30px; background:url(images/but_more.png); font:normal 15px/1em Arial; color:#fff; border:none; cursor:pointer; }

dt select { float:left; padding:2px; width:262px; }
dt textarea.tarea_contact { padding:10px; width:300px; height:115px; background:#ffffff; border:solid 1px #c2c2c2; }