@charset "utf-8";
/* CSS Document */



body{font-family: Arial, Helvetica, sans-serif;}

@font-face {
				font-family: 'BebasNeue';
				src: url('../fonts/bebasneue.eot');
				src: url('../fonts/bebasneue.eot?#iefix') format('embedded-opentype'),
						 url('../fonts/bebasneue.woff') format('woff'),
						 url('../fonts/bebasneue.ttf') format('truetype'),
						 url('../fonts/bebasneue.svg#bebasneue') format('svg');
				font-weight: normal;
				font-style: normal;
		}
		@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Regular-webfont.eot');
    src: url('../fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Regular-webfont.woff') format('woff'),
         url('../fonts/Roboto-Regular-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Regular-webfont.svg#RobotoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'RobotoMedium';
    src: url('../fonts/Roboto-Medium-webfont.eot');
    src: url('../fonts/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Medium-webfont.woff') format('woff'),
         url('../fonts/Roboto-Medium-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Medium-webfont.svg#RobotoMedium') format('svg');
    font-weight: 300;
    font-style: normal;
}

.similar_project_bg{ width:216px; height:34px; float:left; background:url(../images/developer_bg.png) no-repeat;  margin:8px 0 0 4px;}
.similar_project_bg h3{ font-family:Tahoma; color:#fff; font-size:14px; float:left; width:160px; height:20px; margin:9px 0 0 8px; letter-spacing:2px;}

.similar_project_wrap{ width:675px; height:216px; float:left; background:#dedede;}
/*.similar_project_wrap-left{ width:7px; height:99px; float:left; background:url(../images/deve_bg_left.png) no-repeat;}
.similar_project_wrap-right{ width:7px; height:99px; float:right; background:}
.similar_project_wrap-center{ width:500px; height:99px; float:left; background:#bdbdbd repeat-x;}
*/

.similar_project_wrap ul{}
.similar_project_wrap ul li { list-style:none;}
.similar_project_wrap ul li p{ margin:0px; font-family: 'RobotoMedium'; font-size:14px; color:#000;}
.similar_project_wrap ul li h4{font-family: 'RobotoMedium'; font-size:14px; color:#000; margin:2px 0px 8px 0px;}
.similar_project_wrap ul li h4 a { text-decoration:none; color:#000;}
.similar_project_wrap ul li h4 a:hover{ text-decoration:underline; color:#000;}


.proejct-top-nav{ float: left;
height: 19px;
    padding: 0px 0 0 5px;
    width: 978px; border-bottom:1px solid #D9D9D9;}
.proejct-top-nav p{ font-family: 'RobotoMedium'; color:#000; font-size:12px; float:left; margin:0px;}
.proejct-top-nav ul{ margin:0px; padding:0px;}
.proejct-top-nav ul li{ list-style:none; float:left; color:#000; font-size:11px; font-family:Arial, Helvetica, sans-serif;}
.proejct-top-nav ul li a{ text-decoration:none; color:#2B60A4; font-size:12px; font-family: 'RobotoMedium'; text-align:center; padding:0 5px;}

.proejct-top-nav ul li a:hover{ text-decoration:none; color:#2B60A4; }

.proejct-top-nav span{ font-family: 'RobotoMedium'; color: rgb(75, 73, 73); font-size:12px; float:left; padding:0px 6px;}

.prject_details_wrap{ width:675px; height: 780px; float:left;  background:#fff; outline:1px solid #bdbdbd;}


.project_header{ width:675px; float:left; margin:5px; height:61px; margin-top:-8px;}
.project_header img { float:left; width:98px; height:52px; margin-top:10px;}
.project_header h1{ width:338px; height:20px; float:left; padding:28px 0 0 5px; font-size:14px; font-family: 'Roboto'; text-align:left; color: rgb(75, 73, 73); margin:0 0 0 5px;}
.project_header p{ margin:0px; width:338px; height:17px; float:left; text-align:left;font-family: 'RobotoMedium'; padding:0 0 0 10px; font-size:11px;}

.project_right_wrap{ width:83px; height:80px; float:right;}
.rating_wrap{ width:139px; height:36px; float:right; margin-top:-19px;}
.rating_wrap img { width:83px; height:36px;}
.mian_logo{ width:80px; height:47px; float:right; margin-top:-30px;}
.mian_logo img{ width:80px; height:28px; float:right;}




.nav{ width:670px; height:31px; margin:0px auto; background:url(../images/project-nav-bg.png) repeat-x; border:1px solid #359303;}
.nav ul{ margin:0px; padding:0px;}
.nav ul li{ list-style:none; float:left;  display:block; margin:5px 0 0 0px;}
.nav ul li a { font-family: 'RobotoMedium';
color: rgb(75, 73, 73);
font-size: 12px;
text-decoration: none;
line-height: 20px;
padding: 10px 9px;
_padding: 26px 23px 28px 23px;
border-left: 1px solid #359303;}
.nav ul li a:hover{ background:#359303; color:#fff;}
.active{background:#359303; color:#fff !important;}

.nav ul li frist:child{ border:none;}

.project_image{ width:440px; height:268px; float:left; background:#CCCCCC; border:1px solid #999999; margin:8px 0 0 5px;}
.project_content{ width:220px; height: 280px; float:left; margin:11px 0px 0px 5px;}
.project_content p{ font-family: 'RobotoMedium'; color:#000; font-size:11px; float:left; width:68px; margin:0px; margin-left:12px; height:24px;}
.project_content span{font-family: 'RobotoMedium'; color:#000; font-size:13px; float:left; width:20px;}

.project_content h6{ font-family: 'RobotoMedium'; color: rgb(75, 73, 73);  font-size:11px; float:left; width:120px; margin:0px; height: 24px; font-weight:normal;}
.project_content h6 a{ font-family: 'RobotoMedium'; color: #0066CC;  font-size:11px; text-decoration:none;}
.project_content h6 a:hover{ text-decoration:none; color: rgb(75, 73, 73);}
/*********************Downloading Ebrochure- Application form section Start here*********************************************************/
.project_content h5 { width:20px; height:20px; float:left; margin:0px;}
.project_content h5 img { width:20px; height:20px; float:left; margin: -2px 7px 0 10px;}

h5 {
font-size: 0.83em;
}
.project_content h4{ float: left;
width: 177px;
margin: 0px;
height: 19px;
margin-left: 15px;
font-family: 'Roboto';
color: #000;
padding-top: 3px;
font-weight: normal;
font-size: 11px;
}

.project_content h4 a{ text-decoration: none;
color: rgb(75, 73, 73);
font-weight:normal;
font-size: 12px; }
.project_content h4 a:hover{ text-decoration:none; color: #0066CC;}


.project_content h3{ 
    font-family: 'RobotoMedium';

font-size:10px; float:left; width:100px; 
margin:0px; height:25px;}
.project_content h3 a{ text-decoration:none; color: rgb(75, 73, 73);
text-decoration: none;
margin-left: 15px;}
.project_content h3 a:hover{ text-decoration:none;}

/*********************Downloading Ebrochure- Application form section End here*********************************************************/
.right_wrapper_innar{ width:289px; height:1159px; float:right;}

.map-wrapper{ width: 67px;
height: 61px;
float: left;
margin: 8px 0 0 6px;}
.map-wrapper img { width:40px; height:35px; float:left; padding:0 0 0 14px;}
.map-wrapper p{font-family: 'RobotoMedium'; font-size:12px; color:#000;}
.map-wrapper p a{ text-decoration:none; font-family: 'RobotoMedium'; color:#0066CC; font-size:11px; float:left; text-align:center;}
.map-wrapper p a:hover{ text-decoration:underline; color:#000;}
.project_contect_div{ width:675px; height:500px; float:left; margin-top:0px; overflow:hidden; border-top: 1px solid #A5A5A5;}

.project_contect_div p{    font-family: 'Roboto';
color: rgb(105, 96, 96);
font-size: 13px;
float: left;
width: 634px;
margin: 10px 10px 0px 18px;
height: auto;
text-align: justify;
line-height: 22px;}

.project_contect_div ul li{    font-family: 'Roboto';
color: rgb(105, 96, 96);
font-size: 13px;
float: left;
margin: 10px 37px 0 28px;
height: auto;
text-align: justify;
line-height: 22px;
width: 590px;}


.header_bg{ width:282px; height:37px; float:left; background:url(../images/header_bg.png) no-repeat;}
.header_bg h1{font-family: 'Robotomedium'; color:#fff; font-size:14px; float:left; width:250px;  margin:14px 0 0 7px;  letter-spacing:0px; font-weight:normal;}


.ads_right_wrap{ width:287px; height:auto; float:left;}
.ads_right_wrap img { width:287px; height:auto; float:left; margin-top:5px;}
.ads_right_wrap a{}
.ads_right_wrap a:hover{opacity:0.85; filter:alpha(opacity=40);}

.table { font-family:Tahoma; font-size:13px;}

.project_price_div{ width:675px; height:507px; float:left; margin-top:24px; overflow:hidden;}

.project_price_div p{ font-family: 'RobotoMedium'; color:#000; font-size:15px; float:left; width:664px; margin:14px 0 0 4px; height:auto; text-align:justify; line-height:20px;}


.contact_iframe{ width:664px; height:264px; float:left; margin:5px 0 11px 4px; border:1px solid #666666;}



/* Pagination */		
	ul#items{		
		float:left;
		width:638px;
		overflow:hidden;
		position:relative;
	
		
		}
	ul#items1 li{
		list-style:none;
		float:left;
		overflow:hidden;
		}
		ol#pagination{overflow:hidden; position:absolute; right:10px;bottom:-20px;}
ol#pagination li{
		float:left;
		list-style:none;
		cursor:pointer;
		font-size:14px;
		margin:0 0 0 .5em;
		background:#dfdfdf;
		padding:1px 5px;
		color:#666565;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		border-radius:3px;
		}
ol#pagination li.current{color:#fff;font-weight:bold; background:#7db83e;
	}
ul#items1{		
		float:left;
		width:638px;
		overflow:hidden;
		position:relative;
		height:742px;
		margin-top:10px;
		
		}
	ul#items li{
		list-style:none;
		float:left;
		overflow:hidden;
		}



.cont-location-map {
float: left;
width: 680px;
margin-top: -31px;
position: relative;
}
.cont-location-map ul h1{     font-family: 'RobotoMedium'; font-size:14px; float:left; width:600px;}

.cont-location-map ul li {
padding: 5px;
border: #CCC 1px solid;
float: left;
margin: 11px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
text-align: center;
font-size: 14px;
list-style: none;
}

.div_wrap_img{ width:649px; height:400px; float:left; border:1px solid #999999; border-radius:5px 5px;
-moz-border-radius:5px 5px; -webkit-border-radius:5px 5px; margin:17px 0 0 12px;}
.div_wrap_img p{     font-family: 'RobotoMedium'; color:#000; font-size:15px; float:left; width:664px; margin:14px 0 0 4px; height:auto; text-align:center; line-height:20px;}

.div_wrap_img img { margin:2px 0px 0px 5px;}




.table_cont {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E1DFDF;
    border-radius: 5px 5px 5px 5px;
    float: left;
    margin-bottom: 10px;
    padding: 7px;
    width: 640px;
	margin-left:10px;
}



.table_cont h3 {
    color: #666666;
    padding: 5px 0; font-size:14px; margin:0px;
    text-transform: uppercase;
}
.table_cont p {
    font-size: 12px;
    line-height: 20px;
    margin: 5px 0;
    padding: 0;
}
.table_cont table {
    background: none repeat scroll 0 0 #FFFFFF;
    margin-bottom: 8px;
}
.table_cont table td {
  border-bottom: 1px solid #979797;
border-left: 1px solid #979797;
border-right: 1px solid #979797;
font-size: 12px;
line-height: 22px;
padding: 3px;
vertical-align: top;
}
.table_cont table td ul li {
    background: url("../images/bullet.png") no-repeat scroll 0 5px transparent;
    padding-left: 3%;
    width: 95%;
}
.table_cont table td ul li ul li {
    background: none repeat scroll 0 0 transparent;
    list-style: disc inside none;
}
.bg_dark {
    background: #318307;
    color: #000;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
}

/***********************************************Register Page CSS *******************************************************************/

.register_wrapper{ width:675px; height:auto; float:left; border:1px solid #329101; margin:3px 0px 0px 0px; background-color: #fff;}
.register_wrapper a{ color:#003300;}
.register_field{ width:600px; height:auto; float:left;}
.register_field_div{ width:600px; height:32px; float:left;}
.register_field h2{ 
color: #fff;
font-family: 'RobotoMedium';
font-size: 14px;
height: 24px;
letter-spacing: 1px;
margin: 0px;
padding-top: 5px;
width: 675px;
text-align: left;
font-weight: normal;
background: #329101;
float: left;
padding-left: 1px;
}
.register_field_div span{ color:red; font-size:19px;}
.register_field_div p{ 
color: #1a3202;
    font-family: 'RobotoMedium';
    font-size: 13px;
    height: 28px;
   width: 200px; text-align:right; font-weight:normal; margin:5px 9px 0 0px; float:left;
}

.register_field form { width:615px; height:auto; float:left; margin-top:10px; }
.register_field_div input { width: 300px; height:25px; float:left; background:#fff; outline:none; color: rgb(95, 95, 95);    font-family: 'RobotoMedium'; font-size:13px; font-weight:normal; padding-left:2px;  border:1px solid #ccc;}

.register_field_div select { width: 300px; height:25px; float:left; background:#fff; border:none; outline:none; color:#4d4d4d;  font-family: 'RobotoMedium'; font-size:13px; font-weight:normal; padding:3px 0px 0px 2px;  border:1px solid #ccc;}

.register_field h6{ 
color: #333333;
 font-family: 'RobotoMedium';
    font-size: 13px;
    height: auto;
margin: 5px 0 8px;
   width: 328px; text-align:left; font-weight:normal;  float:left;}
   
   .register_field h5{ 
color: #000;
 font-family: 'RobotoMedium';
    font-size: 13px;
    height: auto;
    margin: 0 0 8px;
   width: 600px; text-align:left; font-weight:normal;  float:left;}
   
.register_checkbox{ width:50px; float:left; margin-left:196px;}


.highlight_content { width:619px; height:auto; float:left; border-top:1px solid #ccc; margin-top:21px;}
.highlight_content ul{ margin:0px; padding:0px;}
.highlight_content ul li{ 
background: url("../images/highlight_button2.png") no-repeat scroll 0 0 transparent;
    float: left;
    list-style: none outside none;
    margin: 5px 0 4px 13px;
    padding: 4px 3px 4px 28px;
    width: 573px; color: rgb(65, 61, 61); font-size:13px; font-family: 'RobotoMedium';
}
.highlight_content ul li a{ text-decoration:none; color:#000;  font-family: 'RobotoMedium';}
.highlight_content ul li a:hover{ text-decoration:underline;}
.news-menu{
font-size:13px;
float:right;
color: rgb(40, 107, 5);
font-family:roboto;
margin-right:20px;}

.btn-apply{
 background:url(../images/btn-apply.jpg) no-repeat;
 width:119px;
 height:31px;
 display:block;
 margin:15px 0;
 text-indent:-9999px;
 }
.btn-apply:hover{
 background-position:bottom;
 -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
 }
/* Apply Form */ 
.apply-form {
 background:#eaeaea;
 float:left;
width: 349px;
 padding:0px 10px;}
.apply-form h1{
 color:#fff;
 text-align:center;
 font-family:roboto;
 font-weight: normal;
    font-style: normal;
 font-size:18px;
 background:#029f8d;
 padding:3px 40px 2px 40px;
 margin:0 0 10px 25px;
 float:left;
 }
.apply-now-form{
 float:left;
width: 312px;
 padding-bottom:20px;
 }
.apply-now-form fieldset{
 float:left;
  width: 312px;
 font-family:Georgia, "Times New Roman", Times, serif;
 border:0px;
 }
.apply-now-form fieldset .textbox{
 float:left;
width: 271px;
 background:#fff;
 border:1px solid #d5d5d5;
 padding:6px;
 -moz-border-radius:4px;
 -webkit-border-radius:4px;
 border-radius:4px;
 font-family:Georgia, "Times New Roman", Times, serif;
 font-style:italic;
 color:#8a8987;
 }
.apply-now-form fieldset .textbox.small{
 width:200px;
 }
.btn-browse{
 background:url(../images/btn-brows.png) no-repeat;
 float:left;
 width:86px;
 height:25px;
 cursor:pointer;
 margin-top:2px;
 margin-left:5px;
 border:0px;
 }   
.btn-submit-apply{
 background:url(../images/submit_button.png) no-repeat;
 float:right;
 width:92px;
 height:30px;
 cursor:pointer;
 margin-top:10px;
 border:0px;
 }
.btn-submit-apply:hover{
 background-position:bottom;}
 input[type="file"]{
   -webkit-appearance: none;
   text-align: left;
   -webkit-rtl-ordering:  left;
}
input[type="file"]::-webkit-file-upload-button{
   -webkit-appearance: none;
   float: right;
   margin: 0 0 0 10px;
   border: 1px solid #aaaaaa;
   border-radius: 4px;
   background-image: -webkit-gradient(linear, left bottom, left top, from(#d2d0d0), to(#f0f0f0));
   background-image: -moz-linear-gradient(90deg, #d2d0d0 0%, #f0f0f0 100%);
}
div.fileinputs {
	position: relative;
}

div.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

input.file {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
}
 .project_contect_div p a{    font-family: 'Roboto';
color: rgb(105, 96, 96);
font-size: 13px;
font-weight:bold;
text-decoration:none;
}
