@charset "utf-8";
/*======================================
Coded : DIPU
Edited: REZA
DATE:2010-01-30
=======================================*/

/*html{width:100%; height:100%; overflow:hidden}*/
body{
	width:100%;
	/*height:100%;
	overflow:hidden;*/
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#808080;
	text-align:left;
	background:#000; position:relative;
}


/*======= Common Styles ============*/
*{margin:0; padding:0}
img,fieldset{border:0}
.hide{display:none;	visibility:hidden}
a{text-decoration:none; color:#fff; outline:none}
a:hover{text-decoration:underline}

/*=======HOME===========*/
#wrap_home{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0; /*changed by js*/
}
.slideMe{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	background:no-repeat center;
}
#home{top:0; background-image:url(../images/bg/bg_home.jpg); z-index:1}
#portfolio{top:-100%; background-image:url(../images/bg/bg_portfolio.jpg); display:table}
#quote{top:100%; background-image:url(../images/bg/bg_quote.jpg); display:table}

/*============All fixed items=====================*/
#logo{
	width:231px;
	height:61px;
	position:fixed;
	left:150px;
	/*top:80px;*/
	top:7%;
	z-index:4;
}
#btm_logo{
	width:220px;
	height:60px;
	position:fixed;
	left:23px;
	/*bottom:29px;*/
	bottom:4%;
	z-index:5;
}
#btm_logo em{
	display:block;
	padding-top:6px;
	font-size:12px;
	line-height:14px;
	color:#393939;
	font-family:Tahoma, "Times New Roman", Times, serif;
}
/*------top_nav----*/
ul#top_nav{
	width:284px;
	height:42px;
	list-style:none;
	background:url(../images/top_nav_bg.png) no-repeat;
	position:fixed;
	/*top:99px;*/
	top:9%;
	right:34px;
	z-index:5;
}
ul#top_nav li{
	float:left;
	height:36px;
	padding:0 12px 0 13px;
	list-style:none;
	background:url(../images/slct_liBg.png) no-repeat center -100px;
}
ul#top_nav li.pgSlct{padding-bottom:6px; background-position:center bottom}
ul#top_nav li b{
	float:left;
	font-size:14px;
	line-height:36px;
	font-style:italic;
	font-weight:bold;
	cursor:pointer;
	color:#fff;
}
ul#top_nav li b:hover, ul#top_nav li.pgSlct b{text-decoration:none}

ul#top_nav li.topHome b:hover,
body.home ul#top_nav li.pgSlct b{color:#941b6a}
ul#top_nav li.topPortfolio b:hover,
body.portfolio ul#top_nav li.pgSlct b{color:#14467f}
ul#top_nav li.topQuote b:hover,
body.quote ul#top_nav li.pgSlct b{color:#165ba9}

/*------MENU----*/
#menu_box{
	width:0px;
	height:109px;
	padding:0 0 0 108px;
	color:#fefefe;
	position:fixed;
	left:0;
	/*top:53px;*/
	top:4%;
	z-index:5;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#menu_box h2{
	width:98px;
	height:101px;
	background-color:#941b6a;/*default*/
	cursor:pointer;
	position:absolute;
	left:0; top:0; z-index:2;
}
#team_bg #menu_box h2{background-color:#1197bd;}

#menu_box h2 strong{
	width:100%;
	height:109px;
	background:url(../images/icon_menu.png) no-repeat;
	text-indent:-1000px;
	overflow:hidden;
	position:absolute;
	left:0;	top:0;
}
/*------theme------*/
/*body.home #menu_box h2{background-color:#941b6a}
body.portfolio #menu_box h2{background-color:#14467f}
body.quote #menu_box h2{background-color:#1b3061}*/

ul.menu_list{
	width:100%;/*changed by js*/
	height:101px;
	float:left;
	overflow:hidden;
	list-style:none;
	position:absolute;
	right:10px; top:0; z-index:1;
}
#menu_box.menuOpened ul.menu_list{overflow:visible}
ul.menu_list li{
	width:124px;
	height:100%;
	overflow:hidden;
	float:left;
	border-right:1px solid #000;
	font-size:11px;
	background:url(../images/menu_boxBG.png) repeat-y;
}
/*------theme------*/
body.home ul.menu_list li:hover{background-position:-125px top}
body.portfolio ul.menu_list li:hover{background-position:-250px top}
body.quote ul.menu_list li:hover{background-position:-375px top}

