/* -- for InStyle -- */
/* -- headers -- */

/* -- layouts for main page -- */
#wrapper {
        min-width: 1000px;
        max-width: 1200px;
        margin: 0 auto;
        position: relative;
        text-align: left;
        height: 860px;
}

/* -- topmenu -- */
#topmenu {
        height: 69px;
		position:relative;
		z-index:10;
}

ul.mTop1, ul.mTop2 {
        position: absolute;
        top: 30px;
}

ul.mTop1 a, ul.mTop2 a {
        text-decoration: none;
}

ul.mTop1 li, ul.mTop2 li {
        padding-bottom: 10px;
}

ul.mTop1 li span, ul.mTop2 li span {
        visibility: hidden;
}

ul.mTop1 {
        left: 41%;
}
ul.mTop1 li h1, ul.mTop2 li h1, ul.mTop3 li h1, ul.mTop4 li h1{
        font-family:Tahoma;
		font-size:13px;
}

A:link.path, A:visited.path, A:active.path {
color: #969495;
font-size: 11px;
text-decoration: none;
border-bottom:1px dotted #969495;
}

A:hover.path{
color: #969495;
font-size: 11px;
text-decoration: none;
border-bottom:1px dotted #969495;
}

span.path{
color: #969495;
font-size: 11px;
}



ul.mTop2 {
        left: 58%;
}

#shift {
        position: absolute;
        top: 36px;
        background: transparent url(../../images/jack_block_bg.png) no-repeat;
        padding: 4px 70px 15px 5px;
        width: 89px;
        left: 100%;
        margin-left: -164px;
        /*right: 0px;*/
        z-index: 80;
        display:none;
}

#shift a {
        color: #fff;
        text-decoration: underline;
        font-size: 13px;
}

/* -- logo line -- */
#logo {
	position: absolute;
	left: 31%;
	top: 115px;
}

#logo div {
	position:absolute;
	left: 32px;
	top: -140px;
	background:transparent;
	z-index: 2;
}

#citeB {
        position: absolute;
        left: 58%;
        top: 140px;
        margin-left: -9px;
        padding: 12px 9px 4px 9px;
        background: #51befd;
        width: 16%;
        color: #fff;
        font-size: 11px;
        line-height: 1.17;
}

#citeB p {
        padding-bottom: 8px;
}

/* -- main menu -- */
#mainMenu {
        top: 286px;
        position: relative;
        height: 180px;
}

#mainMenu div {
        border-left: 4px solid #0D69D1;
        padding: 2px 0 2px 0;

}

#mainMenu dl.m1, #mainMenu dl.m2, #mainMenu dl.m3, #mainMenu dl.m4 {
        position: absolute;
        width: 16%;
}

#mainMenu dl.m1 {
        left: 24%;
}

#mainMenu dl.m2 {
        left: 41%;
}

#mainMenu dl.m3 {
        left: 58%;
}

#mainMenu dl.m4 {
        left: 75%;
}

#mainMenu dl dt h2 {
        visibility: hidden;
}

#mainMenu dl dt a {
        display: block;
        margin-bottom: 7px;
}

#mainMenu dl dd {
        display: inline;
        color: #fff;
        font-size: 11px;
        line-height: 1.31;
}

#mainMenu dl dd p {
        display: inline;
        padding: 2px 2px 2px 0;
}

/* -- portfolio -- */
#portfolio {
        position: relative;
        top: 320px;
        z-index: 1;
}

#pfBig {
        position: absolute;
        right: 25%;
        text-align: right;
        z-index: 2;
        overflow: visible;
        width: 340px;
}

#pfBig img {
        margin: 0px 4px 4px 0px;
        z-index: 3;
}

/* -- -- */
.tip {
        list-style: none;
        overflow: visible;
}

.tip a {
        display: block;
}

.tip li:hover div, .tip li.jshover div {
        display: block;
}

.tip li {
        position: relative;
        float: left;
}

