@import 'reset.css';
@import 'slide-nav.css';

html{
	background:url(../images/bg-header-inside.jpg) center top repeat-x #a4d450;
}

body{ 
	margin:0; 
	padding:0; 
	text-align:center;
	background:url(../images/bg-header-sky.jpg) center top no-repeat;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
} 

h1, h2, h3, h4, h5, h6{
	font-family:"trebuchet MS", verdana, Arial;
	font-weight:normal;
}


img{
	border:0;

}

p{
	text-align:justify;
}

/* LAYOUT TOOLS*/
.left {
float: left;
}

.right {
float: right;
}

.clear {
clear: both;
}

.layoutCenter {
margin: 0 auto;
}

.textCenter {
text-align: center;
}

.textRight {
text-align: right;
}

.textLeft {
text-align: left;
}

/* PRINT TOOLS*/
.page-break {
page-break-before: always;
}


/* TYPOGRAPHIC TOOLS*/

.callOut {
font-size: 125%;
font-weight: bold;
}

.strikeOut {
text-decoration: line-through;
}

.underline {
text-decoration: underline;
}


/* STYLING EXTRAS*/

a{
	text-decoration:none;
}

/*a[href^="mailto"] {
background: url(images/emailIcon.png) left center no-repeat;
padding-left: 10px;
}*/

a[href~=".pdf"] {
background: url(images/pdfIcon.png) left center no-repeat;
padding-left: 10px;
}

a.button {
color: black;
border: 1px solid black;
padding: 3px;
}

a.button:hover {
background: black;
color: white;
}


/* DISPLAY VALUES*/

.hide {
display: none;
}

.show {
display: block;
}

.invisible {
visibility: hidden;
}
 
#pagewidth{ 
	width:779px; 
	text-align:left;  
	margin-left:auto; 
	margin-right:auto;
} 

.head-00{
	background:url(../images/bg-about-us-header.jpg) left 2px no-repeat;
}


.head-01{
	background:url(../images/bg-head-06.jpg) left 1px no-repeat;
}

.head-02{
	background:url(../images/bg-head-07.jpg) left 0px no-repeat;
}

.head-03{
	background:url(../images/bg-head-08.jpg) left 1px no-repeat;
}

.head-04{
	background:url(../images/bg-head-07.jpg) left 0px no-repeat;
}

.head-05{
	background:url(../images/bg-head-08.jpg) left 2px no-repeat;
}

#header{
	margin:0 0 0px 0;
	position:relative; 
	height:360px; 
	width:100%;
}

#header .head-container{
	margin:0 auto;
	padding:15px 0 0 0;
	width:752px;
	height:110px;
}

#header .head-container .logo{
}

#header .msg-1{
	margin:120px 0 0 45px;
}

* html #header .msg-1{
	margin:110px 0 0 45px;
}

#header .msg-1 h2{
	font-size:26px;
	color:#fff;
}

#header .msg-1 h6{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
}


#maincol{
	float:right; 
	display:inline; 
	position:relative; 
	width:100%; 
}

#maincol .bor-bot{
	margin:0 0 4px 0;
	padding:0 0 10px 0;
	border-bottom:1px dashed #666f0d;
}

#maincol .mid-conatiner-1 {
	background:url(../images/bg-home-bird-2.gif) 390px bottom no-repeat;
}

#maincol .para-1{
	width:515px;
}

#maincol .about{
	 background: url("../images/bg-aboutus1.png") no-repeat scroll right 47px transparent;
    padding: 0 271px 0 22px;
}

#maincol .shahpur{
	background: url("../images/bg-about-shahpur-header1.png") no-repeat scroll right 1px transparent;
    padding: 0 292px 0 22px;
}

#maincol .project{
	padding:0px 236px 0 22px;
	background:url(../images/img-project-01.jpg) right 38px no-repeat;
}

#maincol .contact{
	padding:0px 0px 0px 22px;
	width:751px;
	margin:0 0 4px 0;
	border-bottom:1px dashed #666f0d;
/*	background:url(../images/img-project-01.jpg) right 38px no-repeat;*/
}

#maincol h4{
	margin:0 0 11px 0;
	padding:8px 0 4px 34px;
	font-size:17px;
	color:#fff;
	background:url(../images/icon-key.png) left top no-repeat;
}
 
* html #maincol .para-1 h4{
	background:url(../images/icon-key.gif) left top no-repeat;
}

* html #maincol .head-4, * html #maincol h4{
	background:url(../images/icon-key-2.gif) left top no-repeat;
}

#maincol .para-1 p{
	margin:0;
	padding:0 0px 30px 0;
	color:#3d4d00;
	font-size:11px;
	line-height:20px;
}

#maincol .para-1 a{
	color:#41530f;
	border-bottom:1px dashed #666f0d;
}

#maincol .mid-conatiner-1 .list{
	margin:36px 0 70px 20px;
}

#maincol .mid-conatiner-1 .list li{
	list-style:none;
	background:url(../images/bg-bullet.gif) left 1px no-repeat;
	padding:0 0 0 27px;
	margin:0 0 15px 0;
	font-size:11px;
	color:#41530f;
	text-transform: capitalize;
}