#menu_box h5{
	padding:7px 10px 14px 21px;
	font-size:14px;
	line-height:16px;
	font-weight:normal;
	text-transform:uppercase;
}
#menu_box h5 a{color:#fefefe}
ul.menu_list li ul,
ul.menu_list li span{
	width:93px;/*124*/
	padding:4px 10px 6px 21px;
	overflow:hidden;
	list-style:none;
}
ul.menu_list li span{
	display:block;
	line-height:18px;
}
ul.menu_list li li{
	width:100%;
	height:auto;
	padding:0 0 6px;
	border:none;
	background:none;
}
ul.menu_list li li:hover{background:none}
ul.menu_list li li a{
	line-height:16px;
	color:#fefefe;
	float:left;
}
.menu_arrowButn{
	width:10px;
	height:100%;
	float:left;
	background:url(../images/menu_arrowButn.gif) no-repeat;
	text-indent:-1000px;
	overflow:hidden;
	cursor:pointer;
	position:absolute;
	right:0; top:0; z-index:3;
}

/*------followUs------*/
span#followUs{
	width:273px;
	height:36px;
	display:block;
	background:url(../images/followUs_bg.png) no-repeat right top;
	position:fixed;
	z-index:5;
	right:0;
	/*bottom:25px;*/
	bottom:5%;
}
span#followUs em{float:left; font-size:14px; line-height:36px; color:#004774; font-weight:bold}
span#followUs a{
	display:block;
	position:absolute;
	background:no-repeat center top;
	text-indent:-10000px;
	overflow:hidden;
}
span#followUs a#twitter{
	width:58px;
	height:44px;
	left:117px;
	top:-4px;
	background-image:url(../images/twitter.png);
}
span#followUs a#facebook{
	width:35px;
	height:35px;
	left:194px;
	top:1px;
	background-image:url(../images/facebook.png);
}
span#followUs a:hover{background-position:center bottom}
span#followUs.twitterBlinkOff a#twitter{background-position:center center}
span#followUs a#twitter:hover{width:64px; left:110px; background-position:center bottom}

/*--------services-------*/
#services{
	width:100%;
	height:100%;
	background:url(../images/net.png) no-repeat right center;
	position:absolute;
	z-index:3;
}
#services h3{
	/*width:100px;text-align:right;*/
	float:left;
	font-weight:normal;
	position:absolute; z-index:3;
}
#services h3 small.handle{cursor:move; line-height:12px; position:absolute; left:-15px; top:-12px; font-size:10px; color:#941b6a}
#services h3 a{color:#941b6a}
#services h3 a:hover{text-decoration:none}
h3.size23{font-size:23px; line-height:25px}
h3.size20{font-size:20px; line-height:22px}
h3.size18{font-size:18px; line-height:20px}
h3.size16{font-size:16px; line-height:18px}

h3.claud01{top:19%;/*201px;*/ right:43px}
h3.claud02{top:25%;/*252px;*/ right:95px}
h3.claud03{top:26%;/*256px;*/ right:326px}
h3.claud04{top:32%;/*284px;*/ right:152px}
h3.claud05{top:37%;/*325px;*/ right:48px}
h3.claud06{top:38%;/*339px;*/ right:260px}
h3.claud07{top:42%;/*348px;*/ right:85px}
h3.claud08{top:48%;/*389px;*/ right:297px}
h3.claud09{top:50%;/*397px;*/ right:78px}
h3.claud10{top:54%;/*431px;*/ right:235px}
h3.claud11{top:58%;/*440px;*/ right:43px}
h3.claud12{top:68%;/*467px;*/ right:208px}
h3.claud13{top:70%;/*502px;*/ right:95px}
h3.claud14{top:75%;/*518px;*/ right:235px}
h3.claud15{top:78%;/*548px;*/ right:43px}
h3.claud16{top:80%;/*570px;*/ right:162px}

