/* CSS Document */

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

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

#flash {clear:both;}
.clear {clear:both;}

#main {clear:both; }

.main_center {margin:0px auto; width:934px;}

.top_nav { margin:0px auto; background:url(../images/nav.gif) no-repeat; width:933px; }

.top_list_ul {margin:0px auto; padding:0px 0px 0px 0px; width:933px; }
.top_list_ul ul {
	margin:0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 100px;
}
.top_list_ul ul li {
	margin:15px 0px 15px 0px;
	padding:5px 0px 5px 0px;
	list-style: none;
	float:left;
	color:#FFFFFF;
	border-right:1px #5c5c5c solid;
	font-size:15px;
	font-weight:normal;
	text-transform: uppercase;
}
.top_list_ul ul li a {
	margin:0px;
	padding:5px 10px 0px 10px;
	color:#E4012F;
	text-decoration:none;
	text-transform: uppercase;
}
.top_list_ul ul li a:hover {
	font-weight: normal;
	text-decoration: underline;
}
.top_list_ul ul li a.current {
	font-weight: bold;
	text-transform: uppercase;
}
/*********************************************************/

#main_middle {clear:both;}

.main_mid {
	margin:0px;
	padding:20px 80px 20px 80px;
	background:url(../images/img.gif);
	height: inherit;
}


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

#main_bottom {clear: both;}
.bottom {margin:0px; padding:10px 0px 20px 0px;}
.bottom h5 {margin:0px; padding:0px; font-size:12px; font-weight:normal; text-align:center; border:none}
.bottom p {
	margin:0px;
	padding-top:5px;
	text-align:center;
	color:#b6e300;
	font-size: 12px;
}
.bottom p a {color:#b6e300;}
.bottom p a:hover { text-decoration:none;}




a{ color:#b6e300; text-decoration:underline}
a:hover{
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
}


/* inner pages css start */
h1{
	font:33px "Times New Roman", Times, serif;
	color:#F00;
	font-weight:100;
	margin:0px;
	padding:25px 0px 10px 0px;
	background:none;
	font-family: Arial, Helvetica, sans-serif;
}
.aboutus-img{float:right; border:4px solid #fff;	margin:0px 0px 10px 20px;}
h5{font:15px Myriad Pro, Arial, Helvetica, sans-serif; color:#ffffff; font-weight:100; padding:0px 0px 5px 0px;	border-bottom:1px dotted #fff;	margin:0px 0px 10px 0px;}
h6{font:17px Myriad Pro, Arial, Helvetica, sans-serif; color:#ffffff; font-weight:100; padding:0px 0px 5px 30px;	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 30px;}
input.button{color:#000; background:#999; font:bold 11px Arial, Helvetica, sans-serif; text-decoration:none; padding:10px 10px; margin:0px 5px 5px 0; border:1px solid #fff;}
input.button:hover{cursor:pointer; color:#000; background:#ccc}
.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;}
.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 0 0 30px;
	color: #F00;
}
/* inner pages css ends */

 
#container #main .main_center #main_middle .main_mid div .servicecolumnzone .servicecolumn1 div h3 strong u {
	color: #F00;
}
#container #main .main_center #main_middle .main_mid div .servicecolumnzone .servicecolumn2 div h3 strong {
	color: #F00;
}
#container #main .main_center #main_middle .main_mid div .servicecolumnzone .servicecolumn1 div h3 strong u {
	color: #F00;
}
#container #main .main_center #main_middle .main_mid div .whiteheading {
	font-size: 24px;
}
#container #main .main_center #main_middle .main_mid div .whiteheading {
	text-align: right;
}
#container #main .main_center #main_middle .main_mid div .whiteheading {
	text-align: left;
}



.style1 {
	font-size: 18px;
text-align: left;
	color: #F00;
}
.style2 {font-size: 12px}
.style10 {font-family: Calibri; font-weight: bold; font-size: 18px; }
.style11 {
	color: #FF0000;
	font-size: 12px;
}
.style14 {font-size: 16px}
.style15 {color: #000000}
.style16 {font-weight: bold}
.style5 {	font-family: Calibri;
	font-size: 36px;
	font-weight: bold;
}
.style6 {
	font-family: Calibri;
	font-weight: bold;
	font-size: 24px;
	color: #88E300;
}
.style7 {
	font-family: "Century Gothic";
	font-weight: bold;
	font-size: 12px;
}
.style8 {font-size: 36px}

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

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

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

.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: -200px;
left: -300px; /*position where enlarged image should offset horizontally */

}