body {background-image:url(/img/testbg3.jpg);font-family:arial;text-align:center;background-position:right 100px;background-repeat:no-repeat;background-attachment:fixed;padding:0;margin:0}

img {border:0}

a {color:#222}
#container {width:900px;margin:0px auto 40px auto;border:0px solid #ccc;padding:10px 0px;} 
#heading {position:relative;display:block;height:110px;}

#hor_grey_line {position:absolute;width:50%;top:91px;left:0;height:1px;background-color:#cacbcd}
#ver_grey_line {position:absolute;width:1px;top:-6px;right:0;height:91px;background-color:#cacbcd}
#hor_grey_line2 {position:absolute;width:50%;top:77px;left:0;height:1px;background-color:#cacbcd}
#logo {width:111px;height:66px;position:absolute;top:0px;left:0;margin-top:7px}

#menublock{position:relative;top:0px;right:0px;height:20px;border-bottom:1px solid #cacbcd;}

#primary_menu{position:absolute;left:0px;bottom:0px;border-top:1px solid #cacbcd;width:100%}
#primary_menu div {float:left;text-align:center;border-right:1px solid #AEADAD;padding:0 7px;height:28px;line-height:28px}
#primary_menu div a:link, #primary_menu div a:visited {color:#000;font-size:14px;text-decoration:none;}
#primary_menu div a:hover {text-decoration:underline}
#primary_menu div a img {margin-top:10px}

#secondary_menu{position:absolute;right:0px;bottom:28px;}
#secondary_menu div {float:left;text-align:center;border-right:1px solid #AEADAD;line-height:20px;height:20px;padding:0 12px}
#secondary_menu div a{color:#7a7a7a;font-size:12px;text-decoration:none;font-weight:bold;}
#secondary_menu div a img {margin-top:4px}


#main {border-left:1px solid #c8c9cc;margin-top:29px;display:block;}


.top_box {position:relative;height:100px;margin-bottom:20px;background-color:white}
.top_box .top_box_text {position:absolute;left:5px;top:0;border:1px solid #C8C9CC;width:666px;/*height:98px*/}
.top_box .top_box_text div {margin:16px 16px 16px 24px}
.top_box .top_box_text {text-align:justify;color:#8c8e91;font-size:12px}
.top_box .top_box_text span {color:#555;font-size:16px;display:block;font-weight:bold;border-bottom:1px solid #babcbf;padding-bottom:1px;margin-bottom:6px}
.top_box .yellow {background-color:#f1d007;width:20px;height:12px;z-index:99;position:absolute;top:30px;left:-7px}
.top_box .top_box_img  {position:absolute;right:0;top:0;}
.top_box .top_box_img img {width:220px;height:100px} 
 

.main_content {margin-top:50px;display:block;margin-left:5px;border:1px solid #9a9c9f;padding-bottom:2px;;background-color:white;text-align:left;font-size:13px;line-height:1.5em}
.main_content p {color:#626262;text-align:justify;margin:10px 0;}
.main_content ul {color:#626262;text-align:justify;margin:0px;padding:0}
.main_content h2 {font-size:14px;color:#444;padding-bottom:3px;border-bottom:1px solid #ccc}
.main_content li {list-style-type:square;margin-left:17px;margin-bottom:8px}
 .main_content td {color:#626262}
 
.main_content .main_content_title {display:block;font-weight:bold;font-size:22px;background-image:url(/img/green.jpg);background-repeat:repeat;padding:0 0 0 23px;height:37px;text-align:left;line-height:37px;color:#3a3d20;}
.main_content .main_content_title span {color:#85874C;font-weight:normal}
.main_content .main_content_title img {margin-top:10px}

.content_row {margin:0px 0 20px 0;padding:0 0px;display:block;text-align:left}
.content_row  .thumb{float:left;border:1px solid #777;width:180px;height:82px}
.content_row  h1{text-align:left;margin-left:190px;border-bottom:1px solid #b9bbbe;padding-bottom:5px;margin-bottom:5px;font-variant:small-caps;height:14px}
.content_row  h1 a:link, .content_row  h1 a:visited {font-weight:normal;font-size:16px;color:#000;text-decoration:none}
.content_row  h1 a:hover {text-decoration:underline}
.content_row  .row_text {font-size:11px;color:#666;margin-left:190px;line-height:14px;text-align:left}

#footer{display:block;border-top:1px solid #d3d4d6;background-color:black;position:fixed;bottom:0;left:0;width:100%;padding:0px;z-index:98}

#footer_menu{line-height:30px;width:300px;height:30px;text-align:right;padding-right:40px}
#footer_menu span {float:right;border-right:1px solid #555;padding:0 15px}
#footer_menu span a{color:#ecb41c;font-size:12px;text-decoration:none;}

#sn {text-align:left;width:200px;padding-left:10px}
#sn  a:visited, #sn a:link {color:white;text-decoration:none}
#sn a:hover{text-decoration:underline;color:white;}
#sn img{margin-top:3px;margin-right:3px}

#footer_centered {font-size:11px}
#news_ticker a:link,#news_ticker a:visited {color:#eee;font-size:12px;text-decoration:none}
#news_ticker a:hover {text-decoration:underline}
#news_ticker  {margin:0;padding:0}
#news_ticker li {margin:0;padding:0}
}
.promo {margin-left:400px;margin-top:-90px;position:absolute;}
.promo span{float:right;color:black;font-size:26px;text-decoration:none;font-weight:bold;line-height:30px;}

table.green 
{
text-align: left;
font-family: Verdana;
font-weight: normal;
font-size: 14px;
color: #404040;  
width: 360px;

}
 
.greenTD 
{
background-image:url(/img/green.jpg);
background-repeat:repeat;
padding-left:10px;
}


#fancy_list .main_title {font-size:14px;color:#898a36;text-decoration:none;font-weight:bold}
#fancy_list  .secondary_title {font-size:11px;color:#bbb}
#fancy_list li {list-style-type:none;margin:0 0 15px 0;padding:0 0 15px 0;border-bottom:1px solid #ccc}

#fancy_list .thumb_image {border:10px solid #eee; float:right;margin:0px 0px 10px 20px;}

#more_news_block {text-align:right;font-weight:bold}


#right_col {display:block;padding:15px 20px;background:#eee;position:relative;border-width:0 1px 1px 1px;border-style:solid;border-color:#ccc}
#right_col .rbox {font-size:11px;line-height:16px;color:#777;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid #ddd}
#right_col .rbox .rbtitle {font-size:14px;color:#999;margin-bottom:8px;display:block;font-weight:bold}




/*************************/
/***** STEPS *****/
/*************************/
#slicing_steps{ margin:-40px 0 0 0; position:relative; width:100%; height:356px; color:#34435e;
				}
#introsteps { margin:0 auto; width:910px; }
#introsteps div a {text-decoration:none}
#introsteps div{ text-align:center; }
#introsteps div h1{ margin:10px 0 0 0; }
#introsteps div p{ margin:10px 10px 0 10px; font-size:17px; font-weight:bold; font-style:italic; text-align:center; }
#introsteps div p span{ margin:0 auto; display:block; color:#fff; font-size:14px; line-height:18px; }
#introsteps div p.active{ font-size:18px; line-height:24px; margin:10px 10px 0 10px; }

#introsteps div p.active span{ color:#fff; font-size:13px; line-height:18px;  font-weight:normal; font-style:normal; }
#introsteps div p.active span a, #introsteps div p.active span a:hover, #introsteps div p.active span a:active{ text-align:center; text-indent:0; color:#fff; display:block; }

#introsteps #step_one{ margin:68px 0 0 5px; left:2px; padding:60px 0 0 0; width:180px; height:219px; display:block; position:absolute; z-index:0; }
#introsteps #step_two{ margin:38px 0 0 0; left:0; padding:50px 0 0 0; width:160px; height:259px; display:block; position:absolute; z-index:0; }
#introsteps #step_three{ margin:8px 0 0 0; left:0; padding:20px 0 0 0; width:218px; height:319px; display:block; position:absolute; z-index:0; }
#introsteps #step_four{ margin:38px 0 0 0; left:-1px; padding:53px 0 0 0; width:170px; height:256px; display:block; position:absolute; z-index:0; }
#introsteps #step_five{ margin:68px 0 0 0;  left:0; padding:59px 0 0 0; width:170px; height:220px; display:block; position:absolute; z-index:0; }

#step1, #step2, #step3, #step4, #step5{ float:left; display:inline; }

/***************/
/* STEP 1 */
/***************/
#step1{ position:relative; width:187px; height:356px; background:url(/img/intro/bg_intro_1.png) bottom no-repeat; }
#step1 #id_active{z-index:1; position:absolute; overflow:hidden; left:7px; bottom:9px; width:180px; height:0;/*279px*/ background:url(/img/intro/bg_intro_1_active.jpg) top left no-repeat; }
#step1 #id_active img{ margin:15px 0 0 0; }
#step1 #id_active h1 img{ margin:-10px 0 0 0; }


#step1 h2 {color:#3d97f5 }
#step1 .step_linker { background-color:#333;color:black;right:1px}
#step1 .step_linker a{ color:white}
#step1 .whitebox { display:block;background-color:#333;margin-right:15px;color:white;font-size:11px;padding:10px;text-align:justify;margin-top:15px}



/***************/
/* STEP 2 */
/***************/
#step2{ position:relative; width:160px; height:356px; background:url(/img/intro/bg_intro_2.png) bottom no-repeat; }
#step2 #de_active{z-index:1; position:absolute; overflow:hidden; left:0px; bottom:9px; width:160px; height:0;/*309px*/ background:url(/img/intro/bg_intro_2_active.jpg) top left no-repeat; }

#step2 .step_linker { background-color:#333;color:#f1af23;}
#step2 .step_linker a{ color:#fff;}
#step2 h2 {color:#c1b613 }
#step2 #de_active img{ margin:15px 0 0 0; }
#step2 #de_active h1 img{ margin:-8px 0 0 0; }

/****************/
/* STEP 3 */
/****************/
#step3{ position:relative; width:219px; height:356px; background:url(/img/intro/bg_intro_3.png) bottom left no-repeat; }
#step3 #sl_active{z-index:1; position:absolute; overflow:hidden; left:0; bottom:9px; width:219px; height:339px;/*339px*/ background:url(/img/intro/bg_intro_3_active.jpg) top left no-repeat; }

#step3 p.active a{ display:block; text-align:left; text-indent:20px; }


#step3 h2 {color:#333 }


/***************/
/* STEP 4 */
/***************/
#step4{ position:relative; width:169px; height:356px; background:url(/img/intro/bg_intro_4.png) bottom no-repeat; }
#step4 #co_active{z-index:1; position:absolute; overflow:hidden; left:-1px; bottom:9px; width:170px; height:0;/*309px*/ background:url(/img/intro/bg_intro_4_active.jpg) top left no-repeat; }



#step4 h2 {color:#1395c1 }
#step4 .step_linker { background-color:#333;color:#f1af23;}
#step4 .step_linker a{ color:#fff;}

#step4 #co_active img{ margin:25px 0 0 0; }
#step4 #co_active h1 img{ margin:-4px 0 0 0; }

/*******************/
/* STEP 5 */
/*******************/
#step5{ position:relative; width:175px; height:356px; background:url(/img/intro/bg_intro_5.png) bottom no-repeat; }
#step5 #dy_active{z-index:1; position:absolute; overflow:hidden; left:0px; bottom:9px; width:170px; height:0;/*279px*/ 
							background:url(/img/intro/latest_project/bg.jpg) top left no-repeat; }



/*#step5 a.bot_thumb_2, #introsteps a.bot_thumb_1{ display:none; }*/

#step5 a.bot_thumb_1{ position:absolute; bottom:-70px; right:5px; width:110px; height:70px; cursor:pointer; background:url(/img/intro/latest_project/thumb_1.jpg) no-repeat; }
#step5 a.bot_thumb_2{ position:absolute; bottom:-70px; right:100px; width:60px; height:60px; cursor:pointer;background:url(/img/intro/latest_project/thumb_2.jpg) no-repeat; }
#step5 .step_linker { background-color:#f3bf29;color:black;}



#step5 #dy_active img{ margin:5px 0 0 0; }

#step5 h2 {color:#ff6d17; }


#step5 #dy_active span {display:block;text-align:right;color:white;font-size:11px;margin:8px}
#step5 #dy_active span a {text-decoration:underline;color:white;font-size:11px}

.bot_thumb_1 {border:2px solid #333}
.bot_thumb_2 {border:2px solid #333}

.step_linker { position:absolute; bottom:-70px; right:0px; display:block;margin-left:18px;padding:4px 8px;font-size:14px}

.step_header { font-size:32px;color:#333;padding:4px 8px;text-align:center;margin-top:20px}
.step_body { font-size:14px;color:white;text-align:center;margin:0 15px}

#introsteps h2 {font-size:26px;line-height:26px;font-family:Trebuchet MS;margin:0 }
#introsteps .caption {font-size:13px;color:black;font-weight:normal;display:block;text-align:center}




.qitem {
	width:126px;
	height:126px;	
	border:1px solid #222;	
	margin:5px 25px 25px 0;
	background: #111;
	
	
	/* required to hide the image after resized */
	overflow:hidden;
	
	/* for child absolute position */
	position:relative;
	
	/* display div in line */
	float:left;
	cursor:hand; cursor:pointer;
}

.qitem img {
border:0;

/* allow javascript moves the img position*/
position:absolute;
z-index:200;
}

.qitem .caption {
position:absolute;
z-index:0;	
color:#ccc;
display:block;
}

.qitem .caption h4 {
	font-size:14px;
	padding:10px 5px 0 8px;
	margin:0;
	color:#fff;
}

.qitem .caption p {
	font-size:11px;	
	padding:3px 5px 0 8px;
	margin:0;
}


.qitem .caption a {
	font-size:11px;	
	color:#ddd;

}

/* Setting for corners */

.topLeft, .topRight, .bottomLeft, .bottomRight {
	position:absolute;
	background-repeat: no-repeat; 
	float:left;
}

.topLeft {
	background-position: top left; 	
} 

.topRight {
	background-position: top right; 
} 

.bottomLeft {
	background-position: bottom left; 
} 

.bottomRight {
	background-position: bottom right; 
}

#certified {position:fixed;right:0;bottom:0;;z-index:99}
#certified img {border:0}