* html body{overflow:hidden;}

body{margin:0px; background:#3f3e3c url(../images/base/basebg.gif) top center no-repeat; font-family:Arial, Helvetica, sans-serif;}

@font-face {
    font-family: 'HelveticaNeueLTStd-ThCn';
    src: url('../fonts/HelveticaNeueLTStd-ThCn.eot');
    src: url('../fonts/HelveticaNeueLTStd-ThCn.eot?#iefix') format('embedded-opentype'),
         url('../fonts/HelveticaNeueLTStd-ThCn.woff') format('woff'),
         url('../fonts/HelveticaNeueLTStd-ThCn.ttf') format('truetype'),
         url('../fonts/HelveticaNeueLTStd-ThCn.svg#HelveticaNeueLTStd-ThCn') format('svg');
    font-weight: normal;
    font-style: normal;
}

p{text-align:left; margin:0; font-size:12px; color:#5f5f5f;}

h3{font-family:'HelveticaNeueLTStd-ThCn'; font-variant:normal; margin:0px 0px 20px 0px; padding-bottom:5px; font-weight:normal; font-size:30px; color:#a7a7a7; font-style:normal; border-bottom:1px solid #d2d2d2;}
h4{font-family:'HelveticaNeueLTStd-ThCn'; font-variant:normal; margin:0px 0px 0px 0px; font-weight:normal; font-size:24px; color:#fff; font-style:normal;}

a:link {text-decoration: none; outline:none;}
a:visited {text-decoration: none; outline:none;}
a:hover {text-decoration: underline; outline:none;}
a:active {text-decoration: none; outline:none;}



.fl_left{float:left;}
.fl_right{float:right;}
.clear{clear:both}



.al01{text-align:left;}
.al02{text-align:center;}
.al03{text-align:right;}

.container{
width:100%;
top:0;
left:0;
}
.mid{margin:0 auto; width:1100px; min-height:600px;}
.footer{width:100%; bottom:0; left:0; margin-top:10px;}
.footermid{width:1110px; padding: 0px 0px 10px 0px; margin: 0px;}

.d1{display:none;}
.d2{display:;}


.tx9_wht{font-family: Arial, Helvetica, sans-serif; font-size: 9px; color:#ffffff;}
.tx9_wht a:link,.tx9_wht a:visited,.tx9_wht a:active{text-decoration:none;color:#ffffff;}
.tx9_wht a:hover{text-decoration: underline;color:#ffffff;}

.tx10_yelo{font-family: Arial, Helvetica, sans-serif; font-size: 10px; color:#d2d003;}
.tx10_yelo a:link,.tx10_yelo a:visited,.tx10_yelo a:active{text-decoration:none;color:#d2d003;}
.tx10_yelo a:hover{text-decoration: underline;color:#d2d003;}

.tx10_wht{font-family: Arial, Helvetica, sans-serif; font-size: 10px; color:#ffffff;}
.tx10_wht a:link,.tx10_wht a:visited,.tx10_wht a:active{text-decoration:none;color:#ffffff;}
.tx10_wht a:hover{text-decoration: underline;color:#ffffff;}

.tx10_gre{font-family: Arial, Helvetica, sans-serif; font-size: 10px; color:#6d6c6e;}
.tx10_gre a:link,.tx10_gre a:visited,.tx10_gre a:active{text-decoration:none;color:#6d6c6e;}
.tx10_gre a:hover{text-decoration: underline;color:#6d6c6e;}

.tx10_grn{font-family: Arial, Helvetica, sans-serif; font-size: 10px; color:#dc291e;}
.tx10_grn a:link,.tx10_grn a:visited,.tx10_grn a:active{text-decoration:none;color:#dc291e;}
.tx10_grn a:hover{text-decoration: underline;color:#dc291e;}

.tx10_vlt{font-family: Arial, Helvetica, sans-serif; font-size: 10px; color:#009879;}
.tx10_vlt a:link,.tx10_vlt a:visited,.tx10_vlt a:active{text-decoration:none;color:#009879;}
.tx10_vlt a:hover{text-decoration: underline;color:#009879;}

.tx10_blu{font-family: Arial, Helvetica, sans-serif; font-size: 10px; color:#5eb0e5;}
.tx10_blu a:link,.tx10_blu a:visited,.tx10_blu a:active{text-decoration:none;color:#5eb0e5;}
.tx10_blu a:hover{text-decoration: underline;color:#5eb0e5;}

.tx11_N{font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#231f20;}
.tx11_N a:link,.tx11_N a:visited,.tx11_N a:active{text-decoration:none;color:#231f20;}
.tx11_N a:hover{text-decoration: underline;color:#231f20;}

.tx11_mrn{font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#aa2062;}
.tx11_mrn a:link,.tx11_mrn a:visited,.tx11_mrn a:active{text-decoration:none;color:#aa2062;}
.tx11_mrn a:hover{text-decoration: underline;color:#aa2062;}

.tx11_wht{font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#ffffff;}
.tx11_wht a:link,.tx11_wht a:visited,.tx11_wht a:active{text-decoration:none;color:#ffffff;}
.tx11_wht a:hover{text-decoration: underline;color:#ffffff;}

.tx12_N{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#231f20;}
.tx12_N a:link,.tx12_N a:visited,.tx12_N a:active{text-decoration:none;color:#231f20;}
.tx12_N a:hover{text-decoration: underline;color:#231f20;}

.tx12_wht{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#ffffff;}
.tx12_wht a:link,.tx12_wht a:visited,.tx12_wht a:active{text-decoration:none;color:#ffffff;}
.tx12_wht a:hover{text-decoration: underline;color:#ffffff;}

.tx12_gre{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#929292;}
.tx12_gre a:link,.tx12_gre a:visited,.tx12_gre a:active{text-decoration:none;color:#929292;}
.tx12_gre a:hover{text-decoration: underline;color:#929292;}

.tx12_mrn{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#aa2062;}
.tx12_mrn a:link,.tx12_mrn a:visited,.tx12_mrn a:active{text-decoration:none;color:#aa2062;}
.tx12_mrn a:hover{text-decoration: underline;color:#aa2062;}

.tx12_blu{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#2273be;}
.tx12_blu a:link,.tx12_blu a:visited,.tx12_blu a:active{text-decoration:none;color:#2273be;}
.tx12_blu a:hover{text-decoration: underline;color:#2273be;}

.tx14_wht{font-family: Arial, Helvetica, sans-serif; font-size: 14px; color:#ffffff;}
.tx14_wht a:link,.tx14_wht a:visited,.tx14_wht a:active{text-decoration:none;color:#ffffff;}
.tx14_wht a:hover{text-decoration: underline;color:#ffffff;}

.tx16_mrn{font-family: Arial, Helvetica, sans-serif; font-size: 16px; color:#aa2062;}
.tx16_mrn a:link,.tx16_mrn a:visited,.tx16_mrn a:active{text-decoration:none;color:#aa2062;}
.tx16_mrn a:hover{text-decoration: underline;color:#aa2062;}

.tx21_wht{font-family: Arial, Helvetica, sans-serif; font-size: 21px; color:#ffffff;}
.tx21_wht a:link,.tx21_wht a:visited,.tx21_wht a:active{text-decoration:none;color:#ffffff;}
.tx21_wht a:hover{text-decoration: underline;color:#ffffff;}


.formbox{
border: 1px solid #282828;
background-color:#484848;
font-family:Arial;font-size:14px;
color:#b3b3b3;
vertical-align: middle;
margin-top:0px;
margin-left:10px;
padding:4px;
width:280px;
}


.bg01{background:url(../images/base/basebg.gif) top center no-repeat;}
.bg02{background-color:#d2d003;}
.bg02a{background-color:#5eb0e5;}
.bg02b{background-color:#009879;}
.bg02c{background-color:#dc291e;}
.bg03{background-color:#ffffff;}
.bg04{background:url(../images/base/dhayaribglwbg.gif) top right no-repeat;}
.bgSDid01{background:url(../images/Projects/SpaceDesign/id001/base.jpg) top right no-repeat; height:419px;}
.bgPDid01{background:url(../images/Projects/ProductDesign/id001/base.jpg) top right no-repeat; height:419px;}
.bgVMid01{background:url(../images/Projects/VisualMedia/id001/base.jpg) top right no-repeat; height:419px;}
.bg05{background-color:#2f2f2f;}
.bg06{background-color:#aa2062;}
.bg07{background-color:#8a8988;}
.bg08{background-color:#2273be;}
.bg09{background-color:#8dc500;}



.p01{padding:0px 20px 0px 20px;}
.p01a{padding:36px 0px 0px 0px;}
.p01b{padding:126px 0px 0px 0px;}
.p01c{padding:36px 0px 0px 0px;}
.p01d{padding:178px 0px 0px 0px;}
.p01e{padding:230px 0px 0px 0px;}
.p01f{padding:282px 0px 0px 0px;}
.p01g{padding:106px 0px 0px 0px;}
.p02{padding:0px 0px 0px 45px;}
.p02a{padding:0px 0px 0px 20px;}
.p02b{padding:20px 0px 0px 0px;}
.p02c{padding:10px 0px 0px 0px;}
.p02d{padding:20px 20px 0px 20px;}
.p02e{padding:5px 0px 0px 0px;}
.p03{padding:0px 0px 0px 130px;}
.p03a{padding:10px 0px 10px 0px;}
.p03b{padding:20px 0px 20px 0px;}
.p04{padding:0px 112px 0px 0px;}
.p05{padding:20px 10px 10px 10px;}


.p5{padding:5px;}
.p10{padding:10px;}
.p15{padding:15px;}
.p20{padding:20px;}



.w1{width:1px;}
.w60{width:60px;}
.w120{width:120px;}
.w131{width:131px;}
.w133{width:133px;}
.w140{width:140px;}
.w210{width:210px;}
.w230{width:230px;}
.w235{width:235px;}
.w244{width:244px;}
.w250{width:250px;}
.w290{width:290px;}
.w407{width:407px;}
.w410{width:410px;}
.w500{width:500px;}
.w719{width:797px;}
.w732{width:810px;}
.w815{width:815px;}
.w1100{width:1100px;}




.h1{height:1px;}
.h10{height:10px;}
.h20{height:20px;}
.h42{height:42px;}
.h50{height:43px;}
.h150{height:150px;}
.h191{height:191px;}
.h540{height:540px;}
.h580{height:580px;}
.h600{height:600px;}



.bx01{border:1px solid #33CCFF; background-color:#ffffff; padding:5px;}
.bx02{border:1px solid #dddddd; background-color:#ffffff; padding:5px;}
.bx03{border-left:13px solid #d2d003; background-color:#fff; min-height:500px;}
.bx04{border-left:13px solid #5eb0e5; background-color:#fff; min-height:500px;}
.bx05{border-left:13px solid #009879; background-color:#fff; min-height:500px;}
.bx06{border-left:13px solid #dc291e; background-color:#fff; min-height:500px;}


ul.pagination{list-style-type:none; margin:0; float:right; padding:0px; width:100px;}
ul.pagination li{margin:0px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333333; padding:3px 7px;}
ul.pagination li a:link, ul.pagination li a:visited, ul.pagination li a:active, ul.pagination a{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333333;}
ul.pagination li.selected{font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#fff; margin:0px; background-color:#666666; }


ul.imglist{list-style-type:none; margin:0; padding:0; width:757px; text-align: center; clear:both;}
ul.imglist li{margin:0px 0px 0px 0px; padding:0px 11px 30px 11px; float:left; display:inline; width:128px;}
ul.imglist img{vertical-align:middle; text-align:center; border:3px solid #b4b4b4;}
ul.imglist a:hover img{
	vertical-align:middle; 
	text-align:center; 
	border:3px solid #000; 
	background-color:#333;
	-moz-opacity: 0.6;
	opacity:.60;
	filter: alpha(opacity=60);
	}
ul.imglist p{vertical-align:middle; text-align:left; margin:0; font-size:12px; color:#5f5f5f; margin-top:5px;}


ul.imglist01{list-style-type:none; margin:0; padding:0; width:592px; text-align: center; clear:both;}
ul.imglist01 li{margin:0px 0px 0px 0px; padding:0px 10px 20px 10px; float:left; display:inline; width:128px;}
ul.imglist01 img{vertical-align:middle; text-align:center; border:3px solid #b4b4b4;}
ul.imglist01 a:hover img{
	vertical-align:middle; 
	text-align:center; 
	border:3px solid #000; 
	background-color:#333;
	-moz-opacity: 0.6;
	opacity:.60;
	filter: alpha(opacity=60);
	}
ul.imglist01 p{vertical-align:middle; text-align:left; margin:0; font-size:12px; color:#5f5f5f; margin-top:5px;}


#about p{font-size:12px; color:#929292; margin:0px;}
#about p a{font-size:12px; color:#929292; margin:0px; text-decoration:none;}
#about p a:hover{font-size:12px; color:#929292; margin:0px; text-decoration:underline;}
#about strong{font-size:12px; color:#d6d6d6; font-weight:bold;}


/*shadetabs*/

.shadetabs{padding: 0px 0px; margin: 30px 0px 0px 0px; font-family:'HelveticaNeueLTStd-ThCn', Arial, Helvetica, sans-serif; font-size:30px; color: #a7a7a7; list-style-type: none;text-align: left center; /*set to left, center, or right to align the menu as desired*/}
.shadetabs li{display: inline; margin: 0;}
.shadetabs li a{text-decoration: none; padding: 5px 10px 5px 10px; margin: 0px; text-align:center; color: #a7a7a7; float:left; display:block; border-right: 2px solid #7f7f7f;}
.shadetabs li.last{ border-right: none;}
.shadetabs li a:visited{color: #a7a7a7;}
.shadetabs li a:hover{text-decoration: underline; color: #fff;}
.shadetabs li.selected{ position:relative; top: 0px;}
.shadetabs li.selected a{ border-bottom:5px solid #7f7f7f; color:#fff;}
.shadetabs li.selected a:hover{text-decoration: none;}

.tabcontentstyle{ border-top: 1px solid #d2d2d2; width: 770px; padding:20px 0px 0px 0px; margin:0px;}
.tabcontent{display:none;}

.shadetabsIE{padding: 0px 0px; margin:30px 0px 0px 0px; font-family:'HelveticaNeueLTStd-ThCn', Arial, Helvetica, sans-serif; font-size:30px; color: #a7a7a7; list-style-type: none;text-align: left center; /*set to left, center, or right to align the menu as desired*/}
.shadetabsIE li{display: inline; margin: 0;}
.shadetabsIE li a{text-decoration: none; padding: 5px 10px 5px 10px; margin: 0px; text-align:center; color: #a7a7a7; float:left; display:block; border-right: 2px solid #7f7f7f;}
.shadetabsIE li.last{border-right: none;}
.shadetabsIE li a:visited{color: #000000;}
.shadetabsIE li a:hover{text-decoration: underline; color: #a7a7a7;}
.shadetabsIE li.selected{ position:relative; top: 0px;}
.shadetabsIE li.selected a{ border-bottom:5px solid #7f7f7f; color:#fff;}
.shadetabsIE li.selected a:hover{text-decoration: none;}