#maincol .mid-conatiner-1 .right-img{
	margin:-10px 0 0 0;
	font-size:11px;
	color:#3d4d00;
	width:250px;
}

#maincol .mid-conatiner-1 .right-img p{
	text-align:center;
	margin:40px 0 0 0;
}

#maincol .mid-conatiner-1 .right-img a{
	color:#41530F;
}
#maincol .mid-conatiner-1 .right-img a:hover{
	color:#FFF;
}
#maincol .mid-conatiner-1 .para-2{
	margin:10px 0 0 0;
	padding:0px 22px 0 22px;
	width:735px;
}
.info{
	font-size:12px !important;
}
.number{
	font-size:12px !important;
}
.email{
	font-size:12px !important;
}
#maincol .mid-conatiner-1 .para-2 p{
	margin:0;
	padding:0 0px 30px 0;
	color:#3d4d00;
	font-size:11px;
	line-height:20px;
}

#maincol .mid-conatiner-1 .para-2 .img-left{
	margin:0 0 0 10px;
}

#maincol .mid-conatiner-1 .para-2 .img-right{
	margin:0 10px 0 0;
}

#maincol .mid-conatiner-1 .para-2 .enquiryForm{
	width:600px;
	font-size:12px;
	color:#3d4d00;
}

#maincol .mid-conatiner-1 .para-2 .enquiryForm ul{
	margin:0;
	padding:0;
}

#maincol .mid-conatiner-1 .para-2 .enquiryForm li{
	list-style:none;
	margin:0 0 20px 0;
}

#maincol .mid-conatiner-1 .para-2 .enquiryForm form .InputForm{
	background: none repeat scroll 0 0 #C8E596;
    border: 1px solid #78980B;
    font-size: 11px;
    height: 25px;
    line-height: 25px;
    margin: 0 0 8px;
    padding: 0 0 0 4px;
    width: 270px;
}

#maincol .mid-conatiner-1 .para-2 .enquiryForm form .InputForm:hover{
	background:#e9f7d2;
	border:1px solid #90ac32;
}

#maincol .mid-conatiner-1 .para-2 .enquiryForm form .InputArea{
	width:594px;
	background:#c8e596;
	border:1px solid #78980b;
	font-size:11px;
	margin:0 0 8px 0;
	padding:4px 0 0 4px;
}

#maincol .mid-conatiner-1 .para-2 .enquiryForm form .InputArea:hover{
	background:#e9f7d2;
	border:1px solid #90ac32;
}

#maincol .mid-conatiner-1 .para-2 .enquiryForm form .InputButton{
	width:72px;
	height:29px;
	font-size:11px;
	color:#3d4d00;
	font-weight:600;
	background:url(../images/input-button.jpg) left top no-repeat;
	border:0;
}

#maincol .mid-conatiner-1 .para-2 .enquiryForm form .InputButton:hover{
	background:url(../images/input-button-hover.jpg) left top no-repeat;
}




#pagewidth input.error{ 
	border:1px #FF0000 dotted; 
}

#pagewidth .error{
	color:#df3a00;
	font-size:11px;
	font-weight:700;
	clear:both;
}

.error_box1{
	color:#FFFFFF;
	background:#FFF5F1;
	border:1px solid #F8E8E8;
	display:none;
	overflow:hidden;
	width:595px;
	margin-bottom:2px;
	padding:0px 0px 0px 0px;
}

.error_box1 li{
	color:#212121;
	text-align:left;
	font-weight:bold;
	list-style:none;
	background:url(../images/cross.png) left top no-repeat;
	padding:0px 0px 10px 25px;
}








#maincol .mid-conatiner-1 .para-2 .enquiryForm h5{
	width:100%;
	text-align:center;
	font-size:14px;
	color:#3d4d00;
	padding:0 0 40px 0;
	line-height:30px;
}

#maincol #project-gallery{
	margin:60px 0 30px 7px;
	padding:0 0 30px 0;
	width:761px;
	background:url(../images/bg-project-bird.jpg) right 28px no-repeat;
}

#maincol #project-gallery h4{
	padding:8px 0 30px 50px;
	background:url(../images/icon-key.png) 15px top no-repeat;
}

* html #maincol #project-gallery h4{
	padding:8px 0 30px 50px;
	background:url(../images/icon-key-2.gif) 15px top no-repeat;
}


#maincol #project-gallery .top{
	width:100%;
	height:20px;
	background:url(../images/bg-project-gallary-top.jpg) left top no-repeat;
}

#maincol #project-gallery .gallery{
	margin:0 0 0 0px;
	width:761px;
	background:#8cbd36;
}

* html #maincol #project-gallery .gallery{
	margin:0 0 0 -1px;
	width:762px;
	background:#879d1e;
}

#maincol #project-gallery .gallery ul{
	margin:0 auto;
	padding:0;
	list-style:none;
	width:682px;
}

