/* CSS Document */


/*fonts*/
@font-face {
	font-family: 'France';
	src: url('../fonts/francen.ttf') format('truetype');
}
@font-face {
	font-family: 'Ivory Headline';
	src: url('../fonts/ivory-headline.otf') format('opentype');
}

/*body starts here*/
body {
	background:#98b6c0; 
	margin:0px; 
	padding:0px;
	font-family:'France';
	font-size:16px;
	color:#000000;
}
#wrapper{
	width:1000px; 
	margin:0 auto;
}
.clear{
	clear:both;
	margin:0px;
	padding:0px;
}
.content{
	display: flex;
	height:auto;
}
a{
	color:#b78532;
	text-decoration:none;
}
a:hover{
	text-decoration:none;
}
/*body ends here*/

/*banner_zone start*/
#banner_zone {
	background: url(../images/banner.jpg) no-repeat; 
	height: 130px;
	font-family: 'Ivory Headline';
	font-weight: bolder;
}
#logo{padding:0px 10px 5px 10px;}
#slogan {
	padding:20px 0 0 5px; 
	color: black; 
	width: 350px; 
	float: left; 
	line-height: 1.5;
	font-family: 'Ivory Headline'; 
	font-size: 18px; 
	font-weight: bolder;
}
.header_link{
	padding:50px 0 0 30px; 
	font-size:11px; 
	float:left; 
	background:url(../images/home.gif) 210px 50px no-repeat;
}
.header_link a{
	color:#f3e7d3;
}
.banner_text{
	padding:0 500px 0 10px;
}
.white_text{
	font-size:18px; 
	font-weight: normal;
}
/*banner_zone end*/

/*menuzone starts here*/
#menu{
	background:url(../images/menu_bg.png) repeat-x 0 0; 
	height: 75px; 
	padding: 0px 0px 0px 50px;
	font-family: 'Ivory Headline';
	font-weight: bolder;
}
#menu ul{
	margin:0px 0px 0px 0px; 
	padding:0px 0px 79px 5px; 
	background:url(../images/menu_border.gif) left 10px no-repeat;
}
#menu li{
	margin:0px 0px 0px 0px; 
	padding:25px 0px 25px 0px; 
	font:'Ivory Headline'; 
	display:block; 
	float:left; 
	background:url(../images/menu_border.gif) right 10px no-repeat; 
	list-style:none; 
	font-weight: bolder;
}
#menu li a{
	color:#003663; 
	font-size:16px; 
	text-decoration:none; 
	background:url(../images/menu_path.gif) 23px 7px no-repeat; 
	text-transform:lowercase; 
	padding:0px 25px 0px 28px;
	margin:0px 0px 0px 0px; 
	font-weight: bolder;
}
#menu li a:hover{ 
	outline-width:3px; 
	outline-color:#858fb2; 
	outline-style:outset; 
	font-size:18px;
}
#menu .active{
	color: black; 
	font-weight:bolder; 
	font-size: 18px;
}
/*menuzone ends here*/

/*work_zone starts here*/
#work_zone{
	padding:0px 0px 0px 0px;
}
.primary_container{
	width: 800px;
	padding:50px 100px 50px 100px; 
	background:#f3e7d3;
}
.flex-container {
  flex-wrap: wrap;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.flex-item-left {
  padding: 10px;
  flex: 30%;
  float: left;
}

.flex-item-right {
  padding: 10px;
  flex: 30%;
  float: right;
}

h1{
	padding:0px 0px 10px 0px; 
	margin:0px 0px 0px 0px; 
	background:url(/images/h1_border.gif) left bottom no-repeat; 
	font-size:30px; 
	font-weight:100; 
	font-stretch:condensed;
}
.indent {
	margin-top: 0px;
	margin-left: 30px;
	margin-bottom: 0px;
}
.white_text1{
	font-size:20px; 
}
.index{
	margin-left:5px;
	margin-top: 20px; 
	border: 2px solid #b78532;
	width: 250px;
}
.nickname{
	display: none;
	autocomplete: off;
	tab-index: -1;
}
/*work_zone ends here*/

/*footer starts here*/
#footer{ 
	width:1000px; 
	background:url(../images/footer_bg.gif) repeat-x;
	list-style:none;
}
.footermenu{
	padding:35px 0px 25px 0px;
	margin:0px 0px 0px 0px;
	color: #fff;
	text-align:center;
}
.footermenu ul{
	padding:2px 0px 0px 25px;
	margin:0px 0px 0px 0px;
}
.footermenu li{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	display:inline;
	list-style:none;
}
.footermenu li a{
	padding: 0px 7px 0px 6px;
	color: #fff;
	text-decoration: underline;
}
.footermenu li a:hover{
	text-decoration: none;
}
.copyright li{
	margin-right: 35px;
	padding-top: 20px;
	color: #fff;
	float:right;
	list-style:none;
}

.whiteline{
	color:#fff;
}
/*footer ends here*/

/* 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;
	width: 150px;
}
h5{font:20px 'France', sans-serif; color:#003663; font-weight:normal; padding:0px 0px 5px 0px;	margin:0px 0px 10px 0px;}
h6{font:18px 'France', sans-serif; color:#003663; font-weight:normal; padding:0px 0px 5px 0px;	margin:0px 10px -15px 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 0px;}
input.button{
	color:#ffffff;	
	background:#003663;	
	font:bold 11px Arial, Helvetica, sans-serif; 
	text-decoration:none; 
	padding:5px 10px; 
	margin:0px 5px 5px 0;	
	border:1px solid #000000;
}
input.button:hover{
	cursor:pointer; 
	color:#cccccc;
}
.whiteheading{font:30px Myriad Pro, Arial; color:#ffffff; font-weight:100;	padding:0px; margin:25px 0px 20px 0px;}
.ourprojectrow{
	padding-top:20px;	
	padding-bottom:10px;
	border-bottom: 3px dotted #FFFFFF;
}
.servicecolumnzone{padding:20px 0px 16px 0px;}
.servicecolumn1{width:95%; margin:0px 0px 10px 0px;}
.servicecolumn2{width:48%; float:right;	margin:0px 0px 10px 0px;}
.blog-posted-row{padding:3px;}
/* inner pages css ends */

/* Responsive layout - makes a one column-layout instead of a two-column layout */
@media (max-width: 800px) {
  .ourprojectrow {
    flex: 100%;
  }
}