#services h3.color1  a{color:#321b6a}
#services h3.color2  a{color:#b765fb}
#services h3.color3  a{color:#1b9094}
#services h3.color4  a{color:#941bc8}
#services h3.color5  a{color:#9496c8}
#services h3.color6  a{color:#508202}
#services h3.color7  a{color:#94b46a}
#services h3.color8  a{color:#941000}
#services h3.color9  a{color:#448ccd}
#services h3.color10 a{color:#e98dc9}
#services h3.color11 a{color:#b2a025}
#services h3.color12 a{color:#fff568}
#services h3.color13 a{color:#cd50a2}
#services h3.color14 a{color:#94681b}
#services h3.color15 a{color:#941bfa}
#services h3.color16 a{color:#12fbbc}

/*--------home_lft-------*/
#home_lft{
	width:64%;
	height:100%;
	display:table;
	position:absolute;
	z-index:1;
	left:150px;
}
#home_lftIn{
	display:table-cell;
	vertical-align:middle;
}
#home_lft h2{
	font-size:28px;/*30*/
	line-height:36px;
	color:#9bd6e6;
	padding-bottom:21px;
	font-weight:normal;
}
h2.home_hdr2{padding-left:137px}
#home_lft p{
	font-size:17px;
	line-height:25px;
	color:#fff;
	font-style:italic;
	padding-top:32px;
}
/*--------quoteIn-------*/
#quoteIn{
	width:100%;
	display:table-cell;
	vertical-align:middle;
}
#quoteInner{
	width:100%;
	height:313px;
	background:url(../images/quoteInner_bg.png) repeat-x;
	position:relative;
}
#contact_form{
	width:509px;/*545*/
	height:301px;/*324*/
	padding:23px 0 0 36px;
	background:url(../images/contact_formBg.png) no-repeat;
	position:absolute;
	top:36px;
	right:34px;
}
#contact_form h3{
	padding-bottom:8px;
	font-size:18px;
	line-height:24px;
	font-weight:normal;
	color:#9deaff;
	font-style:italic;
}
input.inp_txt, textarea.txt_area{
	width:418px;/*454*/
	height:18px;/*32*/
	padding:7px 18px;
	margin-top:5px;
	display:block;
	background:url(../images/inp_txtBg.png);
	font-size:14px;
	line-height:18px;
	font-style:italic;
	color:#426570;
	border:none;
}
textarea.txt_area{
	height:73px;/*87*/
}
input.submit_contact{
	width:104px;
	height:41px;
	display:block;
	background:url(../images/submit_contact.png) no-repeat;
	position:absolute;
	right:27px;
	bottom:30px;
	border:none;
	text-indent:-1000px;
	overflow:hidden;
	cursor:pointer;
}
input.submit_contact:hover{background-position:left bottom}


