@charset "utf-8";
/* CSS Document */
body, h1, h2, h3, h4, h5, h6, p, form, ul, li, ol, div, img, span, a, input {
	margin:0px;
	padding:0px;
}
 @font-face {
 font-family: "Estrangelo Edessa";
 src: url(??????) format("truetype");
}
p {
	font-family: "Estrangelo Edessa", arial;
}
body {
	background-color:#fff;
	color:#636363;
	font-size:12px;
	font-family: "Estrangelo Edessa", arial;
}
.fL {
	float:left;
}
.fR {
	float:right;
}
a {
	text-decoration:none;
}
li {
	list-style-type:none;
}
img {
	border:0px;
}
input:focus {
	outline:0;
}
a:focus {
	outline:0;
}
.clearfix {
}
.clearfix:after {
	clear:both;
	content:" ";
	height:0px;
	font-size:0px;
	display:block;
	visibility:hidden;
}
.wraper {
	width:1000px;
	margin:0 auto;
}
.header {
	background-color:#ffffff;
	border-bottom:4px solid #f1bc70;
}
ul.nav {
	margin-top:23px;
}
ul.nav li {
	float:left;
	margin-right:10px;
}
ul.nav li:last-child {
	margin-right:0px;
}
.whatsup{ position:fixed; bottom:10px; right:10px; z-index:999; display:inline-block;}
.callss{ position:fixed; bottom:110px; right:10px; z-index:999; display:inline-block;}
ul.nav li a {
	display:block;
	font-family: "Estrangelo Edessa", arial;
	font-size:15px;
	color:#03103a;
	padding:10px 20px;
}
ul.nav li a:hover {
	color:#f1bc70;
}
ul.nav li a.active {
	background-color:#f1bc70;
	color:#000;
}
.projects {
	width:250px;
}
.content {
	margin:30px 0px;
}
.our_projects {
	width:700px;
}
.projects h2 {
	font-size:16px;
	font-family: "Estrangelo Edessa", arial;
	padding:7px 10px;
	display:block;
	background-color:#222222;
	color:#fff;
	border-radius:5px 5px 0px 0px;
}
ul.pro {
	border:1px solid #222222;
}
ul.pro li {
	border-bottom:1px dotted #9f5900;
}
ul.pro li:last-child {
	border-bottom:none;
}
ul.pro li a {
	font-size:14px;
	line-height:32px;
	display:block;
	padding:0px 15px;
	color:#000;
	background:url(../images/arro.png) left center no-repeat;
	margin-left:10px;
}
ul.pro li a:hover {
	color:#c07402;
	background:url(../images/arro_hover.png) left center no-repeat;
}
ul.pro li a.current {
	color:#ff9600;
	background:url(../images/arro_hover.png) left center no-repeat;
}
ul.project {
	margin-top:20px;
}
ul.project li {
	width:210px;
	margin-right:30px;
	text-align:center;
	float:left;
}
ul.project li:last-child {
	margin-right:0px;
}
ul.project li h3 {
	font-size:17px;
	color:#000;
	margin:10px 0px;
}
ul.project li img {
	border:4px solid #ffd6a1;
	border-radius:100px;
}
ul.project li p {
	font-size:13px;
	line-height:22px;
	color:#333;
	margin-bottom:25px;
}
ul.project li a, .section a, .catagery a {
	background-color:#9f5900;
	color:#fff;
	padding:10px 20px;
	text-align:center;
	display:inline-block;
}
.section {
	background-color:#caa473;
	padding:35px 0px;
	margin:40px 0px 40px 0px;
}
.section h2 {
	font-size:#23px;
	display:block;
	text-align:center;
	background:url(../images/line.jpg) center bottom no-repeat;
	color:#000;
	padding-bottom:10px;
	margin-bottom:20px;
}
.section p {
	font-size:13px;
	line-height:23px;
	color:#1d1d1d;
	text-align:center;
}
.section a {
	margin-left:444px;
	margin-top:10px;
}
.section a:hover, ul.project li a:hover, .catagery a:hover {
	background-color:#000;
	color:#fff;
}
.our {
	color:#000;
	padding-bottom:5px;
	display:block;
	border-bottom:3px solid #9f5900;
	font-size:23px;
}
.footer {
	background-color:#222222;
	padding:20px 0px;
	margin-top:30px;
}
ul.footernav {
}
ul.footernav li {
	float:left;
}
ul.footernav li a {
	display:block;
	padding:5px;
	font-size:13px;
	color:#fff;
}
ul.footernav li a:hover {
	color:#9f5900;
}
ul.social {
	margin-bottom:10px;
}
ul.social li {
	float:left;
	font-size:14px;
	color:#fff;
	margin-right:10px;
	line-height:25px;
}
ul.social li a {
}
ul.social li a:hover img {
	opacity:0.6;
}
.foot {
	border-top:3px solid #9f5900;
	padding-top:20px;
}
.foot span {
	font-size:13px;
	color:#fff;
}
.foot span a {
	color:#e37f01;
}
.profile {
	color:#000;
	font-size:24px;
	margin-bottom:10px;
}
.our_projects p, .projects p {
	font-size:13px;
	color:#333;
	line-height:23px;
	margin-bottom:10px;
}
.our_projects h3, .projects h3 {
	font-size:17px;
	color: #764001;
	margin-bottom:10px;
}
ul.team {
}
ul.team li {
	font-size:14px;
	color:#ff9600;
	line-height:24px;
	margin-left:10px;
	list-style-type:square;
}
.text {
	padding:3px 5px;
	width:350px;
	border:1px solid #f1bc70;
}
label {
	color:#000;
	font-size:13px;
	width:140px;
	display:inline-block;
}
.enquiry {
	margin-bottom:14px;
}
.button {
	cursor:pointer;
	background-color:#9f5900;
	color:#fff;
	padding:10px 20px;
	text-align:center;
	display:inline-block;
	border:none;
	margin-right:10px;
}
.button:hover {
	background-color:#000;
}
.map {
	border:1px solid #ff9600;
}
.catagery {
	border:1px solid #ff9600;
	padding:10px;
	margin-bottom:10px;
}
#gallery {
	background-color: none;
	padding: 0px;
	margin: auto opx;
}
#gallery ul {
	margin:0px;
	padding:0px;
	list-style:none;
	list-style-image:none;
}
#gallery ul li {
	display: inline;
}
#gallery ul img {
	border:2px solid #EDF9F8;
	border-width: 5px 5px 5px 5px;
}
#gallery ul a:hover img {
	border: 5px solid #ff9600;
	border-width: 5px 5px 5px 5px;
}
/********************************************* gallry1 ************************************************************************/


.gallery1 {
	background-color: none;
	padding: 0px;
	margin: auto opx;
}
.gallery1 ul {
	margin:0px;
	padding:0px;
	list-style:none;
	list-style-image:none;
}
.gallery1 ul li {
	display: inline;
	padding:3px 3px;
margin-bottom:10px padding-top:0px;
}
.gallery1 ul img {
	border:2px solid #EDF9F8;
	border-width: 5px 5px 5px 5px;
}
.gallery1 ul a:hover img {
	border: 5px solid #ff9600;
	border-width: 5px 5px 5px 5px;
}
/********************************************* gallry2 ************************************************************************/


#gallery2 {
	background-color: none;
	padding: 0px;
	margin: auto opx;
}
#gallery2 ul {
	margin:0px;
	padding:0px;
	list-style:none;
	list-style-image:none;
}
#gallery2 ul li {
	display: inline;
	padding-top:0px;
}
#gallery2 ul img {
	border:2px solid #EDF9F8;
	border-width: 5px 5px 5px 5px;
}
#gallery2 ul a:hover img {
	border: 5px solid #ff9600;
	border-width: 5px 5px 5px 5px;
}
.call {
	color:#03103a;
	margin-top:10px;
	font-size:13px;
	margin-right:25px;
}
