@charset "utf-8";
/* CSS Document */
body{padding:0px; margin:0; background: url(../images/bgimg.jpg) repeat 0 0 #ededed ; font:normal 12px/14px sans-serif; color:#636363; }
div, td, p, form, input, ul,em, li,h1, h2, h3,h4,h5,h1,a, img{padding:0px; margin:0px;}
.clear{ padding:0; margin:0; clear:both; line-height:0; font-size:0;}
ul{list-style-type:none;}
img{ outline: none; border:0;}
.red{ color:#F00;}
.green{ color:#11a2dc;}

/*-----------------*/
#maindiv{width:1132px; position:relative; margin:0 auto;}
#container{ width:992px; position:relative; margin:0 auto; clear:both;}
.pencil{ position:absolute; bottom:29px; left:2px;}

#topPanel{width:962px; height:114px; position:relative; margin:0 auto; background:url(../images/top_img.jpg) no-repeat 0 0; display:block; clear:both;}
#topPanel .logo{position:absolute; width:88px; left:94px; top:9px; display:block;}
#menu{position:absolute; left:193px; top:34px; width:486px;}
.menubuttom{ position:absolute; left:438px; top:0px;}
#menu ul{height:47px; background: url(../images/menubg.gif) repeat-x 0 0 #000; width:430px; padding-left:9px;}
#menu ul li{ float:left;  color:#fff; font-size:15px; font-family:'Rokkitt'; line-height:47px;}
#menu ul li a, .menu ul li a.select{ margin:0 8px 0 8px ; color:#fff; text-decoration:none;}
#menu ul li a.nomerg{ margin:0 0 0 7px;}
#menu ul li a:hover{ color:#009bda;}
#menu ul li a.select{color:#009bda;}

.socialnetwork{ float:right; /*width:270px;*/width:280px; padding:30px 0 0 0; }
.socialnetwork h1{ color:#009bda; font-size:12px; line-height:14px; font-weight:normal;font-family:'News Cycle'; text-align:right; width:280px; display:block;}
.socialnetwork h1 span{display:block;/*padding-right:8px;*/}
.socialnetwork div{ /*width:125px; float:left;*/ width:280px; float:right; display:block; font-size:13px; padding-top:5px; line-height:13px; font-family:'Rokkitt'; padding-left:0px; text-align:right;}
.socialnetwork div img, .socialnetwork div span{ float:right; display:block; margin-left:5px; }
/*.socialnetwork div div#LikePluginPagelet{ float:right; display:block; width:100px; border:1px solid red;}
*/
.fb-like iframe{ width:60px;}
.socialnetwork div a{text-align:right; color:#f68b1f; font-family:'Rokkitt'; font-size:14px; line-height:20px; text-decoration:underline;}
.socialnetwork div a:hover{text-decoration:none;}
.socialnetwork div span a{background:url(../images/sub_bg.png) 0 0 no-repeat; width:111px; height:19px; line-height:19px; vertical-align:middle; text-align:center; display:block; color:#fff; font:normal 14px/19px 'Rokkitt'; text-decoration:none;}
.socialnetwork div span a:hover{color:#502d0a;}
.socialnetwork div p{ float:left; display:block; width:95px; text-align:right; color:#808080; font-family:'Rokkitt'; font-size:13px; line-height:13px;}
.socialnetwork div p a{ text-decoration:none; color:#808080;}
.socialnetwork div p a:hover{ text-decoration:underline;}
/*------Body Panel---------*/
#bodyPanel{width:962px; position:relative; margin:0 auto; background:#fff; /* height:auto; display:block;  max-height:100%; */padding:25px 0 0 0; clear:both;}
.lefttop{ position:absolute; top:-12px; left:-14px;}
.righttop{ position:absolute; top:-12px; right:-14px;}
.rightbot{position:absolute; bottom:-10px; right:-9px;}
.rightbot01{position:absolute; bottom:-10px; right:2px;}
.leftbot{position:absolute; bottom:-10px; left:-10px;}
.leftbot01{position:absolute; bottom:-10px; left:-10px;}
.leftbot02{position:absolute; bottom:-10px; left:2px;}
#bodycontent{width:924px; position:relative; margin:0 auto;/* z-index:100;*/ clear:both;}
#bodycontenthead{width:910px; position:relative; margin:0 auto; clear:both;}
.headtxt{ background-color:#009bda; width:430px; height:270px; float:right;}
.headtxt h2{ font-family:'Rokkitt';font-weight:normal; padding:12px 33px 0 0; text-align:right; font-size:36px; color:#fff; line-height:38px;}
.headtxt h2 img{ margin-bottom:16px;}
.headtxt h3{font-family:'Rokkitt'; padding:10px 33px 0 0; text-align:right; font-size:22px; font-weight:normal; color:#fff;}
.headtxt .blue_textholder{ width:397px; padding-top:20px; padding-right:33px; }
.headtxt p{ display:block;font-family:'Rokkitt'; font-size:16px; line-height:21px; color:#fff;clear:both; text-align:right;}
.headtxt p.vidlink{ position:relative; display:block; padding:30px 0 0 0;font-family:'News Cycle'; font-size:13px;color:#fff;clear:both; text-align:right;}
.headtxt p.vidlink img{ position:absolute; top:38px; left:225px;}
.headtxt p.vidlink a{color:#ffffff; text-decoration:underline;}
.headtxt p.vidlink a:hover{color:#ffffff; text-decoration:none;}
.headtxt p span{display:block; padding-top:10px;}
.video{ float:left; background-color:#009bda;}
#bodycontentPanel{width:924px;position:relative; margin:0 auto; clear:both;}
.news{width:440px; float:left; padding:15px 30px 0 6px;}
.news h2{font:normal 23px/25px 'Rokkitt'; color:#11a2dc; padding-bottom:11px;}
.news h3{ padding:0 0 4px 156px; color:#000; font-family:'Rokkitt'; font-size:18px; line-height:18px; font-weight:normal;}
.news h3 a{color: #000000;text-decoration: none;}
.news h3 a:hover , .news p a:hover{color: #11a2dc;}
.news p{font-family:'News Cycle'; font-size:12px; line-height:14px; color:#888888; padding:0 0  0px 156px;text-align: justify;}
.news p.nopad{font-family:'News Cycle'; font-size:12px; line-height:14px; color:#888888; padding:0 0 0px 156px;text-align: justify; }
.news p a{color: #888888;text-decoration: underline;}
.graybold{ color:#000;}
.castrol{ width:304px; float:left; padding:15px 13px 0 8px;}
.castrol h2{font-size:23px; line-height:25px; color:#11a2dc; padding-bottom:12px; font-family:'Rokkitt'; font-weight:normal;}
.castrol h3{ padding:17px 0 0 0; color:#000; font-family:'Rokkitt'; font-size:16px; line-height:18px; font-weight:normal; }
.castrol p{padding:3px 0 0 0; width:100%; color:#888888; font-family:'News Cycle'; font-size:12px; line-height:14px;}
.design{ width:430px; float:left;padding:15px 0 0 0px; }
.design h2{font-size:23px; line-height:25px; color:#11a2dc; padding-bottom:11px; font-family:'Rokkitt'; font-weight:normal;}
.listprogram{ padding-bottom:11px; width:100%; display:block; clear:both; }
.listprogram img{ float:left; margin-right:12px;}
.listprogram h3{padding:0 0 0 0; color:#000; font-family:'Rokkitt'; font-size:18px; line-height:18px; float:left; font-weight:normal;}
.listprogram h3 a{ color:#000; text-decoration:none;}
.listprogram h3 a:hover{color:#11a2dc;}
.listprogram p{padding:0 0 0 0; width:350px; color:#888888; font-family:'News Cycle'; font-size:12px; line-height:14px; float:left;}
.paddinbotno{ padding-bottom:0;}
.botextrabrd{width:100%; height:35px; position:relative; margin:0 auto; background:url(../images/border.jpg) 0 100% no-repeat; clear:both; padding:3px 0 7px 0; }
.arrow{ float:right; display:block; clear:both; margin-top:6px;}
.arrow1{ float:right; display:block; clear:both; margin-top:7px;}
.arrow2{ float:right; display:block; clear:both; padding-top:35px; *padding-top:52px;}

#brd{width:100%;height:2px; position:relative; margin:0 auto; display:block; clear:both;}
#botBody{width:920px; background:#fff; position:relative; margin:0 auto;padding:15px 0 21px 0; display:block; clear:both;}
.greenDiv {display: block;float: left;padding-left: 5px;width: 435px;}
.greenDiv img {border: 1px solid #CCCCCC;float: left;margin-right: 14px;}
.greenDiv h2{ font-size:23px; line-height:25px; color:#11a2dc; padding-bottom:17px; font-family:'Rokkitt'; font-weight:normal;}
.greenDiv h3{ color: #000000; float: left; font-family: 'Rokkitt'; font-size: 18px; font-weight: normal; line-height: 14px; padding: 0;width: 264px; }
.greenDiv p{color: #888888;float: left;font-family: 'News Cycle';font-size: 12px;line-height: 14px;padding: 2px 0 0;width: 264px;}
.greenDiv p.ptop5{padding-top:8px;}
.award{display: block;float: left; padding-left: 7px; width: 470px;}
.award .imgholder{ float:left;  width:83px; padding-left:18px; display:block; overflow:hidden; height:100%;}
.imgholder img{ margin-bottom:5px;}
.award h2{ color: #11A2DC;font-family: 'Rokkitt'; font-size: 23px;font-weight: normal;line-height: 25px;padding-bottom: 17px;}
.award h3{padding:5px 0 0 0; color:#000; font-family:'Rokkitt'; font-weight:normal; font-size:16px; line-height:14px; float:left; width:342px; }
.award p{padding:6px 0 0 0; width:342px; color:#888888; font-family:'News Cycle'; font-size:12px; line-height:14px; float:left;}
/*------Footer Panel---------*/
#footerPanel{position:relative; margin:0 auto; padding:10px 0 0 0; width:964px; display:block; clear:both;}
#footerPanelBg{position:relative; margin:0 auto; background:url(../images/footerbg.gif) 0 0 repeat-y #000; height:18px;} 
.leftfooter{ width:120px; position:absolute; left:21px; line-height:18px; font-family:'Rokkitt'; color:#fff; font-size:12px; }
.rightfooter{ text-align:right; position:absolute; line-height:18px; right:6px; font-family:'Rokkitt'; color:#fff; font-size:12px; }
.rightfooter a{ color:#fff; font-family:'Rokkitt'; text-decoration:none;}
.rightfooter a:hover{ color:#009bda; text-decoration:none;}

/*---------- OUR STORY----------------------------*/
#ourStoryPan{width:922px; position:relative; margin:0 auto; background:#fff; clear:both;}
#ourStoryPan h2.title{background:url(../images/our_story_border.jpg) 0 100% no-repeat; clear:both; font-family:'Rokkitt'; font-weight:normal; font-size:37px; color:#009bda; line-height:48px; height:48px; text-transform:uppercase; padding:0; margin:0}
#ourstoryHeader{width:922px; height:360px; position:relative; margin:0 auto; display:block; padding:14px 0 0 0; clear:both;}
#ourStoryPan h2{background:url(../images/our_story_border.jpg) 0 100% no-repeat; clear:both; font-family:'Rokkitt'; font-weight:normal; font-size:37px; color:#009bda; line-height:48px; height:48px; text-transform:uppercase; padding:16px 0 0 0;}
#crewPan{width:878px; position:relative; margin:0 auto; padding:39px 0 0 0; clear:both; }
.crewBlog{width:150px; height:256px; float:left; display:block;}
.crewBlog h3{font-family:'Rokkitt'; font-weight:normal; font-size:18px; color:#000000; line-height:27px; display:block; height:27px;}
.crewBlog h4{font-family:'News Cycle'; font-weight:normal; font-size:12px; color:#5a5b5d; line-height:14px; display:block; height:14px;}
.crewBlog h5{font-family:'News Cycle'; font-weight:normal; font-size:12px; color:#5a5b5d; line-height:14px; display:block; height:14px;}
.crewBlog h5.orange{color:#f68b1f;}
.crewBlog h5.blue{color:#009bda;}
.crewBlog h5.red_in{color:#e3173e;}

.crewBlog img{width:137px; height:158px; background:#f4f4f4; border:1px solid #a2a2a2;}
.crewBlogBlank{width:90px; height:220px; float:left; display:block;}
/*---------- OUR WORK----------------------------*/
#ourworkPan{width:922px; position:relative; margin:0 auto; clear:both;}
#ourworkPan h2.title{background:url(../images/our_story_border.jpg) 0 100% no-repeat; clear:both; font-family:'Rokkitt'; font-weight:normal; font-size:37px; color:#009bda; line-height:48px; height:48px; text-transform:uppercase; padding:0; margin:0;}
#ourworkPan h2{background:url(../images/our_story_border.jpg) 0 100% no-repeat; clear:both; font-family:'Rokkitt'; font-weight:normal; font-size:37px; color:#009bda; line-height:48px; height:48px; text-transform:uppercase; padding:16px 0 0 0;}
#workPan{width:889px; position:relative; margin:0 auto; padding:39px 0 0 0; clear:both;}
#feaPan{width:889px; position:relative; margin:0 auto; padding:39px 0 0 0; clear:both;}
.workBlog{width:186px; height:232px; float:left; display:block;}
/*.workBlog h3{font-family:'Rokkitt'; font-weight:normal; font-size:18px; color:#000; line-height:18px; display:block; padding:8px 0 0 0;}
.workBlog h4{font-family:'News Cycle'; font-weight:normal; font-size:12px; color:#5a5b5d; line-height:14px; display:block; padding:3px 0 0 0;}
.workBlog div.imgPrev{ display:block; border:none; clear:both; width:148px;}
.workBlog div.imgPrev a{ width:auto; height:auto; display:block; padding:0; background:none;}
.workBlog div.imgPrev a:hover{padding:0; background:none;}
.workBlog img{width:146px; height:112px; background:#f4f4f4; border:1px solid #a2a2a2;}
.workBlogBlank{width:89px; height:226px; float:left; display:block;}
.workBlog a{width:17px; height:14px; display:block; padding:10px 0 0 131px; background:url(../images/arrow.png) 100% 10px no-repeat;}
.workBlog a:hover{display:block; background:url(../images/arrow_ho.png) 100% 10px no-repeat;}*/
.workBlog h3{font-family:'Rokkitt'; font-weight:normal; font-size:18px; color:#000; line-height:18px;  display:block; padding:7px 0 5px 0;}
.workBlog h3 a{font-family:'Rokkitt'; font-weight:normal; font-size:18px; color:#000; line-height:18px; text-decoration:none;}
.workBlog h3 a:hover{font-family:'Rokkitt'; font-weight:normal; font-size:18px; color:#009bda; line-height:18px; text-decoration:none;}
.workBlog h4{font-family:'News Cycle'; font-weight:normal; font-size:12px; color:#5a5b5d; line-height:14px; display:block; padding:0px 0 7px 0;}
.workBlog h4 a{color:#5a5b5d; text-decoration:none; display:inline;}
.workBlog h4 a:hover{text-decoration:underline;}
.workBlog h4 sup{ font-size:6px; font-family:'News Cycle'; font-weight:normal; }
.workBlog span{display:block; border:none; clear:both; /*width:148px;*/ color:#009bda; font-family:'News Cycle'; font-weight:normal; font-size:12px;}
.workBlog div.imgPrev{ display:block; border:none; clear:both; width:148px; color:#009bda; font-family:'News Cycle'; font-weight:normal; font-size:12px;}
.workBlog a{ display:block; float:none;}
.workBlog div.imgPrev span{ width:auto; height:auto; display:block; padding:0; background:none;}
.workBlog div.imgPrev a:hover{padding:0; background:none;}
/*.workBlog img{width:146px; height:112px; background:#f4f4f4; border:1px solid #a2a2a2;}*/
.workBlog img{width:185px; height:108px; background:#f4f4f4; border:1px solid #a2a2a2;}
.workBlogBlank{width:44px; height:207px; float:left; display:block;}
/*---------- OUR CLIENTS----------------------------*/
/*#ourclientHeader{width:803px; height:250px; background:#009bda; position:relative; margin:14px auto; display:block; padding:14px 0 0 0; clear:both; color:#fff; font-family: 'Rokkitt', serif;font-size:28px; line-height:28px; font-weight:bold; padding:17px 59px 42px 59px; }
#ourclientHeader p{padding:32px 0 0 0;font-family: 'Rokkitt', serif;}*/
#ourclientHeader{width:920px; height:179px; background:#009bda; position:relative; margin:14px auto; display:block; clear:both; color:#fff; font-family: 'Rokkitt', serif; line-height:28px; }
#ourclientHeader p{font-weight:normal; font-size:22px;font-family: 'Rokkitt';padding:48px 210px 48px 59px; text-align:justify; }
#ourclientPan{width:922px; position:relative; margin:0 auto; clear:both;}
#ourclientPan h2.title{background:url(../images/our_story_border.jpg) 0 100% no-repeat; clear:both; font-family:'Rokkitt'; font-weight:normal; font-size:37px; color:#009bda; line-height:48px; height:48px; text-transform:uppercase; padding:0; margin:0;}
#ourclientPan h2{background:url(../images/our_story_border.jpg) 0 100% no-repeat; clear:both; font-family:'Rokkitt'; font-weight:normal; font-size:37px; color:#009bda; line-height:48px; height:48px; text-transform:uppercase; padding:16px 0 0 0; margin:0 0 30px 0;}
#clientPan{width:862px; position:relative; margin:0 auto; padding:30px 0 0 0; clear:both;}
.clientBlog{width:160px; height:222px; float:left; display:block;}
.clientBlog h3{font-family:'Rokkitt'; font-weight:normal; font-size:18px; color:#000; line-height:18px; display:block; padding:8px 0 0 0;}
.clientBlog h4{font-family:'News Cycle'; font-weight:normal; font-size:12px; color:#5a5b5d; line-height:14px; display:block; padding:10px 0 0 0;}
.clientBlog img{width:138px; height:138px; border:1px solid #d2d2d2}
.clientBlogBlank{width:15px; height:222px; float:left; display:block;}
/*---------- OUR forte----------------------------*/
/*#ourfortePan{width:922px; position:relative; margin:0 auto; background:#fff; clear:both;}
#ourfortePan h1{background:url(../images/our_story_border.jpg) 0 100% no-repeat; clear:both; font-family:'Rokkitt'; font-weight:normal; font-size:37px; color:#009bda; line-height:48px; height:48px; text-transform:uppercase;}
#ourforteHeader{width:803px; height:171px; background:#009bda; position:relative; margin:14px auto; display:block;  clear:both; color:#fff; font-family:'Rokkitt'; font-size:28px; line-height:28px; font-weight:bold; padding:0 59px 0 59px; }
#ourforteHeader h3{ padding:36px 0 0 0;}
#ourfortePan h2{background:url(../images/our_story_border.jpg) 0 100% no-repeat; clear:both; font-family:'Rokkitt'; font-weight:normal; font-size:37px; color:#009bda; line-height:48px; height:48px; text-transform:uppercase; padding:16px 0 0 0;}
#fortecontent{width:922px; position:relative; margin:0 auto; clear:both; padding:37px 0 72px 0; }
.forteleftblog{width:454px; float:left; display:block;}
.forteBlock{ position:relative;  width:454px; display:block; clear:both; }
.forteBlock img{ float:left; margin-right:12px; display:block;}
.forteBlock h3{padding:0 0 0 0; width:331px; color:#000; font-family:'Rokkitt'; font-size:16px; line-height:18px; float:left; font-weight:normal;}
.forteBlock p{padding:0 0 0 0; width:370px; color:#888888; font-family:'News Cycle'; font-size:12px; line-height:14px; float:left; padding-bottom:31px;}
.forterightblog{width:454px; float:left; display:block; padding-left:14px;}*/
#ourfortePan{width:922px; position:relative; margin:0 auto; background:#fff; clear:both;}
#ourfortePan h2.title{background:url(../images/our_story_border.jpg) 0 100% no-repeat; clear:both; font-family:'Rokkitt'; font-weight:normal; font-size:37px; color:#009bda; line-height:48px; height:48px; text-transform:uppercase; padding:0; margin:0;}
#ourforteHeader{width:922px; height:224px;  position:relative; margin:14px auto; display:block;  clear:both; color:#000; font-family:'Rokkitt'; font-size:18px; line-height:22px; font-weight:normal; padding:0; }
#ourforteHeader img{ margin:0 64px; float:left; display:block;}
#ourforteHeader h3{ float:left; width:288px; padding-top:33px; padding-left:15px; color:#009bda; font-family:'Rokkitt'; font-size:18px; line-height:22px; font-weight:normal;}
#ourfortePan h2{background:url(../images/our_story_border.jpg) 0 100% no-repeat; clear:both; font-family:'Rokkitt'; font-weight:normal; font-size:37px; color:#009bda; line-height:48px; height:48px; text-transform:uppercase; padding:16px 0 0 0;}
#fortecontent{width:922px; position:relative; margin:0 auto; clear:both; padding:0 0 0 0; }
.forteleftblog{width:266px; float:left; display:block;}
.forteblank{ width:46px; float:left; display:block;}
/*.forteBlock{ position:relative;  width:454px; display:block; clear:both; }
.forteBlock img{ float:left; margin-right:12px; display:block;}*/
.forteleftblog h3{padding:0 0 0 0; width:266px; color:#000; font-family:'Rokkitt'; font-size:18px; line-height:18px;  font-weight:normal; clear:both;}
.forteleftblog p{padding:0 0 25px 0; width:266px; color:#6d6e71; font-family:'News Cycle'; font-size:12px; line-height:14px; text-align:justify; }
.forteleftblog span{color:#6d6e71; font-family:'News Cycle'; font-size:12px; line-height:14px;}
.forteleftblog ul.list, .forteleftblog ul.list2{ float:left; width:140px; display:block; padding-bottom:20px;}
.forteleftblog ul.list li,.forteleftblog ul.list2 li{ background:url(../images/dot.gif) 0px 15px no-repeat; padding-left:14px; padding-top:7px; color:#6d6e71; font-family:'News Cycle'; font-size:12px; line-height:14px;}
.forteleftblog ul.list2{ width:124px;}
.forteleftblog ul.list li.linecontrol ,.forteleftblog ul.list2 li.linecontrol{ line-height:14px;}

/*~~~~~~~~~~~~~~~05-08-2011~~~~~~~~~~~*/
.latest_img_holder{display:block; position:relative; clear:both; min-height:90px;}
.latest_img_holder img.border1px{border:1px solid #9e9e9e;position:absolute; top:0; left:0;}
.latest_img_holder img.border01{border:1px solid #9e9e9e; margin-right:16px;}
.latest_img_holder img.wh{border:1px solid #fff;position:absolute; top:0; left:0;}
.letest_new_cont{ float:left; width:290px; clear:right;}
.padding_btm30{padding-bottom:30px;}
.padding_btm20{padding-bottom:20px; *padding-bottom:5px;}
.padding_left{padding-left:17px;}
.arrow_area{width:410px; position:relative; clear:both; padding:15px 0;}
.botextrabrd2{width:100%; height:5px; position:relative; margin:0 auto; background:url(../images/border1.jpg) 0 100% no-repeat; clear:both; padding:3px 0 7px 0; }

/*---------- Contact Us 05-08-2011----------------------------*/
#contactPan{width:922px; position:relative; margin:0 auto; background:#fff; clear:both;}
#contactPan h2.title{background:url(../images/our_story_border.jpg) 0 100% no-repeat; clear:both; font-family:'Rokkitt'; font-weight:normal; font-size:37px; color:#009bda; line-height:48px; height:48px; text-transform:uppercase; padding:0; margin:0;}
#contactPan_holder{width:920px; margin:0 auto; padding:23px 0 0 0;}
.contact_left{float:left; width:458px; padding-right:90px;}
.contact_left h3{  font: normal 23px/21px 'Rokkitt'; color:#009bda; margin:0; padding:0 0 15px 0;}
.contact_right{float:left; width:372px;font: normal 18px/20px 'Rokkitt'; color:#5A5B5D;}
.contact_right img{padding-bottom:13px;}
.contact_right p{ display:block;font: 12px/18px 'News Cycle';}
.contact_right a{color:#009BDA;text-decoration:underline;}
.contact_right a:hover{color:#009BDA; text-decoration:none; }
.cont_field{ position:relative; height:26px;  background:#ececec url(../images/field_bg.jpg) 0 0 repeat-x; margin-bottom:10px; }
.cont_field span{ float:left; display:block;height:25px; width:110px; position:relative;border-left:1px solid #00719f; border-right:1px solid #ececec;}
.cont_field label{ position:relative; display:block; float:left; vertical-align:middle;color:#fff; font:normal 18px/22px 'Rokkitt'; padding-left:15px; background:url(../images/cont_label.jpg) 0 0 no-repeat; width:98px; height:24px; padding-top:1px; text-align:left;}
.cont_field input{float:left; width:310px; height:18px; font:normal 16px/18px 'Rokkitt'; color:#a1a1a1; margin:2px 0 0 0; padding:4px 15px 2px 15px; background:none; border:none;}
.message_field{ position:relative; height:101px; background:#ececec url(../images/field_bg.jpg) 0 0 repeat-x; margin-bottom:10px;}
.message_field div{ float:left; margin-top:1px; *margin-top:0; display:block; height:100px; width:110px; background:#009bda; border-left:1px solid #00719f;  }
.message_field label{ float:left;display:block; background:url(../images/cont_msg_label.jpg) 0 0 no-repeat; vertical-align:middle; color:#fff; font:normal 18px/98px 'Rokkitt'; padding-left:15px; height:100px;width:98px; }

.message_field textarea{float:left; width:315px; height:58px; font:normal 16px/18px 'Rokkitt'; color:#a1a1a1; background:#ececec; border:none; padding:30px 15px 2px 15px; margin:6px 0 0 0; resize:none; }
.message_field textarea.focus{padding:0px 0px 2px 15px; height:88px;width:330px;}
.btn_fire_holder{ padding:0 0 0 0;}
.btn_fire_holder .btn{  background:url(../images/btn2.jpg) 0 0 no-repeat; width:104px; height:36px; color:#fff; font-size:15px; line-height:22px; font-family:'Rokkitt';  border:0; cursor:pointer; text-transform:uppercase; font-weight:bold;}

a{outline:none; border:none;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~Privacy policy~~08-08-2011~~~~~~~~~~~~~~~~~~~~~~~~~*/
#privacyPan {background: none repeat scroll 0 0 #FFFFFF;color: #000000;font: 11px/14px Arial,Helvetica,sans-serif;margin: 0 auto;position: relative;width: 910px;}
.headingText {color: #019BD9;font: bold 14px/14px Helvetica,Arial,sans-serif;}
#privacyPan h2 {color: #000000;font: bold 10px/14px Arial,Helvetica,sans-serif;padding: 8px 0 0;}
#privacyPan p {color: #777777;font: 10px/14px Arial,Helvetica,sans-serif;padding: 8px 0 0;}
#privacyPan ul {list-style-type: none;}
#privacyPan ul li{font:10px/14px Arial, Helvetica, sans-serif; color:#777777; padding:8px 0 0 0;}
#disclaimer {background: none repeat scroll 0 0 #FFFFFF;color: #777777;font: 11px/14px Arial,Helvetica,sans-serif;margin: 0 auto;position: relative;width: 340px;}
.alert {background: none repeat scroll 0 0 #FFFFFF;color: #777777;font: 11px/14px Arial,Helvetica,sans-serif;margin: 0 auto;position: relative;width: 340px;}
.alertS {background: none repeat scroll 0 0 #FFFFFF;color: #777777;font: 11px/14px Arial,Helvetica,sans-serif;margin: 0 auto;position: relative;width: 400px;}
.bigtxt{ font-size:14px; padding:30px; margin:0 20px; display:block; border:1px solid #dedddd; border-left:2px solid #ccc; border-bottom:2px solid #ccc; background:#f8f8f8;}
.padding_right20{padding:0 20px 15px 0;}
.padding_right20 input{ cursor:pointer;}
#map_canvas {width:297px; height:206px; margin:0 0 13px 0;}
/*~~~~~~~~~~New Css for Contact Page-09-08-2011~~~~~~~~~~~*/
.we_love{display:block; padding:50px 0 40px 0;}
* + html .we_love{display:block; padding:10px 0 0 0;}
.we_love h3{ float:left; margin:0; padding:0; background:#009bda; font:normal 36px/32px 'Rokkitt'; color:#fff; padding:28px 45px 28px 25px; width:218px;}
.we_love .contright{ float:left; padding:19px 0 0 27px; width:605px;}
.we_love .contright p.rokkit{font:normal 18px/18px 'Rokkitt'; color:#009BDA;padding-bottom:7px; padding-right:30px;}
.we_love .contright p.newcycle{font:normal 14px/14px 'News Cycle'; color:#000;padding-bottom:26px;}
.we_love .contright a{color:#009bda;}
.we_love .contright a:hover{ text-decoration:none;}
.black_text{color:#5A5B5D;}
.headtxt p span{display:block; padding-top:10px;}
/*~~~~~~~~~~~~~~~~~~~~achivements-09-08-2011~~~~~~~~~~~~~~~~~~~~~~~~~*/
.achive{ position:relative; clear:both;}
.achivements{ float:left; width:226px;}
.achivements span{ display:block; float:left; width:96px; text-align:center;}
.achivements p{float:left; width:123px; display:block;font:normal 11px/13px 'News Cycle'; color:#888888;padding:9px 0 0 7px;}
.padding_rht {padding-right:10px;}
.padbot{padding-bottom:20px;}
.balance{clear:both; display:block;}
a{outline:none; border:0;}
/*~~~~~~~~~~~~~~~11-08-2011~~~~~~~~~~~*/
.contact_address{display:block; padding-bottom:20px;}
.leftside_border{ float:left; width:458px;background:url(../images/left_border.jpg) 0 0 no-repeat;  margin:20px 0 0 0;}
.leftside_border h3{margin:0; padding:0;font:normal 36px/38px 'Rokkitt'; color:#009bda; padding:15px 0 0px 0;}
p.rokkit{font: 12px/15px 'News Cycle'; color:#5A5B5D; padding-bottom:7px; }
p.rokkit a{color:#009bda;text-decoration:underline;}
p.rokkit a:hover{ color:#009bda;text-decoration:none;}
.rightside_border{ float:right; width:372px;background:url(../images/right_border.jpg) 0 0 repeat-x; margin:20px 0 0 0; padding:15px 0 0 0;color: #000000; font:normal 18px/20px 'Rokkitt';}
.rightside_border p {color: #5A5B5D;font: 12px/18px 'News Cycle';}
.contact_address a{color:#F68B1F;text-decoration:underline; }
.contact_address a:hover{text-decoration:none;}
.contact_right p.gray{ color:#5a5b5d;font: 18px/20px 'Rokkitt';}
.rightside_border .orange{color:#f68b1f;font: 18px/20px 'Rokkitt';}
.rightside_border .orange a{color:#f68b1f; text-decoration:none;}
.rightside_border .red_contact{ color:#e3173e; font: 18px/20px 'Rokkitt';}
.blue_block{ background:#009bda;  font:normal 18px/18px 'Rokkitt'; color:#fff; padding:20px 13px 20px 13px; margin-bottom:10px;}
.rightside_border div{ float:left; width:185px;}
/*~~~~~~~~~~~~~~12-08-2011~~~~~~~~~~~~~~~*/
.forteleftblog h3 a{ color:#000; text-decoration:none;}
.forteleftblog h3 a:hover{ color:#009bda;}
input:focus, textarea:focus{ outline:none;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~23-08-2011~~~~~~~~~~~~~~~~~~~~~~~~~*/
.subscribe_nws{ width:605px; margin:0 auto; background:#fff;}
.subscribe_nws .close{display:block; background:#33afe1; height:20px; position:relative;}
.subscribe_nws .close img{position:absolute; top:5px; right:5px;}
.subscribe_holder{width:460px; margin:0 auto; padding:50px 0;}
.subscribe_holder h2{background: url("../images/our_story_border.jpg") no-repeat scroll 0 100% transparent;clear: both;color: #009BDA;font-family: 'Rokkitt';font-size: 36px;font-weight: normal;height: 48px;line-height: 48px;text-transform:capitalize; margin-bottom:30px; text-align:left;}
.subscribe_holder p{font:normal 12px/15px 'News Cycle'; color:#5a5b5d; padding-bottom:25px; text-align:left;}
.padding30{padding-top:30px;}
.btn_cancel{  background:url(../images/cancel.jpg) 0 0 no-repeat; width:104px; height:36px; color:#fff; font-size:15px;font-family:'Rokkitt';  border:0; cursor:pointer; text-transform:uppercase; font-weight:bold; margin-right:3px;}
.subscribe_holder p a{ color:#33afe1; text-decoration:underline;}
.subscribe_holder p a:hover{ text-decoration:none;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~Height for Ipad~~~~~~~~~~~~~~~~~~~~~~~~~*/
.ipadheight{ height:350px;}
.ipadheight01{ height:500px;}
.noarrowpad{ padding:0;}

/*---------- SEO Links----------------------------*/
.seoDiv{ width:100%; margin:0 auto; position:relative;  z-index:100;}
.seoDiv div.seohead{ height:26px; width:962px; position:relative; background-color:#e6e7e8; display:block; cursor:pointer;}
.seoDiv div.seohead h2{ height:26px; font-size:15px; line-height:26px; color:#000; font-weight:normal; position:relative; font-family:'Rokkitt'; padding-left:40px;}
.seoDiv div.seohead span{ position:absolute; left:20px; top:7px;}
.seoDiv div.seobody{ padding:0; width:942px; margin:0 ; display:block; position:relative;}
div.seobody div.graphics{ width:136px; padding:15px 0 38px 20px; display:block; float:left;}
div.graphics h2{ font-size:18px; font-family:'Rokkitt'; line-height:22px; color:#000; font-weight:normal; }
div.graphics ul{ color:#5a5b5d; font:normal 12px/15px 'News Cycle'; }
div.graphics ul li{margin-top:7px;}
div.graphics ul li a{color:#5a5b5d; text-decoration:none;}
div.graphics ul li a:hover, div.love2here p a:hover{ color:#000;}
div.graphics:hover{ background-color:#ededee;}
div.seobody div.love2here{ padding:17px 0 0 36px; display:block;float:right; width:280px;}
div.love2here h2{font-size:20px; font-family:'Rokkitt'; line-height:22px;  font-weight:normal; color:#009bda; padding-bottom:13px;}
div.love2here p{ margin-top:4px; font-size:16px; line-height:25px; font-family:'Rokkitt'; color:#000;}
div.love2here p span{ color:#009bda;}
div.love2here p img{ float:left; margin-right:10px;}
div.love2here p a{ text-decoration:underline; color:#009bda;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~17-10-2011~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.workBlog img.videoicon{width:14px; height:10px; background:none; border:none; position:absolute; top:11px; left:0; }
.video_icon_txt{position:relative; width:110px; margin:0; padding:5px 0 5px 20px; text-align:left;}
a.casestudy{ color:#4f4f4f; text-decoration:underline;font:normal 12px/15px 'News Cycle'; }
a.casestudy:hover{text-decoration:none;}
div.love2here p a.blck{ color:#000; text-decoration:none;}
div.love2here p a.blck:hover{ color:#009BDA;}

/*~~~~~~~~~~~~~~~~~~~~~~~case study~~18-10-2011~~~~~~~~~~~~~~~~~~~~~~~~~*/
#casestudyvideo{ background:#fff;font: 11px/14px 'Rokkitt';margin: 0 auto;position: relative;width:480px; padding:10px;}
#casestudyvideo h2{color: #019BD9; text-align:left;font: bold 22px/24px 'Rokkitt'; position:relative; padding-bottom:3px;}
#casestudyvideo h2 img{position:absolute; top:3px; right:0; display:block;}
.blue_icon{ padding-left:35px;}
.brd001{ background:#ccc;}
/*~~~~~~~~~~~~~~~~~~~~~~~~19-10-2011~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.achivements span.videoplayicon{width:75px; padding:3px 0 0 8px;}
.achivements span.videoplayicon img.playicon01{ float:left; padding:3px 0 0 0;}
a.videolink{ position:relative; display:block;color:#000000; text-decoration:underline; font:normal 11px/13px 'News Cycle'; padding:0px;}
a.videolink:hover{text-decoration:none;}

/*~~~~~~~~~~~~~~~~~~~~~~~~16-11-2011~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.greenDiv h3 a{ color: #000000; float: left; font-family: 'Rokkitt'; font-size: 18px; font-weight: normal; line-height: 14px; padding: 0; text-decoration:none; }
.greenDiv h3 a:hover{ color:#11A2DC;}
.greenDiv h2 a{ font-size:23px; line-height:25px; color:#11a2dc; text-decoration:none; font-family:'Rokkitt'; font-weight:normal;}
.greenDiv h2 a:hover{ color:#000;}
.videoplayicon2{display:block; float:right; width:95px; margin:10px 0 0 0;}
.videoplayicon2 img{float:left; margin-right:5px; margin-top:4px;}
.videoplayicon2 a{ text-decoration:underline; color:#000;}
.videoplayicon2 a:hover{ text-decoration:none;}