/*-------edit 2010-07-03----------*/
#quote_left{
	width:41%;
	height:100%;
	display:table;
	position:absolute;
	left:148px;
	top:0;
}
#quote_leftIn{
	width:100%;
	display:table-cell;
	vertical-align:middle;
	color:#9bd6e6;
	font-style:italic;
}
#quote_left h3{
	font-size:24px;
	line-height:26px;
	font-weight:normal;
	/*padding-bottom:15px;*/
}
#quote_left p{
	font-size:14px;
	line-height:18px;
	text-align:justify;
	/*padding-top:16px;*/
}
.address_cont{
	width:100%;
	padding-top:10px;
	overflow:hidden;
}
.addressIn{
	width:48%;
	float:left;
}
.addressIn_rgt{
	float:right;
	text-align:right;
}
.addressIn h4{
	padding-bottom:8px;
	font-size:17px;
	line-height:19px;
	font-weight:normal;
	color:#008eff;
}
.addressIn address{
	width:100%;
	display:block;
	font:14px/17px "Times New Roman", Times, serif;
	color:#9bd6e6;
	font-style:italic;
}
.addressIn address a{color:#9bd6e6}
/*---------end-----------*/


#quote_left{
	width:38%;
	height:100%;
	display:table;
	position:absolute;
	left:148px;
	top:0;
}
#quote_left.quote_left2{
 width:1000px;	
}
#quote_leftIn{
	width:100%;
	display:table-cell;
	vertical-align:middle;
	color:#9bd6e6;
	font-style:italic;
}
#quote_left h3{
	font-size:24px;
	line-height:26px;
	font-weight:normal;
}
#quote_left p{
	font-size:14px;
	line-height:18px;
	text-align:justify;
	padding-top:16px;
}
/*--------portfolioIn-------*/
#portfolioIn{
	width:100%;
	display:table-cell;
	vertical-align:middle;
}
#portfolioInner{
	width:100%;
	/*height:318px;*/
	position:relative;
	
	overflow:hidden;
	margin-left:-34px;
}
#featured_Box, #brand_Box{
	/*width:1148px;
	height:106px;
	position:absolute;
	top:0;
	right:34px;*/
	
	width:1148px;
	height:106px;
	float:right;
}
#brand_Box{
	width:814px;
	margin-top:5%;
	top:212px;
}
h4.h4_featuredWork, h4.h4_brand{
	width:35px;
	height:106px;
	float:left;
	background-repeat:no-repeat;
	text-indent:-1000px;
	overflow:hidden;
}
h4.h4_featuredWork{background-image:url(../images/h4_featuredWork.png)}
h4.h4_brand{background-image:url(../images/h4_brand.png)}
a.butnPre, a.butnNext{
	width:14px;
	height:106px;
	float:left;
	text-indent:-1000px;
	overflow:hidden;
	background:no-repeat left top;
	position:relative; z-index:10;
}
a.butnPre{background-image:url(../images/butn_pre.png)}
a.butnNext{background-image:url(../images/butn_next.png); float:right}
a.butnPre:hover, a.butnNext:hover{background-position:left bottom}
a.butnDisabled, a.butnDisabled:hover{background-position:left center}
.featuredIn{
	width:1080px;/*1085*/
	height:106px;
	padding-left:5px;
	float:left;
	background:url(../images/featuredIn_bg.png);
	overflow:hidden;
	position:relative;
}
.featuredIn dl{width:200%;/*changed by js*/ height:100%; overflow:hidden; position:absolute; left:0; top:0}
.featuredIn dd{
	width:360px;
	height:100%;
	float:left;
}
dl.brandIn{width:779px; padding:0}
dl.brandIn dd{width:380px}
a.img_box{
	width:181px;
	height:106px;
	float:left;
	position:relative;
}
a.img_box em{
	width:100%;
	height:100%;
	cursor:pointer;
	background:url(../images/img_hoverBg.gif) no-repeat;
	position:absolute;
	left:0;
	top:0;
}
div.project_detail{
	width:165px;
	float:right;
	line-height:15px;
	color:#c0e7f4;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
dl.brandIn div.project_detail{width:163px;/*178*/ padding-right:15px}
.project_detail h5{
	padding-top:2px;
	font-size:11px;
	line-height:20px;
	color:#1a5ba4;
	font-weight:normal;
}
.project_detail h5 a{
	font-size:12px;
}
.project_detail a{
	color:#c0e7f4;
	text-decoration:underline;
}
.project_detail a:hover{text-decoration:none}
.project_detail span{display:block}





/*===============wrap common===================*/
body#portfolio_bg{background:url(../images/bg/bg_portfolioMain.jpg)}
body#blog_bg{background:#090101 url(../images/bg/bg_blogBody.gif) repeat-y}
body#team_bg{background:#030000 url(../images/bg/bg_team.jpg) no-repeat center top; padding-top:200px;/*180*/}
#wrap{
	width:100%;
	overflow:hidden;
	position:relative;
}
.pg_blog{background:url(../images/bg/bg_blog.gif) no-repeat; padding-top:60px}
#wrap.pg_team{background:url(../images/bg/pg_team.png) repeat-y center top; overflow:visible}

/*===========[page-portfolio.html]==============*/
#pg_portfolio{
	width:1106px;
	float:right;
	padding-bottom:201px;/*94-9+116*/
	margin-top:284px;
	position:relative; z-index:1;
}
#pg_portfolio h2{
	width:100%;
	height:61px;
	background-image:url(../images/h2_portfolio.png);
	background-repeat:no-repeat;
	text-indent:-1000px;
	overflow:hidden;
	position:absolute;
	left:-24px;
	top:-61px;
}

