﻿
body {
    background: url("../images/bg.gif") repeat-x scroll 0 0 #FFFFFF;
    color: #6A6D6D;
    font: 12px Arial,Helvetica,sans-serif;
    margin: 0;
}
a {
    color: #1A6D74;
}
#container {
    margin: 0 auto;
    width: 1000px;
}
.clear {
    clear: both;
}
.main_center {
    margin: 0 auto;
    width: 900px;
}
h1, h2, h3, h4, h, h6 {
    line-height: normal;
    margin: 0;
    padding: 0;
}
#read_img {
    float: left;
    margin: 25px 0 0 20px;
    padding: 0;
}
#get_in_touch {
    margin: 25px 0 0 10px;
    padding: 0;
}
span.heading1 {
    background: url("../images/img1.gif") no-repeat scroll left center transparent;
    margin: 0;
    padding: 0 0 0 30px;
}
span.heading2 {
    background: url("../images/img2.gif") no-repeat scroll left center transparent;
    margin: 0;
    padding: 0 0 0 35px;
}
span.heading3 {
    background: url("../images/img3.gif") no-repeat scroll left center transparent;
    margin: 0;
    padding: 0 0 0 20px;
}
span.heading4 {
    background: url("../images/img4.gif") no-repeat scroll left center transparent;
    margin: 0;
    padding: 0 0 0 35px;
}
#main_panel {
    clear: both;
}
#main_top_panel {
    clear: both;
    height: 58px;
}
#main_top_logo_panel {
    float: left;
    width: 250px;
}
.logo {
    float: left;
    margin: 0;
    padding: 5px 0 0;
}
.logo h1 {
    color: #000000;
    font-size: 26px;
    font-weight: normal;
    margin: 0;
    padding: 0;
}
#navigation_panel {
    float: right;
    width: 340px;
}
#topmenu {
    margin: 0;
    padding: 15px 0 0;
}
#topmenu ul {
    margin: 0;
    padding: 0;
}
#topmenu ul li {
    display: block;
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0 5px;
}
#topmenu li a {
    background: url("../images/top_nav_left.gif") no-repeat scroll left bottom transparent;
    color: #FFFFFF;
    display: block;
    float: left;
    font: bold 12px Arial,Helvetica,sans-serif;
    padding: 0 5px 0 4px;
    text-decoration: none;
    text-transform: capitalize;
}
#topmenu li a span {
    background: url("../images/top_nav_right.gif") no-repeat scroll right bottom transparent;
    cursor: pointer;
    display: block;
    float: left;
    padding: 7px 11px 5px;
}
#topmenu li a:hover {
    background: url("../images/top_nav_left_over.gif") no-repeat scroll left bottom transparent;
    color: #001626;
}
#topmenu li a:hover span {
    background: url("../images/top_nav_right_over.gif") no-repeat scroll right bottom transparent;
}
#topmenu li a.over {
    background: url("../images/top_nav_left_over.gif") no-repeat scroll left bottom transparent;
    color: #001626;
}
#topmenu li a.over span {
    background: url("../images/top_nav_right_over.gif") no-repeat scroll right bottom transparent;
}
#main_header_panel {
    clear: both;
}
.main_header_controller {
    background: url("../images/header_img.jpg") no-repeat scroll right center transparent;
    height: 253px;
    margin: 0;
    padding: 0;
}
.main_header_left {
    float: left;
    width: 450px;
	margin: 0 0 0 -240px;
	color: #FFF;
}
.main_header_left_controller {
    margin: 0;
    padding: 50px 0 0;
}
.main_header_left_details {
    margin: 0;
    padding: 0;
}
.main_header_left_details h2 {
    color: #FFFFFF;
    font-size: 25px;
    font-weight: normal;
    margin: 0;
    padding: 0;
}
.main_header_left_details ul.top_list {
    display: block;
    margin: 0;
    padding: 15px 0 0;
    width: 370px;
}
.main_header_left_details ul.top_list li {
    background: url("../images/dash.gif") repeat-x scroll 0 bottom transparent;
    color: #B5F7FE;
    font-size: 13px;
    font-weight: bold;
    line-height: 30px;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.main_header_left_details ul.top_list li span {
    background: url("../images/top_bullet.gif") no-repeat scroll 0 2px transparent;
    margin: 0;
    padding: 0 0 0 20px;
}
#main_middle_panel {
    clear: both;
}
.main_middle_controller {
    margin: 0;
    padding: 35px 0;
}
.main_middle_details {
    margin: 0;
    padding: 0;
}
#main_left_panel {
    float: left;
    width: 635px;
}
.main_left_controller {
    margin: 0;
    padding: 0;
}
.main_left_details {
    color: #6A6D6D;
    font-size: 12px;
    line-height: 23px;
    margin: 0;
    padding: 0;
    width: 635px;
}
.main_left_details h1 {
    color: #2D2D2D;
    font-size: 25px;
    font-weight: normal;
    margin: 0;
    padding: 0 0 15px;
}
.main_left_details h4 {
    color: #0A7692;
    font-size: 13px;
    font-weight: bold;
    margin: 0;
    padding: 0 0 10px;
}
.main_left_details p {
    color: #6A6D6D;
    font-size: 12px;
    line-height: 23px;
    margin: 0;
    padding: 0 0 10px;
}
#main_right_panel {
    float: right;
    width: 240px;
}
.main_right_controller {
    background: url("../images/vertical_dot.gif") repeat-y scroll left center transparent;
    margin: 0;
    padding: 0;
}
.main_right_details {
    display: block;
    float: right;
    margin: 0;
    padding: 0;
    width: 240px;
}
.main_right_details h1 {
    color: #2D2D2D;
    font-size: 25px;
    font-weight: normal;
    margin: 0;
    padding: 0;
}
.main_right_details h4 {
    color: #0A7692;
    font-size: 13px;
    font-weight: bold;
    margin: 0;
    padding: 0 0 10px 5px;
}
.main_right_details p {
    line-height: 18px;
    margin: 0;
    padding: 5px 0 8px 8px;
}
#main_footer_panel {
    clear: both;
}
.main_footer_controller {
    background: url("../images/bottom_bg.gif") repeat-x scroll 0 0 #02525A;
    margin: 0;
    padding: 0;
}
.main_footer_details {
    margin: 0;
    padding: 30px 0;
}
.main_footer_details h4 {
    color: #60B3B9;
    font-family: "trebuchet MS";
    font-size: 11px;
    font-weight: normal;
    margin: 0;
    padding: 5px 0 0;
    text-align: center;
}
.main_footer_details p {
    color: #E0FAFC;
    font-size: 13px;
    margin: 0;
    padding: 0;
    text-align: center;
}
.main_footer_details p a {
    color: #E0FAFC;
    margin: 0;
    padding: 0 5px;
    text-decoration: none;
}
.main_footer_details p a:hover {
    text-decoration: underline;
}
.aboutus-img {
    border: 4px solid #FFFFFF;
    float: right;
    margin: 0 0 10px 20px;
}
h5 {
    border-bottom: 1px dotted #666666;
    font-size: 15px;
    font-weight: bold;
    margin: 0 0 10px;
    padding: 0 0 5px;
}
h6 {
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 10px;
    padding: 0 0 5px;
}
.innertext {
    padding-top: 10px;
}
.aboutcolumnzone {
    padding: 20px 0 16px;
}
.aboutcolumn1 {
    float: left;
    margin: 0 0 10px;
    width: 48%;
}
.aboutcolumn2 {
    float: right;
    margin: 0 0 10px;
    width: 48%;
}
.abouticon {
    float: left;
    margin: 0 20px 0 0;
}
.insidereadmore {
    padding: 10px 0;
}
input.button {
    background: none repeat scroll 0 0 #FFC850;
    border: 1px solid #5B7A92;
    color: #000000;
    font: bold 11px Arial,Helvetica,sans-serif;
    margin: 0 5px 5px 0;
    padding: 10px;
    text-decoration: none;
}
input.button:hover {
    background: none repeat scroll 0 0 #663300;
    border: 1px solid #FFC850;
    color: #FFFFFF;
    cursor: pointer;
}
.project-img {
    border: 6px solid #666666;
    float: right;
    margin-left: 20px;
}
.whiteheading {
    color: #CBD76B;
    font: 100 30px Myriad Pro,Arial;
    margin: 25px 0 20px;
    padding: 0;
}
.ourprojectrow {
    border-bottom: 1px dotted #666666;
    margin-bottom: 20px;
    padding-bottom: 10px;
}
.servicecolumnzone {
    padding: 20px 0 16px;
}
.servicecolumn1 {
    float: left;
    margin: 0 0 10px;
    width: 48%;
}
.servicecolumn2 {
    float: right;
    margin: 0 0 10px;
    width: 48%;
}
.blog-posted-row {
    padding: 3px;
}
