/* CSS Document */

body {margin:0px; font:13px Arial,Tahoma,Verdana;   color:#205161; background:url(../images/top_gradient.gif) repeat-x; background-color:#fff;}


/********************Globel work***********************************/
*{margin:0x; padding:0px;}

body, ol, ul, p, hr {margin:0px; padding:0px;} 

h1, h2, h3, h4, h, h6 {line-height:normal; margin:0px; padding:0px;}

p {line-height:23px; margin:0px; padding:0px 0px 10px 0px; color:#205161; }

/****************** Globel  ID & Class **************/



/*************************Right Globel ID & Class***********************************/
a {color:#205161; } 
a:hover {text-decoration:none;}

/******************** layout panel *************************/
#wapper {width:auto; height:auto;}

#container {margin:0px auto; width:1000px; }
.centerPanel {margin:0px auto; width:900px;}

.clear {clear:both;}


/****************************** MainTopPanel*******************************/

#topPanel {margin:0px; padding:0px; height:72px; }

/****************************** LogoPanel*******************************/
.logoPanel {margin:0px; padding:10px 0px 0px 0px; display: block; float: left;}


/****************************** NavigationPanel*******************************/
.navigationPanel {margin:0px; padding:20px 0px 0px 0px; display: block; float: right;}
.navigationPanel ul.navList {margin: 0px; padding: 0px;}
.navigationPanel ul.navList li {margin: 0px; padding: 0px; list-style: none; float: left; font-size: 13px; display: block; text-align: center;  }
.navigationPanel ul.navList li a {margin: 0px; padding:0px 1px 0px 1px; list-style: none; float: left; color: #024d5d; font-weight: bold; text-decoration: none; display: block; cursor:pointer;}
.navigationPanel ul.navList li a span {margin: 0px; padding: 6px 16px 5px 16px; display: block; float: left; }

.navigationPanel ul.navList li a:hover {  background:url(../images/nav_left.gif) no-repeat left bottom; color:#000 }
.navigationPanel ul.navList li a:hover span { background:url(../images/nav_right.gif) repeat-x right bottom; color:#000; }

.navigationPanel ul.navList li a.over {  background:url(../images/nav_left.gif) no-repeat left bottom; color:#000 }
.navigationPanel ul.navList li a.over span { background:url(../images/nav_right.gif) repeat-x right bottom; color:#000; }

/******************************main header panel*******************************/
#mainHeaderPanel {clear:both; background:url(../images/header_gradient.gif) repeat-x ; border: 1px #bdbcbd solid; width: 1000px;}

.headerBox {margin: 0px; padding: 25px 0px 15px 12px; display: block; float:left; width: 585px;}
 span.skyColor { margin: 0px; padding: 0px 0px 10px 0px; display: block; font-size:22px; font-weight: normal; color: #199bc4;}
 ul.topList { margin: 0px; padding: 0px 0px 5px 10px; display: block; width:450px;  }	
 ul.topList li {margin: 0px; padding: 0px 0px 5px 0px; line-height: 30px; list-style: none; background: url(../images/dot.gif) repeat-x 0 bottom; font-size: 13px;}
 ul.topList li a {margin: 0px; padding: 0px 0px 0px 10px; background: url(../images/top_arrow.gif) no-repeat 0 3px ; color:#205161;}
 
 div.topBox {margin: 0px; padding:0px; width: 520px; display: block;}
 
 div.printMediaBox {margin: 0px; padding: 0px 0px 0px 0px; display: block; background:url(../images/top_curve.gif) no-repeat 0 bottom; float: left; width: 248px;}
  
 div.webDesignBox {margin: 0px; padding: 0px 0px 0px 0px; display: block; background:url(../images/top_curve.gif) no-repeat 0 bottom; float: right; width: 248px;}
 
 span.img1 {margin: 0px; padding: 10px 20px 0px 10px; float: left; display: block;} 
 span.img2 {margin: 0px; padding: 10px 15px 0px 20px; float: left; display: block;} 
 
 span.printMediaTxt {margin: 0px; padding: 10px 25px 10px 0px; display: block; font-size: 22px; color: #0b2f79; float: right; width: 130px;}
 strong.bold {margin: 0px; padding: 5px 0px 5px 0px; display: block; font-size: 12px; font-weight: bold; color: #292323;}
 span.clickHere {margin: 0px; padding: 0px 0px 0px 0px; display: block; font-size: 11px; color: #000;}
 span.clickHere a {color:#000;}
 

#headerImage {	position:absolute; margin: -2px 0px 0px 620px; width:243px; height: 248px;	z-index:1; background: url(../images/header_img.gif) no-repeat; }

/************************** middlePanel************************************/
#mainContentPanel { clear:both; margin:0px; }
.mainController {margin: 0px; padding: 42px 0px 20px 0px;}

/************left box************/
#leftPanel {float: left; width: 564px;}
.leftContent { margin: 0px; padding: 0px 0px 0px 0px; line-height:23px; color: #205161}
 h1 { margin:0px; padding: 0px 0px 10px 0px; display: block; font-size: 22px; font-weight: normal; color: #2d2d2d;}
 strong.green_color { margin:0px; padding: 0px 0px 10px 0px; font-size: 13px; font-weight: bold; color: #0a7692; display: block;}
 .leftContent a { color: #000; }
 
/************ Recent Works box************/
div.recentWorksBox { margin: 0px; padding: 35px 0px 0px 0px;}
 
 span.workBox { border:1px #d1c9c9 solid; display:block;  background-color:#e5e4e4;}
 img.img3 { margin: 0px; padding: 10px 0px 10px 5px; display: block; text-align: center;}
 
 /************ Featured box************/
 #featuredBox { margin: 0px; padding: 35px 0px 0px 0px;}
 .feturePlane {float: left; width:242px; line-height:18px; color:#373838; font-size:11px;}
 span.img4 {margin:0px; padding: 0px 0px 0px 40px; display: block; background:url(../images/img4.gif) no-repeat left;}
 span.img6 { margin: 0px; padding: 0px 0px 10px 0px; display: block;}
 
  .values {float: right; width:242px; line-height:18px; color:#373838; font-size:11px;}
    span.img5 {margin:0px; padding: 0px 0px 0px 40px; display: block; background:url(../images/img5.gif) no-repeat left;}

/************ right box************/
#rightPanel { float: right; width: 288px;}
.rightContent { margin: 0px; padding:0px; font-size:11px; line-height: 18px; color:#373838;}
	span.bullet { margin: 0px; padding: 0px 0px 0px 20px; background:url(../images/bullet.gif) no-repeat;}
	span.rightTxt {margin:0px; padding: 0px 0px 18px 25px; display:block;}
	span.read_more {margin:15px 0px 0px 0px; padding:0px 0px 2px 25px; display: block; background:url(../images/read_more_bg.gif) no-repeat;}
	span.read_more a { color: #000; }
	
.secRightContent { margin: 0px; padding:35px 0px 0px 0px; font-size:11px; line-height: 18px; color:#373838;}	
	  span.img7 {margin:0px; padding: 0px 0px 0px 40px; display: block; background:url(../images/img7.gif) no-repeat left;}
	  ul.rightList {margin:0px; padding: 10px 0px 0px 0px;}
	  ul.rightList li {margin:0px; padding: 0px; background:url(../images/dot.gif) repeat-x 0 bottom; list-style: none; line-height: 22px;}
	  ul.rightList li a{margin:0px; padding: 0px 0px 0px 10px; background:url(../images/top_arrow.gif) no-repeat 0 2px; text-decoration:none; color:#000;} 	
	  
/***********************fottoer panel*******************/

#main_footer_panel {clear:both;}
.main_footer_controller {margin:0px; padding:0px; background-color:#03222a;}
.main_footer_details {margin:0px; padding:30px 0px 35px 0px; }
.main_footer_details h4 {margin:0px; padding:5px 0px 0px 0px; text-align: center;  font-size:11px; font-weight: normal; font-family: Arial, Helvetica, sans-serif; color:#0a7692;}
.main_footer_details p {margin:0px; padding:0px;  color:#fff;   font-size:13px; text-align: center;  }
.main_footer_details p a {color:#fff; text-decoration:none; margin:0px; padding:0px 5px 0px 5px; }
.main_footer_details p a:hover {text-decoration:underline;}

/* inner pages css start */
/*h1{font:35px "Times New Roman", Times, serif ;margin:0px; color:#ffc850; font-weight:bold; padding:0px 0px 0 0px;}
h1 span{color:#fff}*/
.aboutus-img{float:right; border:4px solid #d1c9c9;	margin:0 0px 10px 20px;}
h5{font:15px Tahoma, Arial, Helvetica, sans-serif; color:#000; font-weight:bold; padding:0px 0px 5px 0px; border-bottom:1px dotted #000;	margin:0px 0px 10px 0px;}
h6{font:15px Tahoma, Arial, Helvetica, sans-serif; color:#000; font-weight:bold; padding:0px 0px 5px 0px; margin:0px 0px 10px 0px;}
.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:#000; background:#ffc850; font:bold 11px Arial, Helvetica, sans-serif; text-decoration:none; padding:10px 10px; margin:0px 5px 5px 0;	border:1px solid #5b7a92;}
input.button:hover{cursor:pointer; color:#fff; background:#663300; border:1px solid #ffc850;}
.project-img{float:right; margin-left:20px;	border: 6px solid #d1c9c9;}
.whiteheading{font:30px Myriad Pro, Arial; color:#CBD76B; font-weight:100;	padding:0px; margin:25px 0px 20px 0px;}
.ourprojectrow{margin-bottom:20px; border-bottom:1px dotted #000; 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 */