/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Left & Right alignment */

.left { float:left;}
.right { float:right;}
.clear {clear:both;}
.table {display:table;}
.wrapper {width:100%; overflow:hidden;}
.relative {position:relative;}
.absolute {position:absolute;}

/* Global properties ======================================================== */
body, html {height:100%;}

body{ background:#292929; border:0; font: 12px Arial, Helvetica, sans-serif; color:#959595; line-height:18px; min-width:960px; position:relative; overflow:hidden;}

a{ color:#ff973a; text-decoration: underline; outline:none}
a:hover{ text-decoration: none}

h2{ font-size:42px; color:#959595; line-height:1.2em; padding:20px 0 10px 0; text-transform:uppercase;}

.spinner{ position:absolute; z-index:99; background:url(../images/loader.gif) 50% 50% no-repeat #292929; width:100%; height:100%; top:0; left:0}


.extra {min-height:100%; height:auto !important; height:100%; margin: 0 auto -53px; position:relative;overflow:hidden;}



/* Global Structure ============================================================= */

.bot1{ background:#000000 top left repeat; height:53px; position:relative; z-index:10;}

.bot2 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

footer { padding: 15px 0px; color:#8f8f8f; line-height:1.2em; text-align:center;}
footer a{ text-decoration:none; color:#c8c8c8;}
footer a:hover{ color:#fff;}

.top1{ position: absolute; z-index:10; background-color:#000; width:100%; height:67px; top:0px; left:0}
	.top2{height:67px; float:left; width:400px;}
	.top3{height:97px; float:right; width:400px;}

#logo{ display:block; text-indent:-9999px; background:url(../images/logo1.png) 0 0 no-repeat; width:520px; height:51px; margin:10px 0 0 30px;}

#sign_in{ float:right; padding:30px 10px 0 0;}
#sign_in li{padding-top:5px ;padding-right:20px; background:url(../images/marker1.png) right 10px no-repeat; margin-right:10px; float: left;  font-size:20px; text-transform:uppercase;}
#sign_in .last{ padding-right:10px; padding-top:0px; ;margin-right:0; background:none;}
#sign_in a{ text-decoration:none; color:#cacaca;}
#sign_in a:hover{ color:#fff;}


.block1 {height:70px;}
.block2 {height:53px;} /* 100px  */
.main {	margin: 0px auto  100px;	width: 960px; position:relative; padding-top:10px}

header{
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

.slide { }








/* ============================= main menu ====================== */
.shadow1 { position:absolute; z-index:-1; bottom:-55px; left:0px; width:957px; height:85px; background:url(../images/shadow1.png) top center no-repeat;}


.menu{ padding:0px 0px 0px; height:172px; position:relative;}
#menu { position:relative;}
#menu > li { position:relative; float:left; margin-right:1px; width:158px; height:172px;}
#menu > li > span{ position:absolute; top: 0px; left:0px; width:158px; height:172px; z-index:1;}


#menu > li > a{ display:block; position:relative; width:158px; height:102px; padding-top:70px; z-index:2; font-size:30px; text-transform:uppercase; text-align:center; text-decoration:none;}
#menu > li > a > span{ position:absolute; height:172px; width:158px; background:url(../images/nav_hover.png) top left no-repeat; top:0; left:0}

#menu > li > a > b{position:absolute; z-index:4; font-size:18px; color:#000; text-transform:none; text-align:center; width:100%; height:30px; top:100px; left:0;}


#nav1 a {color:#d2bda1}
#nav2 a {color:#ffe68d}
#nav3 a {color:#ffbb83}
#nav4 a {color:#a6d1d1}
#nav5 a {color:#adbfdb}
#nav6 a {color:#a1a9b0}


.submenu{ position:absolute; z-index:20; top:172px; left:0px; }
.submenu ul{ position:relative; background: #1c1c1c; width:158px; height:98px; padding:0px 0 0 0px;}
.submenu li{ line-height:30px; padding-top:10px; width:158px; height:40px; background:url(../images/submenu_bg.png) bottom center no-repeat;}
.submenu li.last{  padding-top:10px; background:none;}
.submenu a{ text-align:center; text-decoration:none; display:block; font-size:24px; color:#959595;}
.submenu a:hover{ color:#fff;}




/* ============================= main layout ====================== */

.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .cols{ float:left; margin:0; padding:0;}

.cols{ width:950px;}
.col1{ width:310px;}
.col2{ width:600px;}
.col3{ width:280px;}
.col4{ width:630px;}
.col5{ width:320px;}
.col6{ width:590px;}
.col7{ width:275px;}
.col8{ width:455px;}

.pad_left1{ padding-left:40px;}



#content{ height:0px;}
#content > ul > li{}
.box{ position:relative; padding:0 0 0 0;}

.upper{ text-transform:uppercase;}

.disk{ background:url(../images/li_st1.png) 0 9px no-repeat; color:#FFFFFF; padding-left:20px; text-decoration:none; line-height:28px; }
.disk a{ font-weight:bold;text-decoration:none; color:#FFFFFF;}
.disk a:hover{ text-decoration:underline; color:#ff973a;}

.button1{ display:inline-block; font-size:20px; text-transform:uppercase; color:#959595; height:35px; line-height:34px; padding:0 16px; position:relative; background:#000; text-decoration:none; margin-top:5px;}
.button1 strong{ position:relative;}
.button1 span{ background:#3e3e3e; position:absolute; top:0; left:0; width:100%; height:100%}
.button1:hover{ color:#fff}

.img1 { margin-right:15px; margin-bottom:10px;}

.line1 { width:100%; background:url(../images/line1.png) top left repeat-x; height:4px; margin-bottom:10px;}

p.text { padding:7px 0;}

.readmore {background:url(../images/li_st1.png) 0 1px no-repeat; color:#FFFFFF; padding-left:10px;}
.readmore a:hover{ text-decoration:none;  }
.box strong { color:#FFFFFF;}

.gmap span { margin-left:0px;}

.color1 { font-size:14px; color:#ff973a!important;}




.video1 { width:304px; height:143px; position:relative; margin-bottom:10px;}
.video1 img {position:relative; z-index:2;}
.video1 span{position:absolute; z-index:2; margin:0 0 0 0px; top:0; left:0; background:url(../images/video_over.png) 50% 50% no-repeat #000; width:100%; height:100%;}




/* ============================= gallery ====================== */

.prev, .next{ float:left; margin-right:6px; width:34px; height:36px; position:relative; background:url(../images/markers.gif) 0 0 no-repeat; margin-top:15px;}
.next{ background-position:right 0;}
.prev span, .next span{ position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/markers.gif) 0 bottom no-repeat; z-index:2}
.next span{ background-position: right bottom}

#page_ABOUT .prev, #page_ABOUT .next{ float:right; margin-right:0; margin-left:6px; margin-top:35px;}
#page_PROJECTS .prev, #page_PROJECTS .next{ float:right; margin-right:0; margin-left:6px; margin-top:35px;}
#page_GALLERY .prev, #page_GALLERY .next{ float:right; margin-right:0; margin-left:6px; margin-top:35px;}


.gallery1{ width:600px !important;}
.gallery1 li{ float:left; width:600px; padding-right:50px; height:250px; }


div.gal1 { width:250px; float:left; padding-left:0px}
div.gal1_last{width:250px; float:left;  padding-left:100px; }



.photo1 { width:94px; height:94px; float:left; position:relative; margin-right:15px; margin-bottom:20px;}
.photo1 img {position:relative; z-index:2;}
.photo1 span{position:absolute; z-index:2; margin:0 0 0 0px; top:0; left:0; background:url(../images/photo_over.png) 50% 50% no-repeat #000; width:100%; height:100%;}



.gallery2{ width:950px !important; }
.gallery2 li{ float:left; width:950px; padding-right:100px;height:250px; }

div.gal2 { width:220px; float:left; padding-right:23px}
div.gal2_last{width:220px; float:left;  padding-right:0px; }



.photo2 { width:214px; height:135px; float:left; position:relative; margin-right:15px; margin-bottom:20px;}
.photo2 img {position:relative; z-index:2;}
.photo2 span{position:absolute; z-index:2; margin:0 0 0 0px; top:0; left:0; background:url(../images/photo_over.png) 50% 50% no-repeat #000; width:100%; height:100%;}


.gallery3{ width:950px !important; }
.gallery3 li{ float:left; width:950px; padding-right:100px;height:550px; }

div.gal3 { width:220px; float:left; padding-right:23px; padding-bottom:50px}
div.gal3_last{width:220px; float:left;  padding-right:0px; }



.photo3 { width:214px; height:135px; float:left; position:relative; margin-right:15px; margin-bottom:20px;}
.photo3 img {position:relative; z-index:2;}
.photo3 span{position:absolute; z-index:2; margin:0 0 0 0px; top:0; left:0; background:url(../images/photo_over.png) 50% 50% no-repeat #000; width:100%; height:100%;}





/*================= Contacts =========================*/
.notification_error{ height: auto;width:450px;padding: 2px;background: #0d0d0d; text-align: left; color:#f00; border: 1px solid #5a5a5a; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px; margin-bottom:5px}
.notification_ok{ border: 0px ; height: auto; width: 100%; padding: 8px; background: #0d0d0d; text-align: center;-moz-border-radius:4px; -webkit-border-radius: 4px; border-radius:4px  } 
 .info_fieldset legend { border: 1px #5a5a5a solid;  color: #fff;   font: 12px  Arial;  padding: 2px 5px 2px 5px; }

/* Label */
label  { width: 100px;  margin: 0px; color:#fff; float:left;  line-height:22px}

/* Input, Textarea */
input{ margin: 0px; padding: 0px;   border: 1px solid #5a5a5a;  color: #fff; background:#0d0d0d; font: 12px Arial, Helvetica, Arial, sans-serif; height:30px; margin-bottom:5px; width:350px; line-height:22px;-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px}

textarea{margin: 0px; padding: 0px;   background:#0d0d0d; border: 1px solid #5a5a5a;  color: #fff;   font: 12px Arial, Helvetica, Arial, sans-serif; height:260px; margin-bottom:5px; width:350px; line-height:22px;-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px}

.pinn { border:0; background:url(../images/submit.jpg) 0 0 no-repeat;margin-left:100px ; display:block; text-align:center; line-height:25px; font-weight:bold; text-decoration:none; width:98px; height:36px; color:#fff; font-size:22px; margin-top:10px; cursor:pointer;  opacity:1; text-indent:-9999px;}
.pinn:hover{ background:url(../images/submit_over.jpg) 0 0 no-repeat;}
#ajax-contact-form{ width:588px}