/* CSS Document */

body {margin:0px; font:12px Arial, Helvetica, sans-serif; color:#fff; background:url(../images/bg.gif) repeat-x; background-color:#480000;}

#container {margin:0px auto; width:1000px;}
.clear {clear:both;}


/**********************************************************************************************/



/***************************************************************/

#navigaition_panel {clear:both; background:url(../images/nav_gradient.gif) repeat-x 0 0; height:66px;}
.nav {margin:0px; padding:0px;}
.nav ul{margin:0px 0px 0px 50px; padding:0px;}
.nav ul li{margin:0px; padding:0 1px 0 3px; list-style:none; text-transform:uppercase; float:left; color:#fff; background:url(../images/nav_line.gif) no-repeat 0 2px; text-align:center; display:block;}
.nav ul li a{float:left; width:auto; margin:0px; padding:25px 30px 22px 55px ; text-decoration:none; color:#fff; background:url(../images/nav.gif) no-repeat 0 0; display:block; font-family:"Times New Roman", Times, serif; font-size:14px; font-weight:bold;}
.nav ul li a:hover{float:left; width:auto; margin:0px; padding:25px 30px 22px 55px ; text-decoration:none; color:#fff; background:url(../images/nav.gif) no-repeat 0 bottom; display:block}
.nav ul li a.show{float:left; width:auto; margin:0px; padding:25px 30px 22px 55px ; text-decoration:none; color:#fff; background:url(../images/nav.gif) no-repeat 0 bottom; display:block}
/**********************************************************/
#main_top_panel {clear:both; background:url(../images/top_bg.gif) repeat-x; background-color:#7d0000;}
#main_left_panel {float:left; width:485px; display:block; }
.logo_panel {
	margin:0px 0px 0px 35px;
	padding:0px;
}
.logo_panel h1 {margin:20px 0px 0px 0px; padding:0px;}
.logo_panel p {margin:0px 0px 0px 0px; padding:0px 0px 0px 10px;}

.left_top_panel { clear:both;  }
.top_panel {
	margin:60px 0px 0px 75px;
	padding:0px;
}
.top_panel h2 {
	margin:0px;
	padding:0px;
	font-size:26px;
	font-weight:normal;
	font-family: "Times New Roman", Times, serif;
}
.top_panel h2 span { font-weight:bold;}
.top_panel h4 {margin:0px; padding:10px 0px 0px 0px; font-size:14px; font-weight: bold; }
.top_panel p {margin:0px; padding:10px 0px 0px 0px; line-height:24px;}
.top_panel p a { color:#ff0000;}
.top_panel p a:hover {text-decoration:none;}

#main_right_panel {
	float:right;
	width:510px;
	text-align: center;
}

/************************************************************************************/

#main_middle_panel {clear:both; width:100%; background:url(../images/mid_bg.gif) repeat-x; background-color:#ff0000; }
.main_center {margin:0px auto; width:840px;}
.main_center a{
	color:#FF0;
}
#mid_top_panel {margin:0px; padding:0px;}
.mid_content_left {
	margin:30px 0px 0px 0px;
	padding:0px;
	display:block;
	float:left;
	width:440px;
}
.mid_content_left h4 {margin:0px; padding:0px; font-size:14px; color:#ecba00;}
.mid_content_left p {margin:0px; padding:10px 0px 0px 0px; line-height:24px;}
.mid_content_left p a {color:#ecba00;}
.mid_content_left p a:hover {text-decoration:none;}


.mid_content_right {
	margin:30px 0px 0px 0px;
	padding:5px;
	display:block;
	float:right;
	width:200px;
	background-color: #7D0000;
	font-style: italic;
}
.mid_content_right ul {margin:0px; padding:0px;}
.mid_content_right ul  li{
	margin:0px;
	padding:0px;
	line-height:24px;
	list-style:none;
}
.mid_content_right ul li a {margin:0px; padding:0px 0px 0px 14px; background:url(../images/bullet.gif) 0px no-repeat; color:#ecba00;}
.mid_content_right ul li a:hover {text-decoration:none;}
/***********************************/

#mid_box_panel {clear:both; padding-bottom:40px;}
.left_box_panel {float:left; width:257px; display:block; margin:0px 25px 0px 0px;}
.top_box {float:left; width:257px; background:url(../images/mid_mid_box.gif) repeat-y 0 0;}
.mid_box {float:left; width:257px; background:url(../images/mid_top_box.gif) no-repeat 0 0;}
.bottom_box {float:left; width:257px; background:url(../images/mid_bottom_box.gif) no-repeat 0  bottom;} 

.box_details {margin:0px; padding:20px 20px 20px 20px;}
.box_details h3 {margin:0px; padding:0px; font-size:22px; font-weight:normal;}
.box_details p {margin:0px; padding:14px 0px 0px 0px; line-height:20px;}

.box_details ul {margin:5px 0px 0px 30px; padding:0px;}
.box_details ul li {margin:0px; padding:0px; list-style:none; line-height:24px;}
.box_details ul li a {margin:0px; padding:0px 0px 0px 15px;  background:url(../images/bullet.gif) 0px no-repeat; color:#ecba00;}
.box_details ul li a:hover {text-decoration:none;}
/*****************************************************************/
.mid_box_panel {float:left; width:257px; display:block; margin:0px 15px 0px 5px;}
.right_box_panel {float:left; width:257px; display:block; margin:0px 0px 0px 15px;}




/******************************/


#main_bottom {clear:both; background:url(../images/bottom_bg.gif) repeat-x;  }
.bottom {margin:0px; padding:30px 0px 20px 0px;}
.bottom h5 {margin:0px; padding:0px 0px 0px 0px; float:left; border:none;   font-size:12px; font-weight:normal; }
.bottom p{margin:0px; padding:0px 0px 0px 0px; color:#ecba00;  font-weight:bold; text-align:right;}
.bottom p a  { color:#ecba00;}
.bottom p a:hover { text-decoration: none ;}

/* inner pages css start */
h1.inner{font:33px Myriad Pro, Arial; color:#fff; font-weight:100; margin:0px; padding:25px 0px 10px 0px; background:none}
.aboutus-img{float:right; border:4px solid #b0a48b;	margin:0px 0px 10px 20px;}
h5{
	font:15px Myriad Pro, Arial, Helvetica, sans-serif;
	color:#FF0;
	font-weight:bold;
	padding:0px 0px 5px 0px;
	border-bottom:1px dotted #ffffff;
	margin:0px 0px 10px 0px;
}
h6{
	font:17px Myriad Pro, Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-weight:bold;
	padding:0px 0px 5px 0px;
	margin:0px 0px 10px 0px;
	text-align: left;
}
.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:#ffffff;	background:#414141;	font:bold 11px Arial, Helvetica, sans-serif; text-decoration:none; padding:10px 10px; margin:0px 5px 5px 0;	border:1px solid #000000;}
input.button:hover{cursor:pointer; color:#cccccc;}
.project-img{float:right; margin-left:20px;	border: 6px solid #fff;}
.whiteheading{font:30px Myriad Pro, Arial; color:#ffffff; font-weight:100;	padding:0px; margin:25px 0px 20px 0px;}
.ourprojectrow{margin-bottom:20px;	border-bottom:1px dotted #fff; padding-bottom:10px; width: 95%;}
.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 */
#container #main_top_panel #main_right_panel h2 {
	color: #FDD905;
}



/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -400px;
left: -200px; /*position where enlarged image should offset horizontally */

}