.tip li div {
        position: absolute;
        width: 153px;
        height: 314px;
        background: transparent url(../../images/s_tip.png) no-repeat;
        padding: 30px 26px 10px 26px;
        text-align: left;
        top: -340px;
        left: -60px;
        z-index: 20;
        display: none;
        color: #fff;
        font-size: 12px;
}

.tip li div img {
        padding: 5px 0;
}

.tip li em {
        position: absolute;
        width: 153px;
        height: 241px;
        display: none;
        background: transparent url(../../images/free_call_bg.png) no-repeat;
        left:-40px;
        top:-250px;
        text-align: left;
        color: #fff;
        font-size: 10px;
        font-style: normal;
        padding: 15px 18px 0 12px;
}

.tip li:hover em, .tip li.jshover em {
        display: block;
}

.tip li em p {
        padding-bottom: 4px;
}


/* -- small image gallery/ some small folio -- */
#pfSmall {
        position: absolute;
        left: 75%;
        z-index: 80;
}

#pfSmall a {
        display: block;
        width: 39px;
        height: 28px;
        margin: 0px 1px 1px 0px;
}

#pfSmall a:hover {
        white-space: normal;
        position: relative;
}

#pfSmall a img {
        margin: 0px 1px 1px 0px;
        width: 39px;
        height: 28px;
        z-index: 90;
}

#pfSmall a:hover img {
        position: absolute;
        width: 78px;
        height: 56px;
        left: -20px;
        top: -14px;
        z-index: 99;
}

/* -- text page paragraph block -- */

#txtcontainer{
margin: 0 150px -70px -100px;
}

#txt{
         background:transparent;
         position:relative;
         z-index:20;
         top:286px;
         position:relative;
         width:38%;
         font-size:13px;
         line-height:1.31;
         margin-left:25%;
         padding: 0 100px;
}
#txt h1{
                font-family:Arial, Helvetica, sans-serif !important;
                font:30px normal;
                color:#3cb4fc;
                padding:0 0 18px 60px;
                margin-left: -60px;
                line-height:1;
                background: transparent url(../../images/arrow_long.gif) no-repeat -140px 30%;
}
#txt a{
        font-weight:bold;
        color:#3cb4fc;
}
#txt p.quote{
        font-family:Arial, Helvetica, sans-serif;
        font-size:25px;
        font-style:italic;
        line-height:1;
        color:#3cb4fc;
        display:block;
        position:relative;
        z-index:5;
        margin: -15px -24% 25px -21%;
        padding:35px 0 0 12%;
        background: transparent url(../../images/quotes.gif) no-repeat 0 0;
        left: -2px;
}

/* -- gallery page layout elements -- */

#gallerycont #txt {width: 37%; margin-left:50%; padding:0; top:250px;}
#gallerycont #txt p *, #gallerycont #txt p {display:inline; font-size:11px; line-height:1.1; background: #0d69d1; color:White;}
#gallerycont h2 {display: inline; background: #0d69d1;}
#gallerycont h2 a { color:White; font-family:Arial, Helvetica, sans-serif !important; font:22px normal;}
#galleryparts {margin-bottom: 15px;}
#galleryparts img {margin:0 7px 5px 0; }
#galleryparts li {float:left; padding-right:5px;}
#projdescr {height: 117px;}
#projdescr div {border-left:6px solid #0D69D1; padding: 1px 0; margin: 10px 0;}
#galleryimages {margin-left:-340px; width:200%;}
#galleryimages img {margin:0 4px 3px 0;}
#galleryimages div.first {display:block; float:left; position:relative; top: -118px; width:250px; height:173px; margin-bottom: -118px; padding-right:5px;}
#galleryimages div.first img {padding:1px; background:White; border:1px solid #e0effd;}
#galleryimages div.first div {
	position:absolute;
	left: -87px;
	top: -145px;
	background:transparent;
}
#galleryimages div.first div div {
	left: -52px;
	top: -76px;
}
#galleryimages div.first div div div{
	left: 165px;
	top: -48px;
}
#galleryimages div.first div img {padding:0; background:transparent; border:none;}
/* -- contacts page -- */

