html, body{font-family:Arial, Helvetica, sans-serif; color:#fff; margin:0px; padding:0px; background:url(../images/banner_bg.jpg) repeat;}
h1, h2, h3, h4, h5, h6{font-family:"Myriad Pro"; color:#000000; font-weight:100;}
ul, ol, li{list-style:none; padding:0px; margin:0px;}
img{border:0px;}
p{font-family:Calibri; color:#000000; font-size:15px; line-height:22px; text-align:justify;}
table{border:0px; padding:0px; margin:0px;}
tr, td{font-family:Calibri; color:#000000; font-size:15px; line-height:22px; text-align:left;}
a, a:link, a:visited{text-decoration:none;}


#wrapper{float:left; width:100%; margin:0; padding:0;}
.header{float:left; width:100%;}
.header_area{margin:0 auto; width:1000px; z-index:3; position:relative;}
.header_left{float:left; width:258px;}
.logo{}
.header_right{float:right; width:742px;}
.menu{float:left; width:742px;}
.menu li{float:left; list-style:none; border-right:1px #4e75ac solid;}
.menu li a{float:left; font-family:"Myriad Pro"; font-size:17px; color:#4e4e4e; padding:25px 30px 25px 30px;}

.green a{background-color:#dde4ef; z-index:2; position:relative; border-top:5px #008e47 solid;}
.green a:hover{background:#008e47; color:#fff;}
.green a.active{background:#008e47; color:#fff;}

.blue a{background-color:#dde4ef; z-index:2; position:relative; border-top:5px #425eab solid;}
.blue a:hover{background:#425eab; color:#fff;}
.blue a.active{background:#425eab; color:#fff;}

.cyan a{background-color:#dde4ef; z-index:2; position:relative; border-top:5px #42a7a0 solid;}
.cyan a:hover{background:#42a7a0; color:#fff;}
.cyan a.active{background:#42a7a0; color:#fff;}

.yellowgreen a{background-color:#dde4ef; z-index:2; position:relative; border-top:5px #a5a147 solid;}
.yellowgreen a:hover{background:#a5a147; color:#fff;}
.yellowgreen a.active{background:#a5a147; color:#fff;}

.yelloworange a{background-color:#dde4ef; z-index:2; position:relative; border-top:5px #e3a514 solid;}
.yelloworange a:hover{background:#e3a514; color:#fff;}
.yelloworange a.active{background:#e3a514; color:#fff;}

.red a{background-color:#dde4ef; z-index:2; position:relative; border-top:5px #a54347 solid;}
.red a:hover{background:#a54347; color:#fff;}
.red a.active{background:#a54347; color:#fff;}

.banner{float:left; width:100%; background:#dde4ef; height:575px; z-index:1; position:relative; overflow:hidden;}

.content{float:left; width:100%; margin-top:20px; margin-bottom:20px;}
.content_area{margin:0 auto; width:1000px;}
.read a{float:right; font-family:"Myriad Pro"; color:#000000; font-weight:bold; font-size:15px;}

.footer{float:left; width:100%; background:#f9f9f9; height:60px;}
.footer_area{margin:0 auto; width:1000px;}
.footer_left{float:left; font-family:Calibri; font-size:15px; color:#000; font-weight:bold; margin-top:30px;}
.footer_right{float:right; margin-top:15px; }

.about_banner{float:left; width:100%; background:#dde4ef; height:309px; overflow:hidden;}

.contact_left{float:left; width:400px;}
.contact_right{float:right; width:550px;}

.proje{float:left; width:1000px;}
.proje li{list-style:none; float:left; padding:20px 48px; width:150px; height:130px;}
.img_widtyp{width:200px; height:400px; border:2px #1b3aa6 solid;}
.img_widtyp1{width:150px; height:130px; border:2px #1b3aa6 solid;}
.back{font-family:Verdana; font-size:15px; color:#233360; float:right; margin:-40px 0px; border-bottom:2px dotted #fe9b01;}


.services{float:left; font-family:Calibri; color:#000000; font-size:15px; line-height:22px; text-align:justify; width:1000px; margin-left:20px;}
.services li{list-style:square;}


.input{width:250px; height:30px; border:1px #2982b8 solid; border-radius:5px;}
.text_area_enquiry{width:250px; height:80px; border:1px #2982b8 solid; border-radius:5px;}
.text_wid{line-height:22px; font-family:Arial; color:#000; font-size:15px; padding:10px 0px;}
.sub{width:70px; height:25px; background:#2982b8; border:1px #450608 solid; border-radius:5px; color:#fff; margin-left:10px;}
.sub1{width:50px; height:25px; background:#2982b8; border:1px #450608 solid; border-radius:5px; color:#fff; margin-left:15px;}

.projects{float:left; width:1000px;}
.projects li{float:left; list-style:none; padding:10px 16px; }
.projects li a{float:left;}

/*------------------------------------- Tabs ----------------------------------------------*/

#tabs{
  overflow: hidden;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  
}

#tabs li{
  float: left;
  margin: 0 .5em 0 0;
}

#tabs a{
  position: relative;
  background: #ddd;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
  background-image: -webkit-linear-gradient(top, #fff, #ddd);
  background-image: -moz-linear-gradient(top, #fff, #ddd);
  background-image: -ms-linear-gradient(top, #fff, #ddd);
  background-image: -o-linear-gradient(top, #fff, #ddd);
  background-image: linear-gradient(to bottom, #fff, #ddd);  
  padding: .7em 3.5em;
  float: left;
  text-decoration: none;
  color: #444;
  text-shadow: 0 1px 0 rgba(255,255,255,.8);
  -webkit-border-radius: 5px 0 0 0;
  -moz-border-radius: 5px 0 0 0;
  border-radius: 5px 0 0 0;
  -moz-box-shadow: 0 2px 2px rgba(0,0,0,.4);
  -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.4);
  box-shadow: 0 2px 2px rgba(0,0,0,.4);
}

#tabs a:hover,
#tabs a:hover::after,
#tabs a:focus,
#tabs a:focus::after{
  background: #fff;
}

#tabs a:focus{
  outline: 0;
}

#tabs a::after{
  content:'';
  position:absolute;
  z-index: 1;
  top: 0;
  right: -.5em;  
  bottom: 0;
  width: 1em;
  background: #ddd;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
  background-image: -webkit-linear-gradient(top, #fff, #ddd);
  background-image: -moz-linear-gradient(top, #fff, #ddd);
  background-image: -ms-linear-gradient(top, #fff, #ddd);
  background-image: -o-linear-gradient(top, #fff, #ddd);
  background-image: linear-gradient(to bottom, #fff, #ddd);  
  -moz-box-shadow: 2px 2px 2px rgba(0,0,0,.4);
  -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,.4);
  box-shadow: 2px 2px 2px rgba(0,0,0,.4);
  -webkit-transform: skew(10deg);
  -moz-transform: skew(10deg);
  -ms-transform: skew(10deg);
  -o-transform: skew(10deg);
  transform: skew(10deg);
  -webkit-border-radius: 0 5px 0 0;
  -moz-border-radius: 0 5px 0 0;
  border-radius: 0 5px 0 0;  
}

#tabs #current a,
#tabs #current a::after{
  background: #fff;
  z-index: 3;
}

/* ------------------------------------------------- */

#content
{
    background: #fff;
    padding: 2em;
	height: auto;
	position: relative;
	z-index: 2;	
    -moz-border-radius: 0 5px 5px 5px;
    -webkit-border-radius: 0 5px 5px 5px;
    border-radius: 0 5px 5px 5px;
    -moz-box-shadow: 0 -2px 3px -2px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 -2px 3px -2px rgba(0, 0, 0, .5);
    box-shadow: 0 -2px 3px -2px rgba(0, 0, 0, .5);
	border:1px #999 solid;
	width: 780px;

}

#content h2, #content h3, #content p
{
    margin: 0 0 15px 0;
}

/* ------------------------------------------------- */

#about
{
    color: #999;
}

#about a
{
    color: #eee;
}








/*--------------------------------------------------------------------------------------------------------------*/
.visitor{
	 margin-left: 18em;
}
.home-project{
	margin-top:50px;
}