#pg_portfolio1{
	width:1106px;
	float:right;
	padding-bottom:201px;/*94-9+116*/
	margin-top:284px;
	position:relative; z-index:1;
}
#pg_portfolio1 h2{
	width:100%;
	height:61px;
	background-repeat:no-repeat;
	text-indent:-1000px;
	overflow:hidden;
	position:absolute;
	left:-24px;
	top:-61px;
}
h2.about_as{ background-image:url(../images/about_us.png)}
h2.offerings{ background-image: url(../images/offerings.png)}
h2.Portfilio{ background-image: url(../images/portfolio.png)}
h2.cssCoding{background-position:left top}
h2.appDev{background-position:left -62px}
h2.cakePHP{background-position:left -124px}
h2.cms{background-position:left -186px}
h2.logoDesign{background-position:left -248px}
h2.personalPg{background-position:left -310px}
h2.portal{background-position:left -372px}
h2.psdToHtml{background-position:left -434px}
h2.web2{background-position:left -496px}
h2.webDesign{background-position:left -558px}
h2.joomla{background-position:left -620px}
h2.eCommerce{background-position:left -682px}
h2.wp{background-position:left -744px}
h2.webPortal{background-position:left -806px}
h2.realEstate{background-position:left -868px}
h2.seo{background-position:left bottom}

dl.category_box{
	height:203px;/*203*/
	padding:0 36px 0 11px;
	float:right;
	margin-bottom:9px;
	background:url(../images/category_boxBg.png);
}
dl.category_box dd{
	width:340px;/*353*/
	padding:30px 13px 0 0;
	float:left;
}
a.img_box2{
	width:170px;/*194*/
	height:120px;/*144*/
	padding:12px;
	float:left;
	background:url(../images/img_box2Bg.png);
}
a.img_box2:hover{background:url(../images/img_box2Hover.png)}
.category_detail{
	width:140px;
	float:right;
	font-size:11px;
	line-height:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.category_detail h5{font-size:13px;font-weight:normal}
.category_detail h6{font-size:11px; font-weight:normal; color:#ff8500}
.category_detail span, .category_detail a{display:block; color:#c0e7f4; line-height:18px;}
.category_detail a{text-decoration:underline}
.category_detail a:hover{text-decoration:none}

/*-----This portion is for page_service------*/
.service_detail{
	width:933px;/*1106*/
	padding:45px 140px 20px 33px;
	background:url(../images/category_boxBg.png);
	position:relative;
}
.service_detail p{
	font:14px/24px Arial, Helvetica, sans-serif;
	color:#c3ebfb;
	text-align:justify;
	padding-bottom:20px;
}

.service_detail ul{
	list-style:none;
	padding-left:20px;
	margin-bottom:20px;
}

.service_detail ul li{
	line-height:24px;
	font-style:italic;
	font-size:14px;
	color:#DEAD60;
}

a.butn_click{
	width:442px;
	height:35px;
	background:url(../images/butn_click.png) no-repeat;
	text-indent:-1000px;
	overflow:hidden;
	position:absolute;
	left:36px;
	bottom:-43px;
}

#pagination{
	width:276px;/*321*/
	height:18px;/*22*/
	padding:4px 0 0 45px;
	display:block;
	position:absolute;
	right:0;
	bottom:116px;
	background:url(../images/pagination_bg.png) no-repeat;
	overflow:hidden;
}
#pagination a{
	width:30px;
	float:left;
	font:bold 11px/18px Arial, Helvetica, sans-serif;
	margin-right:4px;
	text-align:center;
	color:#000;
	background:url(../images/pagination_aBg.png) no-repeat;
}
a.butn_back, a.butn_frwd, a.butn_last, a.butn_first{text-indent:-1000px; overflow:hidden}
#pagination a.butn_back{background-image:url(../images/butn_back.png)}
#pagination a.butn_frwd{background-image:url(../images/butn_frwd.png)}
#pagination a.butn_last{background-image:url(../images/butn_last.png)}
#pagination a.butn_first{background-image:url(../images/butn_first.png)}
#pagination a:hover,#pagination a.selected{background-position:left bottom; text-decoration:none}

#display_box{
	width:234px;/*234*/
	height:21px;
	position:absolute; 
	top:263px; 
	right:49px;
	font:bold 13px/21px Arial, Helvetica, sans-serif;
	color:#652808;
	z-index:2;
}
#display_box strong{float:left}
/*.slct_box{
	width:67px;
	height:21px;
	float:right;
	position:relative;
	background:url(../images/slct_box.png) no-repeat;
	color:#000;
	text-indent:13px;
}*/
/*.slct_box span{
	width:17px;
	height:17px;
	display:block;
	position:absolute;
	right:2px;
	top:2px;
	background:url(../images/slct_arrow.png) no-repeat;
}*/
/*--------services2-------*/
#services2{
	width:100%;
	height:263px;
	position:absolute;
	z-index:3;
	background:url(../images/claud_bg.png) no-repeat right top;
}
#services2 h3{
	float:right;
	font-weight:normal;
	position:absolute; z-index:3;
}
#services2 h3 a{color:#6b3801}
#services2 h3.claud01 a{}
#services2 h3 a:hover{text-decoration:none}