#contactscontainer #txt{width:50%;}
#map {float:left; position:relative; left: -100px; margin: 0 -100px 0 0;}
#mapcomments {position: relative; margin-left:50%;}
#mapcomments p {margin-left: -10px;}
#aftermap{display:block; width: 50%; clear:both; font-size:11px; padding-top:20px;}

/* -- footer -- */
#footer {
        position: relative;
        top: 440px;
        font-size: 11px;
        line-height: 1.31;
}

#footer a {
        color: #009af8;
        text-decoration: underline;
}

#fphone {
        width: 24%;
        position: absolute;
        left: 0px;
        text-align: right;
        background: transparent url(../../images/phone_jack.jpg) no-repeat top right;
        height: 200px;
}

a.freecall {
        display: block;
        margin-top: 13px;
        margin-left: auto;
        padding-left: 15px;
        background: transparent url(../../images/ico_q.gif) no-repeat left 3px;
        width: 73px;
}

input#tocall {width: 112px; padding:5px 4px}

#fadr {
        width: 37%;
        position: absolute;
        left: 50%;
        background: transparent url(../../images/arrow_long.gif) no-repeat 30% 21px
}

#fadr div {position:absolute; left: -60%; top: - 10px;}

#fadr img {
        margin-bottom: 8px;
}

a.mailto {
        padding-left: 15px;
        margin-left: -15px;
        background: transparent url(../../images/ico_w.gif) no-repeat left 3px;
        position: absolute;
}

p.fa_fix {
        margin-top: 44px;
}

#fmap {
        position: absolute;
        left: 73%;
}

/* -- box --  */


#overlay {position: fixed; top: 0px; width: 100%; height: 100%; z-index: 7; display:none; background-image: url(../../images/popupbg.png); left:0;}
*html #overlay {display:none; position: absolute; z-index: 10; height: auto !important; height: 100%; min-height: 100%; width:100%; top: expression( ( 0 - popup.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); background-image: url(../../images/popupbg.png); filter: alpha(Opacity=30);}

#popup{
       display: none;
       width:352px;
       height: 490px;
       background: url(../../images/feedback_bg.png) no-repeat;
       padding: 33px 0 0 45px;
       position: absolute;
       z-index: 110;
       left: 50%;
       top:50%;
       margin-left: -201px;
       margin-top: -173px;
       text-align: left;
       color: #fff;
       font-size: 12px;
       font-weight: bold;
}
#popup td {padding-top:5px;}
#popup h1 {
        font-size: 18px;
        color: #fff;
}

#popup input {
                padding: 5px 4px;
        width: 182px;
                font-family:Arial, Helvetica, sans-serif;
                font-size:12px;
}

#popup textarea {
                padding: 5px 4px;
        width: 305px;
        height: 150px;
        position: relative;
                font-family:Arial, Helvetica, sans-serif;
                font-size:12px;
}

#popup button {font-size: 14px; color: #666; font-family: Arial; padding: 5px 8px; font-weight: bold; width: 120px;}
td#button {text-align:center}
button:first-child{color:#FF0000}


#close{
    position:absolute;
    top: 20px;
    right: 20px;
    cursor:pointer;
}

a.send {
        color: #fff;
        font-size: 18px;
        font-weight: bold;
        text-decoration: underline;
        padding-left: 18px;
        background: url(../../images/send.gif) no-repeat left 50%;
}

/* -- form -- */
input, textarea {
        border: 1px solid #0d75ca;
        background: #fff url(../../images/form_bg.png) no-repeat top left;
}

#text_slogan {
	position:absolute;
	left:18%;
	margin-top:150px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:38px;
	font-style:italic;
	line-height:100%;
	z-index:10;
	
}

}
	
#text_slogan h1 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:38px;
	font-style:italic;
	line-height:100%;
	font-weight:normal;
	color:#000;
}