body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background:url(../images/bg_main.jpg) repeat-x #fff; font-size:12px; font-family:Arial; color:#404040; }

.innerpage_body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background:url(../images/bg_inner.jpg) repeat-x #fff; font-size:12px; font-family:Arial; color:#404040; }


#mainDIV { width:1000px; margin:0 auto; }
#mainDIV .contentDIV { width:1000px; padding:45px 0 0 0; }
.left_holder { width:345px; padding:0 29px 0 0; float:left }

/*PORTFOLIO PAGE CSS START HERE */
.portfolio_rigth_holder { width:710px; padding:10px 0 10px 30px; float:right;  /*background:#e8e8e8;*/ margin-left:10px;  border-left:1px solid #ccc;  }
.portfolio_imagehodler{ float:left; width:165px; margin-right:9px; margin-bottom:10px; background:#e8e8e8; border:1px solid #666}
.portfolio_imagehodler_new{ float:left; width:165px; margin-right:10px; margin-bottom:10px; background:#f5f5f5; text-align:center; padding:5px 0 3px 0;}

.portfolio_img { border:5px solid #f5f5f5; float:left; width:155px; height:70px; background:#f5f5f5}
.portfolio_img a { opacity:100; filter:alpha(opacity=100); }
.portfolio_img a:hover { opacity:0.6; filter:alpha(opacity=90); }
.project_name{ float:left; width:155px; color:#c90a11; font-size:12px; padding:0 5px 3px 5px; text-align:left; }
.project_name a{ color:#333; text-decoration:none; padding:1px 3px 2px 5px; display:block; background:url(../images/arrows.jpg) no-repeat 143px 1px;}
.project_name a:hover{ color:#fff; text-decoration:none; background:url(../images/arrows.jpg) no-repeat 143px -21px #333; }

.project_name_new{ float:left; width:155px; color:#c90a11; font-size:12px; padding:0 5px 3px 5px; text-align:left; }
.project_name_new a{ color:#990000; text-decoration:none; padding:1px 3px 2px 5px; display:block; background:#fff;}
.project_name_new a:hover{ color:#fff; text-decoration:none; background:url(../images/arrows.jpg) no-repeat 143px -21px #cb0911; }

.portfolio_rigth_holder .nxt_prev { width:710px; margin:0 auto; text-align:center; color:#cb0911; border-top:1px dotted #8b9294; border-bottom:1px dotted #8b9294; padding:5px 0 5px 0; }
.portfolio_rigth_holder .nxt_prev a{ color:#cb0911; text-decoration:none; padding:2px 3px 2px 3px; margin-left:5px; margin-right:5px;}
.portfolio_rigth_holder .nxt_prev a:hover{ color:#fff; text-decoration:none; background:#3b5f81; }
.portfolio_rigth_holder .nxt_prev .actived{ color:#fff; text-decoration:none; background:#3b5f81; padding:2px 3px 2px 3px; margin-left:5px; margin-right:5px;}

.portfolio_left_holder { width:245px; float:left; }
.portfolio_text { line-height:20px; text-align:left;}
.portfolio_text ul { font-size:11px; color:#666666; line-height:20px; margin-top:-5px; margin:0; padding:0; font-size:12px;}
.portfolio_text li {list-style:none; color:#666666; margin:0; padding:0; }
.portfolio_text li a{ display:block; float:left; width:197px; height:20px; padding:3px 0 3px 20px; 
		background: url(../images/symb3.jpg) no-repeat 5px 8px #e8e8e8; color:#000; text-decoration:none; margin-bottom:2px;}
.portfolio_text li a:hover{ color:#fff; background: url(../images/symb3.jpg) no-repeat 5px 8px #3b5f81; text-decoration:none; }

.portfolio_page_content { width:990px; padding:5px; float:left; border-bottom:1px solid #cfcfcf; margin-bottom:5px;}
.portfolio_page_content .btn_getquote { width:490px; float:left; padding:10px 0 10px 0; text-align:left;}
.portfolio_page_content .btn_back { width:480px; float:right; padding:10px 10px 10px 0; text-align:right;}
.portfolio_page_content .btn_back a{ color:#fff; width:70px; padding:5px; background:#ce0c0d; text-decoration:none; }
.portfolio_page_content .btn_back a:hover{ color:#fff; background:#3b5f81; text-decoration:none; }

/*
.portfolio_text li .active{ display:block; float:left; width:180px; height:20px; padding:3px 0 3px 20px; 
		background: url(../images/symb3.jpg) no-repeat 5px 8px #3b5f81; color:#fff; text-decoration:none; margin-bottom:2px;} */



/*RIGHT CONTENT HOLDER START HERE */
.rigth_holder { width:585px; padding:0 0 0 39px; float:right; border-left:1px solid #cfcfcf; margin-bottom:10px;}
.rigth_holder .btn_getquote { padding:20px 0 20px 0; border-bottom:1px solid #d3d3d3; text-align:left; margin-bottom:20px; }
.rigth_holder .box_holder { width:195px; float:left; text-align:left; }
.rigth_holder .box_holder .box_content { font-size:11px; color:#666666; line-height:20px; padding:10px 0 0 0;}

/*SERVICE PAGE CSS START HERE */
.services_box1 { width:284px; padding:0 25px 0 25px; float:left; border-right:1px solid #cfcfcf; }
.services_box2 { width:280px; padding:0 25px 0 25px; float:right; }


/* WEBDESIGN PAGE */
.service_innerpage { width:650px; float:right;}
.service_innerpage .mainmenu_link { width:200px; float:left; margin-right:10px;}
.service_innerpage .include_submenulink { width:420px; float:left;}

.heading_design { font-size:12pt; font-weight:bold; color:#d9a10a; line-height:25px;}
.heading_development { font-size:12pt; font-weight:bold; color:#c70a10; line-height:25px;}
.heading_strategy { font-size:12pt; font-weight:bold; color:#1178d0; line-height:25px;}

/*STUDIO PAGE CSS START HERE */
.studio_boxholder { width:990px; padding:20px 5px 20px 5px;}
.studio_box1 { width:295px; padding:0 25px 0 10px; float:left; }
.studio_box2 { width:295px; padding:0 10px 0 25px; float:right; }

.name_heading1 { border-bottom:1px dotted #8b9294; text-transform:uppercase; color:#d9a10a; font-weight:bold; padding:10px 0 10px 0; text-align:left; text-transform:uppercase; }
.name_heading2 { border-bottom:1px dotted #8b9294; text-transform:uppercase; color:#c70a10; font-weight:bold; padding:10px 0 10px 0; text-align:left;text-transform:uppercase; }
.name_heading3 { border-bottom:1px dotted #8b9294; text-transform:uppercase; color:#1178d0; font-weight:bold; padding:10px 0 10px 0; text-align:left;text-transform:uppercase; }
.name_heading4 { font-size:11px; color:#404040; line-height:20px; padding:10px 0 5px 0; text-align:left; border-bottom:1px dotted #8b9294; text-transform:uppercase; }
.name_heading4 strong{ text-transform:uppercase; color:#d9a10a; font-size:12px;}

.box_content ul { font-size:11px; color:#666666; line-height:20px; left:28px; margin-top:5px; }
.box_content li {list-style:inherit; margin-left:-25px; }
.box_content li a{ color:#666; text-decoration:none; }
.box_content li a:hover{ color:#cb0911; text-decoration:underline; }

.box_content_new ul { font-size:12px; color:#990000; line-height:20px; left:28px; margin-top:5px; }
.box_content_new li { list-style:none; background:url(../images/symb2.jpg) no-repeat 0 2px; margin-left:-40px; padding:0 0 0 15px; }


/*TESTIMONIALS PAGE CSS START HERE */
.testimonial_boxholder { width:990px; padding:20px 5px 20px 5px;}

/* CONTACT FORM START HERE */
.contactform_content { text-align:left; padding:5px 0 5px 0; height:20px; clear:both}
.contactform_content1 { text-align:left; padding:5px 0 5px 0;}
.formtext { width:150px; float:left; }
.formtextbox { width:430px; float:right; }
.formtextbox .textbox { width:200px; border:1px solid #91a7bc; padding:2px 2px 0px 2px; height:18px;}
.formtextbox .msgbox { border:1px solid #91a7bc; padding:0 2px 0 2px; }
.contact-fld-back1-error{background-color:#FC6}
.contacterror{padding-left:155px; float:left; width:430px; color:red}

/* OFFSHORE DEVELOPMENT */
.offshore_rigth_holder { width:600px; padding:0 0 0 25px; float:right; }
.offshore_content { width:725px; float:left; line-height:22px; text-align:left;}
.offshore_img { width:225px; float:left; line-height:22px; text-align:left;}

.offshore_text1 { width:290px; float:left; line-height:22px; text-align:left;}
.offshore_img { width:225px; float:left; line-height:22px; text-align:left;}
.offshore_text2 { width:570px; float:left; line-height:22px; text-align:left;}


/*ALL COMMON CSS START HERE */
.clear { clear:both; }
.heading { font-size:12pt; font-weight:bold; color:#3b5f81; line-height:25px;}
.heading1 { color:#3b5f81; font-weight:bold; text-transform:uppercase }
.heading2 { color:#f1b002; font-weight:bold; text-transform:uppercase; }
.heading3 { color:#f1b002; font-weight:bold; text-transform:uppercase; padding:10px 0 10px 0; }
.heading4 { color:#c80910; font-weight:bold; padding:10px 0 10px 0; font-size:15px; }
.heading5 { background:#c80910; width:85%; color:#fff; font-weight:bold; padding:5px; font-size:15px; margin-bottom:5px; }
.blank { height:20px; }
.booder1 { height:20px; border-bottom:1px solid #cfcfcf; }

.common_content { line-height:22px; text-align:left}
.common_content a{ color:#ff4e00; text-decoration:none; padding:0px 2px 1px 2px; }
.common_content a:hover{ color:#fff; background:#c80910; text-decoration:none; }

.common_content .text1 { width:150px; float:left; padding-left:40px;}
.common_content .text2 { width:300px; float:left;}

.link_text { line-height:22px; text-align:left;}
.link_text a{ color:#cc161d; text-decoration:none; padding:0px 2px 1px 2px; }
.link_text a:hover{ color:#fff; background:#3b5f81; text-decoration:none; }
.link_text span { font-size:12px; font-weight:bold; color:#000}

.common_text { line-height:22px; text-align:left; margin-top:40px;}
.common_text a{ color:#cc161d; text-decoration:none; padding:0px 2px 1px 2px; }
.common_text a:hover{ color:#fff; background:#3b5f81; text-decoration:none; }
.common_content span { font-size:12px; font-weight:bold; color:#000}

.common_text_1 { line-height:22px; text-align:left;}
.common_text_1 a{ color:#cc161d; text-decoration:none; padding:0px 2px 1px 2px; }
.common_text_1 a:hover{ color:#fff; background:#3b5f81; text-decoration:none; }

.common_text_with_icon { background:url(../images/symb1.jpg) no-repeat 30px 3px; padding:0 0 0 50px; line-height:22px; text-align:left;}
.common_text_with_icon a{ color:#cc161d; text-decoration:none; padding:0px 2px 1px 2px; }
.common_text_with_icon a:hover{ color:#fff; background:#3b5f81; text-decoration:none; }

.common_text ul { font-size:11px; color:#666666; line-height:20px; margin-top:-40px; }
.common_text li {list-style:inherit; color:#c80910; }

.redstar { color:#FF0000; font-weight:bold; font-size:15px;}

.small_text { line-height:20px; text-align:left; font-size:11px; color:#717171; }
.small_text a{ color:#cc161d; text-decoration:none; padding:0px 2px 1px 2px; }
.small_text a:hover{ color:#fff; background:#3b5f81; text-decoration:none; }

.highlight_content { font-family:"Arial Narrow"; font-size:20pt; color:#3b5f81; line-height:38px; border-bottom:1px solid #cfcfcf;}
.highlight_content1{ font-family:"Arial Narrow"; font-size:18pt; color:#3b5f81; line-height:33px; }
.highlight_content2{ font-family:"Arial Narrow"; font-size:14pt; color:#990000; line-height:33px; }
.highlight_content3 { font-size:12pt; color:#1F3D3C; line-height:25px; font-weight:bold; background:#e8e8e8; padding:2px 0 0 10px;}
.highlight_text { line-height:20px; padding-top:15px;}
.highlight_text .heading { font-size:12pt; font-weight:bold; color:#3b5f81;}
.highlight_text .txt_contents { line-height:20px; }
.highlight_text .txt_contents a{ color:}

#flashcontent { width:1000px; height:276px; }
.flash_img { width:1000px; height:276px; color:#FFFFFF; font-size:40px; text-align:left; }
.innerpage_banner { width:1000px; height:150px; color:#FFFFFF; font-size:40px; text-align:left; }

/* SITE MAP*/
.sitemap_link_holder { width:930px; height:475px; padding:10px 0 0 60px; float:left; background:url(../images/sitemap_main_img.jpg) no-repeat 30px 0; font-size:12px; text-transform:uppercase; color:#be0e0e; margin:10px 0 10px 0;}

.sitemap_mainlink { width:150px; float:left; line-height:18px;}
.sitemap_mainlink ul { margin:0; padding:0;}
.sitemap_mainlink ul li { list-style:none; margin:0; padding:0; height:40px; }
.sitemap_mainlink ul li a{ color:#be0e0e; text-decoration:none;}
.sitemap_mainlink ul li a:hover{ color:#333; text-decoration:underline;}

.sitemap_submenu_holder { width:630px; float:left; background:url(../images/sitemap_main_img1.jpg) no-repeat 1px 159px; padding:190px 0 0 150px; }
.sitemap_submenu_holder .box_holder { width:190px; float:left; text-align:left; }
.sitemap_submenu_holder .box_holder .name1 { text-transform:uppercase; color:#d9a10a; font-weight:bold; padding:5px 0 5px 0; }
.sitemap_submenu_holder .box_holder .box_content { font-size:11px; color:#666666; line-height:20px; padding:0px 0 0 0; text-transform:none}

.sitemap_submenu_holder .box_holder .name1 { text-transform:uppercase; color:#d9a10a; font-weight:bold; padding:5px 0 5px 0; }
.sitemap_submenu_holder .box_holder .name2 { color:#c70a10; font-weight:bold; padding:5px 0 5px 0; text-align:left; text-transform:uppercase; }
.sitemap_submenu_holder .box_holder .name3 { color:#1178d0; font-weight:bold; padding:5px 0 5px 0; text-align:left; text-transform:uppercase; }

/*** ODC PAGE DESIGN ***/
.common_content_link{ width:345px; float:left; margin:10px 0;}
.common_content_link ul{ width:345px; margin:0; padding:0; font-weight:bold; font-size:10pt;}
.common_content_link ul li{ list-style:none; width:345px; float:left; line-height:25px; margin-bottom:2px;}
.common_content_link ul li a{ background:url(../images/arrow1.jpg) no-repeat 0 1px #dcdcdc; padding: 0 0 0 25px; width:320px; display:block; color:#000; text-decoration:none; float:left;-moz-border-radius:0 8px 8px 0;-webkit-border-radius:0 8px 8px 0;-border-radius:0 8px 8px 0}
.common_content_link ul li a:hover{ background:url(../images/arrow1.jpg) no-repeat 0 -25px #c5c5c5; color:#cb0912; text-decoration:none; float:left;}
.common_content_link ul li a.selected{ background:url(../images/arrow1.jpg) no-repeat 0 -25px #c5c5c5; color:#cb0912; text-decoration:none; float:left;}

.odc_rigth_holder { width:600px; padding:0 0 0 25px; float:right; }
.odc_rigth_holder .page_heading{ width:600px; float:left; color:#3b5f81; font-size:15pt; font-weight:bold; border-bottom:1px solid #999; margin:10px 0; padding-bottom:10px;}
.odc_rigth_holder .page_content{ width:600px; float:left; line-height:18px; padding:0 0 15px 0;}
.odc_rigth_holder .page_content strong{ font-size:12pt; font-weight:bold;}
.odc_rigth_holder .page_content span{ font-size:12pt; font-weight:bold; background:#ccc; padding:3px;}
.odc_rigth_holder .page_content ul{ width:600px; margin:0; padding:0; line-height:25px;}
.odc_rigth_holder .page_content ul li{ list-style:none; width:585px; float:left; background:url(../images/arrow2.png) no-repeat 4px 8px; padding:0 0 0 15px;}