@import url("reset.css");
@import url("style01.css");

body{background:url(../images/kal_background_01.jpg) repeat-x center top}
a{}
img,input{ vertical-align:middle}
#wrap { width:962px; margin:0 auto; }
#header{ height:130px; position:relative}
#footer{ height:30px; clear:both}
#main { }
#main .content{ float:right; width:625px; }
#main .sideBar{ float:left; width:310px;}
.hack{ clear:both}
.top_effects{  position:absolute; display:none; left:0; top:0; width:100%; z-index:100; color:#FFF;background:url(../images/kal_10.png) repeat-x center bottom}
.top_effects .effects_bton{  width:962px;height:110px;margin:10px auto 0 auto; text-align:justify}
.top_effects .effects_bton p{ height:150px;}
.top_effects .effects_bton p strong{ }
.top_effects .effects_bton p span{ }

#header .logo{ position:absolute; left:0; top:25px;}
#header .top_cont{ height:25px; line-height:25px; background:url(../images/kal_03.gif) no-repeat 99% center}
#header .top_cont ul{ float:right; width:358px; height:25px; overflow:hidden;}
#header .top_cont ul li{ float:left;font-size:10px; padding-right:20px;height:25px;}
#header .top_cont ul li span{ float:left;width:15px; height:14px; margin-top:5px; overflow:hidden}
#header .top_cont ul li span.tell{ background:url(../images/kal_02.gif) no-repeat left 1px}
#header .top_cont ul li span.email{ background:url(../images/kal_02.gif) no-repeat left -14px}
#header .top_cont ul li.bton_01{ width:35px; background:url(../images/kal_01.gif) no-repeat left top }
#header .top_cont ul li.bton_01 a{ display:block;width:35px;}
#header .top_nav{ position:absolute; right:0; top:45px; width:625px; height:80px; overflow:hidden;}
#header .top_nav .sub_nav{ float:left; width:500px;}
#header .top_nav ul{ float:right; width:120px; text-align:left}
#header .top_nav ul li a{ font-weight:bold; color:#979797}
#header .top_nav ul li a:hover{ color:#000}
#header .top_nav .bton_02{ float:right; width:122px; height:80px; background:url(../images/kal_07.png) no-repeat right top}
#header .top_nav .bton_02 a{ display:block; float:right; width:60px; height:60px; }

#main .sideBar .sideBar_cont{}
#main .sideBar .sideBar_cont .news01{/* height:250px;*/padding-bottom:0;overflow:hidden}
#main .sideBar .sideBar_cont  .news01 h1{ padding-bottom:0;  }
#main .sideBar .sideBar_cont  .news01 p{  margin:10px 0 0 0; }
#main .sideBar .sideBar_cont  .news02 { padding-top:0; /*height:130px;*/border-top:dotted 1px #999;  overflow:hidden}
#main .sideBar .sideBar_cont  .news02 h3{ height:25px;}
#main .sideBar .sideBar_cont  .news02 img{ float:right; margin-left:10px;}
#main .sideBar .sideBar_cont  .news02 p{ font-size:12px; margin:.6em 0 .3em; }
#main .sideBar .sideBar_cont  .news02 a{ float:right; padding:5px 0;}
#main .sideBar .sideBar_cont  .news03{border-top:dotted 1px #999; }
#main .sideBar .sideBar_cont  .news03 h5{ letter-spacing:-.04em;margin:.7em 0 .2em;letter-spacing:-0.02em;}
#main .sideBar .sideBar_cont  .news03 .text{ }
#main .sideBar .sideBar_cont  .news03 .text .symbol{ font-size:72px;}
#main .sideBar .sideBar_cont  .news03 .text p{ padding:0 5px;}
#main .sideBar .sideBar_cont  .news03 .bton_04{ padding:10px 0; }
#main .sideBar .sideBar_cont  .news03 .bton_04 span{ color:#00a7e5 }
#main .sideBar .sideBar_cont  .news03 .bton_04 a{ float:right;}
#main .sideBar .sideBar_cont  .news03 .bton_04 img{ vertical-align:middle} 
#main .sideBar .sideBar_list{ padding-top:10px;}
#main .sideBar .sideBar_list p { }
#main .sideBar .sideBar_list h5{ }
#main .sideBar .sideBar_list h3{ height:35px; line-height:35px; border-bottom: solid 1px #ccc;  background:url(../images/kal_05.gif) no-repeat right center}
#main .sideBar .sideBar_list h3 a{ font-size:12px; font-weight:bold; line-height:35px;}
#main .sideBar .sideBar_list ul li{ height:38px; line-height:38px; border-bottom: solid 1px #ccc; position:relative; padding-left:25px;}
#main .sideBar .sideBar_list ul li a{ }
#main .sideBar .sideBar_list ul li a:hover{}
#main .sideBar .sideBar_list ul li span{ float:left;position:absolute; left:0px; top:12px; width:20px; height:16px; line-height:16px;}
#main .sideBar .sideBar_list ul li .on1{ background:url(../images/kal_06.gif) no-repeat center top}
#main .sideBar .sideBar_list ul li .on2{ background:url(../images/kal_06.gif) no-repeat center -16px}
#main .sideBar .sideBar_list ul li .on3{ background:url(../images/kal_06.gif) no-repeat center -35px}
#main .sideBar .sideBar_list ul li .on4{ background:url(../images/kal_06.gif) no-repeat center -53px}
#main .sideBar .sideBar_list ul li .on5{ background:url(../images/kal_06.gif) no-repeat center bottom}


#main .content .index_list_wrap {}
#main .content .index_list_wrap  .list_cont{ float:left; width:206px; overflow:hidden}
#main .content .index_list_wrap  .list_cont h3{margin:0 0 0 0; font-size:16px; color:#333; font-weight:bold; padding:6px 0 5px 0;}
#main .content .index_list_wrap  .list_cont ul li{ list-style:none; margin:0; padding:0; display:block; width:180px; }
#main .content .index_list_wrap  .list_cont ul li a{ display:block; color:#828282; padding:5px 0 5px 0; font-size:12px; border-bottom:1px solid #ECECEC;}
#main .content .index_list_wrap  .list_cont ul li a:hover{ color:#333;}


/*-----------------------------slide---------------------------*/
#main .content .slide{ width:625px; clear:both; position:relative;border-top:dotted 1px #999; padding-bottom:5px; overflow:hidden; background:url(../images/kal_08.gif) repeat-x left bottom}
#main .content .slide a{ outline:none}
.container, .container img{width:622px; height:331px; vertical-align:middle; overflow:hidden}
.container img{border:0; vertical-align:middle}
.Jafar_bton01{ position:absolute; right:5px; bottom:10px;}
.Jafar_bton{ position:absolute; right:20px; top:10px }
.Jafar_bton a{ padding:0 5px;}
/*-----------------------------#main .content-----------------*/
h2{ font-size:18px; padding:10px 0 0 0; margin-bottom:20px; font-weight:bold; color:#333; float:left; width:625px; border-top:dotted 1px #999}
h2 span{ padding-bottom:5px; color:#333; background:url(../images/kal_08.gif) repeat-x left bottom }
h2 em { color:#00a7e5; font-style:italic;  }
/*-----------------------------special_offers--------------------------------------*/
#main .content .special_offers{}
#main .content .special_offers ul li{margin-bottom:8px; border-bottom:dotted 1px #999; clear:both; position:relative; height:170px; margin:10px 0 10px 0;}
#main .content .special_offers .cont_left{ float:left; width:350px;}
#main .content .special_offers .cont_left h3{ font-size:18px; color:#000; font-weight:bold;font-variant:small-caps}
#main .content .special_offers .cont_left h3 span{}
#main .content .special_offers .bton_03{ padding-top:0px; margin:10px 0;}
#main .content .special_offers .bton_03 a{ display:block; width:87px; height:20px;  background:url(../images/kal_12.gif) no-repeat left top; position:absolute; bottom:10px;}
#main .content .special_offers .kal_img{ float:right; width:270px; text-align:center; overflow:hidden}
#main .content .special_offers .kal_img img{ vertical-align:middle }

/*-----------------------------Jobs Board------------------------------------*/
#main .content .jobs_board{font-size:12px;font-weight:normal; padding-bottom:25px; background:url(../images/kal_08.gif) repeat-x left bottom}
#main .content .jobs_board h3{ font-size:16px; font-weight:bold; padding-bottom:10px; border-bottom:dotted 1px #999; clear:both;}
#main .content .jobs_board .list01{ padding:10px 0; border-bottom:dotted 1px #999; margin:0 0 20px 0;}
#main .content .jobs_board .list01 a{ float:right}
#main .content .jobs_board .list01 ul li{ color: #000}
#main .content .jobs_board .list01 ul li span{ display:inline-block;width:75px;color:#00a7e5; font-weight:bold;}
#main .content .jobs_board h4{ padding:15px 0; font-size:12px;  font-weight:bold; color: #828282}
#main .content .jobs_board .list02 dt{ height:35px; line-height:35px; color:#000 }
#main .content .jobs_board .list02 dd{ color:#828282}
#main .content .jobs_board h5{ padding:20px 0}

/*-----------------------------services----2009-11-19-------------
#main .content .services{padding-bottom:25px; background:url(../images/kal_08.gif) repeat-x left bottom}
#main .content .services ul li{margin-bottom:8px; border-bottom:dotted 1px #999}
#main .content .services h3{height:35px; line-height:35px; font-size:18px;}
#main .content .services p{ font-size:12px; color:#828282;}
#main .content .services .bton_03{ height:27px; padding:10px 0}
#main .content .services .bton_03 span{ float:left; display:block;width:87px; height:20px; margin-top:3px;  background:url(../images/kal_15.gif) no-repeat left top}
#main .content .
 .Jafar_demo{ float:right;}
#main .content .services .Jafar_demo img{ }
#main .content .services .bton{ font-size:14px; display:block; width:23px; height:23px; line-height:23px;margin:0 2px;}
-------*/
/*-----------------------------services------------*/
#main .content .services{}
#main .content .services h3{ height:45px; line-height:45px; padding-top:10px; font-size:18px; font-weight:bold; }
#main .content .services p{ font-size:12px; color:#828282; line-height:16px;}
#main .content .services .cont_list{ padding-bottom:10px; width:625px; }
#main .content .services .cont_list ul li{ float:left; width:295px; overflow:hidden}

/*-----------------------------client_area--------------------------*/
#main .content .client_area{padding-bottom:25px; background:url(../images/kal_08.gif) repeat-x left bottom}
#main .content .client_area ul li{margin-bottom:8px; border-bottom:dotted 1px #999}
#main .content .client_area h3{height:35px; line-height:35px; font-size:18px;}
#main .content .client_area p{ font-size:12px; color:#828282;}
#main .content .client_area .bton_03{ padding-top:0px; margin:10px 0;}
#main .content .client_area .bton_03 a{ display:block; width:87px; height:20px;  background:url(../images/kal_23.gif) no-repeat left top}

/*-----------------------------Network----------------------------------*/
#main .content .network{padding-bottom:25px; background:url(../images/kal_08.gif) repeat-x left bottom}
#main .content .network .network_cont{border-bottom:dotted 1px #999}
#main .content .network .network_cont h3{height:50px; line-height:50px; font-size:18px; font-weight:bold;}
#main .content .network .network_cont p{ font-size:12px; color:#828282; font-weight:bold;}
#main .content .network .network_cont .bton_03{ padding-top:0px; margin:30px 0 10px 0;}
#main .content .network .network_cont .bton_03 a{ display:block; width:87px; height:20px;  background:url(../images/kal_16.gif) no-repeat left top}
#main .content .network .network_cont .bton a{ background:url(../images/kal_17.gif) no-repeat left top}
#main .content .network .network_cont .links{ height:27px; padding:20px 0 10px 0}
#main .content .network .network_cont .links img{ margin:0 5px;}

/*-----------------------------portfolio----------------------*/
#main .content .portfolio{}
#main .content .portfolio h2{ padding-bottom:10px;}
#main .content .portfolio h2 span.blue{ background:none!important}
#main .content .portfolio #rotate{ padding-top:8px}
/*#main .content .title_news{ padding:15px 0 5px 0; font-size:12px;color:#828282}
#main .content .portfolio_news p{ font-size:12px; color:#000; padding:3px 0; color:#333}*/
#main .content .portfolio h3{ font-size:14px; font-weight:bold; height:35px; line-height:35px;}
#main .content .portfolio .list{width:625px;overflow:hidden; border-bottom:dotted 1px #999}
#main .content .portfolio .list dl{ float:left; margin-right:6px;}
#main .content .portfolio .list dl dt{width:200px; height:123px;border:solid 1px #ccc; overflow:hidden}
#main .content .portfolio .list dl dt img{ width:200px; height:123px; vertical-align:middle}
#main .content .portfolio .list dl dd{ height:19px; padding:10px 0; text-align:left}
/*-----------------------------Case Study--------------------------------------*/
#main .content .case_study{}
#main .content .case_study h2{ padding-bottom:10px;}
#main .content .case_study h2 strong{ float:right; font-size:18px; font-weight:bold; color:#00a7e5}
#main .content .case_study .case_news{ padding:10px 0 20px 0;border-bottom:dotted 1px #999 }
#main .content .case_study h3{ height:35px; line-height:35px; font-size:16px; font-weight:bold}
#main .content .case_study .case_news p{ font-size:12px; font-weight:bold; color:#828282}
#main .content .case_study .branding{ width:625px;border-bottom:dotted 1px #999; overflow:hidden}
#main .content .case_study .branding p{ padding:1px 0}
#main .content .case_study .branding img{width:625px;}
#main .content .case_study .website{width:625px;overflow:hidden}
#main .content .case_study .website dl{ float:left; margin-right:6px;}
#main .content .case_study .website dl dt{width:200px; height:123px;border:solid 1px #ccc; overflow:hidden}
#main .content .case_study .website dl dt img{ width:200px; height:123px; vertical-align:middle}
#main .content .case_study .website dl dd{ height:19px; padding:10px 0; text-align:left}

/*-----------------------------NewsDevelopment--------------------------------*/
#main .content .news_development{}
#main .content .news_development .bton_03 a{ background:url(../images/kal_19.gif) no-repeat left top}

/*-----------------------------news_details---------------------------*/
#ma

#main .content .news_details .news_footer .tab{padding:10px 0;}
#main .content .news_details .news_footer .tab img{ margin:0 1px; vertical-align:middle}
#main .content .news_details .news_footer .tags{line-height:22px;}
#main .content .news_details .news_footer .tags span{ color:#00a7e5}
#main .content .news_details .news_footer .tags span a{ padding:0 2px;color:#00a7e5}
#main .content .news_details .news_footer .tags span a img{ vertical-align:middle }
#main .content .news_details .news_footer h3{ height:25px; line-height:25px; font-weight:bold;border-bottom:dotted 1px #999;}
#main .content .news_details .news_footer .form{ padding:10px 0}
#main .content .news_details .news_footer .form p{ padding:10px 0}
#main .content .news_details .news_footer .form p label{ display:block; font-size:11px; color:#000}
#main .content .news_details .news_footer .form p input{ border:solid 1px #999; border-color:#717171 #d9d9d9 #d9d9d9 #717171}
#main .content .news_details .news_footer .form p textarea{ height:100px; width:600px; border:solid 1px #999; border-color:#717171 #d9d9d9 #d9d9d9 #717171}
#main .content .news_details .news_footer .form .bton_news input{ border:0}


/*-----------------------------Singleton Birch------------------------------------*/
#main .content .singleton_birch{}
#main .content .singleton_birch h2{ width:625px;overflow:hidden}
#main .content .singleton_birch h2 em{ font-size:18px; font-weight:bold; color:#00a7e5; font-style:italic; }
#main .content .singleton_birch .cont_01{ width:625px; clear:both; position:relative;margin-top:10px; padding-bottom:5px;background:url(../images/kal_08.gif) repeat-x left bottom }
#main .content .singleton_birch .cont_01 span{ position:absolute; right:0; bottom:20px}
#main .content .singleton_birch p{ }
#main .content .singleton_birch p.img{ padding:0; margin:0; line-height:0; border-top:1px dotted #999; }
#main .content .singleton_birch .corporate_branding{width:625px;overflow:hidden}
#main .content .singleton_birch .corporate_branding dl{ float:left; margin-right:6px;}
#main .content .singleton_birch .corporate_branding dl dt{padding:5px; border:solid 1px #ccc; overflow:hidden}
#main .content .singleton_birch .corporate_branding dl dt img{ }
#main .content .singleton_birch .corporate_branding dl dd{ height:19px; padding:10px 0; text-align:left}

#main .content .notice{ padding:15px 0; color:#00b7ec!important}
#main .content .formtitle{ font-size:14px; font-weight:bold; padding:8px 0; color:#333}
#main .content .formtitle span{ font-size:14px; padding:0 2px; }
#main .content .formitem{ padding:2px 0; position:relative}
#main .content .formitem label{ display:block; font-size:12px; font-weight:bold; float:left; width:125px; color:#535353;overflow:hidden}
#main .content .formitem span{ position:absolute; right:150px; top:0}
#main .content .formitem input{ padding:3px; border: solid 1px #CACACA } 

#main .formitem .checkoutbtn{ display:block; margin:5px 0 5px 125px!important; border:none!important; background:none!important}

#main .page-head{ margin:0!important}
#main .padder{ padding:5px 0 0 5px!important;}
#main .padder p{ font-size:12px; color: #F00}
#main .padder p strong{ font-weight:bold }
#main .padder a{color:#F00; }

.validation-advice{ padding-left:0!important;background: none!important; color:#0A708E}
.forms  .validation-advice{ padding-left:125px!important;background: none!important; color:#0A708E}
.validation-failed{background:url(../images/contactv.jpg) no-repeat top right !important;border:1px solid #a3a3a3 !important}
.validation-passed{ background:url(../images/contactt.jpg) no-repeat top right !important;border:1px solid #a3a3a3 !important}
.submitbtn{background:none!important;border:none!important;}

#main .contactpage .messages{ margin:15px 0!important;}
#main .contactpage .messages .success-msg{border:1px solid #0191bb !important;background:#a7e4f6!important; color:#0191BB!important; margin:0!important;}
#main .contacttable{ margin-top:15px!important;}

.clientspage .clientsitem{border:1px solid #A3A3A3;float:left;height:98px;margin-right:4px;margin-top:7px;width:150px;}
#main .content .portfolio .clientslogo{ width:150px!important; height:98px!important; overflow:hidden}


#shadowbox{ background-color:#000; padding:30px !important; -moz-border-radius:6px;}
#shadowbox_body{border:0px solid #FFFFFF !important;position:static !important; }

#shadowbox_title{ }
#shadowbox_counter{display:none}
#shadowbox_nav_previous{ height:56px!important;width:26px!important;position:absolute!important;top:40%!important;left:25px;background-image:url(../images/previous_01.png)!important; background-repeat:no-repeat!important;}
#shadowbox_nav_next{height:56px!important;width:26px!important; position:absolute!important; top:40%!important; right:25px;background-image:url(../images/next_01.png)!important; background-repeat:no-repeat!important; background-position:right}
#shadowbox_nav_close{ position:absolute;padding:5px;right:-15px;top:-15px; background:url(../images/close.png) no-repeat!important} 

#shadowbox_info,#shadowbox_info_inner{ position:static!important;}
#oldshadowbox{ width:650px;}


.bottom{/*bottom:-40px;*/position:relative;}
.bottom .bottomleft{ float:left;height:18px; line-height:18px; padding:2px 0; background:transparent url(../images/kal_21.gif) no-repeat scroll left top!important;}
.bottom .bottomleft a{color:#FFF; font-weight:bold;  padding-left:115px;}
.bottom .bottomright{ float:right; color:#04a4cb; font-weight:bold; height:18px; line-height:18px;padding:2px 0; }



.content h2{ position:relative}
.backbtn{ float:right ;}
.backbtn02{ display:none}

#shadowbox_loading{ width:90%!important;}
#shadowbox_loading_indicator{ margin:30% 0 0 40%!important;}
.news_details .news-image{ float:right; }
.oldshadowbox #shadowbox_info { background:none!important}
#shadowbox_info {height:18px;padding:2px 0; background:url(../images/size_001.gif) no-repeat scroll right  center !important}


/*-----------------------------campaign--------------------------*/
#main .content .campaign input{ border:none;background:transparent; font-size:12px; color:#666;}
#main .content .campaign{padding-bottom:25px; background:url(../images/kal_08.gif) repeat-x left bottom}
#main .content .campaign ul li{margin-bottom:8px; border-bottom:dotted 1px #999}
#main .content .campaign h3{height:35px; line-height:35px; font-size:18px;}
#main .content .campaign p{ font-size:12px; color:#828282;}
#main .content .campaign .bton_03{ padding-top:0px; margin:10px 0;}
#main .content .campaign .bton_03 a{ display:block; width:87px; height:20px;  background:url(../images/kal_23.gif) no-repeat left top}

#main .content .campaign .form_left{ float:left; width:422px; margin-top:15px;}
#main .content .campaign .form_right{ float:right; width:208px; margin-right:-10px; margin-top:10px;}

.campaign .form_left strong span{ font-weight:bold; color:#27a0f8; font-size:17px}
.campaign .form_left .input{ padding:5px 0;}
.campaign .form_left input{ vertical-align:middle}
.campaign .form_left .inp input{ width:415px; border:none!important; background:transparent!important;}
.campaign .form_left .input02{ padding:10px 0;}
.campaign .form_left strong{ display:block; line-height:25px; font-size:12px; font-weight:bold; color:#000}
.campaign .form_left .inp{ border:solid 1px #b7b7b7; padding:3px 0; text-align:center;}
.campaign .form_left span.blackbar{ font-size:11px; color:#4c4c4c; padding:3px 5px; display:block; background:url(../images/bj001.jpg) no-repeat left bottom; clear:both }
.campaign .form_left .would{ padding:8px 0; font-size:12px; font-weight:bold; color:#000}

.campaign .form_left .input02 .blackbar01{ padding:3px 0; border:solid 1px #CCC; display:inline-block; width:208px; float:left; text-align:center; background:#FFF}
.campaign .form_left .input02 .blackbar01 input{width:208px;border:none; }
.campaign .form_left .input02 p{ padding:5px; font-size:12px; font-weight:bold;color:#000!important; }
.campaign .form_left .in01{background: #e7e7e7 url(../images/tt04.jpg) no-repeat left top}
.campaign .form_left .in02{background:#e7e7e7 url(../images/tt05.jpg) no-repeat left top}
.campaign .form_left .bton_003{ padding:30px 0 10px 0}
.campaign .form_left .link_01{ font-weight:normal; color:#4c4c4c}

#main .content .campaign .form_right h3{ font-size:12px; font-weight:bold; line-height:45px}
.campaign .form_right .form_div01{ margin-bottom:10px; position:relative}
.campaign .form_right .form_div01 img{ vertical-align:middle}
.campaign .form_right .form_div01 input{ vertical-align:middle}
.campaign .form_right .form_div01{ width:211px; height:110px; overflow:hidden; background:url(../images/tt06.jpg) no-repeat left top}
.campaign .form_right .form_div01 .form_cont{ padding:0 8px;}
.campaign .form_right .form_div01 strong{ font-weight:bold; color:#000!important}
.campaign .form_right .form_div01 h4{ padding:6px 0; font-size:14px; font-weight:bold; position:relative; color:#949494; font-style:italic}
.campaign .form_right .form_div01 h4 em{ font-size:14px; font-weight:bold; position:absolute; right:0; }
.campaign .form_right .form_div01 h4 span{color:#7ec921}
.campaign .form_right .form_div01 .form_cont p{ font-size:11px!important;}
.campaign .form_right .form_div01 .title_01{ position:absolute; bottom:5px; left:3px; font-size:11px!important}
.campaign .form_right .form_div01 .wi{ height:35px;}

.clearfix:after{content:" ";display:block;height:0;clear:both;visibility:hidden;}.clearfix{*display:inline-block;}
.campaign .form_left .inp .text{ width:320px; font-family:verdana; font-size:12px;padding-top:2px; float:left;margin-right: 5px;}
.file{ width:80px;overflow:hidden;  height:20px; *vertical-align:3px;float:right; background: url(../images/bton02.gif) no-repeat left center}
#file{ height:20px;margin-left: -100px;*margin-left:-3px;_margin-left:0px; background:none }
.campaign .form_left .input02 .inp input{ width:300px!important; }
.campaign .form_left .file input {
cursor:pointer;
height:20px !important;
margin-bottom:0!important; 
margin-left: -100px!important; 
*margin-left:-3px!important; 
_margin-left:0px!important; 
margin-top:0!important; 
opacity:0!important; 
padding:0!important; 
width:0 !important;
background:transparent!important; }



.news_cont .list_003{ position:relative; height:259px}
.news_cont .list_003 .img_tt3{ position:absolute; right:5px; top:25px}

.news_cont .list_004{ position:relative;height:590px}
.news_cont .list_004 .img_tt4{ position:absolute; right:0px; top:0}

.input02 .inp .validation-advice{ position: absolute; padding-top:15px;}


#main .campaign .messages{ margin:15px 0 0 0!important;}
#main .campaign .messages .success-msg{border:1px solid #0191bb !important;background:#a7e4f6!important; color:#0191BB!important; margin:0!important;}
#main .campaign{ margin-top:15px!important;}
#main .campaign .messages ul li {border-bottom:0px;margin-bottom:0px;}



.page_01{ float:left; width:440px;}
.page_02{ float:right;}
.page_02 img{ border:solid 1px #CCC}
.page_01 .con_01{ padding-top:20px;}
.page_01 .con_01 textarea{ width:410px; height:54px; padding:5px; border:solid 1px #CCC; font-size:11px; color:#666}
.page_01 .con_02{ padding:15px 0 0 0; }
.page_01 .con_02 p{ clear:both; margin:10px 0;border:solid 1px #CCC; padding:5px 0; height:18px;  }
.client_area .title4{ font-size:12px; font-weight:bold; line-height:35px;}
.tit_01{ padding:5px 0 15px 0}

.page_01 .ftp { padding-top:15px;}
.page_01 .ftp h4{ font-size:12px;  font-weight:bold; line-height:35px;}
.page_01 .ftp h4 span{ font-size:16px; color:#27a0f8; padding-left:3px;}
.page_01 .ftp p input{ width:410px;border:solid 1px #CCC; padding:5px; font-size:11px; color:#666; background:#fafafa}

.your_gallery{}
.your_gallery .gall_title{ height:37px; line-height:37px; font-size:11px;font-weight:bold; margin-bottom:10px;}
.your_gallery .gall_list{}
.your_gallery .gall_list ul li{ width:150px; height:160px; border:solid 1px #ccc!important; float:left; margin:2px!important; padding:0; background: url(../images/ff.jpg) no-repeat 95% 95%; overflow:hidden}

.your_gallery .gall_list .next{ clear:both; height:35px; line-height:35px; color:#0092ff; text-align:right; font-size:11px; font-weight:bold}
.your_gallery .gall_list .next a{ color:#0092ff; }


.text_text{ border:0px;height:16px; padding:0 3px; width:330px; font-family:verdana; font-size:12px;padding-top:2px; float:left;margin-right: 5px;}
.file_file{ width:80px; background: url(../images/bton02.gif) no-repeat left center; height:20px; *vertical-align:3px; overflow:hidden; float:left;}
#file_file{height:20px;margin-left: -154px;*margin-left:-3px; }
.file_file input {
cursor:pointer;
height:20px !important;
margin:0;
opacity:0;
padding:0;
width:0 !important;}