@import "reset.css";
body {	background:#000  top no-repeat; font-family:Arial;	font-size:12px;	line-height:18px;	color:#fff;	margin:0; padding:0}



div.centr{ width:982px; margin:0 auto; position:relative;}
div.center_cont{width:930px; margin:0 auto; position:relative; float:left}

h1{ font-family:Arial, Helvetica, sans-serif; font-size:29px; line-height:30px; color:#fff; font-weight:normal; padding-bottom:35px}
h2{ font-family:Arial, Helvetica, sans-serif; font-size:27px; line-height:30px; color:#fff; font-weight:normal; margin-left:7px; float:rightt; display:block; padding-bottom:20px}
h3{ font-family:Arial, Helvetica, sans-serif; font-size:23px; line-height:25px; color:#fff; font-weight:normal; padding-bottom:35px}
a{ outline:none!important; cursor:pointer}
a:hover{ text-decoration:none}

.clear {clear:both;}
.left{ float:left}
.right{ float:right}

a{ color:#66d9eb; cursor:pointer; text-decoration:none}
a:hover{ text-decoration:underline}

.grid_1{ width:272px;}
.grid_2{ width:232px;}
.grid_3{ width:650px;}
.grid_4{ width:315px; }
.grid_5{ width:605px;}
.grid_6{ width:280px;}
.grid_7{ width:190px;}
.grid_8{ width:290px;}


.height_50{ height:50px}

.top_8{ margin-top:8px}
.left_50{ margin-left:50px}
.left_80{ margin-left:80px}
.right_15{ margin-right:15px}
.right_18{ margin-right:18px}
.left_40{ margin-left:40px}



@font-face {
    font-family: 'CairoRegular';
    src: url('cairo-webfont.eot');
    src: url('cairo-webfont.eot?#iefix') format('embedded-opentype'),
         url('cairo-webfont.woff') format('woff'),
         url('cairo-webfont.ttf') format('truetype'),
         url('cairo-webfont.svg#CairoRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

em{ font-style:normal}

.header{ background:url(../images/header.jpg) top no-repeat; height:772px}
a.logo{ display:block; padding-top:50px; width:300px}
/*================= menu =========================*/
div.nav{ margin-top:37px}
div.nav a.home{ display:block; overflow:hidden; height:45px; text-decoration:none; position:relative; width:300px; text-transform:uppercase; margin-bottom:8px}
div.nav a.home em{  font-family: 'CairoRegular'; text-decoration:none;   display:block; width:300px; height:42px; color:#fff; filter:alpha(opacity=40);-moz-opacity: 0.4;-khtml-opacity: 0.4;opacity: 0.4;font-size:44px; line-height:44px}
div.nav a.home span, a.act{   font-family: 'CairoRegular'; text-decoration:none;display:block;  width:300px; height:42px; position:absolute; color:#fff; top:-44px;font-size:44px; line-height:44px}

div.nav a.about{ display:block; overflow:hidden; height:57px; text-decoration:none; position:relative; width:300px; text-transform:uppercase; margin-bottom:8px}
div.nav a.about em{  font-family: 'CairoRegular'; text-decoration:none;   display:block; width:300px; height:57px; color:#fff; filter:alpha(opacity=40);-moz-opacity: 0.4;-khtml-opacity: 0.4;opacity: 0.4;font-size:59px; line-height:63px}
div.nav a.about span{   font-family: 'CairoRegular'; text-decoration:none;display:block;  width:300px; height:57px; position:absolute; color:#fff; top:-58px;font-size:59px; line-height:63px}

div.nav a.services{ display:block; overflow:hidden; height:57px; text-decoration:none; position:relative; width:300px; text-transform:uppercase; margin-bottom:8px}
div.nav a.services em{  font-family: 'CairoRegular'; text-decoration:none;   display:block; width:300px; height:57px; color:#fff; filter:alpha(opacity=40);-moz-opacity: 0.4;-khtml-opacity: 0.4;opacity: 0.4;font-size:59px; line-height:63px}
div.nav a.services span{   font-family: 'CairoRegular'; text-decoration:none;display:block;  width:300px; height:57px; position:absolute; color:#fff; top:-58px;font-size:59px; line-height:63px}

div.nav a.projects{ display:block; overflow:hidden; height:43px; text-decoration:none; position:relative; width:300px; text-transform:uppercase; margin-bottom:8px}
div.nav a.projects em{  font-family: 'CairoRegular'; text-decoration:none;   display:block; width:300px; height:43px; color:#fff; filter:alpha(opacity=40);-moz-opacity: 0.4;-khtml-opacity: 0.4;opacity: 0.4;font-size:43px; line-height:47px}
div.nav a.projects span{   font-family: 'CairoRegular'; text-decoration:none;display:block;  width:300px; height:43px; position:absolute; color:#fff; top:-55px;font-size:43px; line-height:47px}
/*================= menu end =========================*/
/*================= overview =========================*/
div.overview{ background:url(../images/overview.png); height:166px; padding:32px 0}
a.read{ background:url(../images/read.png) right no-repeat; padding-right:15px;}
ul.list li a{ background:url(../images/arrow_list.png) left no-repeat; padding-left:10px; line-height:23px; text-decoration:underline}
ul.list li a:hover{ text-decoration:none}
/*================= overview end =========================*/

/*================= content =========================*/
div.content_main{ background:url(../images/bg_main_cont.gif) repeat; margin-top:7px; padding:40px 0 5px 0}
 p{ font-size:14px; color:#ff973a; display:block; margin-bottom:5px}
div.border{  border-bottom: 1px solid #505050}

div.project_1{ background:url(../images/photo_14.jpg); width:291px; height:39px; padding-top:107px}
div.project_1 span{ background:url(../images/bg_progect.png); width:271px; height:20px; display:block; color:#fff; font-size:20px; padding:10px 0 10px 20px}

div.project_2{ background:url(../images/photo_15.jpg); width:291px; height:39px; padding-top:107px; margin-top:15px}
div.project_2 span{ background:url(../images/bg_progect.png); width:271px; height:20px; display:block; color:#fff; font-size:20px; padding:10px 0 10px 20px}

div.project_3{ background:url(../images/photo_16.jpg); width:291px; height:39px; padding-top:107px; margin-top:15px}
div.project_3 span{ background:url(../images/bg_progect.png); width:271px; height:20px; display:block; color:#fff; font-size:20px; padding:10px 0 10px 20px}

div.project_4{ background:url(../images/photo_17.jpg); width:291px; height:39px; padding-top:107px; margin-top:15px}
div.project_4 span{ background:url(../images/bg_progect.png); width:271px; height:20px; display:block; color:#fff; font-size:20px; padding:10px 0 10px 20px}

/*================= content end =========================*/

/*================= bottom content =========================*/
div.bottom_content{ padding:40px 0 }
ul.list_1 li{ background:url(../images/arrow_list_1.png) left 8px no-repeat; padding-left:15px; line-height:23px}
ul.list_1 li a{ display:block; overflow:hidden}
ul.list_1 li a:hover{ color:#fff; text-decoration:underline}
div.bottom_content p.phone{ font-size:24px; line-height:24px; color:#fff}
div.pins{ margin-left:55px; margin-top:-14px}
div.bottom_content small{ color:#939393; display:block; margin-top:10px}
div.bottom_content small a{ color:#939393; text-decoration:underline}
/*================= bottom content end =========================*/
/*================= Contacts =========================*/

.notification_error{ height: auto;width: 99%;padding: 2px;background: #000; text-align: left; color:#f00; margin-bottom:2px; border: 1px solid #292a2c;  margin-bottom:6px}
.notification_ok{ border: 0px ; height: auto; width: 96%; padding: 8px; background: #000; text-align: center;   } 
.info_fieldset { border: 0px  }
.info_fieldset legend { border: 0px #292a2c solid;  color: fff;   font: 12px Arial;  padding: 2px 5px 2px 5px; }

#submit {  cursor:pointer; color:#66d9eb; line-height:18px; font-size:12px; height:29px;  padding-left:18px; text-decoration: underline;  text-align:left; margin-top:10px; background:none; border:none;background:url(../images/read.png) right no-repeat; padding-right:15px; width:47px; padding:0}
#submit:hover{ text-decoration:none}
/* Label */
label  { width: 60px;  margin: 0px; float: left; text-align: left; }
label.message{ width: 320px;  margin: 0px; text-align: left;  margin-left:130px;  }
/* Input, Textarea */
input{ margin: 0px; padding: 0px;  float: left; border: 1px solid #292a2c;  color: #fff; background:#000; font: 12px Arial, Helvetica, Arial, sans-serif; height:25px; margin-bottom:5px; width:280px; padding-left:5px}

textarea{margin: 0px; padding: 0px;  background: #000; border: 1px solid #292a2c;  color: #fff;   font: 12px Arial, Helvetica, Arial, sans-serif; height:110px; margin-bottom:5px; width:275px;  padding:5px }