/* CSS Document */ body { margin:0px; font:12px Arial, Helvetica, sans-serif; color:#10401a; background-color:#bae2dc; background-repeat: no-repeat; background-position: center top; background-image: url(../images/body-back.jpg); } #contanier {margin:0px auto; width:1000px;} .clear { clear:both;} #main_left {float:left;height:838px; width:122px;} #main_mid {float:left;width:787px; height:407px;} #main_right {float:left;height:838px; width:90px;} /*************************************************************************************************/ #main_mid_panel {margin:0px; padding:0px;} #logo {float:left; margin:40px 0px 0px 20px; padding:0px; display:inline} .top_panel {margin:0px; float:right; margin:40px 0px 0px 0px; padding:0px; border-left:4px #FFCC00 solid; width:400px;} .top_panel p { margin:0px; padding:0px 0px 0px 20px; line-height:24px; color: #FFFFFF; } /**************************************************/ /*#top_navigation {margin:0px; padding:119px 0px 0px 0px; clear:both;}*/ #top_navigation {margin:0px; padding:49px 0px 0px 0px; clear:both;} .nav_top {background: url(../images/top_nav_mid.gif) repeat-x left top; height:73px; } .nav_mid{background: url(../images/top_nav_left.gif) no-repeat left top; height:73px;} .nav_bottom {background: url(../images/top_nav_right.gif) no-repeat right top; height:73px;} .nav_list { width:785px; margin:00px, 0px, 0px, 0px; padding:31px, 0px, 0px, 0px; background:/*url(../images/menu_bg.gif);*/font-family: Tahoma, Arial, Helvetica, sans-serif; text-align:left; no-repeat 0 0} /*.nav_list ul li a:hover {text-decoration:underline;}*/ /*ul.menu ul li {position:relative; border:0px solid #649924; border-top:none; width:108px; margin:0}*/ .nav_list ul li {position:relative; border:0px solid #649924; border-top:none; width:100px; margin:29px 4px 28px 4px; padding:00px 00px 0px 0px; float:left; list-style:none; /*background: url(../images/nav_line.gif) right no-repeat; */font-size:13px; font-weight:bold; text-align:center; height:15px;} .nav_list ul li a {/*border:4px; border-right-color:#FFFFFF ; margin:0px 00px 0px 5px; padding:00px 10px -10px 10px; */margin:0px 00px 0px 0px; color:#fff; text-decoration:none; display:block;/* ARROW AGAINST THE MENU BAR .. REMOVE background:url(../images/nav_arrow.gif) no-repeat left;*/ } .nav_list ul li a.current {} ul.menu {list-style:none; margin:0px; padding:0} ul.menu * {margin:0; padding:0} /*ul.menu a {display:block; color:#000; text-decoration:none} ul.menu li {position:relative; float:left; margin-right:2px} /* ul.menu ul this is the list as it appears */ ul.menu ul {position:absolute; top:43px; margin-bottom:10px; left:1px; background:#2E822C; display:none; opacity:0; list-style:none; width:105px; } /*ul.menu ul li a {display:block; padding:22px 7px 22px; background-color:#2E822C}*/ ul.menu ul li a:hover {display:block;background-color:#3EAE36; text-decoration:underline; width:90px; margin: -15px 0px 25px 5px; height:34px; padding:15px 0px 0px 0px;} /* ul.menu ul this is the second list */ ul.menu ul ul {left:102px; top:-25px; } /* ul.menu .menulink {border:1px solid #649924; padding: HEIGHT: WIDTH: ) */ ul.menu .menulink {border:0px solid #649924; padding:0px 0px 0px; font-weight:bold; /*background:url(images/header.gif); */width:108px;} /*ul.menu .menulink:hover, ul.menu .menuhover {background:url(images/header_over.gif)}*/ ul.menu .sub {background:#2E822C url(images/arrow.gif) 108px 0px } /*************************************************************************/ #box_panel { margin:62px 0px 0px 0px; padding:0px; width:787px;} .main_top_box {float: left; background:url(../images/main_mid_box.gif) repeat-y 0 0;} .main_left_box {float: left; background:url(../images/main_left_box.gif) no-repeat 0 0; width:787px;} .main_right_box {float: left; background:url(../images/main_right_box.gif) no-repeat 0 bottom; width:787px;} .main_details {margin:30px 0px 0px 45px; padding:0px 0px 50px 0px;} .main_details h1 {margin:0px 180px 0px 10px; padding:0px 0px 10px 0px; font-size:28px; font-weight:normal; color:#10401a; border-bottom:1px solid #9bae84;} .main_details h4 {margin:0px; padding:20px 0px 0px 0px; color:#10401a; font-size:14px; font-weight:bold;} .main_details p {margin:0px; padding:0px; line-height:24px; color:#10401a;} /***************************************************************************/ #main_middle {background:url(../images/main_bg.gif) top no-repeat; } #main_left_box {margin:20px 0px 0px 0px; float:left; width:380px; padding:0px; } .top_box {float:left; background:url(../images/small_mid_box.gif) repeat-y 0 0; width:380px;} .mid_box {float:left; background:url(../images/small_top_box.gif) no-repeat 0 0; width:380px;} .bottom_box {float:left; background:url(../images/small_bottom_box.gif) no-repeat 0 bottom; width:380px;} .box_details {margin:20px 20px 0px 20px; padding:0px;} .box_details h2 {margin:0px 20px 0px 10px; padding:0px 0px 5px 0px; font-size:26px; font-weight:normal; color:#10401a; border-bottom:1px solid #9bae84;} .box_details h4 {margin:0px; padding:20px 0px 0px 0px; font-size:14px; font-weight: bold; color:#10401a;} .box_details p {margin:0px; padding:0px 20px 0px 0px; line-height:24px; color:#10401a; } #main_right_box {margin:20px 0px 0px 25px; float:left; width:380px; padding:0px; } .right_top_box {float:left; background:url(../images/small_mid_box.gif) repeat-y 0 0; width:380px;} .right_mid_box {float:left; background:url(../images/small_top_right_box.gif) no-repeat 0 0; width:380px;} .right_bottom_box {float:left; background:url(../images/small_bottom_box.gif) no-repeat 0 bottom; width:380px;} .right_box_details {margin:0px; padding:20px 20px 0px 20px;} .right_box_details h2 {margin:0px 20px 0px 10px; padding:0px 0px 5px 0px; font-size:26px; font-weight:normal; color:#10401a; border-bottom:1px solid #9bae84;} /***************************************************************/ #main_bottom {margin:0px; padding:0px;} .bottom {margin:0px; padding:20px 0px 40px 0px;} .bottom h5 {margin:0px; padding:0px 0px 0px 0px; font-size:12px; font-weight: normal; color:#384c3f; text-align:right; border:none} .bottom p {margin:0px; padding:0px 0px 0px 20px; float:left; color:#384c3f;} .bottom p a {color:#384c3f;} .bottom p a:hover {text-decoration:none;} a{ color:#4e4e55; text-decoration:underline} a:hover{text-decoration:none} .clear{ clear:both} /* inner pages css start */ /*h3{font:25px "Times New Roman", Times, serif ;margin:0px; color:#fff; padding:8px 0px 10px 10px;} h3 span{color:#16eb00}*/ h5{font:15px Tahoma, Arial, Helvetica, sans-serif; color:#10401a; font-weight:bold; padding:0px 0px 5px 0px; border-bottom:1px dotted #10401a; margin:0px 0px 10px 0px;} h6{font:18px Tahoma, Arial, Helvetica, sans-serif; color:#10401a; font-weight:bold; padding:0px 0px 5px 0px; margin:0px 0px 10px 0px;} .aboutus-img{float:right; border:4px solid #10401a; margin:0 0px 10px 20px;} .aboutcolumnzone{padding:20px 0px 16px 0px;} .aboutcolumn1{width:48%; float:left; margin:0px 0px 10px 0px;} .aboutcolumn2{width:48%; float:right; margin:0px 0px 10px 0px;} .abouticon{float:left; margin:0px 20px 0px 0px;} .insidereadmore{padding:10px 0px 10px 0px;} input.button{color:#fff; background:#333; font:bold 11px Arial, Helvetica, sans-serif; text-decoration:none; padding:10px 10px; margin:0px 5px 5px 0; border:1px solid #10401a;} input.button:hover{cursor:pointer; color:#fff; background:#999} .project-img{float:right; margin-left:20px; border: 6px solid #10401a;} .project-imgleft{float:left; margin-left:20px; border: 6px solid #10401a;} .project-imgmiddle{float:none; margin-left:90px; border: 6px solid #10401a;} .whiteheading{font:30px Myriad Pro, Arial; color:#CBD76B; font-weight:100; padding:0px; margin:25px 0px 20px 0px;} .ourprojectrow{margin-bottom:20px; width:97%; border-bottom:1px dotted #10401a; padding-bottom:10px; padding-right:20px} .servicecolumnzone{padding:20px 0px 16px 0px;} .servicecolumn1{width:48%; float:left; margin:0px 0px 10px 0px;} .servicecolumn2{width:48%; float:right; margin:0px 0px 10px 0px;} .blog-posted-row{padding:3px;} /* inner pages css ends */ .style2 {font-family: Arial, Helvetica, sans-serif; font-size: 14px;} .newscolumn1{width:28%; float:left; margin:0px 0px 20px 0px;} .newscolumn2{width:68%; float:right; margin:0px 0px 10px 0px;} /************************************************************************* Slide show */ #slideshow {margin:0 auto; width:640px; height:400px; background:transparent url(img/bg_slideshow.jpg) no-repeat 0 0; position:relative;} #slideshow #slidesContainer {margin:0 auto; width:560px; height:400px; overflow:auto; /* allow scrollbar */ position:relative;} #slideshow #slidesContainer .slide {margin:0 auto; width:540px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */ height:400px;} /** Slideshow controls style rules. */ .control {display:block; width:39px; height:400px; text-indent:-10000px; position:absolute; cursor: pointer;} #leftControl {top:0; left:0; background:transparent url(../images/control_left.gif) no-repeat 0 0;} #rightControl {top:0; right:0; background:transparent url(../images/control_right.gif) no-repeat 0 0;} /** Style rules for Demo page * {margin:0; padding:0; font:normal 11px Verdana, Geneva, sans-serif; color:#ccc;} a {color: #fff; font-weight:bold; text-decoration:none;} a:hover {text-decoration:underline;} body {background:#393737 url(img/bg_body.jpg) repeat-x top left; } #pageContainer { margin:0 auto; width:960px;} #pageContainer h1 {display:block; width:960px; height:114px; background:transparent url(img/bg_pagecontainer_h1.jpg) no-repeat top left; text-indent: -10000px;} .slide h2, .slide p {margin:15px;} .slide h2 {font:italic 24px Georgia, "Times New Roman", Times, serif; color:#ccc; letter-spacing:-1px;} .slide img {float:right; margin:0 15px;} #footer {height:100px;} #footer p {margin:30px auto 0 auto; display:block; width:560px; height:40px;}*/ #itsthetable table { width: 650px; border-collapse:collapse; border:1px solid #FFCA5E;} caption { font: 1.8em/1.8em Arial, Helvetica, sans-serif; text-align: left; text-indent: 12px; background: url(../images/bg_caption.jpg) right top; height: 45px; color: #FFAA00;} thead th { background: url(../images/bg_total.jpg) repeat-x bottom; color: #FFFFFF; height: 40px; } tbody tr {background: #FFF8E8 url(../images/bg_td1.jpg) repeat-x ;} tbody tr.odd { background: #FFF8E8 url(../images/bg_td2.jpg) repeat-x;} tbody th,td { font-size: 12px; line-height: 1.4em; font-family: Arial, Helvetica, sans-serif; color: #777777; padding: 10px 7px; border-top: 1px solid #FFCA5E; border-right: 1px solid #DDDDDD; text-align: left;} tfoot th { background: url(../images/bg_total.jpg) repeat-x bottom; color: #FFFFFF; height: 30px;} tfoot td { background: url(../images/bg_total.jpg) repeat-x bottom; color: #FFFFFF; height: 30px;} #