#maincol #project-gallery .gallery li{
	float:left;
	margin:0 20px 20px 0;
	padding:0 20px 0 0;
	border-right:1px dashed #667012;
}

#maincol #project-gallery .gallery .li-right {
	margin-right:0;
	padding-right:0;
	border-right:0;
}

#maincol #project-gallery .gallery li p{
	margin:0 0 9px 0;
	font-size:15px;
	text-align:center;
	color:#fff;
}

#maincol #project-gallery .gallery li a img{
	border:3px solid #fff;
}

#maincol #project-gallery .bottom{
	width:100%;
	height:20px;
	background:url(../images/bg-project-gallary-bottom.jpg) left bottom no-repeat;
}

#maincol .mid-conatiner-2{
	margin:-2px auto 0 auto;
	padding:0 15px 0 15px;
	width:731px;
	height:155px;
	background:url(../images/bg-bottom.gif) center bottom no-repeat;
	
}

#maincol .mid-conatiner-2 .testi{
	padding:10px 0 0;
	width:365px;
}

#maincol .mid-conatiner-2 .testi h3{
	padding:2px 0 10px 50px;
	background:url(../images/iocn-testimonials.gif) left top no-repeat;
	font-size:19px;
	color:#fff;
	line-height:18px;
}

#maincol .mid-conatiner-2 .testi p{
	margin:0 0 0 52px;
	font-size:11px;
	color:#485900;
	font-style:italic;
	line-height:19px;
}

#maincol .mid-conatiner-2 .testi p span{
	float:left;
	margin:3px 0 0 0;
	width:300px;
	text-align:right;
	font-weight:bold;
}

#maincol .mid-conatiner-2 .natural{
	margin:10px 0 0 0;
	padding:10px 0 0 15px;
	width:720px;
	height:125px;
}

#maincol .mid-conatiner-2 .natural h3{
	padding:15px 0 15px 50px;
	background:url(../images/icon-surrounding.gif) left top no-repeat;
	font-size:19px;
	color:#fff;
	line-height:18px;
}

#maincol .mid-conatiner-2 .natural p{
	padding:0 0 3px 50px;
	font-size:12px;
	line-height:23px;
	color:#3d4d00;
}

#maincol .mid-conatiner-2 .natural a{
	margin:0 0 0 622px;
	color:#fff;
	font-weight:600;
	text-align:right;
}

#maincol .mid-conatiner-2 .natural a:hover{
	text-decoration:underline;
}


#maincol #gallery{
	width:100%;
	padding:30px 0 40px 0;
}

#maincol #gallery ul{
	margin:0 auto;
	padding:0;
	list-style:none;
	width:682px;
}

#maincol #gallery li{
	float:left;
	margin:20px 20px 20px 0;
	padding:0 20px 0px 0;
	border-right:1px dashed #667012;
}

#maincol #gallery .li-right {
	margin-right:0;
	padding-right:0;
	border-right:0;
}

#maincol #gallery li a img{
	border:3px solid #fff;
}

.menu{
	text-transform:capitalize;
	margin:0 0 0 130px;
	position:relative;
	top:20px;
	width:600px;
}
.menu ul{
	list-style-type:none;
}
	
.menu li{
	float:left;
	margin:10px 10px;
}
.menu li a{
	font-size:13px;
	color:#ffffff;	
}
.menu li:hover a{
	color:#F00;
}
.menu ul li.active a{
	color:#F00;
}
.content{
	margin:0 auto;
	width:500px;
	clear:both;
	position:relative;
	top:40px;
	font-size:11px;
	line-height:20px;
}
.content h1{
	color:#61c1d1;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 10px;
    text-transform: capitalize;
}
.content h2{
	color: #ffffff;
    font-family: "Times New Roman",Times,serif;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 10px;
    text-transform: capitalize;
}
.bottom-image img{
	position:relative;
	bottom:75px;
}
	
.mid-conatiner-1 img{
	margin:30px 0;
}
.floorplan-content{
	margin:30px 0 135px;
}
.floor-plan{
	width:800px;
	margin-bottom:-35px !important;
	background:#deeb99;
}
.floor-plan .graph{
	margin:20px 20px 33px 10px;
	 border: 3px solid #FFFFFF;
}
.floor-plan .plot{
	float: right;
    position: relative;
    width: 236px;
	top:70px;
}
.floor-plan .plot img{
	position: relative;
    right: 30px;
}
.floor-plan .plot  p{
	 margin: -20px 0 0 !important;
    text-align: center;
    width: 185px;
}
#footer{
	height:55px; 
	background:url(../images/bg-footer.gif) center bottom repeat-x; 
	clear:both;
}

#footer .foot-container{
	margin:0 auto;
	padding:30px 15px 0 15px;
	width:731px;
	height:20px;
	font-size:10px;
	font-style:italic;
	color:#d0ec9f;
	background:url(../images/bg-footer-mid.gif) left top no-repeat;

}
.slideshow{

    height: 200px;
    margin: 0 0 0 26px;
    width: 200px;
}
#footer .foot-container a{
	color:#fff;
	font-weight:bold;
}