#services2 h3.claud01{top:55px; right:368px;}
#services2 h3.claud02{top:60px; right:250px}
#services2 h3.claud03{top:64px; right:142px}
#services2 h3.claud04{top:81px; right:188px}
#services2 h3.claud05{top:94px; right:359px}
#services2 h3.claud06{top:90px; right:510px}
#services2 h3.claud07{top:115px; right:142px}
#services2 h3.claud08{top:129px; right:257px}
#services2 h3.claud09{top:126px; right:371px}
#services2 h3.claud10{top:142px; right:189px}
#services2 h3.claud11{top:165px; right:233px}
#services2 h3.claud12{top:159px; right:331px}
#services2 h3.claud13{top:146px; right:428px}
#services2 h3.claud14{top:189px; right:124px}
#services2 h3.claud15{top:189px; right:338px}
#services2 h3.claud16{top:176px; right:407px}

/*-------------------popUp------------------*/
#portfolio_pop{
	/*width:837px;/*817*/
	padding:10px;
	background:url(../images/portfolio_popBg.png);
	position:relative;
}
#portfolio_pop .pop_close{
	display:block;
	width:22px;
	height:22px;
	position:absolute;
	right:-22px;
	top:0px;;
	background-image:url(../images/close.png);
	cursor:pointer;
}
#portfolio_pop .pop_close:hover{
	background-image:url(../images/close-hover.png);
}
span.pop_butns{
	float:left;
	position:absolute;
	left:0;
	top:-29px;
}
span.pop_butns a{
	width:119px;
	height:42px;
	float:left;
	margin-right:-7px;
	font-size:21px;
	line-height:42px;
	font-weight:bold;
	text-align:center;
	color:#000;
	background:url(../images/pop_butnsBg.png) no-repeat;
}
span.pop_butns a:hover, span.pop_butns a.slctpop{
	color:#f9f9f9;
	background-position:left bottom;
	text-decoration:none;
	position:relative;
	z-index:1;
}
ul#portfolio_popIn{
	width:723px;/*817*/
	padding:20px 30px 5px;
	overflow:hidden;
	background:url(../images/portfolio_popInBg.png);
	list-style:none;
}
ul#portfolio_popIn li{
	width:100%;
	float:left;
}
.pop_txt{
	width:100%;
	padding-top:5px;
	overflow:hidden;
	font-size:11px;
	line-height:20px;
	color:#c0e7f4;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.pop_txt .category_detail{
	width:200px;
	float:left;
}
.pop_txtRgt{
	width:453px;
	float:right;
}
.pop_txt h6{font-size:11px; font-weight:normal; color:#ff8500}

/*===========[page-blog.html]==============*/
.blog_lft, .blog_mid, .blog_rgt{float:left; color:#fff}
.blog_lft{
	width:705px;/*853*/
	padding:87px 0 150px 148px;
}
.blog_mid{width:169px; margin-right:26px}
.blog_rgt{width:168px}
.blog_rgt h4, .blog_mid h4{
	font-size:20px; 
	line-height:28px; 
	font-style:italic; 
	font-weight:normal;
	border-bottom:1px solid #4e4d4d;
	padding-bottom:3px;
}
ul#slide_blog{
	width:680px;
	height:532px;
	overflow:hidden;
	list-style:none;
	background:url(../images/slide_blogBg.png);
}
ul#slide_blog li{float:left; height:100%}
#slide_blog h2{
	width:42px;
	height:532px;
	float:left;
	text-indent:-1000px;
	overflow:hidden;
	background-repeat:no-repeat;
	background-image:url(../images/h2_slide_blog.png);
}
h2.h2_slide_blog1{background-position:left top}
h2.h2_slide_blog2{background-position:-42px top}
h2.h2_slide_blog3{background-position:-84px top}
h2.h2_slide_blog4{background-position:-126px top}
.blogIn{
	width:465px;/*512*/
	height:519px;/*531*/
	padding:12px 39px 0 8px;
	float:left;
	display:none;
}
.blog_hdr{
	width:100%;
	padding-bottom:16px;
	overflow:hidden;
}
.blog_hdr img{
	float:left;
	margin-right:16px;
}
.blog_hdr span{
	width:380px;
	float:left;
	font-size:14px;
	line-height:16px;
	text-transform:uppercase;
	font-family:"Times New Roman", Times, serif;
}
.blog_hdr span a{color:#fff}
.blog_hdr h3{
	width:380px;
	float:left;
	padding-top:9px;
	font-size:30px;
	line-height:32px;
	font-weight:normal;
}
.entry_txt{width:100%}
.entry_txt p{
	font:14px/20px Arial, Helvetica, sans-serif;
	padding-top:15px;
}
.blog_lft h4{
	width:100%;
	padding:39px 0 24px;
	overflow:hidden;
	font-size:24px;
	line-height:30px;
	font-style:italic;
	font-weight:normal;
}
.blog_lft h4 span{float:left; border-bottom:1px solid #5b4027; padding:0 25px 6px 0}
.entry{
	width:655px;/*705*/
	padding:0 50px 0 0;
	position:relative;
}
em.date_box{
	width:110px;
	height:37px;
	display:block;
	text-align:center;
	font:italic 24px/37px "Times New Roman", Times, serif;
	background:url(../images/blogImg/date_boxBg.gif) no-repeat;
	position:absolute;
	left:-148px;
	top:0;
}
.navigate{
	width:534px;/*565*/
	height:20px;/*31*/
	padding:6px 0 5px 31px;
	margin-top:30px;
	background:url(../images/blogImg/navigate_bg.png) no-repeat;
	font:14px/20px Arial, Helvetica, sans-serif;
}
.navigate b{
	width:79px;
	height:20px;
	float:left;
	background:url(../images/blogImg/butn_navigate.gif) no-repeat;
	text-align:center;
	font-size:11px;
	color:#000;
	margin-right:13px;
}
.navigate span, .navigate a{float:left; color:#e8a85e; padding:0 2px}
.navigate span{margin-right:11px}
.navigate a.next10{padding-right:15px; margin-left:14px; background:url(../images/blogImg/next10.gif) no-repeat right 7px}
.navigate a.next10:hover{background-position:right -34px}

ul.category_list{
	width:100%;/*168*/
	padding-top:13px;
	overflow:hidden;
	list-style:none;
	font:14px/30px Arial, Helvetica, sans-serif
}
ul.category_list li{
	width:161px;/*168*/
	padding-left:7px;
	float:left;
	background:url(../images/blogImg/border1.gif) repeat-x left bottom;
}
ul.category_list li a{color:#fff}

ul.post_list, ul.archives_list, ul.feed_list{
	width:100%;/*169*/
	padding:11px 0 13px;
	overflow:hidden;
	list-style:none;
}
ul.post_list li, ul.archives_list li{
	width:147px;/*169*/
	padding-left:22px;
	float:left;
	font:12px/25px Verdana, Arial, Helvetica, sans-serif;
	background:url(../images/blogImg/bullet1.gif) no-repeat 2px 9px;
}
ul.archives_list li{background:url(../images/blogImg/bullet2.gif) no-repeat left 7px}
ul.feed_list li{
	width:100%;/*169*/
	float:left;
	font:12px/18px Arial, Helvetica, sans-serif;
}
ul.feed_list li a{
	padding-left:21px;
	float:left;
	color:#7f4604;
	text-transform:uppercase; 
	background:url(../images/blogImg/icon_rss.gif) no-repeat left 3px;
}
ul.feed_list li a:hover{background-position:left -85px}

/*---------[page:team.html]------edit 2010-07-05---------*/
.teamBig{
	width:100%;
	border-top:1px solid #02232e;
	border-bottom:1px solid #02232e;	
	margin-bottom:20px;
	position:relative;
}
.teamIn{
	width:1053px;/*1090*/
	padding:31px 0 27px 37px;
	margin:0 auto;
	overflow:hidden;
}
h2.h2_team{
	width:60%;
	height:24px;
	text-indent:-1000px;
	overflow:hidden;
	background:url(../images/h2_team.png) no-repeat;
	position:absolute;
	left:7%;/*85*/
	top:-30px;
}
.team_identity{
	width:340px;/*340*/
	padding-right:10px;
	float:left;
}
.team_identity h3{
	padding-top:3px;
	font-size:14px;
	line-height:18px;
	color:#9bd6e6;
	font-style:italic;
}
img.team_img{
	width:142px;/*148*/
	height:114px;/*120*/
	border:3px solid #1b3061;
	float:left;
	margin-right:18px;
}



/*------gallery--2010-07-05--*/
#gallery_box{
	width:auto;/*0px*/
	height:101px;
	padding:0 0 0 108px;
	padding-left:98px; padding-right:10px;
	color:#fefefe;
	position:fixed;
	left:0;
	/*top:53px;*/
	top:17%;
	z-index:5;
}
#gallery_box h2{
	width:98px;
	height:101px;
	cursor:pointer;
	position:absolute;
	left:0; top:0; z-index:2;
}
#gallery_box h2 strong{
	width:100%;
	height:101px;
	background:url(../images/icon_gallery.gif) no-repeat;
	text-indent:-1000px;
	overflow:hidden;
	display:block;
}
ul.gallery_list{
	width:625px;/*changed by js*/
	height:101px;
	float:left;
	overflow:hidden;
	list-style:none;
	/*position:absolute;*/
	/*right:10px; top:0;*/ z-index:1;
}
/*#gallery_box.menuOpened ul.gallery_list{overflow:visible}*/
ul.gallery_list li{
	width:124px;
	height:100%;
	overflow:hidden;
	float:left;
	border-right:1px solid #000;
	font-size:12px;
	background:url(../images/menu_boxBG.png) repeat-y;
}
#gallery_box h5{
	padding:3px 0 3px 8px;
	font-size:14px;
	line-height:18px;
	font-style:italic;
}
#gallery_box h5 a{color:#04c7ff}
ul.gallery_list li a.gallery_img{
	width:100px;
	height:75px;
	display:block;
	margin:13px auto 0;
}
ul.gallery_list li img{
	width:94px;
	height:69px;
	border:3px solid #118fb7;
	display:block;
}
ul.gallery_list li span{
	width:114px;/*124*/
	padding:0 2px 0 8px;
	overflow:hidden;
	display:block;
	line-height:18px;
	color:#c7f1fd;
}
.gallery_arrowButn{
	width:10px;
	height:100%;
	float:left;
	background:url(../images/menu_arrowButn.gif) no-repeat;
	text-indent:-1000px;
	overflow:hidden;
	cursor:pointer;
	position:absolute;
	right:0; top:0; z-index:3;
}

#overlay{
	display:none;
	width:100%;
	height:100%;
	background-color:#000;
	position:absolute;
	top:0;
	left:0;
	z-index:10;
}

#portfolio_pop{
	position:absolute;
	top:5%;
	left:15%;
	z-index:20;
}
#errMsg, #sucMsg{
	font-size:15px; 
	width:400px; 
	color:red; 
	display:none; 
	margin-left:730px;
	margin-top:10px; 
}

#sucMsg{
	color:#009900;
	display:block;
}

#ajax_loader{
	padding-top:100px;
	padding-bottom:100px;
	text-align:center;
}

#meebo .meebo-39{

}
