*{padding:0; margin:0; outline:none;} h1,h2,h3,h4,h5,h6{float:left;} body{font:normal 12px "LucidaGrande", Lucida Sans Unicode, Arial, Helvetica;color:#fff;background:#1d1d1d; outline:none; background-image:url(../images/bg-3.gif)} span.clear{clear:both;} img{border:none;} #outer_layout{width:100%; float:left;} #layout{width:980px; margin:0 auto;} #header{float:left; width:980px; border-bottom:1px solid #2c2b2b;} #header .logo{float:left; width:214px;padding:46px 33px 30px 12px; overflow:hidden} #header .logo img{float:left;} #nav{float:left;width:700px; padding:2px 0 0 0; list-style:none;margin-bottom:2px; display:inline; margin-left:13px; } #nav .agency{float:left; width:228px; font:normal 23px Georgia, "Times New Roman", Times, serif;color:#cbcbcb; height:110px; margin:6px 5px 0 5px; display:inline; padding:0; position:relative;} #nav .agency a{float:left; width:208px;height:60px; padding:48px 10px 0 11px; text-decoration:none; color:#cbcbcb;font:normal 23px/27px Georgia, "Times New Roman", Times, serif;color:#cbcbcb; } #nav .agency.current a{background:url(../images/top_selected_nav.jpg) repeat-x 0 0;} #nav .agency a:hover{background:url(../images/top_selected_nav.jpg) repeat-x 0 0; } #nav .agency ul{list-style:none;float:left; width:225px;position:absolute; left:5px; top:80px; margin-left:2px; display:inline;} #nav .agency ul li{float:left; margin-right:1px; display:inline;} #nav .agency ul li a{float:left; width:auto; display:block;font:normal 10px/10px "LucidaGrande", Lucida Sans Unicode, Arial, Helvetica;color:#656565; text-decoration:none;padding:2px 4px 2px 4px; height:auto; background:none!important;} #nav .agency ul li a:hover{float:left; width:auto; display:block;color:#cbcbcb; text-decoration:none;padding:2px 4px 2px 4px; height:auto; background:#213b46!important;} #nav .agency ul li.current a{float:left; width:auto; display:block;font:normal 10px/10px "LucidaGrande", Lucida Sans Unicode, Arial, Helvetica;color:#cbcbcb; text-decoration:none;padding:2px 3px 2px 3px; height:auto; background-color:#213b46!important; cursor:text} #nav .agency ul li.current a:hover{text-decoration:none;padding:2px 3px 2px 3px;} #nav .services{ float:left; width:228px; color:#666; height:114px; padding:6px 5px 0; display:inline; position:relative; border-left:1px solid #303030; font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; font-style: normal; font-weight: normal; font-variant: normal; } #nav .services a{float:left; width:200px;height:60px; padding:48px 10px 0; text-decoration:none; color:#cbcbcb;} #nav .services.current a{background:url(../images/top_selected_nav.jpg) repeat-x 0 0;} /* edit */ #nav .services a:hover{background:url(../images/top_selected_nav.jpg) repeat-x 0 0; float:left; width:200px;height:64px;} #nav .services ul{list-style:none;float:left; width:210px;position:absolute; left:9px; top:85px;margin-left:5px; display:inline;} #nav .services ul li{float:left; margin-right:3px; display:inline;} #nav .services ul li a{float:left; width:auto; display:block;font:normal 10px/10px "LucidaGrande", Lucida Sans Unicode, Arial, Helvetica;color:#656565; text-decoration:none;padding:2px 3px 2px 3px; height:auto; background:none!important;} #nav .services ul li a:hover{float:left; width:auto; display:block; font:normal 10px/10px "LucidaGrande", Lucida Sans Unicode, Arial, Helvetica;color:#cbcbcb; text-decoration:none;padding:2px 3px 2px 3px; height:auto; background:#213b46!important;} #nav .services ul li.current a{float:left; width:auto; display:block;font:normal 10px/10px "LucidaGrande", Lucida Sans Unicode, Arial, Helvetica;color:#cbcbcb; text-decoration:none;padding:2px 3px 2px 3px; height:auto; background-color:#213b46!important; cursor:text} #nav .services ul li.current a:hover{text-decoration:none;} #nav .technology{ float:left; width:215px; color:#666; height:110px; padding:6px 0 0 5px; display:inline; position:relative; border-left:1px solid #303030; font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; font-style: normal; font-weight: normal; font-variant: normal; } #nav .technology a{float:left; width:195px;height:60px; padding:48px 10px 0; text-decoration:none; color:#cbcbcb;} #nav .technology.current a{background:url(../images/top_selected_nav.jpg) repeat-x 0 0;} /* edit */ #nav .technology a:hover{background:url(../images/top_selected_nav.jpg) repeat-x 0 0;} #nav .technology ul{list-style:none;float:left; width:215px;position:absolute; left:14px; top:85px;} #nav .technology ul li{float:left; margin-right:3px; display:inline;} #nav .technology ul li a{float:left; width:auto; display:block;font:normal 10px/10px "LucidaGrande", Lucida Sans Unicode, Arial, Helvetica;color:#656565; text-decoration:none;padding:2px 3px 2px 0; height:auto; background:none!important;} #nav .technology ul li a:hover{ float:left; width:auto; display:block; font:normal 10px/10px "LucidaGrande", Lucida Sans Unicode, Arial, Helvetica; color:#cbcbcb; text-decoration:none; height:auto; background:#213b46!important; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } #nav .technology ul li.current a{float:left; width:auto; display:block;font:normal 10px/10px "LucidaGrande", Lucida Sans Unicode, Arial, Helvetica;color:#cbcbcb; text-decoration:none;padding:2px 3px 2px 3px; height:auto; background-color:#213b46!important; cursor:text} #nav .technology ul li.current a:hover{text-decoration:none;} #body_container{ width:968px; float:left; margin-top:45px; display:inline; padding-bottom:23px!important; padding-left:12px; } #body_container_inner{width:968px; float:left;} .margin_top{margin-top:38px!important; float:left} #body_container #left_container{float:left; width:240px; margin-top:8px; display:inline;} #body_container #left_container .tabs{float:left; width:212px; color:#656565; padding-left:19px;font:bold 11px "LucidaGrande", Lucida Sans Unicode, Arial, Helvetica;padding-bottom:12px; border-bottom:1px solid #2c2b2b} #body_container #left_container .tabs span.subheading1{color:#cbcbcb; padding:0 20px 0 17px;} #body_container #left_container .tabs span.subheading1 a{color:#fff; text-decoration:none!important} #body_container #left_container .tabs span.subheading1 a:hover{text-decoration:underline} #body_container #left_container .tabs span.subheading2{color:#31a7d5;padding-right:15px;} #body_container #left_container .tabs span.subheading2 a{color:#31a7d5;text-decoration:none!important; float:none; padding:0; width:auto;} #body_container #left_container .tabs span.subheading2 a:hover{text-decoration:underline} #body_container #left_container .tabs .subheading3{color:#31a7d5;} #body_container #left_container .tabs .subheading3 a{color:#31a7d5;text-decoration:none; float:none; padding:0; width:auto;} #body_container #left_container .tabs .subheading3 a:hover{text-decoration:underline} #body_container #left_container ul.link{float:left; list-style:none; width:230px;} #body_container #left_container ul.link li{float:left; color:#31a7d5;font:normal 11px "LucidaGrande", Lucida Sans Unicode, Arial, Helvetica; padding:8px 10px 7px 20px; width:200px; border-bottom:1px solid #2c2b2b; line-height:17px; text-decoration:none;} #body_container #left_container a{color:#31a7d5; text-decoration:none;} #body_container #left_container a:hover{text-decoration:underline;} #body_container #left_container .paging_outter{float:left; width:220px; padding:16px 0 0 18px;} #body_container #left_container .paging_outter .text{float:left;width:40px;color:#656565; font:normal 11px "LucidaGrande", Lucida Sans Unicode, Arial, Helvetica;} #body_container #left_container .paging_outter .paging{float:left; width:150px; } #body_container #left_container .paging_outter .paging ul{list-style:none; width:150px;float:left;} #body_container #left_container .paging_outter .paging ul li{display:inline;} #body_container #left_container .paging_outter .paging ul li a{color:#31a7d5;text-decoration:none;text-align:center; padding:0px; width:15px;display:block;font:normal 10px "LucidaGrande", Lucida Sans Unicode, Arial, Helvetica;border:1px solid #31a7d5;float:left; margin-right:3px; display:inline} #body_container #left_container .paging_outter .paging ul li a:hover{color:#656565; border:1px solid #656565;} #body_container #left_container .paging_outter .paging ul li a.current{color:#656565; font:normal 10px "LucidaGrande", Lucida Sans Unicode, Arial, Helvetica;border:1px solid #656565; cursor:text} #body_container #right_container{width:665px; float:left; padding-left:38px} #body_container #right_container h1{font:normal 28px/30px Georgia, "Times New Roman", Times, serif;width:660px; float:left; color:#cbcbcb; padding-bottom:3px} #body_container #right_container h1 span{float:left; color:#31a7d5;} #body_container #right_container p{color:#cbcbcb; font:normal 13px/18px "LucidaGrande", Lucida Sans Unicode, Arial, Helvetica; padding-top:21px; float:left;width:660px; } /*edit*/ #body_container #body_container_inner .highlight_point{float:left;width:665px;padding-top:18px;padding-bottom:10px;} #body_container #body_container_inner .highlight_point ul{float:left;width:665px;color:#cbcbcb; list-style:none;} #body_container #body_container_inner .highlight_point ul li{float:left; background:url(../images/li_arrow.jpg) no-repeat 0 7px; padding-bottom:5px; padding-left:16px; width:650px;font:normal 12px/20px "LucidaGrande", Lucida Sans Unicode, Arial, Helvetica;} #body_container #body_container_inner .highlight_point h4{width:340px; float:left;color:#699b07;font:normal 19px/20px Georgia, "Times New Roman", Times, serif; padding-bottom:10px;} #home_left{float:left; width:680px;} #home_left h1{color:#31a7d5;font:normal 28px Georgia, "Times New Roman", Times, serif;width:680px; padding-bottom:14px;} #home_left .text{float:left; width:680px; border-bottom:1px solid #2c2b2b;} #home_left .text p{float:left; width:680px;font:normal 14px "LucidaGrande", Lucida Sans Unicode, Arial, Helvetica; color:#656565; line-height:22px; padding-bottom:20px;} /*edit*/ #home_left{float:left; width:680px;} #home_left h1{color:#31a7d5;font:normal 28px Georgia, "Times New Roman", Times, serif;width:680px; padding-bottom:14px;} #home_left .text{float:left; width:680px; border-bottom:1px solid #2c2b2b;} #home_left .text p{float:left; width:680px;font:normal 14px "LucidaGrande", Lucida Sans Unicode, Arial, Helvetica; color:#656565; line-height:22px; padding-bottom:20px;} #home_left .text .more{padding-bottom:26px;float:left; color:#31a7d5;font:normal 11px "LucidaGrande", Lucida Sans Unicode, Arial, Helvetica;} #home_left .text .more a{ float:left; color:#31a7d5;font:normal 11px "LucidaGrande", Lucida Sans Unicode, Arial, Helvetica; text-decoration:none;} #home_left .text .more a:hover{ text-decoration: underline;} #home_left .services{float:left; width:680px; padding:20px 0 40px 0;} #home_left .services .heading{float:left; width:679px; text-transform:capitalize; color:#cbcbcb;font:normal 20px/29px Georgia, "Times New Roman", Times, serif; padding-left:1px;} #home_left .services .blog{float:left; width:650px; margin-top:9px; display:inline;} #home_left .services .blog1 {float:left; width:169px; margin-right:22px; display:inline} #home_left .services .blog1 h3{float:left;color:#cbcbcb; font:normal 15px Georgia, "Times New Roman", Times, serif;} #home_left .services .blog1 .quick_links{float:left; width:169px; margin-top:8px; display:inline} #home_left .services .blog1 .quick_links ul{float:left; width:169px; list-style:none;} #home_left .services .blog1 .quick_links ul li{float:left; width:155px; background:url(../images/plus_icon.jpg) no-repeat 0 7px; padding-bottom:5px;padding-left:9px;} #home_left .services .blog1 .quick_links ul li a{float:left;font:normal 12px "LucidaGrande", Lucida Sans Unicode, Arial, Helvetica;color:#31a7d5; text-decoration:none;} #home_left .services .blog1 .quick_links ul li a:hover{text-decoration:underline;} #home_left .services .blog2 {float:left; width:169px;margin-right:12px; display:inline} #home_left .services .blog2 h3{float:left;color:#cbcbcb;font:normal 15px Georgia, "Times New Roman", Times, serif;} #home_left .services .blog2 .quick_links{float:left; width:169px; margin-top:8px; display:inline} #home_left .services .blog2 .quick_links ul{float:left; width:169px; list-style:none;} #home_left .services .blog2 .quick_links ul li{float:left; width:157px; background:url(../images/plus_icon.jpg) no-repeat 0 7px; padding-bottom:5px;padding-left:10px;} #home_left .services .blog2 .quick_links ul li a{float:left;font:normal 12px "LucidaGrande", Lucida Sans Unicode, Arial, Helvetica; color:#31a7d5; text-decoration:none;} #home_left .services .blog2 .quick_links ul li a:hover{text-decoration:underline;} #home_left .services .blog3 {float:left; width:242px} #home_left .services .blog3 h3{float:left;color:#cbcbcb;font:normal 15px Georgia, "Times New Roman", Times, serif;} #home_left .services .blog3 .quick_links{float:left; width:242px; margin-top:8px; display:inline} #home_left .services .blog3 .quick_links ul{float:left; width:242px; list-style:none;} #home_left .services .blog3 .quick_links ul li{float:left; width:242px; background:url(../images/plus_icon.jpg) no-repeat 0 7px; padding-bottom:5px;padding-left:10px;} #home_left .services .blog3 .quick_links ul li a{float:left;font:normal 12px "LucidaGrande", Lucida Sans Unicode, Arial, Helvetica;color:#31a7d5; text-decoration:none;} #home_left .services .blog3 .quick_links ul li a:hover{text-decoration:underline;} #home_left .bottom_container{float:left; width:680px; border-bottom:1px solid #2c2b2b; padding-bottom:67px;} #home_left .bottom_container .bottom_left{float:left; width:319px; border-top:1px solid #2c2b2b; padding:29px 18px 0 0;} #home_left .bottom_container .bottom_left .twiter_right{float:right;width:94px; padding:0 0 15px 0} #home_left .bottom_container .bottom_left .twiter_right a img{border:none;} #home_left .bottom_container .bottom_left p{float:left; width:319px;font:normal 18px "LucidaGrande", Lucida Sans Unicode, Arial, Helvetica;color:#31a7d5;} #home_left .bottom_container .bottom_right h3{float:left;color:#cbcbcb; font:bold 20px Georgia, "Times New Roman", Times, serif; padding-bottom:10px; padding-left:11px;} #home_left .bottom_container .bottom_right{float:left; width:283px; border-top:1px solid #2c2b2b; padding:24px 0 0 0; margin-left:25px; display:inline;} #home_left .bottom_container .bottom_right ul{float:left; width:235px; list-style:none; margin-left:12px; display:inline;} #home_left .bottom_container .bottom_right ul li{float:left; width:242px; background:url(../images/plus_icon.jpg) no-repeat 0 6px; padding-bottom:5px;padding-left:9px;} #home_left .bottom_container .bottom_right ul li a{float:left;font:normal 12px "LucidaGrande", Lucida Sans Unicode, Arial, Helvetica;color:#31a7d5; text-decoration:none;} #home_left .bottom_container .bottom_right ul li a:hover{text-decoration:underline;} #home_right{float:left; width:240px; padding-left:40px;} #home_right h3{float:left; width:240px; margin:0; font:normal 18px Georgia, "Times New Roman", Times, serif; color:#699b07; padding-bottom:5px;} #home_right h5{float:left; width:240px; margin:0; font:normal 18px Georgia, "Times New Roman", Times, serif; color:#699b07; padding-bottom:9px;} #home_right p{float:left; width:240px; margin:0; padding:6px 0 10px; font:normal 12px/15px "LucidaGrande", Lucida Sans Unicode, Arial, Helvetica; color:#78797c; } /*#home_right p {float:left; font:bold 12px/12px "LucidaGrande", Lucida Sans Unicode, Arial, Helvetica; color:#78797c; width:100px; background:url(../images/date_arrow.jpg) no-repeat 100% 6px ;} */ #home_right p a{font:bold 12px "LucidaGrande", Lucida Sans Unicode, Arial, Helvetica; color:#78797c; text-decoration:none;} #home_right p a:hover{text-decoration:underline;} #home_right .features{ float:left; width:240px; padding-bottom: 43px; } #home_right .features p{float:left; width:238px; padding-bottom:20px;font:normal 12px/18px "LucidaGrande", Lucida Sans Unicode, Arial, Helvetica; color:#78797c; padding-left:7px;} #home_right .features .padding{ padding-top:13px;} #home_right .features p a{ padding-bottom:16px!important;font:normal 12px/18px "LucidaGrande", Lucida Sans Unicode, Arial, Helvetica; color:#78797c; cursor:pointer; text-decoration:none;} #home_right .features p a:hover{text-decoration:underline;} #home_right .features img{float:left;} #home_right .features h4{float:left; background:#699b07; width:232px; padding-left:8px;font:normal 14px/24px Georgia, "Times New Roman", Times, serif;} #home_right .features a.more{float:left;color:#31a7d5;font:normal 11px/16px "LucidaGrande", Lucida Sans Unicode, Arial, Helvetica; background:url(../images/left_arrow.jpg) no-repeat 0 3px; text-decoration:none; padding-left:16px; cursor:pointer;} #home_right .features a.more:hover{text-decoration:underline;} #portfolio{width:968px; float:left;} #portfolio . {float:left; width:968px; padding-bottom:23px; } /*edit*/ #portfolio .top_heading h1{float:left;font:normal 26px/28px Georgia, "Times New Roman", Times, serif;color:#31a7d5; width:800px; padding-bottom:14px; line-height:35px} #portfolio .top_heading p{float:left;font:normal 13px "LucidaGrande", Lucida Sans Unicode, Arial, Helvetica; color:#656565; line-height:22px; padding-bottom:20px; width:775px} /*edit*/ #portfolio .top_heading .top_arrow{float:right; width:53px;background:url(../images/top_arrow_divider.jpg) repeat-y 25px 0; margin-top:20px;padding-bottom:6px; margin-right:20px;display:inline;} #portfolio .top_heading .top_arrow a.top_left_arrow img{float:left; border:none; cursor:pointer; padding-top:13px;} #portfolio .top_heading .top_arrow a.top_right_arrow img{float:right; cursor:pointer;border:none; padding-top:12px;} #portfolio .more{padding-bottom:26px;float:left; color:#31a7d5;font:normal 11px "LucidaGrande", Lucida Sans Unicode, Arial, Helvetica;} #portfolio .more a{ float:left; color:#31a7d5;font:normal 11px "LucidaGrande", Lucida Sans Unicode, Arial, Helvetica; text-decoration:none;} #portfolio .more a:hover{ text-decoration: underline;} #crawsel{float:left; width:980px; padding-bottom:70px; border-bottom:1px solid #2c2b2b;} #crawsel .panel{float:left; width:980px;} #crawsel .panel .belt{float:left; width:980px;} #crawsel .panel .belt ul{float:left; width:980px; list-style:none;} #crawsel .panel .belt ul li{float:left; display:inline; } #crawsel .panel .belt ul li .col1{float:left; width:233px;margin-right:15px; display:inline;} #crawsel .panel .belt ul li .col1 a{font:normal 16px/16px "LucidaGrande", Lucida Sans Unicode, Arial, Helvetica; color:#78797c; } #crawsel .panel .belt ul li .col1 a:hover{text-decoration:underline; color:#31a7d5;} #crawsel .panel .belt ul li .col1 a img{border:3px solid #FFF; padding-bottom:10px;} #crawsel .panel .belt ul li .col1 .sub_link{font:normal 16px/16px Georgia, "Times New Roman", Times, serif; color:#31a7d5; padding-bottom:10px; padding-left:3px;} #crawsel .panel .belt ul li .col1 .sub_link a{font:normal 16px/16px Georgia, "Times New Roman", Times, serif; color:#31a7d5; text-decoration:none;} #crawsel .panel .belt ul li .col1 .sub_link a:hover{text-decoration:underline;} #crawsel .panel .belt ul li .col1 p{font:normal 12px "LucidaGrande", Lucida Sans Unicode, Arial, Helvetica; color:#cbcbcb; } #crawsel .panel .belt ul li .col2{float:left; width:233px;display:inline;} #crawsel .panel .belt ul li .col2 a{font:normal 16px/16px "LucidaGrande", Lucida Sans Unicode, Arial, Helvetica; color:#78797c; } #crawsel .panel .belt ul li .col2 a:hover{text-decoration:underline; color:#31a7d5;} #crawsel .panel .belt ul li .col2 a img{border:none; padding-bottom:12px;} #crawsel .panel .belt ul li .col2 .sub_link{font:normal 16px/16px Georgia, "Times New Roman", Times, serif; color:#31a7d5; padding-bottom:10px;} #crawsel .panel .belt ul li .col2 .sub_link a{font:normal 16px/16px Georgia, "Times New Roman", Times, serif; color:#31a7d5; text-decoration:none;} #crawsel .panel .belt ul li .col2 .sub_link a:hover{text-decoration:underline;} #crawsel .panel .belt ul li .col2 p{font:normal 12px "LucidaGrande", Lucida Sans Unicode, Arial, Helvetica; color:#cbcbcb;} #portfolio .client_list{ width:968px; float:left; border-top:1px solid #2c2b2b; border-bottom:1px solid #2c2b2b; margin-top:50px; padding-top: 12px; padding-right: 0; padding-bottom: 25px; padding-left: 0; } #portfolio .client_list .client_heading{float:left; width:968px; padding-bottom:32px;} #portfolio .client_list h4{color:#699b07;font:normal 19px/20px Georgia, "Times New Roman", Times, serif; width:650px} #portfolio .client_list h3{float:left;color:#31a7d5; font:normal 15px Georgia, "Times New Roman", Times, serif; width:215px;padding-bottom:7px;} #portfolio .client_list .sorting{float:right; width:313px; padding-top:0;} #portfolio .client_list .sorting small{float:left;font:normal 12px/12px Georgia, "Times New Roman", Times, serif;color:#cbcbcb; padding-top:8px;} #portfolio .client_list .sorting select{background:#484848; color:#cbcbcb; float:left; width:213px; border:none;margin-top:5px; display:inline;font:normal 11px/11px Arial, Helvetica, sans-serif; padding:2px 0} #portfolio .client_list .list { float:left; width:233px; font:normal 13px/15px "LucidaGrande", Lucida Sans Unicode, Arial, Helvetica; color:#cbcbcb; padding-right:16px; } #portfolio .client_list .list ul{ float:left; width:233px; list-style:none; } #portfolio .client_list .list ul li{display:block; padding-bottom:5px;} #portfolio .client_list .list ul li a{font:normal 13px/15px "LucidaGrande", Lucida Sans Unicode, Arial, Helvetica; color:#31a7d5; text-decoration:none;} #portfolio .client_list .list ul li a:hover{text-decoration:underline;} #portfolio .client_list .list2 { float:left; width:233px; font:normal 13px/15px "LucidaGrande", Lucida Sans Unicode, Arial, Helvetica; color:#cbcbcb; padding-right:16px; } #portfolio .client_list .list2 ul{float:left; width:240px; list-style:none;} #portfolio .client_list .list2 ul li{display:block; padding-bottom:3px;} #portfolio .client_list .list2 ul li a{font:normal 13px/18px "LucidaGrande", Lucida Sans Unicode, Arial, Helvetica; color:#31a7d5; text-decoration:none;} #portfolio .client_list .list2 ul li a:hover{text-decoration:underline;} #portfolio .client_list .list3 { float:left; width:233px; font:normal 13px/15px "LucidaGrande", Lucida Sans Unicode, Arial, Helvetica; color:#cbcbcb; padding-right:16px; } #portfolio .client_list .list3 ul{float:left; width:240px; list-style:none;} #portfolio .client_list .list3 ul li{display:block; padding-bottom:4px;} #portfolio .client_list .list3 ul li a{font:normal 13px/18px "LucidaGrande", Lucida Sans Unicode, Arial, Helvetica; color:#31a7d5; text-decoration:none;} #portfolio .client_list .list3 ul li a:hover{text-decoration:underline;} #portfolio .client_list .list_last { float:left; width:215px; font:normal 13px/15px "LucidaGrande", Lucida Sans Unicode, Arial, Helvetica; color:#cbcbcb; } #portfolio .client_list .list_last ul{ float:left; width:222px; list-style:none; } #portfolio .client_list .list_last ul li{display:block; padding-bottom:4px;} #portfolio .client_list .list_last ul li a{font:normal 13px/17px "LucidaGrande", Lucida Sans Unicode, Arial, Helvetica; color:#31a7d5; text-decoration:none;} #portfolio .client_list .list_last ul li a:hover{text-decoration:underline;} #portfolio_details{width:980px; float:left; margin-bottom:12px; display:inline;} #left_details{float:left; width:400px; background:#1f2225;} #left_details .top_arrow_outer{float:left; border-bottom:1px solid #1d1d1d; width:380px; padding-left:20px;padding-bottom:8px;} #left_details .top_arrow_outer .top_arrow{float:left; width:53px;background:url(../images/top_arrow_divider2.jpg) repeat-y 25px 0;margin-bottom:6px; display:inline;padding-top:6px;margin-top:5px;} #left_details .top_arrow_outer .top_arrow a.top_left_arrow img{float:left; border:none; cursor:pointer} #left_details .top_arrow_outer .top_arrow a.top_right_arrow img{float:right; cursor:pointer;border:none; } #left_details .content{float:left; width:380px; padding:8px 0 46px 20px;border-bottom:2px solid #1d1d1d;} #left_details .content h3{float:left;font:normal 24px/28px Georgia, "Times New Roman", Times, serif;color:#cbcbcb; padding-right:45px;width:315px;} #left_details .content p{float:left;font:normal 12px/18px "LucidaGrande", Lucida Sans Unicode, Arial, Helvetica;color:#cbcbcb; padding:20px 30px 30px 0; width:330px;} #left_details .launch{margin-right:24px; display:inline; float:left; width:66px; background:url(../images/launch_arrow.jpg) no-repeat right 1px;text-decoration:none; cursor:pointer; } #left_details .launch a{float:left;font:bold 12px/16px Georgia, "Times New Roman", Times, serif;color:#cbcbcb; text-decoration:none;} #left_details .launch a:hover{text-decoration:underline;color:#31a7d5;} #left_details .case_study{margin-right:28px; display:inline;float:left; color:#cbcbcb;background:url(../images/case_icon.jpg) no-repeat top right;text-decoration:none; cursor:pointer; width:88px; } #left_details .case_study a{float:left;font:bold 12px/16px Georgia, "Times New Roman", Times, serif;color:#cbcbcb; text-decoration:none} #left_details .case_study a:hover{text-decoration:underline;color:#31a7d5;} #left_details .note{float:left; width:350px; padding:14px 27px 65px 18px;border-bottom:1px solid #1d1d1d; background:url(../images/left_comma.jpg) no-repeat 17px 24px;} #left_details .note p{float:left; width:325px;font:normal 11px/18px "LucidaGrande", Lucida Sans Unicode, Arial, Helvetica;color:#cbcbcb; padding:39px 0 10px 1px; background:url(../images/bottom_comma.jpg) no-repeat 100% 100%; } #bottom_part{float:left; width:960px; background:#1f2225;} #bottom_service{float:left; width:700px; padding:14px 0 40px 19px;color:#cbcbcb;border-right:2px solid #1d1d1d;} #bottom_service h4{float:left;font:normal 15px/15px Georgia, "Times New Roman", Times, serif;color:#cbcbcb;padding-bottom:20px;width:700px;} #bottom_service .links1{float:left; width:155px; margin-right:65px; display:inline;} #bottom_service .links1 ul{float:left; list-style:none;} #bottom_service .links1 ul li{display:block; padding-bottom:10px;font:normal 11px/11px "LucidaGrande", Lucida Sans Unicode, Arial, Helvetica; color:#cbcbcb;} #bottom_service .links1 ul li a{font:normal 11px/11px "LucidaGrande", Lucida Sans Unicode, Arial, Helvetica; color:#31A7D5; text-decoration:none;} #bottom_service .links1 ul li a:hover{ text-decoration:underline;} #bottom_service .links2{float:left; width:200px;margin-right:40px; display:inline;} #bottom_service .links2 ul{float:left; list-style:none;} #bottom_service .links2 ul li{display:block; padding-bottom:10px;font:normal 11px/11px "LucidaGrande", Lucida Sans Unicode, Arial, Helvetica; color:#cbcbcb;} #bottom_service .links2 ul li a{font:normal 11px/11px "LucidaGrande", Lucida Sans Unicode, Arial, Helvetica; color:#31A7D5; text-decoration:none;} #bottom_service .links2 ul li a:hover{ text-decoration:underline;} #bottom_service .links3{float:left; width:160px;} #bottom_service .links3 ul{float:left; list-style:none;} #bottom_service .links3 ul li{display:block; padding-bottom:10px;font:normal 11px/11px "LucidaGrande", Lucida Sans Unicode, Arial, Helvetica; color:#cbcbcb;} #bottom_service .links3 ul li a{font:normal 11px/11px "LucidaGrande", Lucida Sans Unicode, Arial, Helvetica; color:#31A7D5; text-decoration:none;} #bottom_service .links3 ul li a:hover{ text-decoration:underline;} #projects{float:left; width:220px;padding-left:19px; padding-top:14px;color:#cbcbcb;} #projects h5{float:left; width:220px;font:normal 15px/15px Georgia, "Times New Roman", Times, serif; padding-bottom:20px;} #projects .links4{float:left; width:160px;} #projects .links4 ul{float:left; list-style:none;} #projects .links4 ul li{display:block; padding-bottom:10px;font:normal 11px/11px "LucidaGrande", Lucida Sans Unicode, Arial, Helvetica; color:#cbcbcb;} #projects .links4 ul li a{font:normal 11px/11px "LucidaGrande", Lucida Sans Unicode, Arial, Helvetica; color:#31A7D5; text-decoration:none;} #projects .links4 ul li a:hover{ text-decoration:underline;} #right_details{float:right; width:541px; margin-right:20px; display:inline;} /************** Process Page *****************/ #process{width:968px; float:left;} #process .top_heading {float:left; width:968px; padding-bottom:23px;} /*edit*/#process .top_heading h1{float:left;font:normal 26px/28px Georgia, "Times New Roman", Times, serif;color:#cbcbcb; width:960px}/*edit*/ #process #content_box{width:968px; float:left;} #process #content_box .heading_box{width:968px; float:left;} #process #content_box .content_row{width:968px; float:left; padding:5px 0 10px;} #process #content_box .box1{width:220px; float:left; margin-right:20px; display:inline;padding:16px 0 135px 20px; background:url(../images/texture_bg.gif) repeat-x 0 0;} #process #content_box .box2{width:460px; float:left; border-top:3px solid #303030;padding-top:15px;} #process #content_box .box3{width:228px; float:right;border-top:3px solid #303030;padding-top:15px;} #process #content_box .box1_top{width:240px; float:left; margin-right:20px; display:inline;} #process #content_box .box2_top{width:460px; float:left;} #process #content_box .box3_top{width:228px; float:right;} #process #content_box .box1_bottom{width:240px; float:left; margin-right:20px; display:inline; height:5px; font-size:2px; line-height:2px;} #process #content_box .box2_bottom{width:460px; float:left;height:2px; font-size:2px; line-height:2px;border-top:3px solid #303030;} #process #content_box .box3_bottom{width:228px; float:right;height:2px; font-size:2px; line-height:2px;border-top:3px solid #303030;;} #process #content_box h4{color:#699b07;font:normal 19px/20px Georgia, "Times New Roman", Times, serif; width:auto;} #process #content_box h5{color:#cbcbcb;font:normal 18px/20px Georgia, "Times New Roman", Times, serif; width:auto;} #process #content_box p{font:normal 12px "LucidaGrande", Lucida Sans Unicode, Arial, Helvetica; color:#cbcbcb; width:460px;} #process #content_box ul{width:228px; float:left; list-style:none;font:normal 10px/16px "LucidaGrande", Lucida Sans Unicode, Arial, Helvetica; color:#cbcbcb;} #process #content_box ul li{width:228px; float:left; margin:2px 0;} #contactus{width:968px; float:left;} #contactus .top_heading {float:left; width:968px; padding-bottom:23px;} /*edit*/#contactus .top_heading h1{float:left;font:normal 26px/28px Georgia, "Times New Roman", Times, serif;color:#cbcbcb; width:960px}/*edit*/ #contactus #content_box{width:950px; float:left; background:url(../images/contact_dotted_border.gif) repeat-y 0 0; padding:25px 0 0 18px; margin-top:20px;} #contactus #content_box .row_box{width:222px; float:left; padding:0px 19px 0 0;} #contactus #content_box .row_box p{width:222px; float:left; height:auto;} #contactus #content_box .row_box .map_box{width:222px; float:left; margin-top:10px;} #contactus #content_box .row_box2{width:204px; float:left; padding:0px 18px 0 18px;} #contactus #content_box .row_box3{width:204px; float:left; padding:0px 0px 0 20px;} #contactus #content_box h4{width:200px; float:left; color:#6c6c6c;font:bold 12px/16px Georgia, "Times New Roman", Times, serif; padding-bottom:10px;} #contactus #content_box p{font:normal 12px/18px "LucidaGrande", Lucida Sans Unicode, Arial, Helvetica; color:#cbcbcb; width:204px; height:65px; float:left; padding-bottom:10px;} #contactus #content_box p a{color:#00aeef; text-decoration:none;} #contactus #content_box p a:hover{color:#00aeef; text-decoration:underline;} #contactus #content_box .form_row{width:204px; float:left; margin-bottom:10px;} #contactus #content_box form{width:204px; float:left;} #contactus #content_box form input{width:146px; float:left; border:1px solid #dddddd; height:15px; padding:1px 5px 1px; font:11px/12px Arial, Helvetica, sans-serif; color:#6c6c6c} #contactus #content_box form textarea{width:185px; float:left; height:120px; padding-left:5px;font:11px/12px Arial, Helvetica, sans-serif; color:#6c6c6c} #contactus #content_box form select{width:159px; float:left; border:1px solid #dddddd;font:11px/12px Arial, Helvetica, sans-serif; color:#6c6c6c} #contactus #content_box form input.button{width:69px; float:left; height:24px; border:none; padding:0 0 0 0; background:url(../images/submit_button.gif) no-repeat 0 0;font:bold 11px/12px Georgia, "Times New Roman", Times, serif; color:#00aeef; text-transform:uppercase; cursor:pointer; margin-top:10px;} #body_left{float:left; width:740px;} /* edit */ #body_left h1{color:#cbcbcb;font:normal 26px Georgia, "Times New Roman", Times, serif;padding-bottom:13px} #body_left a{color:#31a7d5;font:normal 12px Georgia, "Times New Roman", Times, serif;} #body_left a:hover{text-decoration:underline; color:#cbcbcb;} /* edit */ #body_left .text{float:left; width:740px;} #body_left .text p{float:left; width:700px;font:normal 14px "LucidaGrande", Lucida Sans Unicode, Arial, Helvetica; color:#bcb9b9; line-height:22px; padding-bottom:20px;} #body_left .product_content_box{width:740px; float:left; margin-top:30px;} #body_left .product_content_box .left_content_box{width:340px; float:left;} #body_left .product_content_box .right_content_box{width:340px; float:right;} /* edit */ #body_left .product_content_box .right_content_box2{width:340px; float:right;} /* edit */ #body_left .product_content_box h4{ width:340px; float:left;color:#699b07;font:normal 19px/20px Georgia, "Times New Roman", Times, serif; padding-bottom:10px;} #body_left .product_content_box p{ width:330px; float:left;font:normal 12px/15px "LucidaGrande", Lucida Sans Unicode, Arial, Helvetica;color:#cbcbcb; margin-bottom:2px;} /* edit */ #body_left .product_content_box .left_content_box ul{width:175px; float:left; list-style:none;font:normal 10px/16px "LucidaGrande", Lucida Sans Unicode, Arial, Helvetica; color:#1d1d1d;} #body_left .product_content_box .left_content_box ul li{width:auto; float:left; padding:0 20px 0px 3px;font:normal 10px/18px "LucidaGrande", Lucida Sans Unicode, Arial, Helvetica; border-bottom: 2px solid #000; background-color:#bacb26; color:#303030;text-decoration:none;} #body_left .product_content_box .right_content_box ul{width:175px; float:left; list-style:none;font:normal 10px/16px "LucidaGrande", Lucida Sans Unicode, Arial, Helvetica; color:#1d1d1d;} #body_left .product_content_box .right_content_box ul li{width:auto; float:left; padding:0 20px 0px 3px;font:normal 10px/18px "LucidaGrande", Lucida Sans Unicode, Arial, Helvetica; border-bottom: 2px solid #000; background-color:#83a708; color:#303030;text-decoration:none;} #body_left .product_content_box .right_content_box2 ul {width:205px; float:left; list-style:none;font:normal 10px/16px "LucidaGrande", Lucida Sans Unicode, Arial, Helvetica; color:#1d1d1d;} #body_left .product_content_box .right_content_box2 ul li.green{width:auto; float:left; padding:0 20px 0px 3px;font:normal 10px/18px "LucidaGrande", Lucida Sans Unicode, Arial, Helvetica; border-bottom: 2px solid #000; background-color:#3f8c12; color:#303030;text-decoration:none;} /* edit */ #body_left .product_content_box .more{padding:20px 0;float:left;font:normal 12px "LucidaGrande", Lucida Sans Unicode, Arial, Helvetica; width:320px;} #body_left .product_content_box .more a{ float:left; color:#31a7d5; text-decoration:none;} #body_left .product_content_box .more a:hover{ text-decoration: underline;} #body_left .product_content_box .casestudy{float:left;font:normal 12px/16px "LucidaGrande", Lucida Sans Unicode, Arial, Helvetica;width:320px;} #body_left .product_content_box .casestudy a{float:left; color:#31a7d5; text-decoration:none; padding-left:20px; float:left; width:auto; background:url(../images/case_study_icon.gif) no-repeat 0 1px;} #body_left .product_content_box .extra_link{width:340px; float:left; margin-top:100px; border-top:1px solid #303030; padding-top:15px;} #body_left .product_content_box .extra_link p{width:300px; float:left; background:url(../images/link_arrow.gif) no-repeat 0 3px;font:normal 12px/16px "LucidaGrande", Lucida Sans Unicode, Arial, Helvetica; padding-left:40px;} #body_left .product_content_box .extra_link a{color:#31a7d5; text-decoration:none;} #body_left .product_content_box .extra_link a:hover{color:#31a7d5; text-decoration:underline;} #body_right{float:right; width:200px; padding-right:10px;} #body_right h5{float:left; width:240px; margin:0; font:normal 18px Georgia, "Times New Roman", Times, serif; color:#699b07; padding-bottom:5px;} #body_right .profile{width:164px; float:left; border:2px solid #21272d; padding:15px; margin-bottom:17px;} #body_right .profile p{width:164px; float:left;color:#bcb9b9;font:normal 11px/15px "LucidaGrande", Lucida Sans Unicode, Arial, Helvetica;} #body_right .profile p strong{line-height:25px;} #body_right .profile .download{width:auto; float:left; font:bold 11px/15px "LucidaGrande", Lucida Sans Unicode, Arial, Helvetica; padding:20px 0; } #body_right .profile .download a.link{width:auto; float:left;padding:3px 30px 3px 15px; text-decoration:none; color:#333333;background-color:#8b8b8b;} #body_right .profile .download a.link img{padding-left:10px;} #body_right .solutions{width:178px; float:left; padding:15px 5px 15px 15px; margin-bottom:17px; background-color:#1f2225;} #body_right .solutions p{width:142px; float:left;color:#bcb9b9;font:normal 11px/18px "LucidaGrande", Lucida Sans Unicode, Arial, Helvetica; padding-left:32px; background:url(../images/solutions_icon.gif) no-repeat 0 5px;} #body_right .solutions ul{width:178px; float:left; list-style:none; margin-top:10px;} #body_right .solutions ul li{width:178px; float:left;font:11px/18px "LucidaGrande", Lucida Sans Unicode, Arial, Helvetica; margin:3px 0;} #body_right .solutions ul li a{ color:#31a7d5; text-decoration:none;} #body_right .solutions ul li a:hover{color:#31a7d5; text-decoration:underline;} #body_right .link_img{width:178px; float:left;padding:30px 5px 20px 15px; margin-bottom:17px;background-color:#1f2225;} #body_right .link_img .box_row{width:178px; float:left; padding-bottom:10px;} #body_right .link_img .left_box{width:auto; float:left; padding-bottom:10px;} #body_right .link_img .left_box img{float:left; margin-right:10px; display:inline;} #outer_footer{width:100%; float:left; height:200px;} #inner_footer{width:980px; margin:0 auto;} #footer{ float:left; width:968px; height:100px; font:normal 12px/15px "LucidaGrande", Lucida Sans Unicode, Arial, Helvetica; color:#78797c; padding-top: 0px; padding-right: 0; padding-bottom: 0px; padding-left: 10px; } #footer .contact{ float:left; width:350px; color:#78797c; padding-right:37px; padding-left: 6px; font-family: "LucidaGrande", "Lucida Sans Unicode", Arial, Helvetica; font-size: 11px; font-style: normal; line-height: 15px; font-weight: normal; font-variant: normal; } #footer .contact span{float:left; width:140px;font:normal 10px/15px Georgia, "Times New Roman", Times, serif;color:#78797c; padding-top:5px;} #footer .phone{float:left;width:120px;font:normal 10px "LucidaGrande", Lucida Sans Unicode, Arial, Helvetica;color:#78797c;padding-top:22px;padding-right:50px;} #footer .phone a{width:120px;float:left; text-decoration:none;font:normal 10px "LucidaGrande", Lucida Sans Unicode, Arial, Helvetica;color:#78797c} #footer .phone a:hover{text-decoration:underline; color:#31a7d5;} #footer .need_dropdown{float:left; width:228px;font:normal 12px Georgia, "Times New Roman", Times, serif;color:#78797c; padding-right:80px } #footer .need_dropdown select{width:212px; background:#484848; font:normal 11px Arial, Helvetica, sans-serif;color:#8d8c8c; border:none; margin-top:12px; padding:2px 0;} #footer .need_dropdown .select_bg{float:left; background:url(../images/select_bg.jpg) no-repeat 0 0; width:213px; height:20px; margin-top:9px; position:relative;} #footer .need_dropdown .select_bg span{float:left; padding-left:10px; padding-top:3px;} #footer .need_dropdown .select_bg .arrow{float:right; margin:5px 5px; display:inline;} #footer .need_dropdown ul{list-style:none; width:210px; float:left; border:1px #40403f solid; border-top:none; border-bottom:none;} #footer .need_dropdown ul li{display:block; padding-left:10px; background:#484848; border-bottom:1px #40403f solid; padding-top:4px; padding-bottom:4px;} #footer .need_dropdown ul li a{color:#78797C; text-decoration:none;} #footer .need_dropdown img{border:none;} #footer .bottom_links{float:right; width:275px; margin-top:20px; display:inline;font:normal 12px/15px "LucidaGrande", Lucida Sans Unicode, Arial, Helvetica;color:#78797c;} #footer .bottom_links ul{float:left;width:275px; list-style:none;padding-bottom:10px;} #footer .bottom_links ul li{float:left;display:inline; padding-left:8px; padding-right:3px;background:url(../images/bottom_link_divider.jpg) no-repeat 0 2px;} #footer .bottom_links ul li.current{float:left;display:inline;padding-right:3px;background:none;padding-left:0!important;} #footer .bottom_links ul li a{float:left; font:normal 10px/15px "LucidaGrande", Lucida Sans Unicode, Arial, Helvetica;color:#868684; text-decoration:none;} #footer .bottom_links ul li a:hover{text-decoration:underline;color:#31a7d5 } #footer .bottom_links .twitter{ float:right; width:968px; } #footer .bottom_links .twitter a{float:left; background:url(../images/twiter.jpg) no-repeat 4px 3px; padding-left:27px; font:normal 10px/18px "LucidaGrande", Lucida Sans Unicode, Arial, Helvetica;color:#78797c; display:block; text-decoration:none;} #footer .bottom_links .twitter a:hover{text-decoration:underline;color:#31a7d5 } #fotter .bottom_links .twitter img{float:left; padding-right:5px;} .stepcarouse1_one{ position: relative; /*leave this value alone*/ overflow: scroll; /*leave this value alone*/ width: 968px; /*Width of Carousel Viewer itself*/ height: 240px; /*Height should enough to fit largest content's height*/ float:left; } .stepcarouse1_one .beltnew{ position: absolute; /*leave this value alone*/ width: 980px; /*Width of Carousel Viewer itself*/ height: 240px; /*Height should enough to fit largest content's height*/ } .stepcarouse1_port{ position: relative; /*leave this value alone*/ overflow: scroll; /*leave this value alone*/ width: 968px; /*Width of Carousel Viewer itself*/ height: 625px; /*Height should enough to fit largest content's height*/ } .stepcarouse1_port .beltport{ position: absolute; /*leave this value alone*/ width: 980px; /*Width of Carousel Viewer itself*/ height: 625px; /*Height should enough to fit largest content's height*/ } .stepcarouse1_portp{ position: relative; /*leave this value alone*/ overflow: scroll; /*leave this value alone*/ width: 968px; /*Width of Carousel Viewer itself*/ height: 860px; /*Height should enough to fit largest content's height*/ float:left; } .stepcarouse1_portp .beltportp{ position: absolute; /*leave this value alone*/ width: 980px; /*Width of Carousel Viewer itself*/ height: 860px; /*Height should enough to fit largest content's height*/ } .sorting{float:left; width:228px;font:normal 12px Georgia, "Times New Roman", Times, serif;color:#78797c;} .sorting select{width:212px; background:#484848; font:normal 11px Arial, Helvetica, sans-serif;color:#8d8c8c; border:none; margin-top:12px; padding:2px 0;} .sorting .select_bg{float:right; background:url(../images/select_bg.jpg) no-repeat 0 0; width:213px; height:20px; margin-top:6px; position:relative;} .sorting .select_bg span{float:left; padding-left:10px; padding-top:3px;} .sorting .select_bg .arrow{float:right; margin:5px 5px; display:inline;} .sorting ul{list-style:none; width:210px; float:left; border:1px #40403f solid; border-top:none; border-bottom:none;} .sorting ul li{display:block; padding-left:10px; background:#484848; border-bottom:1px #40403f solid; padding-top:4px; padding-bottom:4px;} .sorting ul li a{color:#78797C; text-decoration:none;} .crawsel{float:left; width:980px;} .crawsel .panel{float:left; width:980px;} .crawsel .panel .belt{float:left; width:980px;} .crawsel .panel .belt ul{float:left; width:980px; list-style:none;} .crawsel .panel .belt ul li{float:left; display:inline; } .crawsel .panel .belt ul li .col1{float:left; width:233px;margin-right:13px; display:inline;} .crawsel .panel .belt ul li .col1 a{font:normal 16px/16px "LucidaGrande", Lucida Sans Unicode, Arial, Helvetica; color:#78797c; } .crawsel .panel .belt ul li .col1 a:hover{text-decoration:underline; color:#31a7d5;} .crawsel .panel .belt ul li .col1 a img{border:none; padding-bottom:10px;} .crawsel .panel .belt ul li .col1 .sub_link{font:normal 16px/16px Georgia, "Times New Roman", Times, serif; color:#31a7d5; padding-bottom:10px; padding-left:3px;} .crawsel .panel .belt ul li .col1 .sub_link a{font:normal 16px/16px Georgia, "Times New Roman", Times, serif; color:#31a7d5; text-decoration:none;} .crawsel .panel .belt ul li .col1 .sub_link a:hover{text-decoration:underline;} .crawsel .panel .belt ul li .col1 p{font:normal 12px "LucidaGrande", Lucida Sans Unicode, Arial, Helvetica; color:#cbcbcb; } .crawsel .panel .belt ul li .col2{float:left; width:233px;display:inline;} .crawsel .panel .belt ul li .col2 a{font:normal 16px/16px "LucidaGrande", Lucida Sans Unicode, Arial, Helvetica; color:#78797c; } .crawsel .panel .belt ul li .col2 a:hover{text-decoration:underline; color:#31a7d5;} .crawsel .panel .belt ul li .col2 a img{border:none; padding-bottom:12px;} .crawsel .panel .belt ul li .col2 .sub_link{font:normal 16px/16px Georgia, "Times New Roman", Times, serif; color:#31a7d5; padding-bottom:10px;} .crawsel .panel .belt ul li .col2 .sub_link a{font:normal 16px/16px Georgia, "Times New Roman", Times, serif; color:#31a7d5; text-decoration:none;} .crawsel .panel .belt ul li .col2 .sub_link a:hover{text-decoration:underline;} .crawsel .panel .belt ul li .col2 p{font:normal 12px/12px "LucidaGrande", Lucida Sans Unicode, Arial, Helvetica; color:#cbcbcb; line-height:19px; } .portfolio_details{width:980px; float:left; margin-bottom:12px; display:inline;} .left_details{float:left; width:400px; background:#1f2225;} .left_details .top_arrow_outer{float:left; border-bottom:1px solid #1d1d1d; width:380px; padding-left:20px;padding-bottom:8px;} .left_details .top_arrow_outer .top_arrow{float:left; width:53px;background:url(../images/top_arrow_divider2.jpg) repeat-y 25px 0;margin-bottom:6px; display:inline;padding-top:6px;margin-top:5px;} .left_details .top_arrow_outer .top_arrow a.top_left_arrow img{float:left; border:none; cursor:pointer} .left_details .top_arrow_outer .top_arrow a.top_right_arrow img{float:right; cursor:pointer;border:none; } .left_details .content{float:left; width:380px; padding:8px 0 46px 20px;border-bottom:2px solid #1d1d1d;} .left_details .content h3{float:left;font:normal 24px/28px Georgia, "Times New Roman", Times, serif;color:#cbcbcb; padding-right:45px;width:315px;} .left_details .content p{float:left;font:normal 12px/18px "LucidaGrande", Lucida Sans Unicode, Arial, Helvetica;color:#cbcbcb; padding:20px 30px 30px 0; width:330px;} .left_details .launch{margin-right:24px; display:inline; float:left; width:66px; background:url(../images/launch_arrow.jpg) no-repeat right 1px;text-decoration:none; cursor:pointer; } .left_details .launch a{float:left;font:bold 12px/16px Georgia, "Times New Roman", Times, serif;color:#cbcbcb; text-decoration:none;} .left_details .launch a:hover{text-decoration:underline;color:#31a7d5;} .left_details .case_study{margin-right:28px; display:inline;float:left; color:#cbcbcb;background:url(../images/case_icon.jpg) no-repeat top right;text-decoration:none; cursor:pointer; width:88px; } .left_details .case_study a{float:left;font:bold 12px/16px Georgia, "Times New Roman", Times, serif;color:#cbcbcb; text-decoration:none} .left_details .case_study a:hover{text-decoration:underline;color:#31a7d5;} .left_details .note{float:left; width:350px; padding:14px 27px 65px 18px;border-bottom:1px solid #1d1d1d; background:url(../images/left_comma.jpg) no-repeat 17px 24px;} .left_details .note p{float:left; width:325px;font:normal 11px/18px "LucidaGrande", Lucida Sans Unicode, Arial, Helvetica;color:#cbcbcb; padding:39px 0 10px 1px; background:url(../images/bottom_comma.jpg) no-repeat 100% 100%; } .right_details{float:right; width:541px; margin-right:20px; display:inline;} #code_belief{width:740px; float:left; margin:17px 0 0 0; display:inline;} #b_left_container{width:345px; float:left; margin:0 50px 0 0; display:inline;} #b_right_container{width:340px; float:left; padding:0 0 0 5px} #code_belief h4{ width:740px; float:left; color:#699b07; font:normal 19px/20px Georgia, "georgia", Times, serif; padding-bottom:10px;} #code_belief ul{width:340px; float:left; list-style:none; padding:10px 0 50px 0;} #code_belief ul li{width:340px; float:left; padding:0 0 21px 0; font:normal 12px "LucidaGrande", Lucida Sans Unicode, Arial, Helvetica; color:#cbcbcb;} #code_belief ul li img{width:auto; float:left; padding:0 17px 0 0;} #code_belief ul li p{font:normal 12px "LucidaGrande", Lucida Sans Unicode, Arial, Helvetica; color:#cbcbcb; width:225px; float:left; padding:0px 0 0 0;} #code_belief ul li p a{ color:#31a7d5; text-decoration:none;} #code_belief ul li p a:hover{text-decoration:underline;}